@charset "euc-jp";

*{ margin:0; padding:0;}

html{ height:100%;}

body{
 height:100%;
 font-family: 'Hiragino Kaku Gothic Pro','¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','¥á¥¤¥ê¥ª', Meiryo, '£Í£Ó £Ð¥´¥·¥Ã¥¯', sans-serif;
 line-height:125%; background:url(../images/common/bg_top.gif) repeat-x #3ab4fe;}
 
* html div#container{ height:100%;}
 
div#container{ width:100%; margin:0 auto; position:relative; min-height:100%;}

body > #container { height:auto;}

div#wrap { padding-bottom:120px;}

.right{ float: right; }

.reload_btn {
	position:absolute;
	top:20px;
	right:120px;	
}

#sokuho {
	position:relative;	
}

/*===================================
header
====================================*/

#header { clear:both; width:100%; height:73px; margin:0; padding:9px 0 0 0; background:#FFF;}

#hcontents { clear:both; width:970px; margin:0 auto; padding:0; background:#FFF;position:relative;}
#hcontents:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#header h1 { float:left; width:245px; margin:9px 0 0 0; padding:0;}
#header h1 a {
 clear:both; width:237px; height:56px; display:block; text-indent:-9999px;
 background:url(../images/common/h_logo.gif) no-repeat left top;}

#header ul {
 float:left; width:420px; height:54px; margin:5px 0 0 0; padding:0 0 0 34px;
 background:url(../images/common/bg_sponsor.gif) no-repeat left top;}
#header ul li { margin:5px 5px 0 0; display:inline;}
#header ul li a {}
/*
#header .slogo{
	display:none;
	width:722px;
	margin:8px 0 0 0;
	position:absolute;
	top:0;
	right:0;
}
*/
#header .slogo{margin:8px 0 0 0;}

/*===================================
globalnavigation
====================================*/

#globalnavigation {
	display:block;
 clear:both; width:100%; height:45px; margin:0; padding:0;
 background:url(../images/common/bg_navi.gif) repeat-x left top;}

#globalnavigation ul { clear:both; width:970px; margin:0 auto; padding:0; overflow:hidden;}
#globalnavigation ul li { float:left; width:60px; margin:0; padding:0;}
#globalnavigation ul li.gnavi1 {width: 73px;}
#globalnavigation ul li.gnavi2 {width: 87px;}
#globalnavigation ul li.gnavi3 {width: 86px;}
#globalnavigation ul li.gnavi4 {width: 98px;}
#globalnavigation ul li.gnavi5 {width: 87px;}
#globalnavigation ul li.gnavi6 {width: 124px;}
#globalnavigation ul li.gnavi7 {width: 111px;}
#globalnavigation ul li.gnavi8 {width: 111px;}
#globalnavigation ul li.gnavi9 {width: 123px;}
#globalnavigation ul li.gnavi10 {width: 65px;}
#globalnavigation ul li.gnavi11 {text-align: right;width: 134px;}
/*
#globalnavigation ul li.gnavi1 { width:65px;}
#globalnavigation ul li.gnavi2 { width:68px;}
#globalnavigation ul li.gnavi3 { width:76px;}
#globalnavigation ul li.gnavi4 { width:78px;}
#globalnavigation ul li.gnavi5 { width:95px;}
#globalnavigation ul li.gnavi6 { width:81px;}
#globalnavigation ul li.gnavi7 { width:94px;}
#globalnavigation ul li.gnavi8 { width:148px;}
#globalnavigation ul li.gnavi9 { width:114px;}
#globalnavigation ul li.gnavi10 { width:75px;}
#globalnavigation ul li.gnavi11 { width:134px; text-align:right;}
*/
#globalnavigation ul li a {
 height:30px; margin:0; padding:15px 0 0 0; display:block; color:#FFF; font-size:80%; text-decoration:none;}
#globalnavigation ul li a:hover { color:#006dd9;}
#globalnavigation ul li.na a { color:#999!important;}
#globalnavigation ul li.na a:hover { color:#999!important;}

/*===================================
pankuzu
====================================*/

#pankuzu { margin:0; padding:13px 0 0 0;}
#pankuzu:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#pankuzu ol { margin:0; color:#FFF; font-size:70%; float:left;}
#pankuzu ol li {
 padding:0 0 0 12px; display:inline; color:#FFF;
 background:url(../images/common/arrow_pankuzu.gif) no-repeat left 4px;}
