@charset "UTF-8";
/* CSS Document */
/*---------------------------------------

　　　　　タグセレクタ類

---------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}


body {
	background-color:#fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:13px;
	color:#4c4948;
	line-height:1.8;
	background:url(../img/footer.png) repeat-x bottom;
}

p{
	margin-bottom:10px;}

ul{
	list-style:none;
	}
	
ol{list-style:decimal;
	margin:0 0 10px 20px;
	padding-left:5px;}
	
ol li{
	list-style:decimal;}
	
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

blockquote{
	border-radius:5px;
	padding:8px 12px;
	margin:15px 0 15px;
	background:url(../test/img/bg_pink.jpg);}
	
.top blockquote{
	margin:60px 0 15px;}
	
blockquote ol{
	margin-bottom:0px;}
	
#contents a:hover img,
#footer a:hover img{
opacity:0.75;
filter:alpha(opacity=75);
-ms-filter: "alpha( opacity=75 )";
}

#main form{
	margin-bottom:20px;}
	
#main form input,
#main form textarea{
	font-size:100%;
	padding:2px;}
	
/*---------------------------------------

　　　　　wrapperのレイアウト

---------------------------------------*/

#wrapper{
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	width:960px;
}


/*---------------------------------------

　　　　　headerのレイアウト

---------------------------------------*/

#header {
	position:relative;
	overflow:hidden;
}

#header .lead{
	float:none;
	width:960px;
	clear:both;
	overflow:hidden;
	margin-bottom:15px;}

#header .menu {
	overflow:hidden;
	float:none;
	width:960px;
	margin-bottom:15px;
	text-align:center;}
	
#header .menu ul{
	margin:0;}
	
#header .menu li{
	display:inline;
	margin-right:80px;}
	
#header .menu li.last{
	display:inline;
	margin-right:0px;
	margin-left:1px;}
	

#header .main_img{
	float:none;
	clear:both;
	text-align:center;
	padding:0 0 20px 0;
	overflow:hidden;
}

#header .left_box{
	float:left;}

#header .right_box{
	float:right;
	text-align:right;
	margin-top:40px;}
	
	
	
/*---------------------------------------

　　　　　submenuのレイアウト

---------------------------------------*/


.submenu{
	text-align:center;
	margin-bottom:15px;
	font-size:13px;
	padding-bottom:10px;
	float:none;}
	
.submenu a{
	text-decoration:none;}
	
.submenu .now{
	border-bottom:5px solid #e8dac9;
	padding-bottom:3px;}

/*---------------------------------------

　　    topのレイアウト

---------------------------------------*/

dl{
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:#ccc dotted 1px;}
	
dl dt {
  clear: left;
  float: left;
  width: 6em;
}

dl dd {
  margin-left: 6em;
		padding:0;
}

.top dl{
	margin-top:30px;}

.top dl dt {
  clear: left;
  float: left;
  width: 280px;
}

.top dl dd {
  margin-left:30px;
	padding:0;
}


.sketch{
	float:none;
	overflow:hidden;
	padding:70px 0 50px 0;}

/*---------------------------------------

　　    contentsのレイアウト

---------------------------------------*/
#contents{
	width:960px;
	overflow:hidden;
	background:#fff;
	}
	
#title{
	margin:0 0 0 0;
}
	
.pannavi{
	margin:10px 0 5px 35px;
	line-height:1;}
	
.go_top{
	float:none;
	clear:both;
	overflow:hidden;
	margin:0px auto;
	height:30px;
	text-align:right;
	width:960px;}
	
.go_index{
	text-align:right;
	background:url(../test/img/arrow_up.png) no-repeat right;
	padding-right:15px;}
	
.center{
	text-align:center;}
	

/*---------------------------------------

　　    mainのレイアウト

---------------------------------------*/

#main{
	overflow:hidden;
	margin-top:30px;
	margin-bottom:10px;
	}
	
#main p{
	padding-bottom:0.8em;
	padding-left:5px;
	}
	
#main p.img_right{
	float:right;
	margin:0 0 5px 10px;
	padding:0;
	}
	
#main p.img_left{
	float:left;
	margin:0 5px 5px 0;
	padding:0;
	}
	
.top #main .right_box{
	float:right;
	width:600px;
	margin-top:20px;}
	
.top #main .left_box{
	float:left;
	width:360px;
	margin-top:20px;}
	
#main .column{
	width:960px;
	float:none;
	clear:both;
	overflow:hidden;
	margin-bottom:30px;}
	
.press #main .column{
	border-bottom:#919aaa 1px dotted;
	padding-bottom:15px;}
	
#main .column01{
	width:210px;
	float:left;}
	
#main .column02{
	width:480px;
	float:left;}
	
#main .column02 p{
	padding-left:0px;
	}
	
#main .column02 li{
	line-height:1.2;
	margin-bottom:0.8em;
	border-left:#919aaa 5px solid;
	padding-left:5px;}
	
