@charset "utf-8";
/* CSS Document */

/* ------ common ---------- */
body {
	line-height: 1.6;
/*	font-size: 93%;*/
	color: #655E59;
	background-color: #fff;
}
.page{font-size: 93%;}
.mt10{ margin-top: 10px!important;}
.mt20{ margin-top: 20px!important;}

/* ------------------------------------------------------------
Font Size (default:12px)
 10px = 83.3%   11px = 91.7%   12px = 100%    13px = 108.3%
 14px = 116.7%  15px = 125%    16px = 133.3%  17px = 141.7%
 18px = 150%    19px = 158.3%  20px = 166.6%  21px = 175%
 22px = 183.3%  23px = 191.6%  24px = 200%    25px = 208.3%
------------------------------------------------------------ */

a { outline: none; }
a:link,
a:visited {
	color:#000091;
	text-decoration:underline;
}
a:hover {
text-decoration: none;
font-family: arial, helvetica, clean, sans-serif;
color: #FFFFFF;
font-weight: bold;
}

.ov_image a:hover img,
a.ov_image:hover img {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.bold{ font-weight: bold;}
.red{ color: #FF0000;}
.bo-red{
	font-weight: bold;
	color: #FF0000;
}
.bo-blue{
	font-weight: bold;
	color: #0877c9;
}
.s_size{
	font-size:91.7%;
}

#container {
	width:980px;
	margin:0 auto;
}
#header {
	position: relative;
	padding-bottom: 20px;
}
#header p.contact {
	position: absolute;
	top: 10px;
	right: 0;
	width: 260px;
}

#contents {}
#contents .main h3 {
	margin-bottom: 10px;
	padding: 5px 22px;
	font-size: 116.7%;
	font-weight: bold;
	color: #ffffff;
	background: #837974 url(../img/common/ico.jpg) no-repeat 1% 50%;
}
#contents .main .menu {
	line-height: 0;
	font-size: 0;
}


p.pan,.pan a{
font-size: 83.3%;
margin-bottom: 10px;
color: #655E59;
}
.snavi{
	float:left;
	width:190px;
}
.main {
	float:right;
	width:760px;
}
.main_inner{
	width:692px;
	background-color:#F8F4ED;
	color:#655E5A;
	padding:22px 34px 34px 34px;
}
.pgtp{
	font-size:83.3%;
	text-align:right;
}

.bn{ margin: 5px 0;}

#footer {
/*	width:1300px;
	height:45px;*/
	background: url(../img/common/f_bg.jpg);
	margin-top:50px;
}
#footer #footer_inner{
	width: 980px;
	height: 45px;
	margin: 0 auto;
}		
#footer p{
	float:left;
}
#footer ul{
	float:right;
}
#footer li{
	float:left;
}				
	
/* ------ top index.html ---------- */
#top {
	background:url(../img/index/main_bg.jpg) 50% 0 no-repeat;
}
#top #header h1 {}
#top #header .menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 260px;
	line-height: 0;
	font-size: 0;
}
#top #header .menu img {
	-moz-opacity: 0.9;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#top .snavi {
	float: left;
	width: 260px;
	margin-right: 30px;
}
#top .snavi p {
	margin-bottom: 14px;
}
#top .main{
	float: left;
	width: 690px;
	background-color: #F8F4ED;
	color: #655E5A;
}
#top .main ul{
	margin:22px 34px 34px 34px;
}
#top .main ul li{
	margin-bottom:15px;
}

#top .main table{
	width:622px;
	margin:22px 34px 34px 34px;
}
#top .main tr{
	display:block;
	margin-bottom:15px;
}
#top .main th{
	width: 100px;
	padding-right: 20px;
}
#top .main .fred{
	padding-right: 8px;
	color:#FF0000;
}	
/* ------ menu/index.html ---------- */
#menu {
	background: url(../img/menu/main_bg.jpg) 50% 0 no-repeat;
}

