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

*/

/*************
リスト
*************/
.post{width:660px;border-bottom:1px solid #CCC;padding:20px 0;}
.post div{float:left;width:480px;}
.post img{float:right;}
.post div h3{color:#000066;padding-bottom:10px;}
.post a{color:#676767;text-decoration:underline;}
.post a:hover{color:#676767;text-decoration:none;}
#date{color:#6C5100;text-align:right;}
#more{text-align:right;}


/*************
詳細
*************/
.single p{padding-top:15px;}



.single h2{border-bottom:#003399 2px solid;padding-bottom:4px;margin-bottom:10px;font-size:1.2em;}

.single table{width:100%;background:#CCC;font-size:0.9em;}
.single th{background:#F5F5F5;font-weight:normal;padding:8px;text-align:left;}
.single td{background:#FFF;padding:8px;}


.pagetitle{border-bottom:#003399 2px solid;padding-bottom:4px;margin-bottom:10px;font-size:1.2em;}





/****************************************
		1. General Setting 
*****************************************/

*{margin:0;padding:0;}
body {
font: 0.9em/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;color:#252525;background: #fff;border-top:2px solid #017CB9;text-align:center;margin: 0px;padding: 0px;color:#333;}

h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote{font-size:1em;padding: 0;line-height: 1.6;text-align: left;display: block;margin: 0px;}table {line-height: 1.6;font-size:1em;margin : 0;empty-cells: show;}hr,.areaAnchor,.anchor { display : none; }img {border: none;vertical-align: bottom;}li { list-style: none; }acronym,abbr{cursor:help;}option{ padding-right:10px; }*+html option{padding-right:0;}* html option{padding-right:0;}

div, dl{zoom:1;}div:after, dl:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}* html div, * html dl{display:inline-table;/*\*/display:block;/**/}


body#toppage {
background: url(img/bg_contents.jpg) repeat-x top;
}

a{color:#717171;text-decoration:none;}
a:hover{color:#9e9e9e;}
a:active, a:focus {outline: 0;}



/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 962px;
}

/*************
/* ヘッダー
*************/
#header{
background: url(img/bg_header.jpg) no-repeat;
height:93px;
}
#header div{
float:left;
}
#header h1 {
font-weight:normal;
padding:5px 0;
}

/*************
/* トップナビゲーション
*************/
div#nav{
width:962px;
margin:0 auto;
height:57px;
}

div#nav ul{
margin:0;
list-style:none;
}

div#nav li{
display:inline;
padding:0px;
}








/*************
メイン（右側）コンテンツ
*************/
#main {
float: left;
width: 660px;
padding: 15px 0;
display: inline;
}

.bannerM{padding-top:26px;}



#main .bannerM img{
padding-right: 5px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}









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



/* フッター共通 */
.box{
float: left;
width: 216px;
line-height: 1.2;
}

.box li{
background:url(img/arrow_01.png) no-repeat;
background-position:0% 45% ;
padding-left:10px;
}



.last{margin-right:0;}





/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float:right;
width: 264px;
padding: 15px 0;
}

#sidebar p{margin-bottom:10px;}
#sidebar h4{
 margin-bottom:10px;
 overflow: hidden;
}

#sidebar h4 img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
#sidebar h4 :hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}


