@import "sub_navi.css";

/*=================================
 1.HTML Tag Setting
 =================================*/
 
body{
color: #333333;
font-family:Arial, Helvetica, sans-serif;
margin:10px 30px 30px 0px;
background-color:#D5DEF6;
background-image:url(../img/bg_01.gif);
background-repeat:repeat-x;
}

h1{margin:10px 0px 0px 0px;padding:1px 0px 5px 18px;font-size: 14px;line-height: 14px;
background-image:url(../img/ttl_bg2.gif);background-repeat:no-repeat}

h2{margin:0px 0px 12px 0px;padding:0;font-size: 85%;line-height: 100%;}
h3{margin:0;padding:0;font-size: 85%;line-height: 120%;}
h4{margin:0;padding:0;font-size: 85%;line-height: 120%;}

p{margin:0;padding:0;}

/**link**/
a:link{color:#0251BB;}
a:visited{color:#665ABB;}
a:active{color:#25C2FF;}
a:hover{color:#48D2FF;}

/**text size**/
.txt_sml{font-size: 70%;line-height: 130%;}
.txt_nml{font-size: 80%;line-height: 150%;}
.txt_nml2{font-size: 80%;line-height: 170%;}
.txt_nml3{font-size: 80%;line-height: 120%;}
.txt_lrg{font-size: 100%;line-height: 160%;}
.txt_10{font-size: 10px;line-height: 11px;}
.txt_10_2{font-size: 10px;line-height: 14px;}
.txt_12{font-size: 11px;line-height: 14px;}

.txt_gry01{color:#333333;}
.txt_red{color:#CC0000;}
.txt_blu1{font-weight:bold;color:#445D92}
.txt_brw01{font-weight:bold;color:#4C2D00}
.txt_wht{color:#FFFFFF;font-weight:bold;}


/**background-color**/
.bg_blk {background-color: #000000;}
.bg_wht {background-color: #FFFFFF;}
.bg_blu01 {background-image:url(../img/bg_blu.gif);background-repeat:repeat-x;}
.bg_blu02 {background-color: #CBE0F0;}
.bg_blu03 {background-color: #0068BA;}
.bg_org01 {background-image:url(../img/bg_org.gif);background-repeat:repeat-x;}
.bg_org02 {background-color: #F08826;}
.bg_pnk01 {background-color:#FFE9E9;}

.bg_ylw01 {background-color:#FFFFCC;}
.bg_ylw02 {background-color:#FBEFBD;}
.bg_ylw03 {background-color:#F4E298;}

.bg_gry00 {background-color: #EFEFEF;}
.bg_gry01 {background-color: #EEEEEE;}
.bg_gry02 {background-color: #CCCCCC;}
.bg_gry03 {background-color: #666666;}
.bg_gry04 {background-color: #333333;}
.bg_gry05 {background-image:url(../img/bg_sb01.gif);background-repeat:repeat-x;}


.bg_beg01 {background-color: #E9E9DC;}
.bg_beg02 {background-color: #EFEFE1;}



/**line**/
.l_sld_top_gry {border-top:1px solid #CCCCCC;}
.l_dot_top_gry {border-top:1px dotted #CCCCCC;}
.l_sld_btm_gry {border-bottom:1px solid #CCCCCC;}
.l_dot_btm_gry {border-bottom:1px dotted #CCCCCC;}

.l_sld_top_blk {border-top:2px solid #333333;}
.l_sld_btm_blk {border-bottom:2px solid #333333;}

.l_sld_btm_blu {border-bottom:1px solid #7C95CD;}
.l_dot_btm_blu {border-bottom:1px dotted #7C95CD;}

.l_sld_btm_brw {border-bottom:1px solid #A3937B;}
.l_dot_btm_brw {border-bottom:1px dotted #A3937B;}

.l_sld_red {border:1px solid #FF6666;}

/****** Links ******/

.lnk_cont01{
font-size:12px; line-height: 1.2; font-weight:normal;
margin:6px 0 6px 0 ;
padding:0 0 0 14px;
background:url(../img/arw_lnk01.gif) no-repeat 0.1em;
background-position: top left;
}

.lnk_cont01 a:link {text-decoration: underline; color: #333;}
.lnk_cont01 a:visited {text-decoration: underline; color: #333;}
.lnk_cont01 a:hover {text-decoration: underline; color: #48D2FF;}
.lnk_cont01 a:active {text-decoration: none; color: #48D2FF;}

.lnk_cont02{
font-size:12px; line-height: 1.2; font-weight:normal;
margin:6px 0 6px 0 ;
padding:0 0 0 14px;
background:url(../img/arw_lnk02.gif) no-repeat 0.1em;
background-position: top left;
}

.lnk_cont02 a:link {text-decoration: underline; color: #333;}
.lnk_cont02 a:visited {text-decoration: underline; color: #333;}
.lnk_cont02 a:hover {text-decoration: underline; color: #48D2FF;}
.lnk_cont02 a:active {text-decoration: none; color: #48D2FF;}

/*=================================
 Area Setting
 =================================*/

#header{ width:760px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color: #FFFFFF;
}

#contents{
width:760px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color: #FFFFFF;
background-image:url(../img/bg_cont_sdw.gif);background-repeat:repeat-y;
}

#contents_wht{
width:760px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color: #FFFFFF;
background-image:none;
}

#footer{
width:760px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color: #FFFFFF;
clear: both;
}

/**header component**/
.header_sdw{
width:760px;height:5px;
margin:0;padding:0;
background-image:url(../img/header_shadow.gif);background-repeat:repeat-x;
}

.gmenu {
width:760px;
border-top:1px solid #FFFFFF;
margin:0;padding:0;
}


.crumbs {
padding:2px 0px 8px 0px;
font-size: 10px;line-height: 12px;
}


/**contents component**/
.cont_mgn{
margin:5px 15px 5px 15px;
}

.cont_mgn02{
margin:0px 15px 0px 15px;
}

.cont_r_mgn{
margin:5px 10px 6px 10px;
}

.clock{
margin:0;padding:2px 0px 2px 0px;
width:550px;
font-size: 10px;line-height: 10px; color:#999999;
}

.bg_bn01{
margin:0;padding:5px;
background-image:url(../img/bg_bn01.gif);
background-repeat:no-repeat;
font-size: 11px;line-height: 13px;
}

.box_how_to{
margin:0;
padding:3px 0px 1px 14px;
font-size: 11px;line-height: 13px;
float:right;
}

/**index link**/
ul.ind1{
margin:0px 0px 0px 0px;
padding:0px 0px 12px 0px;
list-style-type:none;
}

li.ind1_00{
font-size: 80%;line-height: 140%;
padding:3px 0px 3px 6px;
margin:0px;
background-image:url(../img/bg_snav_00.gif);background-repeat:no-repeat;
}


li.ind1_00 a:visited{text-decoration:underline;color:#0251BB;}
li.ind1_00 a:link{text-decoration:underline;color:#0251BB;}
li.ind1_00 a:hover{text-decoration:underline;color:#48D2FF;}
li.ind1_00 a:active{text-decoration:underline;color:#0251BB;}

ul.ind2{
margin:0px 0px 0px 0px;
padding:0px 0px 12px 6px;
list-style-type:none;
border-left:1px dotted #CCCCCC;
}

li.ind2_00{
font-size: 80%;line-height: 140%;
padding:3px 0px 3px 6px;
margin:0px;
background-image:url(../img/bg_snav_00.gif);background-repeat:no-repeat;
}


li.ind1_00 a:visited{text-decoration:underline;color:#0251BB;}
li.ind1_00 a:link{text-decoration:underline;color:#0251BB;}
li.ind1_00 a:hover{text-decoration:underline;color:#48D2FF;}
li.ind1_00 a:active{text-decoration:underline;color:#0251BB;}


ul.inc1{
padding:0px 0px 0px 15px;
color:#505D7B;
list-style-type:disc;
list-style-position:outside;
font-size: 80%;line-height: 140%;
font-weight:bold;
}

ul.inc2{
padding:0px 0px 0px 15px;
list-style-type:disc;
list-style-position:outside;
font-size: 80%;line-height: 140%;
}

.bnr_tursab{
margin:12px 0px 0px 0px;
padding:0px;
font-size: 10px;line-height: 12px;
color: #666666;
}


/**footer component**/
.footer_link {
padding:9px 15px 8px 15px;
margin:0px;
border-top:1px solid #BFBFBF;
font-size: 70%;line-height: 110%;
}
.footer_link a:visited {text-decoration:none;color:#333333;}
.footer_link a:link {text-decoration:none;color:#333333;}
.footer_link a:hover {text-decoration:underline;color:#25C2FF;}
.footer_link a:active {text-decoration:none;color:#333333;}

.footer_copy {
padding:1px 15px 0px 15px;
font-size: 70%;line-height: 110%;
color: #666666;
text-align:right;
border-top:1px solid #BFBFBF;
border-bottom:6px solid #333333;
}

.footer_sdw {
font-size: 1px;line-height: 1px;
background-image:url(../img/footer_shadow.gif);background-repeat:repeat-x;
height:6px;
}

.whatnew_ttl{
margin:10px 0px 12px 0px;
padding:1px 0px 5px 18px;
font-size: 14px;line-height: 14px;
border-bottom:1px dotted #CCCCCC;
background-image:url(../img/ttl_bg2.gif);background-repeat:no-repeat
}

.whatnew_txt{
margin:0px;
padding:0px 0px 12px 0px;
font-size: 85%;line-height: 130%;
}