#pankuzu ol li.fst { padding:0; background:none;}
#pankuzu ol li a { padding:0; display:inline; color:#FFF; text-decoration:none;}
#pankuzu ol li a:hover { color:#FF993A;}
/*
#header #countdown {
 float:right; width:218px; height:33px; padding:31px 0 0 15px;
 background:#FFF url(../images/common/cd_bg.gif) no-repeat left top;}

#ssecountdown span { float:left; width:12px; height:26px; display:block; background:url(../images/common/cd_num.gif) no-repeat 0 0;}
#ssecountdown span.image0 { background-position:-0 0;}
#ssecountdown span.image1 { background-position:-13px 0;}
#ssecountdown span.image2 { background-position:-26px 0;}
#ssecountdown span.image3 { background-position:-39px 0;}
#ssecountdown span.image4 { background-position:-52px 0;}
#ssecountdown span.image5 { background-position:-65px 0;}
#ssecountdown span.image6 { background-position:-78px 0;}
#ssecountdown span.image7 { background-position:-91px 0;}
#ssecountdown span.image8 { background-position:-104px 0;}
#ssecountdown span.image9 { background-position:-117px 0;}

#ssecountdown span.spaced { width:26px; background-position:-150px 0;}
#ssecountdown span.spaceh { width:38px; background-position:-150px 0;}
#ssecountdown span.spacem { width:26px; background-position:-150px 0;}
*/
#pankuzu #countdown {
 float:right; width:212px; height:32px; padding:5px 0 0 115px;
 background:url(../images/common/cd_bg2.gif) no-repeat left top;
 margin-top:-8px;}

#ssecountdown span { float:left; width:12px; height:26px; display:block; background:url(../images/common/cd_num.gif) no-repeat 0 0;}
#ssecountdown span.image0 { background-position:-0 0;}
#ssecountdown span.image1 { background-position:-13px 0;}
#ssecountdown span.image2 { background-position:-26px 0;}
#ssecountdown span.image3 { background-position:-39px 0;}
#ssecountdown span.image4 { background-position:-52px 0;}
#ssecountdown span.image5 { background-position:-65px 0;}
#ssecountdown span.image6 { background-position:-78px 0;}
#ssecountdown span.image7 { background-position:-91px 0;}
#ssecountdown span.image8 { background-position:-104px 0;}
#ssecountdown span.image9 { background-position:-117px 0;}

#ssecountdown span.spaced { width:26px; background-position:-150px 0;}
#ssecountdown span.spaceh { width:38px; background-position:-150px 0;}
#ssecountdown span.spacem { width:26px; background-position:-150px 0;}
#pankuzu .clr{clear:both;margin-top:-20px;width:1px;height:1px;}

/*===================================
visual
====================================*/

#visual { 
    margin-bottom:30px;
    position:relative;
}

#visual p.imgs {
    width:970px;
    height:272px;
    position:absolute;
    top:0;
    left:0;
    z-index:100;
}

#visual div.table_wrapper {
    width:970px;
    height:272px;
    background:url(../images/index/mainvisual.gif) no-repeat 0 0;
    position:relative;
    z-index:10;
}

#visual div.table_wrapper div.bg {
    width:970px;
    height:272px;
    background:url(../images/common/img_bg_01.png) no-repeat 0 0;
}

#visual table {
    width:100%;
    height:272px;
    table-layout:fixed;
    position:absolute;
    bottom:0;
    left:0;
    z-index:10;
}

#visual table tr.data td {
    height:156px;
    text-align:center;
    vertical-align:bottom;
    border-bottom:#ffffff 1px solid;
}

#visual table tr.data td span {
    display:block;
    margin:0 1px;
    background-color:#cc0000;
}

#visual table tr.num td {
    color:#ededed;
    font-size:12px;
    text-align:center;
    line-height:14px;
    padding:5px 0 0 0;
}

#visual table tr.name td {
    color:#ededed;
    font-size:12px;
    text-align:center;
    line-height:14px;
    padding:2px 3px 2px 3px;
}

/*===================================
top-main
====================================*/

#topbox { clear:both; width:970px; margin:0; padding:0;}
#topbox:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#side { float:left; width:263px;}
#side a { width:249px; display:block; border:1px solid #306AB7;}
#side a:hover { border:1px solid #FF993A;}
#side a.bn1,#side a.bn2 { margin-top:4px; display:block;}

#topbox #main { float:left; width:450px; overflow:hidden;}
#topbox #main #head2 { position:relative;}
#topbox #main #head2 h2 {
 width:450px; height:33px; text-indent:-9999px;
 background:url(../images/index/h2_whatnew.gif) no-repeat left top;}

#topbox #main #head2 a.rss {
 width:40px; height:13px; padding:1px 0 1px 20px; position:absolute; top:10px; right:54px;
 display:block; color:#FFF; font-size:75%; line-height:120%;
 background:url(../images/common/icon_rss.gif) no-repeat left top;}