#main .column03{
	width:270px;
	float:right;
	text-align:right;}
	
#main .column04{
	width:750px;
	float:right;}
	
#main .column04 li{
	line-height:1.2;
	margin-bottom:0.8em;
	border-left:#919aaa 5px solid;
	padding-left:5px;}
	
#main .map{
	padding-left:28px;
	padding-bottom:15px;}
	
#main table{
	margin-left:5px;}
	
#main table th{
	white-space:nowrap;
	font-weight:normal;
	padding-right:20px;}
	
#main table p{
	padding-left:0px;}
	
#main table.blue th{
	text-align:center;
	background:url(../test/img/bg_paleblue.jpg);}
	
	
#main table.blue td.title{
	background:url(../test/img/bg_td_blue.jpg);}
	
#main table.photo{
	border:0;
	padding:0;
	margin:0;
	border-collapse:collapse;}
	
#main table.photo td{
	padding:0 37px 10px 0;
	font-size:90%;
	line-height:1.2;}
	
#main table.photo td.last{
	padding:0 0px 10px 1px;}
	
.top #main .right_box p{
	margin-bottom:5px;}
	
	
	

/*---------------------------------------

　　　　　mainの共通レイアウト

---------------------------------------*/



h1{
	font-weight:normal;
	}
	
h2{
	font-weight:normal;
	line-height:1.5;
	font-size:120%;
	color:#233556;
	font-family:Georgia, "Times New Roman", Times, serif;}
	
h3{
	font-weight:normal;
	margin-bottom:0.3em;
	font-size:110%;
	color:#233556;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "Times New Roman", Times, serif;
	}
	
#main .column02 h3.catch{
	margin:20px 0 10px 0;
	padding:2px 0;
	font-size:110%;
	color:#233556;
	text-align:center;
	border-top:1px solid #233556;
	border-bottom:1px solid #233556;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "Times New Roman", Times, serif;}
	
#read{
	position:absolute;
	top:2px;
	left:0px;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
}
	
a{
	color:#4c4948;
	}
	
a:hover{
	color:#e51361;
	}
	
a.foot{
	background:url(../test/img/link.png) no-repeat right;
	padding-right:20px;}
	
.post h2 a{
	text-decoration:none;}
	
.post h2 a:hover{
	text-decoration:underline;}
	
.caution{
	color:#FF0000;
	font-weight:bold;}
	
.pagenavi{
	padding:5px 0;
	margin-top:50px;
	margin-bottom:50px;
	font-size:13px;
	float:none;
	clear:both;
	overflow:hidden;
}

.pagenavi{
	padding:0 5px;}
	
.wp-pagenavi {
	padding: 10px 0 10px !important;}


	
	
/*---------------------------------------

　　　　　postのレイアウト

---------------------------------------*/

.post{
	margin-bottom:60px;
	}
	
.post_date{
	padding-left:5px;
	margin-bottom:2em;
	}
	
.post_more{
	background:url(../test/img/arrow_more.png) no-repeat right;
	padding-right:20px;
	}
	
	


	

/*---------------------------------------

　　     お問い合わせのレイアウト

---------------------------------------*/

#main form table th{
	background:#dee1e6;}

#main form table th,
#main form table td{
	border:none;
	vertical-align:top;
	padding:5px 8px 5px 8px;
	border-bottom:1px #fff solid;}
	
#main form table {
	margin-bottom:20px;}

/*---------------------------------------

　　     sideのレイアウト

---------------------------------------*/
#side{
	width:240px;
	float:right;
	overflow:hidden;
	}
	
#side{
	padding:30px 0 0 0;
	text-align:right;
	}
	
#side p{
	margin-bottom:15px;
	}

#side h2{
	margin:0 0px 15px 0px;
	}
	
#side .box a{
	text-decoration:none;
	padding-bottom:2px;}
	
#side .box a:hover{
	border-bottom:#98c738 1px dashed;
	}

#side .box{
	margin:0 0px 30px 0px;}

#side .box h3{
	margin:0 0 0.2em 0;
	color:#e40019;}
	
#side .box ul{
	margin:0 3px;}
	
#side .box li{
	margin-bottom:5px;
	padding-left:0px;}
	
	
	



/*---------------------------------------

　　　　　footerのレイアウト

---------------------------------------*/
#footer{
	float: none;
	clear: both;
	overflow: hidden;
	text-align: center;
	padding: 10px 0 15px 0;
	margin: 30px 0 0px 0;
	font-size: 100%;
	color: #1d2a53;
	}
	
#footer p{
	margin-bottom:0px;}
	
#footer a{
	color:#1d2a53;
	}
	
#footer img{
	vertical-align:middle;}
	
#footer a:hover{
	color:#e51361;
	}
	
.fb-like-box{
	margin-top:50px;
	margin-bottom:10px;}