@charset "UTF-8";
/* main css */

*{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
line-height:1.6em;
color:#333;
background-color:#fff;
font-family:Meiryo,Verdana,"メイリオ","ＭＳ Ｐゴシック",Hiragino Kaku Gothic Pro,Osaka;
font-size:1em;
text-align:center;
}

/*layout*/
#wrapper{
margin:0 auto;
padding:0;
width:918px;
text-align:left;
background:#FFF;
background:url('../img/bg.jpg') repeat-y 0 0;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
	margin:0 auto;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	margin:0 auto;
}

.img{
border:0;
}

/* description */

#desc{
width:900px;
height:15px;
margin:0 0 0 9px;
_margin:0 0 0 4px;
padding:0;
text-align:center;
background:#F9C;
float:left;
}

*+html #desc{
width:900px;
height:25px;
margin:0 0 0 9px;
_margin:0 0 0 4px;
padding:0;
text-align:center;
background:#F9C;
float:left;
}

#desc p{
color:#FFF;
font-size:0.7em;
margin:0;
padding:0;
}


/* header */

#header{
width:900px;
height:126px;
margin:0 0 0 9px;
padding:0;
}

#header h1{
display:block;
width:580px;
height:70px;
margin:-10px 0 0 15px;
padding:10px 0px 0px 0px;
float:left;
}

#header .event{
margin:10px 0 0 0px;
padding:0px 0px 0px 0px;
float:right;
}

*+html #header .event{
margin:-70px 0 0 0px;
padding:0px 0px 0px 0px;

}

*html #header .event{
margin:-70px 0 0 0px;
padding:0px 0px 0px 0px;

}

#header ul{
float:right;
margin:0 5px 0 0;
padding:0px 0 0 0;
}

#header li{
list-style:none;
float:left;
display:block;
padding-left:0px;
font-size:0.8em;
}

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

#header li a:hover{
opacity:0.8;
filter: alpha(opacity=80);
}

#header p a{
margin:0 10px 0 0;
padding:0;
float:right;
background:url('../img/btn.jpg') no-repeat 0 0;
text-indent:-4000px;
display:block;
width:251px;
height:70px;
}


#header h2{
width:282px;
height:25px;
display:block;
margin:10px 0 0 9px;
padding:0;
float:left;
text-indent:-4000px;
background:url('../img/tel.jpg') no-repeat 0 0;
}

*html #header h2{
width:282px;
height:25px;
display:block;
margin:-25px 0 0 9px;
padding:0;
float:left;
text-indent:-4000px;
background:url('../img/tel.jpg') no-repeat 0 0;
}

#header p{
}

/* main img */
#main_img{
margin:0 0 0 9px;
padding:0;
width:900px;
height:250px;
background:url('../img/main_img.jpg') no-repeat 0 0;
display:block;
}

#main_img h3{
display:none;
}

#main_img p{
display:none;
}

/* navigation */

#navi{
width:900px;
height:42px;
margin:0 0 0 9px;
_margin:0 0 0 4px;
padding:0;
float:left;
}

#navi ul {
margin:0;
width:900px;
height:42px;
overflow:hidden;
float:left;
}

#navi li{
margin:0;
float:left;
padding:0;
list-style:none;
}
#navi li a {
display:block;
height:42px;
text-indent:-4000px;
background-image: url(../img/navi.jpg);
background-repeat: no-repeat;
}
.navi01 a {width:180px; background-position: 0 0;}
.navi01 a:hover {background-position: 0 -42px;}
.navi02 a {width:180px; background-position: -180px 0;}
.navi02 a:hover {background-position: -180px -42px;}
.navi03 a {width:180px; background-position: -360px 0;}
.navi03 a:hover {background-position: -360px -42px;}
.navi04 a {width:180px; background-position: -540px 0;}
.navi04 a:hover {background-position: -540px -42px;}
.navi05 a {width:180px; background-position: -720px 0;}
.navi05 a:hover {background-position: -720px -42px;}
		

/* guide */

#guide{
width:640px;
margin:20px 0 0 29px;
margin:20px 0 0 14px;
padding:0;
float:left;
}

/* contents */

.contents{
width:320px;
margin:0 0 30px 0;
float:left;
}

.contents h4{
width:190px;
height:20px;
display:block;
border-bottom:3px solid #F39;
float:right;
margin:0 30px 0 0;
margin:0 15px 0 0;
}

.contents p{
font-size:0.8em;
width:190px;
text-align:left;
float:right;
padding:0;
margin:5px 30px 0 0;
margin:5px 15px 0 0;
line-height:1.2em;
}

.mini_img{
float:left;
}

.detail a{
float:right;
background:url(../img/detail.jpg) no-repeat 0 0;
display:block;
width:30px;
height:14px;
margin:2px 0 0 0;
font-size:0.7em;
text-align:center;
text-decoration:none;
color:#FFF;
}

.detail a:hover{
background:url(../img/detail.jpg) no-repeat 0 -14px;
}

/* news */

#news{
width:630px;
margin:0 0 0 9px;
padding:0;
float:left;
}

#news .blog{
margin:0 0 0 10px;
padding:0;
}

#news h4{
width:610px;
height:20px;
display:block;
border-bottom:3px solid #F60;
float:right;
margin:0;
padding:0;
}