#topbox #main #head2 a.list {
 width:40px; height:13px; padding:1px 0 1px 20px; position:absolute; top:10px; right:0;
 display:block; color:#FFF; font-size:75%; line-height:120%;
 background:url(../images/common/icon_arrow.gif) no-repeat left top;}
#topbox #main #head2 a:hover { color:#FF993A; text-decoration:none;}

#topbox #main ul {
 padding-bottom:3px;
 min-height:233px; height:auto !important; height:233px;
 background:url(../images/index/bg_newlist_bottom.gif) no-repeat bottom;}
#topbox #main ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#topbox #main ul li { float:left;}
#topbox #main ul li.list_blank { width:450px; height:1px; background:url(../images/index/bg_newlist_blank.gif) no-repeat 0 0;}
#topbox #main ul li a {
 width:390px; padding:7px 10px 7px 50px; display:block;
 color:#333; font-size:75%; line-height:135%; text-decoration:none;
 background:url(../images/index/bg_newlist.gif) no-repeat 0 -421px;}
#topbox #main ul li a:hover {
 width:390px; padding:7px 10px 7px 50px; display:block;
 background:url(../images/index/bg_newlist.gif) no-repeat 0 -632px;}
#topbox #main ul li.new a {
 width:390px; padding:7px 10px 7px 50px; display:block;
 color:#333; font-size:75%; line-height:135%; text-decoration:none;
 background:url(../images/index/bg_newlist.gif) no-repeat 0 0;}
#topbox #main ul li.new a:hover {
 width:390px; padding:7px 10px 7px 50px; display:block;
 background:url(../images/index/bg_newlist.gif) no-repeat 0 -210px;}
#topbox #main ul li .date {
 display:block; color:#0063C5!important; font-weight:bold; font-family:Verdana;}

#digest { float:right; width:245px; margin:0; padding:0; font-size:75%;}
#digest h2 { clear:both; width:245px; height:33px; text-indent:-9999px;
 background:url(../images/index/h2_digest.gif) no-repeat left top;}
#digest .box { clear:both; padding:12px 9px; background:url(../images/index/bg_box.gif) no-repeat left bottom;}
#digest .box:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#digest .box p { clear:both; margin:0; padding:7px 0 0 0; font-size:75%;}
#digest a.list {
 width:60px; height:13px; margin:8px auto 0 auto; padding:1px 0 1px 17px; display:block;
 color:#00F; line-height:120%;
 background:url(../images/common/icon_arrow.gif) no-repeat left 2px;}
#digest a.list:hover { color:#FF993A; text-decoration:none;}

#cm { float:right; width:245px; margin:0 0 10px 0; padding:0; font-size:75%;}
#cm h2 { clear:both; width:245px; height:33px; text-indent:-9999px;
 background:url(../images/index/h2_top_cm.gif) no-repeat left top;}
#cm .box { clear:both; padding:12px 9px; background:url(../images/index/bg_box.gif) no-repeat left bottom;}
#cm .box:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#cm .box p { clear:both; margin:0; padding:7px 0 0 0; font-size:75%;}
#cm a.list {
 width:120px; height:13px; margin:8px auto 0 auto; padding:1px 0 1px 17px; display:block;
 color:#00F; line-height:120%;
 background:url(../images/common/icon_arrow.gif) no-repeat left 2px;}
#cm a.list:hover { color:#FF993A; text-decoration:none;}
/*===================================
contents
====================================*/

#contents { width:970px; margin:0 auto;}


/*===================================
footer
====================================*/

/* pagetop */

#pagetop { background:#06C;}
.pagetop { clear:both; width:970px; height:20px; margin:0 auto; padding:5px 0 0 0;}
.pagetop:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

.pagetop a {
 float:right; width:76px; height:12px; margin:0; padding:0; display:block; text-indent:-9999px;
 background:url(../images/common/bt_pagetop.gif) no-repeat 0 0;}
.pagetop a:hover {
 width:76px; height:12px; margin:0; padding:0;
 background:url(../images/common/bt_pagetop.gif) no-repeat 0 -28px;}

/* footer */

#footer {
 clear:both; width:100%; min-width:970px; height:95px; margin:0; padding:0 0 15px 0; background:#FFF;
 position:absolute; bottom:0px; background:#FFF url(../images/common/bg_foot.gif) repeat-x 0 0;}

.fcontents { clear:both; width:970px; margin:0 auto; padding:10px 0 0 0; overflow:hidden;}

#sbs { float:left; width:154px;}
#sbs a { height:44px; display:block; text-indent:-9999px;
 background:url(../images/common/logo_sbs.gif) no-repeat;}

