﻿@charset "utf-8";
/* CSS Document */

body{
	background : url(background.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
	height: auto;
	color: #534000;
	/* ゴシック系 */
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	text-align:left;

}
p{
	font-size:0.875em;
	line-height:1.8em;
	padding:0 0 1.0em 0;
}
header{
	background : url(header_top.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	width:980px;
	height:95px;	
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
header h1{
	position:absolute;
	top:40px;
	left:20px;	
}
header .mail{
	position:absolute;
	top:45px;
	left:471px;	
}
header .tel{
	position:absolute;
	top:45px;
	left:707px;	
}

#con{
	background : url(body_back.png) 0% 0% / auto auto repeat-y scroll padding-box border-box transparent;
	width:940px;
	margin:0 auto;
	padding:0 20px;
	overflow:hidden;
}
#main{
	margin:0;
	padding:0;
}

#main h2{
	margin:0 auto;
	width:940px;
	padding:0;
}

#conLeft{
	width:700px;
	float:left;
	overflow:hidden;
	padding:30px 0 0;
}
#conLeft section{
	padding-bottom:50px;
}
#conLeft section.pdb0{
	padding-bottom:0px;
}
#conLeft h3{
	background : url(midashi_back.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	width:700px;
	padding: 0 30px 0 40px;
	font-size:1.25em;
	font-weight:900;
	margin-bottom:30px;
}
#conLeft h4{
	margin-bottom:1.5em;
}
#conLeft h4.q{
	background : url(../よだまり。/images/point_q.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	border-bottom:dotted 1px #534000;
	color:#FF3F00;
	padding-left:30px;
	margin-bottom:1.0em;
	margin-top:1.0em;
}
#conLeft .a{
	background : url(../よだまり。/images/point_a.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	padding-left:30px;
}
#conLeft .blog{
	float:right;
}
.lesson dt{
	width:120px;
	padding-right:15px;
	padding-bottom:1.5em;
}

.lesson dd{
	width:300px;
	padding-left:135px;
	margin-top:-4.5em;
	padding-bottom:1.5em;
	font-size:0.85em;
}
p.toiawase{
	padding-top:2.0em;
}
.map{
	width:300px;
	float:left;
}
.address{
	float:right;
	width:320px;
}
.address ul{
	margin-bottom:1.0em;
}
.address ul li{
	background : url(../よだまり。/images/list_point.png) 0px 4px / auto auto no-repeat scroll padding-box border-box transparent;
	padding-left:15px;
	line-height:1.5em;
	font-size:0.875em;
}
.h50{
	height:50px;
	width: auto;
	clear:both;
}
#conRight{
	width:220px;
	float:left;
	overflow:hidden;
	margin-left:20px;
	padding:30px 0;
}
#conRight section{
	background : url(right_bottom.png) center bottom / auto auto no-repeat scroll padding-box border-box transparent;
	padding-bottom:60px;
	margin-bottom:30px;
}
#conRight .rightBody{
	border-left:1px solid #b79b5b;
	border-right:1px solid #b79b5b;
	width:172px;
	padding: 0 20px ;
	margin:0 auto;
}
#conRight .rightBody ul{
	margin:0 auto;
	padding-top:10px;
}
#conRight .rightBody ul li{
	width:120px;
	margin-bottom:30px;
	margin:0 auto;
}
#conRight .rightBody ul li:last-child{
	margin-bottom:0;
}
.footer{
	background : url(footer.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	width:980px;
	height:70px;
	margin:0 auto;
	clear:both;
}

/**/
#conRight .rightBody .shop-list{
	width:auto;
height:auto;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding: 0;
}
#conRight .rightBody .shop-list h3{
	font-size: 14px;
}
#conRight .rightBody .shop-list h3::before{
	content: "【";
}
#conRight .rightBody .shop-list h3::after{
	content: "】";
}
#conRight .rightBody .shop-list ul{
	display: block;
padding-bottom: 20px;
}
#conRight .rightBody .shop-list ul li{
	background : url(shop_list_point.png) 0px 3px / auto auto no-repeat scroll padding-box border-box transparent;
line-height: 1.5;
padding-left: 15px;
list-style: none;
font-size: 14px;
color: #2B2B2B;
margin-left: 0;
}
#conRight .rightBody .shop-list ul li a{
	font-weight: 100;
text-decoration: underline;
color: #2B2B2B;
}
#conRight .rightBody .shop-list ul li a:hover{
	text-decoration: none;
color: #2B2B2B;
}