@charset "utf-8";

@import "base.css";
@import "header.css";
@import "footer.css";
@import "navi.css";


/* ----- index.html ----- */

#index_Centert{
margin:-20px 0 0 0;
padding:0;
height:341px;
width:960px;
clear:both;
}

#index_Left{
float:left;
width:550px;
margin:10px 0 0 15px;
padding:0;
}

#index_Left #box01{
margin:0 0 10px 0;
text-align:left;
}

#index_Left #box01 h2{
margin:0;
padding:0;
}

#index_Left #box01 dl.topics{
margin:0;
padding:5px 0 5px 0;
width:550px;
clear:both;
}

#index_Left #box01 dl.topics dt{
padding:0 0 0 16px;
margin-left:3px;
width:7em;
background:url(../img/circle.gif) no-repeat 0 0.4em;
float:left;
line-height:160%;
}

#index_Left #box01 dl.topics dd{
margin:0px 15px 0px 0px;
padding:0 0 0 9em;
line-height:160%;
}

#index_Left #box01 div.RSS{
position:relative;
}

#index_Left #box01 div.RSS h2{
margin:0;
padding:0;
background:none;
border:none;
}

#index_Left #box01 div.RSS ul{
position:absolute;
top:0px;
right:0px;
_right:20px;
}

#index_Left #box01 div.RSS ul li{
margin:-2px 15px 20px 0px;
list-style-type:none;
float:left;
}

#index_Left #box02{
float:left;
margin:10px 0 10px 0;
padding:0;
}

#index_Left #box02 div.Archive{
position:relative;
}

#index_Left #box02 div.Archive h2{
margin:0;
padding:0;
background:none;
border:none;
}

#index_Left #box02 div.Archive ul{
position:absolute;
top:0px;
right:0px;
_right:20px;
}

#index_Left #box02 div.Archive ul li{
margin:1px 15px 20px 0px;
list-style-type:none;
float:left;
}

#index_Left #box02 ul.gameinfo{
clear:both;
margin:10px 0 15px 0 !important;
padding-bottom:20px;
}

#index_Left #box02 ul.gameinfo li{
float:left;
margin-right:6px;
font-size:80%;
text-align:center;
list-style-type:none !important;
}

#index_Left #box02 ul.banner{
clear:both;
zoom:1;
margin:10px 0 5px 0 !important;
}

#index_Left #box02 ul.banner li{
float:left;
margin:10px 3px 0 0;
font-size:80%;
text-align:center;
list-style-type:none !important;
}

#index_Left #box02 div.RSS{
position:relative;
}

#index_Left #box02 div.RSS h2{
margin:0;
padding:0;
background:none;
border:none;
}

#index_Left #box02 div.RSS ul{
position:absolute;
top:0px;
right:0px;
_right:20px;
}

#index_Left #box02 div.RSS ul li{
margin:-2px 15px 20px 0px;
list-style-type:none;
float:left;
}

.top_select{
margin:7px 0 7px 20px;
}

/* ---------- GameMenu RollOver ---------- */

.tourItem{
position:relative;
display:block;
width:177px;
height:34px;
margin:0;
padding:0;
}

.tourItem a{
display:block;
float:left;
width:174px;
height:34px;
}

.tourItem img{
width:177px;
height:34px;
border:0;
}

.tourItem a:hover{visibility:visible;}
.tourItem a:hover img{visibility:hidden;}

#game01{background-image:url(../img/game_01_on.gif);}
#game02{background-image:url(../img/game_02_on.gif);}
#game03{background-image:url(../img/game_03_on.gif);}


#index_Left h3{
margin:0;
padding:17px 0 10px 18px;
background:url(../img/bg_ba_top.gif) no-repeat top;
}

#index_Left #box02 div#idxbanner{
float:left;
margin:0;
padding:0;
background:url(../img/bg_ba_foot.gif) no-repeat bottom;
}

#index_Left #box02 div#idxbanner p{
font-size:85%;
margin:0 18px 0 18px;
padding:0;
}

#index_Left #box02 div#idxbanner ul.banner{
margin:5px 0 10px 14px;
padding:0;
width:192px;
}

#index_Left #box02 div#idxbanner ul.banner li{
margin-top:5px;
list-style-type:none;
border-bottom:1px dotted #CCCCCC;
padding-bottom:5px;
}

#index_Left #box02 div#idxbanner ul.banner li.line_no{
margin-top:5px;
list-style-type:none;
border-bottom:none;
padding-bottom:5px;
}

#index_Right{
float:right;
width:350px;
margin:5px 15px 0 0;
padding:0 0 15px 0;
}

#index_Right h1{
text-align:right;
margin:0;
padding:0;
}

#index_Right div.box03{
float:left;
margin:5px 0 10px 0;
padding:0;
}

#index_Right div.box03 div.idxcontents{
background:url(../img/service_end.gif) no-repeat bottom;
float:left;
padding:0;
margin:0;
}

#index_Right div.box03 div.idxcontents p{
margin:15px 15px 20px;
line-height:160%;
}

#index_Right div.box03 div.Archive{
position:relative;
}

