@charset "utf-8";

/* english version */



/* layout */

body { margin: 0; padding: 0; background: url(images/common/bg_main.gif) left repeat-y; font-family: "Times New Roman", Times, serif;}
#langselect { margin-top: 5px;}
#langselect img { display: inline;}


#container { width: 100%; position: relative; display: block;}

#leftarea { width: 148px; position: absolute; left: 5px; top: 19px;}

#rightarea { margin-left:170px; min-width: 636px;}
#subrightarea { margin-left:170px; min-width: 636px;}
#main { min-width: 636px; padding-left: 3%; padding-right: 3%;}


#subtop { background: url(images/common/bg_subtop.gif) top repeat-x; margin-bottom: 20px; width: 100%; height: 74px;}
#subtop a { height: 74px; margin: 0; padding: 0; background: url(images/common/bg_logo_sub.gif) right no-repeat; width: 636px;margin-left: auto; margin-right: auto; display: block; }


#leftarea ul { margin: 0; padding: 0;}
#leftarea ul li { margin: 0 0 0.2em 20px; padding: 0; list-style-image: url(images/common/ico_menu.gif);}


#leftarea address { font-style: normal; font-size: 80%; }

#leftarea .line { background: url(images/common/img_line.gif) 0 50% repeat-x; clear: both; display: block; font-size: 1%; line-height: 2%; padding-top: 5px; padding-bottom: 5px;}

#copyright { clear: both; display: block; text-align: center;}


p#location { font-size: 80%; text-align: right; color:#999999;}
#main { text-align: left;}
.goback { padding-top: 20px; padding-bottom: 10px; text-align: center;}

.clear { display: block; clear: both;}
.box01 { border: 1px solid #DBDBDB;}

#main #idxmain h1 { background: none; display: block; width: 100%; text-align: center;}
#main h1 { background: url(images/common/bg_h1.gif) repeat-x bottom; display: block; width: 100%; line-height: 0;}
#main h2 { width: auto; border-left: 4px solid #A898DE; border-bottom: 1px solid #DDDDDD; background: url(images/common/bg_h2.gif) bottom repeat-x; padding-left: 10px; font-size: 120%; padding-bottom: 3px; padding-top: 3px; display: block; clear: both;}
#main h3 { width: auto; border-left: 4px solid #A898DE; padding-left: 10px; font-size: 110%; padding-bottom: 1px; padding-top: 3px;}
#main h4 { width: auto; padding-left: 13px; font-size: 100%; padding-bottom: 3px; padding-top: 3px; background: url(images/common/bg_h4.gif) 0 0.5em no-repeat; margin-bottom: 0.3em; margin-top: 0.3em;}

#main p { margin-top: 0;}
#main p img.fleft { margin-right: 10px;}


.anklinklist {}
.anklinklist li { list-style-image: url(images/common/ico_anclink.gif);}
.anklinklist a { text-decoration: none;}
.anklinklist a:hover { text-decoration: underline;}

.gotop { height: 16px; clear: both; display: block;}
.gotop img { float: right;}



.fgpoint { }
.fgpoint th { font-weight: normal; vertical-align: top; padding-top: 0.2em;}
.fgpoint th .number { display: block; padding: 3px 3px; background: #000000; color: #FFFFFF; font-size: 10px; text-align: center; font-family: Verdana,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
.fgpoint td {}





/* modify */

.tbstyle1 { background-color: #999999; border-collapse: separate;}
.tbstyle1 td { background-color: #FFFFFF; padding: 3px; font-size: 80%;}
.tbstyle1 th { background-color:#FCEFF8; padding: 3px; font-size: 80%;}

.tbstyle2 { background-color: #999999; border-collapse: separate;}
.tbstyle2 td { background-color: #FFFFFF; padding: 3px; font-size: 80%;}
.tbstyle2 th { background-color: #3074AB ; padding: 3px; font-size: 80%; color: #FFFFFF;}

.tbstyle3 { border-collapse: collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
.tbstyle3 td { padding: 5px; font-size: 80%; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.tbstyle3 th { background-color: #88BDD7; padding: 5px; font-size: 80%; color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}

.calender { width: 100%;}
.calender thead { text-align: left;}
.calender th { text-align: center; background-color: #E8E8E8; width: 14%; font-size: 100%; font-weight: normal;}
.calender td { text-align: right; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; font-size: 100%; line-height: 18px;}
.calender .holiday { color: #FF3300;}
.calender .saturday { color: #0066FF;}
.calender .special { background-color: #CDEDA7;}

.center { text-align: center;}

.clr_red1 { color: #FF3300;}
.clr_red2 { color: #CC3300;}

.clr_blue1 { color: #3366FF;}
.clr_blue2 { color: #3333FF;}

#idx_collection p { margin-top: 0.1em; margin-bottom: 0.1em; line-height: 100%;}

#idx_hvgly { background-color: #FEEA90;}
#idx_hvgly td { font-size: 90%;}
#idx_hvgly td strong { display: block; margin-bottom: 0.4em;}

#idx_course {}
#idx_course td { font-size: 83%; line-height: 130%;}

#idx_kengly { background-color:#6C8448;margin-bottom: 3px; width: 100%;}
#idx_kengly td { background-color: #FFFFFF; padding: 3px; font-size: 83%; }
#idx_kengly th { background-color: #B7D7BC; padding: 3px; font-size: 83%; }

#idx_collection { font-size: 85%;}
#idx_collection p { margin-top: 0.2em; margin-bottom: 0.2em; line-height: 130%;}
#idx_collection .title { font-size: 120%; color:#0000FF;}



#hiv_mthchannel { font-size: 87%; line-height: 130%;}

p { margin-bottom: 0.4em; line-height: 130%; margin-top: 0.2em;}

ul { margin-top: 0.2em; margin-bottom: 0.4em;}
ul li { margin-top: 0; margin-bottom: 0.3em;}

ol.liststyle01 { margin-top: 0.3em; margin-bottom: 0.3em;}
ol.liststyle01 li { margin-bottom: 0.4em; line-height: 120%;}

.fs85ps { font-size: 85%;}

.fright { float: right;}
.fleft { float: left;}

.mb1em { margin-bottom: 1em;}

.mgl10px { margin-left: 10px;}
.mgl15px { margin-left: 15px;}
.mgl20px { margin-left: 20px;}
.mgl25px { margin-left: 25px;}

#youkou .mgl10px { font-size: 85%;}
#youkou .mgl20px { font-size: 85%;}
#youkou .mgl25px { font-size: 85%;}


.txtclrwhite { color: white;}

.bgclrred { background-color: red;}