.news{width:660px;padding:8px 0;border-bottom:1px solid #DFDFDF;}
.news img{float:left;}
.news h3{font-weight:normal;float:right;width:570px;}
.news h3 span{padding-right:17px;}



/*************
/* ページ
*************/
#page{padding-bottom:20px;}
#page h2{border-bottom:#003399 2px solid;padding-bottom:4px;margin-bottom:10px;}
#page h3{border-left:#67B7FC solid 5px;padding-left:5px;margin-bottom:10px;font-weight:normal;font-size:1.1em;}
#page table{width:100%;background:#CCC;font-size:0.9em;}
#page th{background:#F5F5F5;font-weight:normal;padding:8px;text-align:left;}
#page td{background:#FFF;padding:8px;}


#download a{background:url(img/arrow_01.png) no-repeat;padding-left:10px;background-position:0px 7px ;}


.info{padding-bottom:50px;}
.info .left{float:left;width:320px;}
.info .right{float:right;width:340px;font-size:0.9em;}

.info iframe{width:100%;height:260px;margin-top:15px;}
.info table{margin-top:15px;}
.what{padding-top:20px;}
.what img{margin-bottom:50px;}

#introduction table{margin-bottom:20px;}



#contact p{padding-top:7px;}



#sitemap li{padding-top:15px;background:url(img/arrow_01.png) no-repeat;background-position:0% 72% ;padding-left:10px;}


#privacy h3, #plan h3{margin-top:20px;}


.page_n{padding-bottom:10px;}

.page_n ul{
margin:0px;
list-style:none;
}

.page_n li{
display:inline;
padding:0px;
padding-top:15px;background:url(img/arrow_01.png) no-repeat;background-position:0% 30% ;padding:0 12px 0px 10px;}






#plan dl{width:660px;padding-bottom:15px;}
#plan dt{width:30px;float:left;}
#plan dd{width:630px;float:left;}
#plan dd div{background:#EEE;padding:10px;margin:10px 0;}
#plan dd div span{color:#FF0000;}



/*************
/* フッター
*************/
#footer{
clear:both;
height:110px;
background:url(img/bg_footer.jpg);
width:100%;
}

#footer .inner{
padding-top:15px;
width:648px;
margin:0 auto;
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer a{color:#003399;text-decoration:none;}
#footer a:hover{color:#003399;}
#footer a:active, a:focus {outline: 0;}


address{
padding: 15px 0px 50px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

/*************
ページナビゲーション
*************/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#000;
border:1px solid #CCC;
}
 
.pagination a:hover{
color:#000;
border:1px solid #000;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #FFF;
color:#000;
border:1px solid #000;
}


 /* 以下コンタクトフォームのカスタム */


.contact_form{
   display: block;
   }
 
 /* お問い合わせ左側 */
.contact_left{
   float: left;
   width: 260px;
   }
 
 /* お問い合わせ右側 */
.contact_right{
   float: right;
   }
 
.wpcf7-form {
padding:0 40px 0 60px;
}

 /* テキストフォームの設定 */
.wpcf7-text{
   margin: 6px 0 12px;
   padding: 11px;
   width: 260px;
   color: #636063;
   font-family: "Myriad Pro", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
   font-size: 16px;
   }
 
 /* テキストフォームのフォーカス時の設定 */
.wpcf7-text:focus{
   }
 
 /* テキストエリアの設定 */
.wpcf7-textarea{
   margin: 6px 0 24px;
   padding: 11px;
   width: 500px;
   height: 218px;
   color: #636063;
   font-family: "Myriad Pro", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
   font-size: 16px;
   }
 
 /* テキストエリアのフォーカス時の設定 */
.wpcf7-textarea:focus{
   }
 
 /* 送信ボタンの設定 */
.wpcf7-form-control.wpcf7-submit{
   display: block;
   width: 180px;
   height: 40px; 
margin:0px auto;
   }
 
 /* 送信ボタンのフォーカス時の設定 */
.wpcf7-form-control.wpcf7-submit:hover{
   filter: alpha(opacity=80);
   opacity: .6;
   -moz-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
   }
 
.clearfix:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   }
 
.clearfix{
   overflow:hidden;
   }

 /* 以上コンタクトフォームのカスタム */

#plan div.center {
text-align:center;
}

#plan div.center p {
text-align:center;
}


#plan .small {
font-size:0.85em;
}

#plan table th {
font-weight:bold;
}

#plan table th.w100 {
width:40%;
}

#plan table {
margin-bottom:10px;
}

#plan .pt20 {
padding-top:20px;
}

#plan .pb20 {
padding-bottom:20px;
}

#plan .mt20 {
margin-top:20px;
}

#plan .mb20 {
margin-bottom:20px;
}

#plan .mb40 {
margin-bottom:40px;
}