#index_Right div.box03 div.Archive h2{
margin:0;
padding:0;
background:none;
border:none;
}

#index_Right div.box03 div.Archive ul{
position:absolute;
top:0px;
right:0px;
_right:20px;
}

#index_Right div.box03 div.Archive ul li{
margin:1px 15px 0px 0px;
list-style-type:none;
float:left;
}

#index_Right div.box03_01{
float:left;
margin:5px 0 0 0;
padding:0;
width:160px;
}

#index_Right div.box03_02{
float:right;
margin:5px 0 0 0;
padding:0;
width:160px;
}

#index_Right div.box04{
float:left;
margin:5px 0 5px 0;
padding: 0;
width:350px;
clear:both;
border-bottom:1px dotted #CCCCCC;
}

#index_Right div.box04 div.Archive{
position:relative;
}

#index_Right div.box04 div.Archive h3{
margin:0;
padding:0;
background:none;
border:none;
}

#index_Right div.box04 div.Archive ul{
position:absolute;
top:0px;
right:0px;
_right:20px;
}

#index_Right div.box04 div.Archive ul li{
margin:1px 0px 0px 0px;
list-style-type:none;
float:left;
font-size:80%;
}

/* ---------- ServiceMenu RollOver ---------- */

.seItem{
position:relative;
display:block;
width:214px;
height:55px;
margin:0;
padding:0;
}

.seItem a{
display:block;
float:left;
width:214px;
height:55px;
}

.seItem img{
width:214px;
height:55px;
border:0;
}

.seItem a:hover{visibility:visible;}
.seItem a:hover img{visibility:hidden;}

#smenu01{background-image:url(../img/service_01_on.gif);}
#smenu02{background-image:url(../img/service_02_on.gif);}
#smenu03{background-image:url(../img/service_03_on.gif);}
#smenu04{background-image:url(../img/service_04_on.gif);}
#smenu05{background-image:url(../img/service_05_on.gif);}
#smenu06{background-image:url(../img/service_06_on.gif);}

/* */

#index_Right #box04{
float:left;
margin:0 0 25px 0;
padding:0;
clear:both;
width:720px;
background:url(../img/idx_box04_bg.gif) no-repeat left top;
}

#index_Right #box04 #box04_01{
width:350px;
float:left;
margin:0;
padding:0;
}

#index_Right #box04 #box04_02{
width:350px;
float:right;
margin:0;
padding:0;
}

#index_Right #box04 h4{
margin:15px 0 8px 17px;
padding:0;
}

#index_Right #box04 p{
margin:0 15px 0 21px;
padding:0 0 0 12px;
line-height:150%;
background:url(../img/arrow.gif) no-repeat 0 8px;
}

#detail1{
background:url(../img/bg_news_mid.gif) repeat-y ;
width:720px;
text-align:left;
margin:0;
}

#detail1 dl.topics{
margin:0;
padding:10px 0 15px 0;
width:720px;
background:url(../img/bg_news_foot.gif) no-repeat bottom;
clear:both;
}

#detail1 dl.topics dt{
padding:0 10px 0 16px;
margin-left:18px;
width:8em;
background:url(../img/circle.gif) no-repeat 0 0.5em;
float:left;
line-height:160%;
}

#detail1 dl.topics dd{
margin:0px 15px 0px 0;
padding:0 0 0 12em;
line-height:160%;
}

#detail2{
background:url(../img/bg_news_mid.gif) repeat-y ;
width:720px;
text-align:left;
margin:0;
}

#detail2 dl.topics{
margin:0;//
padding:10px 0 15px 0;
width:720px;
background:url(../img/bg_news_foot.gif) no-repeat bottom;
clear:both;
}

#detail2 dl.topics dt{
padding:0 10px 0 16px;
margin-left:18px;
width:8em;
background:url(../img/circle.gif) no-repeat 0 0.5em;
float:left;
line-height:160%;
}

#detail2 dl.topics dd{
margin:0px 15px 0px 0;
padding:0 0 0 12em;
line-height:160%;
}

#detail3{
background:url(../img/bg_news_mid.gif) repeat-y ;
width:720px;
text-align:left;
margin:0;
}

#detail3 dl.topics{
margin:0;
padding:10px 0 15px 0;
width:720px;
background:url(../img/bg_news_foot.gif) no-repeat bottom;
clear:both;
}

#detail3 dl.topics dt{
padding:0 10px 0 16px;
margin-left:18px;
width:8em;
background:url(../img/circle.gif) no-repeat 0 0.5em;
float:left;
line-height:160%;
}

#detail3 dl.topics dd{
margin:0px 15px 0px 0;
padding:0 0 0 12em;
line-height:160%;
}

ul.ulist01{
margin:0 0 0 2px;
padding:0;
}

ul.ulist01 p{
margin:5px 0 10px 0px;
padding:0;
}

ul.ulist01 li{
margin:0px 0 3px 2px;
padding:0 0 0 15px;
line-height:150%;
background:url(../img/listmark.gif) no-repeat 0 5px;
list-style-type:none;
}

p.txt01{
margin:-10px 0 5px 0 !important;
font-size:90%;
line-height:120%;
}