@charset "utf-8";

/* 基本レイアウト ここから↓ */
@import url(normalize.css);
@import url(common.css);
body {
	background-color: #ffffff;
	color: #696969;
	font-size: 93.8%;
	line-height: 1.6;
	letter-spacing:-0.02em
}
header, #breadcrumb, #contents, #graph{
	margin: 0 auto 0 auto;
	width: 960px;
}

header {
	height:120px;
	background-image:url("../images/llogo.png");
	background-position:top left;
	background-repeat:no-repeat;
}

header h1{
	margin-top:0px;
}

.chuui{
	font-size:12px;
	text-align:right;
}

nav{
	width:100%;
	background-color:#C19E83;
	height:50px;
}

.clearfix::after {
	content: " ";
	display: block;
	clear: both;
	font-size: 0;
}


nav ul {
	overflow: hidden;
	width:960px;
	margin:0 auto 0 auto;
	padding: 0;
	list-style-type: none;
	padding:10px 0 10px 0;
	line-height:30px;
}

nav ul li {
	float: left;
	width: 190px;
	color: #ffffff;
	border-right:1px #ffffff solid;
	text-align:center;
	font-size:0.95em;
}

nav ul li:first-child{
	border-left:1px #ffffff solid;
	width: 191px;
}

nav ul li a{
	overflow:hidden;
	display:block;
	color:#ffffff;
	text-decoration:none;
}

nav ul li a:hover{
	text-decoration:underline;
	color:#ffffff;
}

#contents {
	overflow: hidden;
}


#main,#main2{
	float: left;
	width: 610px;
}

#sub {
	float: right;
	width: 310px;
}

#main h1,#main2 h1 {
	margin: 20px 0 10px 0;
	padding: 4px 0 0 10px;
	font-size: 1.1em;
	font-weight:normal;
	color:#ffffff;
	background-image: url(../images/bg_h1_main.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.bnr_inner a img:hover {
	opacity: 0.8;
}

#breadcrumb2{
	margin-top:60px;
	margin-left:20px;
}


.bnr_inner ul,#breadcrumb2 ul{
	list-style-image: url(../images/182.gif);
	margin: 0 25px;
	padding: 0;
	}

.bnr_inner ul li{
	list-style-type:none;
	margin: 3px 0;
	padding: 0;
}

.clear {
	clear: both;
}


#spec{
	background-color:#F2F2F2;
	padding:10px 15px 10px 15px;
	margin:20px 0 10px 0;
}

#spec p{
	margin:0;
}

.ms_black{
	color:#000000;
	font-size:13px;
	font-weight:normal;
	vertical-align: 15%;
}

footer{
	width:100%;
	margin:50px auto 0 auto;
	background-color:#c19e83;
}

#foot{
	width:960px;
	margin:0 auto 0 auto;
	height:150px;
}

#foot ul li{
	list-style:none;
}

#foot a{
	color:#ffffff;
	text-decoration:none;
}

#foot a:hover{
	text-decoration:underline;
}

.foot_block{
	width:200px;
	float:left;
	padding-left:10px;
	padding-top:20px;
}

.logo_shita{
	padding-top:30px;
	text-align:right;
}

#sub table{
	border-collapse:collapse;
	width:100%;
	font-size:0.95em;
	line-height:1.4;
}

#sub table th,table td{
	text-align:left;
	padding:20px 10px;

}	

#sub table th:first-child{
	color:#9b7d66;
	font-weight:bold;
	font-size:1em;
	vertical-align: top;
	width:65px;
}

.bnr_inner {
	margin:25px 0 10px 0;
}

.bnr_inner p{
	margin:0;
}


.bnr_inner dt img{
	margin-bottom: 6px;
	vertical-align: bottom;
}
.bnr_inner a {
	text-decoration: none;
	font-size:1.15em;
}
.bnr_inner dl, .bnr_inner dt, .bnr_inner dd, .bnr_inner p{
	margin: 0;
}

#sidebtn{
	border-top:1px dashed #9b7d66;
	border-bottom:1px dashed #9b7d66;
	height:170px;
	margin:10px 0;
	padding:10px 0;
}

#sidebtn ul {
	background-image:url(../images/side_on.png);
	margin:0;
	padding-left:0;
}

#sidebtn ul li a{
	line-height:55px;
	height:55px;
	display:block;
	margin:0;
	padding-left:0;
}

#sidebtn ul li{
	list-style:none;
	text-indent:-9999px;/*左にずらす*/
}

#sidebtn ul li.facebook a:hover, #sidebtn ul li.facebook a:active{
	background:url(../images/side_ov.png);
	background-position:0 0px;
}

