@charset "UTF-8";
/*
Theme Name: cloudtpl_658
Theme URI: http://c-tpl.com/
Description: cloudtpl_658
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;
}
hr {
	margin: 30px 0;
}

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


a:link,a:visited{color:#007bc7;text-decoration:underline;}
a:hover{color:#056aa8; text-decoration:none;}
a:active, a:focus {outline:0;}
img{border:0;}

a:hover img {
	-ms-filter: "alpha( opacity=80 )"; /*for IE8*/
	filter: alpha(opacity=80); /*for IE6～7*/
	opacity:0.8;
}



/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul{
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_top{
height:500px;
background:#fff url(images/wall.png) repeat-x 0 0;
}

#headerWrap{
height:300px;
background:#fff url(images/wall2.png) repeat-x 0 0;
}

#header{
position:relative;
height:147px;
}

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

/* スローガン */
#header h1{
top:2px;
left:0;
color:#555;
}

/* ロゴ */
#header h2{
left:0;
}

/* 住所 */
#header p{
right:0;
}


/************************************
/* メインナビゲーション
************************************/
ul#mainNav{
position:absolute;
top:102px;
height:45px;
background:url(images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav li{
text-indent: -5000px;
float:left;
}

ul#mainNav a{
display: block;
width: 176px;
height: 45px;
background:url(images/mainNav1.png) no-repeat 0 0;
}

ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-position:0 -45px;}

ul#mainNav li.menu-item-2 a{background-image:url(images/mainNav2.png);}
ul#mainNav li.menu-item-3 a{background-image:url(images/mainNav3.png);}
ul#mainNav li.menu-item-4 a{background-image:url(images/mainNav4.png);}
ul#mainNav li.menu-item-5 a{background-image:url(images/mainNav5.png);}	



/*******************************
/* メイン
*******************************/
#mainImg{margin-top:-350px;}

#mainImg2{margin-top:-150px;}

h3.heading{
clear:both;
padding-left:15px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(images/headingBg.png) no-repeat 0 0;
}

h3.heading span{
font-size:10px;
color:#007bc7;
padding-left:10px;
line-height:33px;
}

.article{
border:0;
margin:0 0 20px 0;
padding: 0 10px 0 10px;
background:none;
border:1px solid #dcdcdc;
}

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

.article_cell_2{
clear:both;
padding:20px 0 25px;
}

.main{
padding:20px 10px 10px 10px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
}
/* clearfix hack */
.main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.main {
	display: inline-block;
}
/* hide macie */
*html .main {
	height: 1%;
}
.main {
	display: block;
}
/* end hide */
/* end clearfix hack */

.OtherC {
	width: 580px;
	height: 201px;
	background: url(http://gyosei-endo.com/wp-content/themes/cloudtpl_658/images/BG_mainContact.jpg) left top no-repeat;
	margin: 0 auto;
}
.OtherC p {
	padding: 143px 0 0 65px;
}

.last{border-bottom:none;}

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

.main h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#007bc7;
}

.article h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#007bc7;
}

.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:#f7f7f7;
}

#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;
}

.tableLayout {
	table-layout: auto;
	letter-spacing: 1pt;
	line-height: 1.4em;
	margin: 30px 20px 35px 20px;
	border-collapse: collapse;
	border: solid 1px #CCC;
}

.tableLayout tr td {
	background-color: #FFF;
	border-collapse: collapse;
	border: solid 1px #CCC;
	padding: 6px 15px;
}

.tableLayout tr td.caption {
	background: url(http://gyosei-endo.com/wp-content/themes/cloudtpl_658/images/BG_table_02.gif) repeat;
	text-align: center;
}

.tableLayout_02 {
	table-layout: auto;
	font-size: 84%;
	letter-spacing: 1pt;
	line-height: 1.4em;
	margin: 0 0 25px 15px;
	border-collapse: collapse;
	border: solid 1px #CCC;
}

.tableLayout_02 tr th {
	background: url(http://gyosei-endo.com/wp-content/themes/cloudtpl_658/images/BG_table_02.gif) repeat;
	text-align: center;
	border-collapse: collapse;
	border: solid 1px #CCC;
	padding: 6px 15px;
}

.tableLayout_02 tr td {
	background-color: #FFF;
	border-collapse: collapse;
	border: solid 1px #CCC;
	padding: 6px 15px;
}

.tableLayout_02 tr td.caption {
	background: url(http://gyosei-endo.com/wp-content/themes/cloudtpl_658/images/BG_table_02.gif) repeat;
}

.Contents_01 {
	margin: 0 0 35px 0;
}

.Contents_01 h3 {
	color: #eb9200;
	font-weight: bold;
	font-size: 16px;
	margin: 12px 0 2px 15px;
}

.TXT_Works_02 {
	font-size: 14px;
	margin: 20px auto;
}

.TXT_Works_02 ul {
	list-style-type: decimal;
	margin: 0 0 0 45px;
}



/*******************************
/* サイトバー
*******************************/
#sidebar h3{
clear:both;
padding-left:15px;
line-height:34px;
font-size:14px;
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 #dcdcdc;
margin-bottom:20px;
}

#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:#007bc7;}

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

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



/***** 制作依頼コンタクトフォーム *****/
.c1{
background:#fff;
padding:15px 20px;
border-bottom:1px solid #ccc;
font-weight:bold;
color:#595858;
display:block;
line-height:50px;
}

.c2{
background:#e7f7f9;
padding:20px;
border-bottom:1px solid #ccc;
font-weight:bold;
color:#595858;
line-height:50px;
}

p.c1,p.c2{
margin:0;
}

.c1:hover,.c2:hover{
background:#FFEEEE;
}

.c1.last,.c2.last{
border-bottom:none;
}

.m-alert{
padding:5px;
background:#ff8080;
color:#fff;
margin:5px;
font-weight:normal;
}

input[type=text],input[type=tel],input[type=email]{
font-size:15px;
}

.c1 textarea,.c2 textarea{
font-size:13px;
width:100%;
}

.file{
margin:10px;
display:block;
}

span.wpcf7-list-item { display: block; }
input[type=text],input[type=email],input[type=tel]{
   width:100%;
}

input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus{
   border:solid 1px #20b2aa;
}

input[type=text], select,input[type=email],input[type=tel]{
   outline: none;
}

.contact_right textarea{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:100%;
   padding:0 3px;
}

.contact_right textarea:focus{
   border:solid 1px #20b2aa;
}

.contact_right textarea {
   outline: none;
width:100%;
}

input[type=submit]{
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -o-border-radius: 3px;
   -ms-border-radius: 3px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:35%;
   font-size:18px;
   padding: 5px 10px;
   margin:15px auto;
   cursor:pointer;
   color:#333;
   font-weight:bold;
   background:#f5f5f5;
   text-shadow:1px 1px 0px #fff;
}

.contact_form input[type=submit]{
width:50%;
}

.contact_form input[type=text],.contact_form input[type=email]{
width:100%;
height:50px;
font-size:1.5em;
}

input[type="radio"]{
margin: 0 0 4px 0 !important;
}


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

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

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

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

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

p#copy{
padding:10px 0 37px;
text-align:center;
color:#000;
font-size:10px;
}


.adjust_01 {
	margin: 10px 0 5px 20px;
}
.note_01 {
	margin: 0 0 20px 25px;
	font-size: 12px;
}

.note_02 {
	color: #888;
	text-align: center;
	margin: 20px 30px;
	font-size: 18px;
}