#finfo { float:left; widrh:455px; padding:10px 0 0 10px;}
#finfo ul { clear:both; width:450px; margin-bottom:2px; overflow:hidden; zoom:1;}
#finfo ul li {
 height:11px; margin:0; padding:0; display:inline-block; vertical-align:bottom;
 font-size:40%; line-height:0; zoom:1;}
#finfo ul li.fbut01 { float:left; width:96px;}
#finfo ul li.fbut02 { float:left; width:129px;}
#finfo ul li.fbut03 { float:left; width:95px;}
#finfo ul li.fbut04 { float:left; width:76px;}
#finfo ul li a { height:11px; display:block; text-indent:-9999px;}
#finfo ul li.fbut01 a { background:url(../images/common/bt_copyright.gif) no-repeat;}
#finfo ul li.fbut02 a { background:url(../images/common/bt_privacy.gif) no-repeat;}
#finfo ul li.fbut03 a { background:url(../images/common/bt_linkpolicy.gif) no-repeat;}
#finfo ul li.fbut04 a { background:url(../images/common/linksitemap.gif) no-repeat;}

#finfo img { margin:3px 0px; display:block;}

#ats { float:right; width:124px;}


/*===================================
detail page
====================================*/

#longbox { width:964px; margin:0; padding:0; border:3px solid #184C94; border-top:0; background:#F3F6FA;}
#longbox:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#longbox h2 {
 height:37px; padding:19px 0 0 25px; color:#FFF; background:url(../images/common/bg_h2.gif) no-repeat left top;}

#longbox #main { padding:28px 25px;}
#longbox #main h3 {
 margin-bottom:20px; padding:14px 20px 12px 20px; color:#1E4C79;
 background:url(../images/common/bg_h3.gif) no-repeat left top;}
#longbox #main h3.gr {
 margin-bottom:20px; padding:14px 20px 12px 20px; color:#4A5E17;
 background:url(../images/common/bg_h3_gr.gif) no-repeat left top;}
#longbox #main h3.clear { clear:both; }
#longbox #main h4 { margin-bottom:12px; color:#000; font-weight:bold;}
#longbox #main p { margin:0 0 20px 13px; font-size:90%; line-height:140%;}
#longbox #main h3.img {
 margin-bottom:0; padding:0; color:#1E4C79;
 position:relative;
 top:5px;
 left:0;
 background:none;}

i,em { color:#C00; font-style:normal;}
.small { font-size:85%;}

/* box---------- */

#longbox #main .box { clear:both; width:914px; margin:0 auto; padding:0 0 20px 0; text-align:left;}
#longbox #main .box:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#longbox #main .boxL { float:left; width:420px; margin:0; padding:0; text-align:left;}
#longbox #main .boxR { float:right; width:420px; margin:0 40px 0 0; padding:0; text-align:left;}

/* table---------- */

#longbox #main .tb-01 { margin:0 0 20px 12px; border-spacing:1px; border-collapse:separate;}
#longbox #main .tb-01 th {
 padding:5px 0; text-align:center; color:#FFF; font-size:90%; background:url(../images/common/bg_th.gif);}
#longbox #main .boxL .tb-01 th,#longbox #main .boxR .tb-01 th { padding:10px 0;}
#longbox #main .tb-01 td {
 padding:5px 10px; color:#333; font-size:85%; background:url(../images/common/td.gif);}
#longbox #main .tb-01 .sbtdh {
 font-weight:bold; background:url(../images/common/hd.gif);}

#longbox #main .tb-02,#longbox #main .tb-02g { width:880px; margin:0 0 25px 12px;}
#longbox #main .tb-03,#longbox #main .tb-03g { width:675px; margin:0 0 25px 12px;}

#longbox #main .tb-02 th,#longbox #main .tb-03 th,
#longbox #main .tb-02g th,#longbox #main .tb-03g th {
 width:6%; padding:5px 0; text-align:center; vertical-align:middle; color:#FFF; font-size:90%;
 border-right:1px solid #FFF; border-bottom:1px solid #FFF; border-left:1px solid #FFF;}
#longbox #main .tb-02 th,#longbox #main .tb-03 th { background:url(../images/common/bg_th.gif);}
#longbox #main .tb-02g th,#longbox #main .tb-03g th { background:url(../images/common/thead_gr.gif);}

#longbox #main .tb-02 td,#longbox #main .tb-03 td,
#longbox #main .tb-02g td,#longbox #main .tb-03g td {
 width:16%; padding:5px 7px 5px 10px; vertical-align:middle; color:#333; font-size:85%; border-bottom:1px solid #FFF;}