#sidebtn ul li.blog a:hover, #sidebtn ul li.blog a:active{
	background:url(../images/side_ov.png);
	background-position:0 -55px;
}

#sidebtn ul li.toiawase a:hover, #sidebtn ul li.toiawase a:active{
	background:url(../images/side_ov.png);
	background-position:0 -110px;
}

/* 基本レイアウト ここまで↑ */

/* トップページ ここから↓ */

#graph{
	margin:0 auto;
}

#oshirase dt{
	color:#945627;
	font-weight:bold;
	margin-top:10px;
}

#oshirase dd{
	margin-left:1.5em;
}

#feed {
	width: 100%;
	height: 180px;
	margin: 0;
	overflow-y: hidden;
	}
#feed ul li {
	line-height:1.5em;
	margin:5px 0 5px -30px;
	padding-bottom:5px;
	list-style: none;
	}
	
#feed ul li p.wp {
	font-weight:bold;
	margin-bottom:6px;
	}
#feed ul li p.day {
	text-align:right;
	margin:0;
	}


#main h2{
    position: relative;
    margin: 2em 0 0em 0;
    padding: 1em 0 0.8em 2.2em;
    font-size: 1.2em;
    font-weight: bold;
}


#koe #main h2{
    position: relative;
    margin:20px 0;
    padding: 1em 0 0.8em 2.2em;
    font-size: 1.2em;
    font-weight: bold;
}



#main h2{
    position: relative;
    font-size: 1.3em;
    font-weight: bold;
    margin:1em 0 0 0;
    padding: 1em 2em;
}
 
#main h2:before{
    content: "■";
    font-size: 160%;
    position: absolute;
    color: #ffa500;
    top: 0.1em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}
 
#main h2:after{
    content: "□";
    font-size: 140%;
    position: absolute;
    color: #B92A2C;
    top: 0.6em;
    left: 0;
    height: 12px;
    width: 12px;
}


#index .wideslider ul{
	margin:0;
	padding:0;
	}

#main dl{
	margin:1em;
}

#main dl dt{
	color: #945627;
	font-weight:bold;
	font-size:1.1em;
	margin:1.5em 0 0.5em 0;
}

#biyou #main dl dt{
	color: #F78774;
	font-weight:bold;
	font-size:1.1em;
	margin:1.5em 0 0.5em 0;
}

#main dl dd{
	margin:0 0 0 1.5em;
}


#main p{
	margin-left:1em;
}

#main ol{
	margin:1em;
}

#main hr{
	border: none;
	border-top:1px dashed #945627;
	height:1px;
}
/* 料金表ここから↓ */

#main table{
	border-collapse:collapse;
	background-color:#ffffff;
	width:300px;
	font-size:0.95em;
	margin-left:2.8em;
}

#main table th{
	border:1px solid #666666;
	text-align:center;
	padding:2px;
}	

#main table td{
	border:1px solid #666666;
	text-align:right;
	padding:2px 50px 2px;
}

#main .style_1l{
	border:1px solid #666666;
	text-align:right;
	padding:2px 5px 2px;
}

.small{
	font-size:10px;
}	

#main table th:first-child{
	background-color:#F2F2F2;
	font-weight:normal;
	width:110px;
}


/* はじめての方へ↓ */

#main img{
	display:block;
	float:right;
	margin-left:20px;
}

#index #main img{
	display:block;
	margin-bottom:20px;
	margin-left:0px;

} 


#nagare #main img{
	display:block;
	float:right;
	margin:20px 0 10px 20px;
}

#about #main img{
	display:block;
	float:left;
	margin:20px 10px 0 20px;
}

#biyou #main img{
	display:block;
	float:left;
	margin:5px 10px 10px 0;
}


#koe #main img{
	display:block;
	float:right;
	margin:30px 0 10px 20px;
}

#first #main img{
	display:block;
	float:right;
	margin:0 0 10px 20px;
}

#first h3{
	font-size:1.2em;
	padding:10px 15px;
	color:#ffa500;
}

#index h3,#about h3{
	font-size:1.2em;
	padding-left:15px;
	font-weight:normal;
}

.coment_box{
	border:1px dashed #945627;
	padding-right:20px;
	color:#945627;
	margin:45px 0 20px 0;
}

#koutsu #main p{
	margin:0;
}

#koutsu #main li{
	list-style-type:none;
	margin-left:-2em;
}

#koutsu #main ol li{
	list-style-type:decimal;
	margin-left:-2em;
}


.dred{
	color:#dc143c;
	font-weight:bold;
	font-size:1.1em
}