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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;}
	
a{
	color:#666;
	text-decoration:none;}

ul{
    list-style:none;}
	
body{
	color:#666;
	background-image:url(img/bg.png);}
	
img{
	border-style:none;}
	
#head_box{
	width:100%;
	background-color:#27a0df;
	border-top:double 6px #3090c2;
	border-bottom:solid 7px #fff799;
	padding:9px 0;
	color:#fff;}
	
#head_line{
	width:960px;
	margin:auto;}
	
#header{
	width:960px;
	height:245px;
	margin:auto;
	padding:5px 0 5px 0;
	background-image:url(img/eggshell.jpg);}
	
h1{
	font-size:14px;
	font-weight:400;}
	
.header_left{
	float:left;
	line-height:1.2;
	font-weight:bold;
	color:#666;}
	
.header_right{
	float:right;}
	
.viewer {
    margin: 0 auto;
    width: 580px;
    height: 248px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
.viewer img {
    top: 0;
    left: 0;
    position: absolute;
}
	
#navi_box{
	clear:both;
	width:100%;
	background-color:#27a0df;
	border-top:double 6px #3090c2;
	border-bottom:double 6px #3090c2;
	padding:10px 0;}
	
#navi ul{
	text-align:center;}
	
#navi ul li{
	display:inline;
	border-right:1px solid #3090c2;
	padding:0 22px;
	font-size:20px;
	font-weight:bold;
	color:#FFF;}
	
.home{
	border-left:1px solid #3090c2;}
	
#navi ul li span{
	color:#FF6;}
	
#navi li a{
	text-decoration:none;
	color:#FFF;}

#navi li a:hover{
	color:#FF6;}
	
#container{
	width:100%;}		

#contents{
	width:960px;
	margin:auto;
	text-align:left;
	clear:both;
	padding:10px 0;
	background-image:url(img/eggshell.jpg);}
	
#contents p{
	line-height:1.5;}
	
h2{
	clear:both;
	margin:20px 0 20px 0;
	padding:12px 0 12px 60px;
	border-bottom:1px #CCC solid;
	background-image:url(img/icon33.jpg);
	background-repeat:no-repeat;
	background-position:3px 5px;}
	
h2 span{
	font-size:16px;
	font-weight:400;}
	
h3{
	clear:both;
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:dotted 1px #999;
	border-top:dotted 1px #999;
	padding:18px 0 16px 60px;
	background-image:url(img/flower22.png);
	background-repeat:no-repeat;
	background-position:12px 10px;}
	
#side_navi{
	width:240px;
	float:left;}
	
#main_box{
	width:680px;
	float:right;
	padding-left:20px;}
	
#main_box p{
	margin-top:10px;}
	
#side_navi ul li{
	width:180px;
	height:38px;
	border:#CCC solid 1px;
	font-size:20px;
	font-weight:bold;
	background-color:#FBF2DE;
	padding-top:13px;
	padding-left:60px;
	margin-bottom:5px;
	background-image:url(img/icon22.jpg);
	background-repeat:no-repeat;
	background-position:3px 3px;}
	
#side_navi ul li.baner{
	width:180px;
	height:38px;
	border:#CCC solid 1px;
	font-size:20px;
	font-weight:bold;
	background-color:#EEF3FE;
	padding-top:13px;
	padding-left:60px;
	margin-bottom:5px;
	background-image:url(img/icon11.jpg);
	background-repeat:no-repeat;
	background-position:3px 3px;}

#side_navi ul a{
	color:#666;
	text-decoration:none;}
	
#side_navi ul a:hover{
	color:#888;}
	
#side_navi ul li.little{
	font-size:12px;}
	
.left_text{
	width:400px;
	float:left;
	margin-right:10px;}
	
.left_text span{
	font-weight:400;
	margin-left:200px;}
	
.under_img{
	margin-top:10px;}
	
#course_info ul{
	margin:0 0 20px 30px;
	line-height:2;}
	
#course_info ul li a{
	color:#69C;
	text-decoration:underline;} 	
	
.course h3 span{
	font-size:15px;
	font-weight:400;}
	
.course_left{
	width:400px;
	float:left;
	padding-left:15px;}
	
.seasonclass{
	width:380px;
	border:1px #FCC solid;
	padding:5px 0 15px 10px;
	margin:10px 0;}
		
.seasonclass p{
	margin-top:10px;}
	
.seasonclass dl dt{
	font-weight:bold;
	padding-top:10px;}
	
.seasonclass dl dd{
	margin-top:15px;}
	
.under{
	clear:both;
	margin-left:10px;
	padding-right:20px;}
	
.under table{
	border:1px solid #999;
	border-collapse:collapse;
	margin:10px 10px;}
	
.under table th{
	width:180px;
	border:#999 1px solid;
	padding:6px 10px;}
	
.under table td{
	width:170px;
	border:#999 1px solid;
	padding:6px 10px;
	line-height:1.5;}
	
.under ul li{
	line-height:1.5;
	margin-left:10px;}
	
#contact ul{
	margin:10px 0 15px 30px;}
	
#contact ul li{
	line-height:1.8;
	font-size:16px;
	font-weight:bold;}
	
#contact ul li a{
	color:#666;}
	
#contact ul li a:hover{
	color:#999;}
	
#access p{
	font-weight:bold;}
	
h4{
	font-size:20px;
	margin:10px 0;}
	
.btm{
	margin-bottom:10px;}
	
#works p{
	clear:both;
	float:right;
	padding-top:440px;
	padding-right:100px;}
	
#item h4{
	font-size:17px;}
	
#item th{
	padding:0 30px 10px 0;}
	
#item td{
	line-height:1.6;
	padding-right:50px;
	padding-bottom:5px;
	vertical-align:bottom;}
	
.item_text{
	width:540px;
	border:#3CC 1px solid;
	padding:5px 0 15px 25px;}

#page-top{
	clear:both;
	text-align:right;
	margin-bottom:10px;}
	
#page-top a{
	color:#666;
	text-decoration:none;}
	
#page-top a:hover{
	text-decoration:underline;}	
	
#footer_box{
	clear:both;
	width:100%;
	height:220px;
	background-color:#27a0df;
	border-top:double 6px #e3f6ff;
	padding:10px 0;}
	
#footer{
	width:960px;
	margin:auto;
	padding:20px 0 0 0;
	color:#FFF;}
	
#footer p{
	line-height:1.6;}
	
#footer a{
	color:#FFF;}
	
#copyright{
	text-align:center;
	margin-top:50px;}
	
.goods3{
	padding-right:5px;
	padding-bottom:20px;
	line-height:1.5;
	font-size:14px;}
	
.goods2{
	padding-right:30px;
	padding-bottom:20px;
	line-height:1.5;
	font-size:14px;}
	
#font h5{
	margin:22px 0 5px 0;}