#longbox #main .tb-02 td,#longbox #main .tb-03 td { background:url(../images/common/hd.gif);}
#longbox #main .tb-02g td,#longbox #main .tb-03g td { background:url(../images/common/th_gr.gif);}

#longbox #main .tb-02 .sbtrh th,#longbox #main .tb-03 .sbtrh th { background:url(../images/common/th_blue.gif);}
#longbox #main .tb-02g .sbtrh th,#longbox #main .tb-03g .sbtrh th { background:url(../images/common/th_gr02.gif);}

#longbox #main .tb-02 .sbtrh td,#longbox #main .tb-03 .sbtrh td { background:url(../images/common/td.gif);}
#longbox #main .tb-02g .sbtrh td,#longbox #main .tb-03g .sbtrh td { background:url(../images/common/td_gr.gif);}

#longbox #main .tb-02 td.button,#longbox #main .tb-03 td.button,
#longbox #main .tb-02g td.button,#longbox #main .tb-03g td.button,
#longbox #main .tb-02 .sbtrh td.button,#longbox #main .tb-03 .sbtrh td.button,
#longbox #main .tb-02g .sbtrh td.button,#longbox #main .tb-03g .sbtrh td.button {
 width:12%; padding:5px 10px 5px 0; text-align:right;}

/* list---------- */

#longbox #main ul { clear:both; margin:0 0 15px 13px; padding:0;}
#longbox #main ul li {
 clear:both; margin:0 0 7px 0; padding:0 0 0 18px; font-size:90%;
 background:url(../images/common/icon_arrow.gif) no-repeat left 5px;}
#longbox #main ul li span {
	display:block;
	background:none;
	background-color:#ebebeb;
	font-size:11px;
	padding:2px;
	text-align:center;
}
#longbox #main ul.fl-right { clear:none; float:right; margin:0 0 10px 0; padding:0 12px 0 0;}

/* icon auto(PDF)---------- */

#main a[href$=".pdf"]{ padding:4px 20px 4px 0; background:url(../images/common/icon_pdf.gif) no-repeat 100% 45%;}
* html #main a.pdf{ padding:4px 20px 4px 0; background:url(../images/common/icon_pdf.gif) no-repeat 100% 35%;}
*:first-child+html #main a.pdf{ padding:4px 20px 4px 0; background:url(../images/common/icon_pdf.gif) no-repeat 100% 35%;}

/* IE6 hack */
* html #main a {
 behavior: expression(
 this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
 this.style.behavior = "none");}

/* IE7 hack */
*:first-child+html #main a {
 behavior: expression(
 this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
 this.style.behavior = "none");}

/*===================================
yoko
====================================*/

#sponsors {
 margin-bottom:25px; padding:20px 15px 15px 25px;
 border:1px solid #9EC5F3;
 background:#FFF url(../images/yoko/bg_sponsor.gif);}

#sponsors dl {
 margin:10px 0; overflow:hidden;
 font-size:75%; line-height:140%; letter-spacing:0.3px; zoom:1;}
#sponsors dl dt {
 float:left; width:80px; padding:0 10px 0 0; font-weight:bold;
 background:url(../images/yoko/bg_slash.gif) no-repeat right;}
#sponsors dl dd { float:left; width:770px; padding:0 0 0 5px;}

.line h4 {
 padding-top:20px;
 background:url(../images/common/line.gif) repeat-x top;}
.line p { margin-left:13px;}

.section-board {
 margin:0 0 25px 12px; border-collapse:separate; border-spacing:1px;}
.section-board th {
 padding:5px; color:#FFF; font-size:80%;
 background:url(../images/common/bg_th.gif);}
.section-board td {
 padding:5px 10px; color:#333; font-size:75%;
 background:url(../images/common/td.gif);}
.section-board .sbtdh {
 font-weight:bold; background:url(../images/common/hd.gif);}

.line ol { margin:13px 0 10px 13px;}
.second-ol { margin-top:3px!important;}
.line li { margin:3px 0; font-size:90%; line-height:160%;}

/*===================================
course detail
====================================*/

#panel {
 height:480px; margin-bottom:30px; padding:15px; overflow:hidden;
 background:url(../images/course/bg_panel.gif) no-repeat left top;}

.panel_w {
 height:680px !important;
 background:url(../images/course/bg_panel2.gif) no-repeat left top !important;
}
 
#panel iframe { margin-bottom:10px; border:1px solid #999;}

#left_panel { float:left; width:575px;}
#left_panel iframe { width:575px;height:298px; }
#left_panel #gmap { width:568px; height:388px; z-index:0; left:0; top:0;}
#left_panel #waku {
 width:568px; height:388px; margin-bottom:10px; z-index:100; left:0; top:0; border:1px solid #666;}

