@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #535353;
	background: white;
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:78%;
	line-height:150%;
	background-color:#fff;
}
ol, ul {
	list-style: none;
}

img{
	vertical-align:bottom;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

#header{
	width:950px;
	height:106px;
	margin:0 auto;
	position:relative;
}

#header p#logo{
	position:absolute;
	top:34px;
	left:56px;
}

#header strong{
	width:710px;
	position:absolute;
	top:10px;
	left:10px;
	font-weight:normal;
}

#header p#tel{
	position:absolute;
	top:10px;
	left:727px;
}

#header #gnav{
	position:absolute;
	top:65px;
	right:15px;
}

#header #gnav li{
	display:inline;
	padding-left:20px;
	margin-left:18px;
}

#header #gnav li.line{
	border-left:1px #535353 solid;;
}

#header #gnav li a{
	color:#535353;
	text-decoration:none;
}

#header #gnav li a:hover{
	text-decoration:underline;
}

#flash{	
	width:950px;
	margin:0 auto;	
}

#contents{	
	width:645px;	
	margin:0 auto;
	padding:0 0 60px 305px;
}

#contents h1{
	margin-bottom:32px;
}

#contents h2.h_1{
	margin:0 0 7px 0;
}

#contents h2.h_2{
	margin:0 0 7px 7px;
}

#footer{
	width:950px;
	margin:0 auto;
	padding:15px 0;
}

#footer p#copy{
	text-align:center;
	font-size:84%;
	line-height:150%;
}

/****** top ******/

.page_top #header{
	height:90px;
}

/****** menu ******/

.page_menu #contents{
	background:url(../images/menu_bg.jpg) 0 0 no-repeat;
}

.page_menu #contents .row{
	width:600px;
	overflow:hidden;
	margin-left:7px;
}

.page_menu #contents .row .l{
	width:280px;
	float:left;
}

.page_menu #contents .row .r{
	width:280px;
	float:right;
}

.page_menu #contents .row .r ul{
	margin:30px 0 25px 20px;
}

.page_menu #contents .row table{	
	width:280px;
	margin-bottom:20px;
}

.page_menu #contents .row table th,
.page_menu #contents .row table td{
	padding:4px 0;
}

.page_menu #contents .row table th{
	width:170px;
	padding-left:20px;
}

.page_menu #contents .row table td{
	text-align:right;
}

.page_menu #contents table.course{	
	width:580px;
	margin-left:20px;
}

.page_menu #contents table.course th,
.page_menu #contents table.course td{	
	padding:3px 0;
}

.page_menu #contents table.course th{
	width:475px;
	font-size:117%;
	line-height:150%;
}

.page_menu #contents table.course th span{
	font-size:66%;
	line-height:150%;
	margin-left:15px;
}

.page_menu #contents table.course td{
	text-align:right;
}

.page_menu #contents p.txt{
	margin:35px 0 0 340px;
}


/****** shop ******/

.page_shop #contents{
	background:url(../images/shop_bg.jpg) 0 0 no-repeat;
}

.page_shop #contents p.txt{
	font-size:117%;
	line-height:150%;
	margin:0 0 30px 30px;
}

.page_shop #contents p.name{
	margin:0 0 45px 422px;
}

.page_shop #contents table{
	width:600px;
	font-size:117%;
	line-height:150%;
	margin:0 0 40px 30px;
}

.page_shop #contents table th,
.page_shop #contents table td{
	padding:3px 0;
}

.page_shop #contents table th{
	width:9em;
}

.page_shop #contents ul{
	margin:0 0 40px 28px;
}

.page_shop #contents p.map{
	margin:0 0 0 28px;
}