@charset "utf-8";
/*
Theme Name: cloudtpl_360
Theme URI: http://c-tpl.com/
Description: cloudtpl_360
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body{
font: 13px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: url(images/header.png) repeat-x 50% 0;
}

body#sub {
background: url(images/header_sub.png)repeat-x 50% 0;
}

a{color:#995e25; text-decoration:none;}
a:hover{color:#636363; text-decoration:underline;}
a:active,a:focus{outline: 0;}

a:hover img {
opacity: 0.8;			/*リンク画像 マウスオーバー時の透明度 IE以外のモダンブラウザ用*/
filter: alpha(opacity=80);	/*リンク画像 マウスオーバー時の透明度 IE用*/
}

img{border:0;}
.clear{clear:both;}

p{
margin-bottom: 15px;
line-height: 1.5
}

p.line {
line-height: 22px;
background-image: url(images/line_dot.gif);
background-repeat: repeat;
}
.center{text-align:center;}
.right{text-align:right;}

/* フォントサイズ・カラー
---------------------------*/
p.txt-xs { font-size: x-small; }
.txt-s { font-size:10px;}
.txt-m { font-size:12px;}
.txt-l { font-size:14px;}

.txt-red { color:#FF3333;}

.s-red {
font-size:10px;
color:#FF3333;
}


/*************
全体幅
*************/
#header, #container, .inner{
margin: 0 auto;
width: 960px;
}


/*************
/* ヘッダー
*************/
#header{
position:relative;
height: 106px;
padding: 0px 0px 30px;
}

#header h1,#header h2, #header h3, #header ul{
position:absolute;
top:5px;
color: #e1e1e1;
font-size: 11px;
line-height: 20px;
font-weight: normal;
}

#header h2{
font-size: 13px;
font-weight: normal;
right:0;
}

#header h3{top: 38px;}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 69px;
right: 0px;
border-right: 1px solid #1a1a1a;
border-left: 1px solid #3d3d3d;
}

#header ul li{
list-style: none;
float:left;
padding: 0 20px;
font-size:12px;
border-right: 1px solid #3d3d3d;
border-left: 1px solid #1a1a1a;
}

#header a{color:#e1e1e1;text-decoration:none;}

#header a:hover{color:#fff;}


/*************
メイン画像
*************/
#mainImage{
padding: 0;
}


/*************
コンテンツ全体
*************/
#container{padding: 35px 0;}

.box{
float: left;
width: 225px;
margin-right: 15px;
padding-bottom: 23px;
line-height: 1.2;
}

table{
border-collapse: collapse;
border-spacing:0;
}

table.ta th, table.ta td {
border: 1px solid #ccc;
padding: 8px;
}

/* 最後のbox */
.last{margin-right:0;}

/* 横に長いbox */
.long{width:470px;}

/* 画像を左に回りこみ */
.long img{
float:left;
margin: 0 10px 10px 0;
}

/* H2 見出し */
#container h2{
font-size: 20px;
margin: 20px 0 25px;
padding: 5px 10px 3px 0; /* 余白の幅[上][右][下][左] */
border-bottom: 1px solid #444444;
color: #555555;
}

/* H3 見出し */
#container h3{
font-size: 15px;
margin: 0 0 15px;
padding: 5px 10px 3px 0; /* 余白の幅[上][右][下][左] */
border-bottom: 1px dashed #444444;
color: #333333;
}

/* H4 見出し */
#container h4{
font-size:14px;
margin: 20px 0 10px;
border-left:7px solid #e5e3de;  
padding: 4px 0px 4px 8px; /* 余白の幅[上][右][下][左] */
color: #555555;
}

/* H5 見出し */
#container h5{
font-size:14px;
color: #995e25;
}

p.gray:first-letter {
font-size: 150%;
color: white;
background-color: #999999;
padding: 1px;
}

#container ul, .inner ul{
margin-left: 5px;
}

#container ul li, .inner ul li{
list-style: none;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 17px;
background:url(images/bullet.png) no-repeat 0 2px;
}

.inner ul li{background-image:url(images/bullet.png);}

#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 4px solid #fff;
}

.waku1{
   margin: 12px;
   border: 1px solid #cccac5;
   padding: 12px;
   background: #fff;
}

/*イメージボックス
----------------------------------------------------------*/


#container div.imagebox {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

#container div.box div.imagebox {
	margin-bottom: 0px;
}

/*イメージボックス アルバム（画像を並べて表示する設定_画像枠あり）
----------------------------------------------------------*/

#container ul.imagebox_album li {
	border-width: 1px;		/*画像 ボーダー枠の太さ*/
	border-style: solid;		/*画像 ボーダー枠スタイル*/
	border-color: #e5e4e3;		/*画像 ボーダー枠カラー▼*/
	background-color: #f8f8f7;	/*画像 枠の余白部分カラー▼*/
	padding: 4px;			/*画像 枠の余白幅*/
	margin: 5px;
	float: left;
}

* html #container ul.imagebox_album li {
	display: inline;	/*IE6用*/
}

#container ul.imagebox_album img {
	vertical-align: bottom;
}

/*イメージボックス アルバム（画像を並べて表示する設定_画像枠なし）
----------------------------------------------------------*/

#container ul.imagebox_album2 li {
	padding: 4px;			/*画像 枠の余白幅*/
	margin: 5px;
	float: left;
}

* html #container ul.imagebox_album2 li {
	display: inline;	/*IE6用*/
}

#container ul.imagebox_album2 img {
	vertical-align: bottom;
}


/************************
メイン（左側）コンテンツ
************************/
#main {
float: left;
width: 715px;
padding-bottom:60px;
}


/************************
サイド（右側）コンテンツ
************************/
#sidebar {
float: right;
width: 225px;
padding-bottom:30px;
}

#sidebar h3{
font-size: 14px;
margin: 15px 0 10px 0;
padding: 0 10px 0 0; /* 余白の幅[上][右][下][左] */
border-bottom: 1px solid #444444;
color: #333333;
}


/*************
/* フッター
*************/
#footerUpper{
clear:both;
margin-top: 10px;
padding: 20px 0;
overflow: hidden;
background:#000;
border-bottom: 1px solid #393832;
}

#footerUpper a{color:#e1e1e1;text-decoration:none;}

#footerUpper a:hover{color:#fff;}

#footerUpper .inner{
overflow: hidden;
background:#000;
}

#footerLower{
border-top: 1px solid #151411;
overflow: hidden;
background:#000;
}

#footerLower .inner{
position:relative;
min-height: 60px;
color: #fff;
font-size:13px;
}

* html #footerLower .inner{height:60px;}

#footerLower .inner p{
position:absolute;
top: 10px;
padding-bottom: 5px;
}

#footerLower .inner p#contact{right:0;}

/*************
/* メールフォーム
*************/
form {
background:#ffffff;
}

.bb {
background:#efede7;
color:#333333;
width:170px;
}

table.tb {
margin: 0 0 15px;
}

table.tb th, table.tb td {
border: 1px solid #ccc;
padding: 8px;
}

.wpcf7-form input[type=submit]{
width:100px;
height:30px;
}

/*************
/* 検索フォーム
*************/
.kensaku_form{ text-align:right; width:210px; float:left; margin-bottom:30px;}
input#s{ color:#808080; font-size:0.80em; background:#f4fcff; width:160px; padding:2px; border:1px solid #dbdcde;}
input#b{ color:#3c3c3c; font-size:0.75em;}