#left_panel p.d { margin:0 !important; }

#left_panel p.txt { margin:0 0 10px 0!important;padding:10px 0 5px 0; }
#left_panel p.txtc { margin:0 0 10px 0!important;padding:0; text-align:center; }
#left_panel p.txts { margin:0 0 10px 0!important;padding:0; text-align:center;font-size:11px; }

#left_panel ol { overflow:hidden;}
#left_panel ol li { float:left; width:95px; height:24px; display:inline;}
#left_panel ol li a { width:95px; height:24px; display:block; text-indent:-9999px;}
#left_panel ol li a.section01 { background:url(../images/course/but_1k.jpg) no-repeat;}
#left_panel ol li a.section02 { background:url(../images/course/but_2k.jpg) no-repeat;}
#left_panel ol li a.section03 { background:url(../images/course/but_3k.jpg) no-repeat;}
#left_panel ol li a.section04 { background:url(../images/course/but_4k.jpg) no-repeat;}
#left_panel ol li a.section05 { background:url(../images/course/but_5k.jpg) no-repeat;}
#left_panel ol li a.section06 { background:url(../images/course/but_6k.jpg) no-repeat;}
#left_panel ol li a.section07 { background:url(../images/course/but_7k.jpg) no-repeat;}
#left_panel ol li a.section08 { background:url(../images/course/but_8k.jpg) no-repeat;}
#left_panel ol li a.section09 { background:url(../images/course/but_9k.jpg) no-repeat;}
#left_panel ol li a.section10 { background:url(../images/course/but_10k.jpg) no-repeat;}
#left_panel ol li a.section11 { background:url(../images/course/but_11k.jpg) no-repeat;}

#left_panel ol li a.section00 { background:url(../images/ouen/but_1k.jpg) no-repeat;}
#left_panel ol li a.section12 { width:190px; background:url(../images/ouen/but_kusanagi.jpg) no-repeat;}

#right_panel { float:right; width:295px;}
#right_panel iframe { display:block;}
#right_panel { display:block;}

#right_panel ul.ebanner { margin:0 !important; }
#right_panel ul.ebanner li { padding:0 !important; background: !important; }


.cf { zoom:1; }
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }

.box_wrap {
	width:884px;
	padding:20px 0 0 0;
	margin:0 auto 40px auto;	
	clear:both;
}

.box_wrap .box_w {
	width:290px;
	margin:0 7px 10px 0;
	float:left;	
}

.box_wrap .box_w_end {
	margin:0 0 10px 0;
}

.box_wrap h4 {
	text-align:center;
	font-weight:normal !important;
	padding:10px 10px;
	background-color:#dae9f4;
	margin:0 !important;
}

.box_wrap .box_w p {
	margin:0 !important;
}


.box_wrap .box_w iframe {
	width:290px;
	height:200px;
}


/*===================================
traffic
====================================*/

#longbox #main #traffic {
 clear:both; width:914px; margin:0 auto; padding:0 0 15px 0; overflow:hidden; text-align:left;}
#longbox #main #traffic:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#longbox #main #traffic ul { clear:both; margin:0 0 20px 0; padding:0;}
#longbox #main #traffic ul li {
 clear:both; margin:0 0 5px 0; padding:0 0 0 18px; font-size:90%;
 background:url(../images/common/icon_arrow.gif) no-repeat left 5px;}

#longbox #main #traffic .blockL { float:left; width:458px; height:528px; margin:0; padding:0; text-align:left; border:1px solid #666;}
#longbox #main #traffic .blockR { float:right; width:440px; margin:0; padding:0; text-align:left;}

#longbox #main #traffic .blockL #gmap { clear:both; width:458px; height:528px; margin:0; padding:0; z-index:0; left:0px; top:0px;}
#longbox #main #traffic .blockR #area { clear:both; width:440px;}

#longbox #main #traffic .blockR #area table { margin:0;}
#longbox #main #traffic .blockR #area table th {
 padding:5px 0; text-align:center; color:#FFF; font-size:85%; white-space:nowrap;
 border-right:1px solid #FFF; border-bottom:1px solid #FFF;
 background:url(../images/common/bg_th.gif);}
#longbox #main #traffic .blockR #area table td {
 padding:5px 10px; color:#333; font-size:80%; border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
#longbox #main #traffic .blockR #area table td a { color:#333!important;}