#news p{
font-size:0.8em;
color:#333;
border-bottom:1px dotted #F60;
padding-top:5px;
padding-bottom:5px;
margin:5px 0 0 19px;
float:left;
width:610px;
}

#news p a{
color:#F60;
text-decoration:none;
}

.new_date{
padding-right:30px;
}

/* right */
#right{
width:200px;
float:right;
margin:20px 25px 0 0;
margin:20px 12px 0 0;
}

#right p{
width:200px;
display:block;
float:left;
}

.mail a{
font-size:0.8em;
margin:0 0 20px 0;
padding:60px 0 0 10px;
width:200px;
height:100px;
background:url('../img/mail.jpg') no-repeat 0 0;
display:block;
text-decoration:none;
color:#333;
}

.mail a:hover{
color:#F39;
}

.prof{
font-size:0.7em;
line-height:1.6em;
margin:-60px 0 20px 0;
_margin:10px 0 20px 0;
padding:40px 0 0 10px;
width:200px;
height:180px;
background:url('../img/prof.jpg') no-repeat 0 0;
display:block;
text-decoration:none;
color:#333;
}

/* footer */

#footer{
width:900px;
height:30px;
background:url('../img/footer_bg.jpg') repeat-x 0 0;
margin:20px 0 0 9px;
_margin:20px 0 0 4px;
padding:0;
float:left;
clear:both;
}

#footer p{
margin:4px 0 0 0;
padding:0;
text-align:center;
font-size:0.7em;
color:#FFF;
}


/* page template */

#page{
width:630px;
margin:0 0 0 9px;
padding:0;
float:left;
}

#page h4{
width:610px;
height:20px;
display:block;
border-bottom:3px solid #F60;
float:left;
margin:20px 0 0 30px;
_margin:20px 0 0 15px;
padding:0;
}

#page h5{
margin:20px 0 0 30px;
_margin:20px 0 0 15px;
padding-left:15px;
border:1px dotted #F60;
color:#F60;
font-size:1em;
float:left;
width:595px;
_width:610px;
text-align:center;
}

#page p{
font-size:0.9em;
color:#333;
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
margin:10px 0 0 30px;
_margin:10px 0 0 15px;
float:left;
width:595px;
_width:610px;
}

#page strong{
background:#FF3399;
color:#FFFFFF;
padding:2px;
}

#page em{
background:#FF6600;
color:#FFFFFF;
font-style:normal;
padding:2px;
}

.dots{
border-bottom:1px dotted #F60;
}

#page p a{
color:#F60;
text-decoration:none;
}

.flowt{
font-size:1.2em;
color:#F60;
font-weight:bold;
}

.flowt2{
font-size:1.2em;
color:#bb0000;
font-weight:bold;
}

.flow{
background:url('../img/box_bg.jpg') repeat-x left bottom;
display:block;
color:#666;
border:1px solid #F39;
}

.center{
text-align:center;
}

.small{
font-size:0.7em;
}


.table1{
border:none;
border-collapse:sepalate;
margin:10px 0 0 45px;
border-spacing:2px;
}
.td1{
background:#CCC;
padding:5px;
text-align:center;
font-size:0.9em;
color:#333;
}

.td2{
text-align:left;
padding:5px;
font-size:0.9em;
color:#333;
}

#table_t1_Navi {
	margin: 0px 0px 0px 50px;
	padding: 10px 0px 5px 0px;
	float:left;
	width: 600px;
	background-image: url(../img/tables_bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
	border-bottom: 1px solid #c6c2b8;
}

*html #table_t1_Navi {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	float:left;
	width: 600px;
	background-image: url(../img/tables_bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
	border-bottom: 1px solid #c6c2b8;
}

#table_t1_Navi li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	font-size:12px;
}

#table_t1_Navi .l {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width:140px;
	list-style:none;
	font-size:12px;
}

*html #table_t1_Navi .l {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	width:120px;
	list-style:none;
	font-size:12px;
}

#table_t1_Navi .r {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:290px;
	list-style:none;
	font-size:12px;
}

#table_t1_Navi2 {
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	float:left;
	width: 600px;
	background-image: url(../img/tables_bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

*html #table_t1_Navi2 {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float:left;
	width: 600px;
	background-image: url(../img/tables_bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

#table_t1_Navi2 li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	font-size:12px;
}

#table_t1_Navi2 .l {
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	width:140px;
	list-style:none;
	font-size:12px;
}

*html #table_t1_Navi2 .l {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	width:140px;
	list-style:none;
	font-size:12px;
}

#table_t1_Navi2 .r {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width:290px;
	list-style:none;
	font-size:12px;
}

#table_t1_Navi3 {
	margin: 10px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	float:left;
	width: 600px;
	background-image: url(../img/tables_bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
	border-bottom: 1px solid #c6c2b8;
}

*html #table_t1_Navi3 {
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float:left;
	width: 600px;
	background-image: url(../img/tables_bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
	border-bottom: 1px solid #c6c2b8;
}

#table_t1_Navi3 li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	font-size:12px;
}

#table_t1_Navi3 .l {
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	width:140px;
	list-style:none;
	font-size:12px;
}

#table_t1_Navi3 .r {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width:290px;
	list-style:none;
	font-size:12px;
}