#menu .main .txt{
	float:left;
}
#menu dl{
	width:447px;
	padding:10px 10px 10px 15px;
	border-bottom:1px dashed #C4B8B5;
	background:url(../img/common/ico_s.jpg) no-repeat 1% 50%;
}
#menu dd.copy{
	float:left;
	font-size:83.3%;
}
#menu dd .bigtxt {
	font-size: 125%!important;
	font-weight:bold;
}
#menu dd.price{
	width:180px;
	float:right;
	text-align:right;
	color:#000091;
}
#menu dd.price2{
	width:100px;
	float:right;
	text-align:right;
	color:#000091;
}
#menu dd.price3{
	width:140px;
	float:right;
	text-align:right;
	color:#000091;
}
#menu dd.price4{
	width:50px;
	float:right;
	text-align:right;
	color:#000091;
}
#menu dd.price0{
	width:210px;
	float:right;
	text-align:right;
	color:#000091;
}
#menu dd.price span{
	font-weight:bold;
	font-size:120%;
	color:#CC3333;
}
#menu dt{
	clear:both;}
h3.second{
	margin-top:30px;}
p.photo{
	float:right;
	text-align:right;
	font-size:83%;
}
.menu_navi li a{
	float:left;
	margin:0 18px 10px 0;
	font-weight:bold;
	color:#837974;
}
#menu p.tax{
	margin-top: 10px;
	font-size: 90%;}
	
/* ------ news/index.html ---------- */
#news {
	background: url(../img/news/main_bg.jpg) 50% 0 no-repeat;
}
p.img{
	width:212px;
	float:left;
	margin-bottom:20px;
}
p.txt{
width: 461px;
float: right;
font-size: 14px;
}
	p.month{
	text-align:center;
	margin-top:80px;
}
/* ------ course/index.html ---------- */
#course {
	background: url(../img/course/main_bg.jpg) 50% 0 no-repeat;
}
#course .box01{
	float:left;
	width:335px;
}
#course .box02{
	float:right;
	width:335px;
}
#course .box01 p,
#course .box02 p{
	text-align:center;
}
#course p.kome{
	clear:both;
	padding-top:50px;
	line-height:1.5em;
}
/* ------ access/index.html ---------- */
#access{
	background: url(../img/access/main_bg.jpg) 50% 0 no-repeat;
}
#access .box01{
	float:left;
	width:358px;
	height:470px;
	padding:10px 0 0 10px;
	background:#FFFFFF;
}
#access .box02 {
	float: right;
	width: 300px;
}
#access .box02 p {
	margin: 10px 0 30px 0;
}
#access .box01 small a{
	font-size:77%;
}
/* ------ contact/index.html ---------- */
#contact{
	background: url(../img/contact/main_bg.jpg) 50% 0 no-repeat;
}
#contact p.form_txt{
	margin:30px 0;
	line-height:1.5em;
}
#contact table {
	width: 100%;
	border-collapse: separate;
}
/*#contact dl.last{
	padding:10px 0;
	border-bottom:0;
}*/
#contact th {
	padding: 10px 5px;
	font-weight: bold;
	border-bottom: 1px dashed #C4B8B5;
}
#contact th span {
	color: #f00;
	font-weight: normal;
}
#contact td {
	padding: 10px 5px;
	border-bottom: 1px dashed #C4B8B5;
}
#contact .noborder th,
#contact .noborder td {	border: none;}

/*#contact dd{
	float:left;
	vertical-align:middle;
}
#contact dt span{
	padding:0 8px;
	font-size:8px;
}*/
#contact input {	border: none;	}
#contact input#mail,
#contact input#tel {
	width:540px;
	padding: 3px;
	border: none;	
}
#contact input#name01,
#contact input#name02,
#contact input#kana01,
#contact input#kana02 {
	width:180px;
	margin:0 10px;
	padding: 3px;
}
#contact textarea{
	width: 540px;
	height: 100px;
	padding: 3px;
	border: none;	
}
#contact .btn{
	padding-top: 10px;
	text-align: center;
}


/* ------ clear ---------- */
#header:after,
#contents:after,
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
#header,
#contents,
.clearfix {    zoom:1;}
