@charset "Shift_JIS";

/*-----------------------------------------
common.css
-----------------------------------------*/

/* format */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,img,li,address,table,th,td,form,select,option,input,label
{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal; margin: 0; padding: 0;}
ol{padding:0 20px 0 30px;}
ol li{margin:5px 0 5px 0;}
hr{display:none;}
p{margin:0;}
table, tr, td, th
{border-collapse:collapse; font-size:100%;}
fieldset, legend{border:none; padding:0; margin:0;}
img{display:block; border:none; margin: 0; padding: 0;}
img.inline{display:inline; vertical-align:middle; margin:0 2px;}
a:link{color:#4e6ad5; text-decoration: none;}
a:visited{color:#4e6ad5; text-decoration: none;}
a:hover{color:#4e6ad5; text-decoration:underline;}

sup{font-size: 0.7em;}
sub{font-size: 0.7em;}


/* position */
.p-r{ position:relative; }
.p-a{ position:absolute; }
.f-l{ float:left; margin: 0; padding: 0;}
.f-r{ float:right; }
.ta-l{ text-align:left; }
.ta-c{ text-align:center; }
.ta-r{ text-align:right; }
.c-b{ clear:both; }


/* margin */
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mb8{margin-bottom: 8px;}
.mt15{margin-top: 15px;}
.mt15-c{clear: both; margin-top: 15px;}
.mt20{margin-top: 20px;}
.mb15{margin-bottom: 15px;}
.mt15b8{margin-top: 15px; margin-bottom: 8px;}
.mt15b8-c{clear: both; margin-top: 15px; margin-bottom: 8px;}
.mt8b15{margin-top: 8px; margin-bottom: 15px;}
.mtb8{margin-top: 8px; margin-bottom: 8px;}
.mtb8-c{clear: both; margin-top: 8px; margin-bottom: 8px;}
.mtb15{margin-top: 15px; margin-bottom: 15px;}
.mb25{margin-bottom: 25px;}
.ml10{margin-left: 10px;}
.ma{margin: auto;}



/* size */
.fs-ss{ font-size:10px; line-height: 1.5em; }
.fs-s{ font-size:11px; }
.fs-m{ font-size:16px; }
.fs-l{ font-size:18px; }
.ls-s{ letter-spacing:-1pt; }
.ls-m{ letter-spacing:0pt; }
.ls-l{ letter-spacing:1pt; }


/* color */
.blue{color: #4e6ad5; font-weight: bold;}
.st_blue{color: #3e56ae; font-weight: bold;}
.l_blue{color: #3e56ae; font-size: 18px; font-weight: bold;}

/* border */

/* decorate etc. */
.hide{ text-indent:-9999px;font-size:0pt; }
.fw-b{ font-weight:bold; }
.fw-n{ font-weight:normal; }
.tt-u{ text-transform:uppercase; }
.ws-n{ white-space:nowrap; }



body{background:#e1e1e1; text-align: center; font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif ; font-size: 12px; color: #333333; line-height: 1.6em;}


/*head*/
#head_bg{background-image: url(common/img/head_bg.gif); background-repeat: repeat-x; overflow: hidden; height: 130px;}
#head{width: 719px; height: 62px; text-align: center; margin: auto; overflow:hidden;}
	#head01{width: 272px; height: 62px; float: left;}
	#logo{width: 175px; height: 62px; float: left;}
	#head02{width: 272px; height: 62px; float: left;}
#seo{clear: both; width: 719px; height: 20px; background-image: url(common/img/seo.gif); background-repeat: no-repeat; font-size:10px; line-height:20px; color: #ffffff; text-align: center; margin: auto;}
#navi{width: 719px; height: 48px; background-image: url(common/img/navi.gif); background-repeat: no-repeat; margin: auto;}
	#navi li{display: inline;}
	#navi li a{display: inline; background-image: url(common/img/navi.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}
	#navi li.gn1 a{width: 145px; height: 48px; background-position: 0 0; float: left;}
	#navi li.gn1 a:hover{background-position: 0 -48px;}
	#navi li.gn2 a{width: 143px; height: 48px; background-position: -145px 0; float: left;}
	#navi li.gn2 a:hover{background-position: -145px -48px;}
	#navi li.gn3 a{width: 143px; height: 48px; background-position: -288px 0; float: left;}
	#navi li.gn3 a:hover{background-position: -288px -48px;}
	#navi li.gn4 a{width: 143px; height: 48px; background-position: -431px 0; float: left;}
	#navi li.gn4 a:hover{background-position: -431px -48px;}
	#navi li.gn5 a{width: 145px; height: 48px; background-position: -576px 0; float: left;}
	#navi li.gn5 a:hover{background-position: -576px -48px;}
	
	body#act_top #navi li.gn1 a{background-position: 0 -48px;}
	body#act_information #navi li.gn2 a{background-position: -145px -48px;}
	body#act_service_hour #navi li.gn3 a{background-position: -288px -48px;}
	body#act_access #navi li.gn4 a{background-position: -431px -48px;}
	body#act_english #navi li.gn5 a{background-position: -576px -48px;}


#h2_box{width: 715px; height: 92px; background-image: url(common/img/h2_bg.jpg); background-repeat: no-repeat; margin: auto; position: relative;}
#h2_box h2{text-align: right; position: absolute; top: 22px; right: 22px; line-height: 2.0em; letter-spacing: 0.1em;}
	.h2_bold{color: #653636; font-size: 17px; font-weight: bold;}
	.h2_small{font-size: 10px;}


#main_bg{background-color: #ffffff; width: 100%; overflow: hidden;}

#main{clear: both; width: 715px; background-image: url(common/img/main_bg.gif); background-repeat: repeat-y; margin: 8px auto 0 auto; overflow: hidden;}
	#main_left{width: 533px; padding-bottom: 30px; overflow: hidden;}
	#main_right{width: 182px; overflow: hidden;}
	.main_txt{width: 500px; margin: auto; text-align: left; margin-bottom: 20px; overflow: hidden;}
	.inner{width: 500px; margin: 30px auto 0 auto; overflow: hidden;}

.h3_box h3{clear: both; width: 705px; height: 30px; font-size: 17px; font-weight: bold; line-height: 28px; text-align: left; padding-left: 10px; margin: 0 auto 15px auto; background-image: url(common/img/h3_bg.gif); background-repeat: no-repeat; background-position: left bottom;}

#office_box{width: 182px; height: 191px; margin-bottom: 25px; background-image: url(common/img/office_bg.gif); background-repeat: no-repeat; position: relative;}
#office_txt{width: 170px; font-size: 10px; text-align: left; position: absolute; top: 8px; left: 10px;}
#office_btn{width: 90px; height: 70px; position: absolute; bottom: 0; right: 0;}


#foot_bg{background-image: url(common/img/foot_bg.gif); background-repeat: repeat-x; height: 110px;}
#foot{width: 715px; height: 110px; margin: auto; position: relative;}
	#foot address{font-size: 10px; line-height: 1.6em; font-style: normal; text-align: left; position: absolute; left: 10px; bottom: 10px;}
#f-navi{width: 380px; height: 25px; background-image: url(common/img/f-navi_bg.gif); font-size: 9px; letter-spacing: 0.1em; line-height: 25px; text-align: center; position: absolute; top: 10px; left: 10px;}
	#f-navi a:link{color: #333333; text-decoration: none;}
	#f-navi a:visited{color: #333333; text-decoration: none;}
	#f-navi a:hover{color: #f38d8d; text-decoration: none;}
	#f-navi a:active{color: #333333; text-decoration: none;}
#foot_logo{width: 190px; height: 100px; background-image: url(common/img/foot_logo.gif); position: absolute; top: 10px; right: 10px; text-indent: -9999px;}

@charset "Shift_JIS";

/*-----------------------------------------
contents.css
-----------------------------------------*/


/*index*/
#h2_index{width: 715px; overflow: hidden; margin: auto;}
#news_bg{width: 533px; height: 86px; background-image: url(img/news_bg.gif); background-position: right; text-align: left; margin-bottom: 20px;}
#news_box{width: 533px; height: 81px; overflow: auto; margin: auto;}
#news_txt{width: 500px; margin-top: 5px; margin-left: 18px; overflow: hidden;}

#profile{width: 500px; margin: 0 auto; overflow: hidden;}
#profile_table{width: 320px; background-image: url(img/profile_bg.gif); background-repeat: no-repeat; background-position: left bottom; float: left;}
#profile_t{width: 280px; margin: 20px auto; text-align: left; line-height: 1.6em;}
	.p_td1{width: 80px; padding: 3px; vertical-align: top;}
	.p_td2{padding: 3px;}
#profile_img{width: 165px; margin-top: 15px; overflow: hidden; float: right;}

/*Information*/
img.photo  {align:center;margin-bottom:10px;}
.pic_topic{margin-left:30px;margin-bottom:10px;width:480px;}
h7         {font-size:14px;}
h8         {font-size:16px;}

/*service_hour*/
#service{width: 533px; height: 85px; background-image: url(service_hour/img/img01.gif); background-repeat: no-repeat; margin: 0 auto 15px auto; text-indent: -9999px;}

#hour_t{width: 400px; margin: 8px auto 0 auto; text-align: center;}
.hour_td1{border-bottom: solid 2px #fc7778; padding: 5px 0; font-size: 14px; letter-spacing: 0.1em;}
.hour_td2{width: 155px; border-bottom: solid 1px #ababab; padding: 5px 0;}

/*english*/
.txt_left{width: 350px; text-align: left; float: left; overflow: hidden; padding-left: 20px;}
.img_right{width: 140px; float: right;overflow: hidden;}

/*access*/
.access_t{width: 450px; margin: 8px auto 0 auto;}
.access_td1{width: 200px; border-bottom: solid 2px #fc7778; padding: 5px 0; letter-spacing: 0.1em;}
.access_td2{border-bottom: solid 1px #ababab; padding: 5px 0;}

/*table*/
.lv2_t{width: 480px; margin: 8px auto 0 auto;}
.lv2_td1{width: 130px; border-bottom: solid 2px #fc7778; padding: 5px 0; font-size: 12px; line-height: 1.5;}
.lv2_td2{border-bottom: solid 1px #ababab; text-align: left; padding: 5px 0 5px 15px;}

.submit_t{width: 200px; margin: 8px auto;}
.submit{text-align: center;}