@charset "UTF-8";
/*
Theme Name: cloudtpl_676
Theme URI: http://c-tpl.com/
Description: cloudtpl_676
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

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}
ol,ul{
list-style:none;
}

body{
font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;

background:url(images/bg.gif) repeat 0 0;
}

p {margin: 0 0 13px;}

a:link,a:visited{color:#11add4;text-decoration:none;}
a:hover{color:#0e94b5;}
a:active, a:focus {outline:0;}
img{border:0;}


/*******************************
ブログ
*******************************/
.cat_comme {
margin-bottom: 30px;
}

.wp-pagenavi {
clear: both;
text-align: center;
}

/*******************************
ブログ（コメント）
*******************************/
#comments_box {
padding: 15px;
}

h3#comments {
border-top: 1px dotted #ccc;
margin: 0 0 10px;
padding: 10px 0 0;
}

ul.commentlist {}

ul.commentlist li {
margin-bottom: 25px;
}

h3#respond {
border-bottom: 1px dotted #ccc;
margin: 0 0 10px;
}

#commentform #submit {
margin: 6px 0 0;
padding: 5px 10px;
}



/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul,#header2, #mainNav2, #wrapper2{
margin:0 auto;
width:880px;
clear:both;
}

#sidebar{
float:left;
width:233px;
padding:22px 0 50px;
}

#main{
float:right;
width:627px;
padding:22px 0 50px;
}


/*******************************
/* ヘッダー
*******************************/
#headerWrap{
height:536px;
}

#header_wide {
width: 100%;
position: fixed;
background: #111;
box-shadow: 0 1px 10px #333;
z-index: 1;
}

#header_wide h1 {
width: 880px;
font-size: 12px;
font-weight: normal;
padding: 10px 0 9px;
margin: 0 auto;
letter-spacing: 1px;
}

#header_wide h1 a {
color: #ccc;
}

#header_wide h1 a:hover {
color: #eee;
}

#header{
position:relative;
height:500px;
z-index: 0;
}

#headerWrap2{
height:178px;
background:url(images/wall.png) repeat-x 0 0;
}

#header2{
position:relative;
height:178px;
}

#header h2{
position: absolute;
top: 37px;
font-size: 10px;
font-weight: normal;
line-height: 28px;
}

#header p{
position:absolute;
top:26px;
font-size:10px;
font-weight:normal;
line-height:28px;
}

#header2 h2,#header p{
position:absolute;
top:26px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

#header2 h1{
padding-top:8px;
font-size:10px;
font-weight:normal;
}

#header2 h2{
margin-top:30px;
}


/*******************************
/* メイン
*******************************/
.article{
border:0;
margin:0 0 20px 0;
padding: 0 10px 0 10px;
background:none;
border:1px solid #dadada;
background:#fff;
}

.article_cell{
clear:both;
padding:20px 0 25px;
border-bottom:1px dashed #dcdcdc;
}

.main{
padding:20px 10px 20px 10px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dadada;
background:#fff;
}

.last{border-bottom:none;}


#main h2{
padding:0px 10px 10px 10px;
font-size:16px;
color:#333333;
}

#main h2.heading {
padding:0px 10px 10px 10px;
font-size:16px;
color:#333333;
border-bottom:1px solid #dcdcdc;
}

#main h3.heading {
padding:0px 10px 10px 10px;
font-size:16px;
color:#333333;
border-bottom:1px solid #dcdcdc;
}

.main h4{
margin:0 0 10px 10px;
font-size:12px;
font-weight:normal;
color:#3d3d3d;
}

.article h4{
margin:0 0 10px 10px;
font-size:12px;
font-weight:normal;
color:#3d3d3d;
}

.alignleft{
float:left;
padding:0 15px 15px 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}

.main p{
padding:0 10px 0 10px;
}

.article p{
padding:0 10px 0 10px;
}

.picture{
width:193px;
float:left;
text-align:center;
background-color:#ffffff;
border-top:1px solid #eaeaea;
border-right:1px solid #ddd;
border-bottom:1px solid #ccc;
border-left:1px solid #eaeaea;
padding:5px 0 5px 0;
margin:5px 0 0 5px;
}

.picture:hover{
background-color:#f0f0f0;
}

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

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

/*******************************
/* サイトバー
*******************************/
#sidebar h3{
clear:both;
padding-left:15px;
line-height:33px;
font-size:12px;
font-weight:normal;
color:#333;
background:url(images/side_headingBg.png) no-repeat 0 0;
}

#sidebar ul{
overflow:hidden;
padding:0 0 10px 17px;
border:1px solid #dadada;
margin-bottom:20px;
background:#fff;
}

#sidebar ul li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #dcdcdc;
}

#sidebar ul a:link,#sidebar ul a:visited{
display: block;
padding-left:12px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(images/linkArrow.gif) no-repeat 0 50%;
}

#sidebar ul a:hover, #sidebar ul li.current_page_item a, #sidebar ul li.current-menu-item a{color:#0e94b5;}

#sidebar ul li.last{border-bottom:none;}

#sidebar p{margin-bottom:20px;}

/*******************************
/* フッター
*******************************/
#footer{
clear:both;
}

#footer ul{
padding:25px 0;
text-align:center;
}

#footer li{
display: inline;
padding: 5px 16px;
border-left:1px dotted #d5d5d5;
}

#footer li a{
text-decoration:none;
color:#000;
}

#footer li a:hover{color:#999;}

p#copy{
border-top: 1px solid #999;
padding: 16px 0 14px;
margin: 0;
text-align: center;
color: #999;
font-size: 11px;
background: #111;
}


/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="email"], textarea, .wpcf7-select{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
margin: 3px 0;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fff url(images/inputBg.png) repeat-x;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:6px 60px;
color:#fff;
background: #ff9900;
background: -moz-linear-gradient(top, #ff9900 0%, #ff6600 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#ff6600));
background: -webkit-linear-gradient(top, #ff9900 0%,#ff6600 100%);
background: -o-linear-gradient(top, #ff9900 0%,#ff6600 100%);
background: -ms-linear-gradient(top, #ff9900 0%,#ff6600 100%);
background: linear-gradient(to bottom, #ff9900 0%,#ff6600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff6600',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #ff6600;
background: -moz-linear-gradient(top, #ff6600 0%, #ff9900 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6600), color-stop(100%,#ff9900));
background: -webkit-linear-gradient(top, #ff6600 0%,#ff9900 100%);
background: -o-linear-gradient(top, #ff6600 0%,#ff9900 100%);
background: -ms-linear-gradient(top, #ff6600 0%,#ff9900 100%);
background: linear-gradient(to bottom, #ff6600 0%,#ff9900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff9900',GradientType=0 );
}