#row1 td,#row3 td,#row5 td,#row7 td,#row9 td,#row11 td,#row13 td { background:url(../images/common/td.gif);}
#row2 td,#row4 td,#row6 td,#row8 td,#row10 td,#row12 td { background:url(../images/common/hd.gif);}
#row1 td.select,#row2 td.select,#row3 td.select,#row4 td.select,#row5 td.select,#row6 td.select,
#row7 td.select,#row8 td.select,#row9 td.select,#row10 td.select,#row11 td.select,#row12 td.select,#row13 td.select {
 background:url(../images/common/bg_select.gif);}

/*===================================
ouen
====================================*/

#longbox #main dl.faq { clear:both; width:876px; margin:0 0 10px 13px; padding:0;}
#longbox #main dl.faq dt {
 clear:both; margin:0 0 7px 0; padding:5px 0 5px 38px; color:#0063C5; font-size:90%; font-weight:bold;
 background:url(../images/ouen/icon_que.gif) no-repeat left top;}
#longbox #main dl.faq dd {
 clear:both; margin:0 0 15px 0; padding:5px 0 5px 40px; font-size:90%;
 background:url(../images/ouen/icon_ans.gif) no-repeat left top;}

/*===================================
team-ind
====================================*/

#longbox #main .boxMT {
 clear:both; width:914px; margin:0 auto; padding:0 0 15px 0; overflow:hidden; text-align:left;}
#longbox #main #traffic:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#longbox #main .boxM {
 clear:both; width:914px; margin:0 auto; padding:20px 0 15px 0; overflow:hidden; text-align:left;
 background:url(../images/team-ind/line.gif) no-repeat left top;}
#longbox #main #traffic:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#longbox #main .listL { clear:left; float:left; width:442px; margin:0; padding:0 0 5px 0; text-align:left;}
#longbox #main .listR { float:right; width:442px; margin:0; padding:0 0 5px 0; text-align:left;}

#longbox #main .listL img,#longbox #main .listR img { float:left; margin:0; padding:0; border:1px solid #CCC;}

#longbox #main .listL .boxR,#longbox #main .listR .boxR { float:right; width:270px; margin:0 0 0 15px; padding:0; text-align:left;}
#longbox #main .listL .boxR .position,#longbox #main .listR .boxR .position {
 width:248px; margin:0 0 5px 0; padding:5px 10px; color:#FFF; font-weight:bold; border:1px solid #CCC;
 background:url(../images/common/thead_gray.gif);}
#longbox #main .listL .boxR table,#longbox #main .listR .boxR table {
 width:270px; margin:0; border-spacing:1px; border-collapse:separate;}
#longbox #main .listL .boxR table th,#longbox #main .listR .boxR table th {
 padding:5px 10px; text-align:left; color:#FFF; font-size:85%; background:url(../images/common/bg_th.gif);}
#longbox #main .listL .boxR table td,#longbox #main .listR .boxR table td {
 padding:5px 10px; color:#333; font-size:80%; background:url(../images/common/td.gif);}

/*===================================
messageboard
====================================*/

#longbox #main .blockL { float:left; width:704px; margin:0; padding:0 25px 0 0; text-align:left;}
#longbox #main .blockR { float:right; width:185px; margin:0; padding:0; text-align:left;}

#longbox #main .blockL .box { clear:both; width:704px; margin:0; padding:0 0 10px 0; text-align:left;}
#longbox #main .blockL .box:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#longbox #main .blockR .rank { width:185px; margin:0; padding:0 0 8px 0; text-align:left;
 background:url(../images/messageboard-list/bg_rank.gif) no-repeat left bottom;}
#longbox #main .blockR .rank h3 { width:185px; margin:0 0 5px 0; padding:0; text-align:left;}
#longbox #main .blockR .rank dl { clear:both; width:167px; margin:0 8px; padding:0;}
#longbox #main .blockR .rank dl dt {
 clear:both; float:left; width:45px; margin:0; padding:5px 0; text-align:right; font-size:90%; font-weight:bold;}
#longbox #main .blockR .rank dl dt.rk01 {
 background:url(../images/common/icon_crown.gif) no-repeat 2px 8px;}
#longbox #main .blockR .rank dl dt.rk02 {
 background:url(../images/common/icon_medal_sv.gif) no-repeat 2px 7px;}
#longbox #main .blockR .rank dl dt.rk03 {
 background:url(../images/common/icon_medal_br.gif) no-repeat 2px 7px;}

#longbox #main .blockR .rank dl dd {
 margin:0; padding:5px 0 5px 55px; font-size:90%;
 background:url(../images/common/line.gif) repeat-x left bottom;}
#longbox #main .blockR .rank dl dd.end { background:none;}

#message {
 width:645px;
/*height:360px; */
padding:15px; margin:0 0 10px 12px; overflow:hidden;
 background:url(../images/messageboard/bg_message.gif) no-repeat;}

