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

body {
	background: url(../images/background.png);
	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(../images/header_top.png) no-repeat;
	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(../images/body_back.png) repeat-y;
	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(../images/midashi_back.png) no-repeat;
	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) no-repeat;
	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) no-repeat;
	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) no-repeat 0 4px;
	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(../images/right_bottom.png) no-repeat bottom;
	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(../images/footer.png) no-repeat;
	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(../images/shop_list_point.png)no-repeat 0px 3px;
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;
}