#message table {
 margin:0 0 15px 0; border-spacing:1px; border-collapse:separate;}
#message table th {
 padding:7px 10px; text-align:left; vertical-align:middle; color:#FFF; font-size:80%; background:#8C8C8C;}
#message table td {
 padding:7px 10px; vertical-align:middle; color:#333; font-size:80%; background:#FFF;}
#message td i,em { color:#F00; font-style:normal;}
#message .small { font-size:90%;}

#longbox #main .blockL .board {
 clear:both; width:675px; margin:0 0 0 12px; padding:0; text-align:left;}

#longbox #main .blockL .mlist {
 clear:both; width:675px; margin:5px 0 15px 0; padding:0; text-align:left;
 border-bottom:1px solid #9EC5F3; background:url(../images/yoko/bg_sponsor.gif);}
#longbox #main .blockL .mlist:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#longbox #main .blockL .mlist p { margin:0 7px 15px 7px;}

#longbox #main .blockL .mlist .state {
 clear:both; width:661px; height:20px; margin:0 0 10px 0; padding:5px 7px; color:#FFF; background:url(../images/common/bg_th.gif);}
#longbox #main .blockL .mlist .state:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#longbox #main .blockL .mlist .state .name { float:left; font-size:90%;}
#longbox #main .blockL .mlist .state .date { float:right; font-size:80%;}

#longbox #main .blockL .mlist .title { clear:both; width:662px; margin:0 0 10px 0; padding:5px 7px 5px 6px;}
#longbox #main .blockL .mlist .title:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#longbox #main .blockL .mlist .title h4 { float:left; margin:2px 0 0 0; color:#000; font-weight:bold;}
#longbox #main .blockL .mlist .title .number { float:right; margin:0; padding:0; font-size:75%; color:#666; font-weight:normal;}

.pagenavi { clear:both; width:675px; margin:0 0 10px 12px; padding:0; text-align:right; font-size:85%;}

#longbox #main .blockL form#del { clear:both; width:675px; margin:0 0 0 12px; padding:15px 0;}
#longbox #main .blockL form#del table { float:right; margin:0 0 40px 0; padding:0;}
#longbox #main .blockL form#del table td { margin:0; padding:0 0 0 10px; vertical-align:middle; font-size:75%;}

#longbox #main .blockL .boxB { clear:both; width:704px; margin:0; padding:0 0 40px 0; text-align:center;}
#longbox #main .blockL .boxB:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

/*===================================
kiroku
====================================*/

#longbox #main .boxKL { float:left; width:400px; margin:0; padding:0 14px 20px 0; text-align:left;}
#longbox #main .boxKL2 { float:right; width:400px; margin:0; padding:0 95px 20px 0; text-align:left;}
#longbox #main .boxKR { float:right; width:400px; margin:0; padding:0 95px 20px 0; text-align:left;}

#longbox #main .boxKL ul { clear:both; margin:0 0 15px 13px; padding:0;}
#longbox #main .boxKL ul li {
 clear:both; margin:0 0 7px 0; padding:0 0 7px 18px; font-size:90%; border-bottom:1px dotted #CCC;
 background:url(../images/common/icon_arrow.gif) no-repeat 2px 5px;}

#longbox #main .boxKR ul { clear:both; margin:0 0 15px 0; padding:0;}
#longbox #main .boxKR ul li {
 clear:both; margin:0 0 7px 0; padding:0 0 7px 25px; font-size:90%; border-bottom:1px dotted #CCC;
 background:url(../images/common/icon_tv.gif) no-repeat 2px 2px;}
 
#longbox #main .boxkr ul { clear:both; margin:0 0 15px 0; padding:0;}
#longbox #main .boxkr ul li {
 clear:both; margin:0 0 7px 0; padding:0 0 7px 25px; font-size:90%; border-bottom:1px dotted #ccc;
 background:url(../images/common/icon_tv.gif) no-repeat 2px 2px;}
 
#longbox #main .boxKL2 ul { clear:both; margin:0 0 15px 13px; padding:0;}
#longbox #main .boxKL2 ul li {
 clear:both; margin:0 0 7px 0; padding:0 0 7px 18px; font-size:90%; border-bottom:1px dotted #CCC;
 background:url(../images/common/icon_arrow.gif) no-repeat 2px 5px;}


.b_btn {
	text-align:center;	
}

.tmsendmsg {margin-top:-4px;
background-color: #ff4500 !important;
border-color: #ff4500 !important;
}

a.tmsendmsg:hover {
background-color: #dc143c !important;
border-color: #dc143c !important;
}