@charset "utf-8";
/* CSS Document */

/*====================================================*/
/* clearfix */
div:after,
ul:after {
content:"";
display:block;
clear:both;
visibility:hidden;
height:0;
}

* html div,
* html ul {
display:inline-block;
}

/* exlude MacIE5 \*/
* html div,
* html ul { height:1%; }
div,
ul { display:block; zoom:1; }

/* end MacIE5 */
/*====================================================*/
html {
  scrollbar-track-color:#edebe7;
  scrollbar-face-color:white;
  scrollbar-arrow-color:#95817c;
  scrollbar-shadow-color:#95817c;
  scrollbar-highlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-3dlight-color:#95817c; 
}
form , input {margin:0; padding:0;}
a , img {border:none;}s
a {text-decoration:underline; color:#810414;}
a:hover {text-decoration:none;}
.clear {clear:both; margin:0; padding:0; height:0;}
.textindent {text-indent:-9999px; overflow:hidden;}
li {list-style:none;}

* html body{behavior:url("./css/csshover.htc");}
body {
  background:#ffffff;
  margin:0;
  padding:0;
  font:75%/1.3 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}

#wapper1 {background: url(../../img/p/top/main_bg_re.gif) repeat-x #edebe7;}
#wapper2 {background: url(../../img/p/top/main_title_bg.jpg) top center no-repeat;}
#wapper3 { width:980px; margin:0 auto;}
#container1 {margin:0; padding:0;}
#container2 {margin:0; padding:0;}
#container3 { background:#edebe7; padding:15px 0;}

/*====================================================*/
/*main_header*/
/*====================================================*/
.header_box { width:980px; margin:0 auto;  background: url(../../img/p/top/main_title_bg.jpg) no-repeat; background-position:-35px -40px; position:relative; height:560px;}
.header_box ul { margin:0; padding:0;}
.header_box h1 , .header_box h2 { position:absolute; top:0; left:0; margin:0; padding:0;}

.main_title_box a { position:absolute; width:278px; height:31px; top:215px; left:9px; background: url(../../img/p/top/eagete_info_btn.png) no-repeat; display:block;}
.main_title_box a:hover { background-position:0 -31px;}
.main_title_box p { position:absolute; width:278px; height:31px; top:225px; left:9px; background: url(../../img/p/top/eagete_info_btn.png) no-repeat; display:block; margin:0; padding:0;}
.terminal_box h3 { position:absolute; top:0; left:0;}

.main_htn_bpx { position:absolute; top:283px; left:1px;}
.main_htn_bpx li {width:286px; background: url(../../img/p/top/main_btn_bg2.jpg) no-repeat;}
.main_htn_bpx li a { display:block; width:auto;}
.main_htn_bpx li.main_btn1 { height:50px; background-position:left 0; margin-bottom:13px;}
.main_htn_bpx li.main_btn3 { height:50px; background-position:left 0; margin-bottom:13px;}
.main_htn_bpx li.main_btn1:hover { background-position:right 0;}
.main_htn_bpx li.main_btn1 a { height:50px;}
.main_htn_bpx li.main_btn2 { height:127px; background-position:left -89px;}
.main_htn_bpx li.main_btn2:hover { background-position:right -89px;}
.main_htn_bpx li.main_btn4 { height:67px; background-position:left -149px;}
.main_htn_bpx li.main_btn2 a { height:127px;}
.main_htn_bpx li.main_btn5 { height:17px; background-position:left -59px;}
.main_htn_bpx li.main_btn5 a{ height:17px;}
.main_htn_bpx li.main_btn5:hover { background-position:right -59px;}
.main_htn_bpx li.main_btn6 { height:127px; background-position:left -216px;}
.main_htn_bpx li.main_btn6 a{ height:127px;}
.main_htn_bpx li.main_btn6:hover { background-position:right -216px;}
.main_htn_bpx li.main_btn7 { height:18px; background-position:left -348px;margin-bottom:3px;}
.main_htn_bpx li.main_btn7 a{ height:18px;}
.main_htn_bpx li.main_btn7:hover { background-position:right -348px;}
/*
.main_htn_bpx li {width:286px; background: url(../../img/p/top/main_btn_bg.jpg) no-repeat;}
.main_htn_bpx li a { display:block; width:auto;}
.main_htn_bpx li.main_btn1 { height:136px; background-position:left 0; margin-bottom:13px;}
.main_htn_bpx li.main_btn3 { height:136px; background-position:left 0; margin-bottom:13px;}
.main_htn_bpx li.main_btn1:hover { background-position:right 0;}
.main_htn_bpx li.main_btn1 a { height:136px;}
.main_htn_bpx li.main_btn2 { height:67px; background-position:left -149px;}
.main_htn_bpx li.main_btn2:hover { background-position:right -149px;}
.main_htn_bpx li.main_btn4 { height:67px; background-position:left -149px;}
.main_htn_bpx li.main_btn2 a { height:67px;}
*/

.pic_up_box { position:absolute; top:12px; left:580px; height:485px;}
.pic_up_box a.bnr_qma8 {width:400px; height:485px; background: url(../../img/p/top/pick_up_qma.jpg) no-repeat; display:block; margin-bottom:15px;}
.pic_up_box a.bnr_qma8:hover {-ms-filter: "alpha(opacity=70)"; /* 遽?峇縺ｯ0-100縲?nternet Explorer 8 */
  filter : alpha(opacity=70); /* 遽?峇縺ｯ0-100縲?nternet Explorer 6, 7 */
  -moz-opacity : 0.7; /* 遽?峇縺ｯ0-1縲ょ商縺Ёirefox/Netscape */
  opacity : 0.7; /* 遽?峇縺ｯ0-1縲４afari3/Opera 9.5/Firefox 3.5/ */
}
.pic_up_box p.bnr_qma8 {width:400px; height:485px; background: url(../../img/p/top/pick_up_qma.jpg) no-repeat; display:block; margin-bottom:15px;}
.pic_up_box p {background: url(../../img/p/top/pick_up_qma.jpg) no-repeat; background-position:0 -500px; text-indent:-9999px; width:400px; height:38px; }

.terminal_box { margin:0; padding:0;}
.terminal_box h3 , .terminal_box p { margin:0; padding:0; position:absolute; top:0; left:0;  text-indent:-9999px;}
.terminal_box ul li { text-indent:-9999px; position:absolute;  position:absolute; top:0; left:0;}

.attention_box { position:absolute; top:513px; margin:0; left:0;}
.attention_box ul { margin:0; padding:0;}
.attention_box ul li { font-size:12px; color:#FFFFFF; margin:0; padding:0;line-height:15px;}
.attention_box ul li span { font-weight:bold;}
.attention_box ul li a {color:#fd5459;}

.main_contents_box1 {background: url(../../img/p/top/main_cont_bg_re.gif) repeat-y; width:980px; margin:0 auto;}
.main_contents_box2 {background: url(../../img/p/top/main_cont_bg_top.gif) top no-repeat; width:980px; margin:0 auto; padding-top:8px;}
.main_contents_box3 {background: url(../../img/p/top/main_cont_bg_bottom.gif) bottom no-repeat; width:980px; margin:0 auto; padding-bottom:8px;}

.main_wapper { width:962px; margin:0 auto 20px auto; padding:0;}
.main_wapper h2 {background: url(../../img/p/top/sub_title_bg.gif); width:962px; height:46px; margin:0 auto 20px auto; padding:0; text-indent:-9999px;}
.main_wapper h2.cont_title1 { background-position:0 0;}
.main_wapper h2.cont_title2 { background-position:0 -46px;}

.contents_box { padding:0 0 20px 0;position:relative;}

.contents_list { width:955px; margin:0 0 20px 0; padding:0 0 0 7px;}
.contents_list li { width:184px; height:160px; float:left; margin-bottom:10px; margin-right:7px;}
.contents_list li a:hover {-ms-filter: "alpha(opacity=70)"; /* 遽?峇縺ｯ0-100縲?nternet Explorer 8 */
  filter : alpha(opacity=70); /* 遽?峇縺ｯ0-100縲?nternet Explorer 6, 7 */
  -moz-opacity : 0.7; /* 遽?峇縺ｯ0-1縲ょ商縺Ёirefox/Netscape */
  opacity : 0.7; /* 遽?峇縺ｯ0-1縲４afari3/Opera 9.5/Firefox 3.5/ */
}
.contents_list li a { display:block; width:auto; height:160px;}

.contents_info_text { width:294px; height:31px; margin:0 auto; background: url(../../img/p/top/contents_text_bg.gif) no-repeat; text-indent:-9999px;}

.eafate_flow { width:930px; height:95px; margin:0 auto; background: url(../../img/p/top/main_flowimg.gif) no-repeat; padding:0;}
.eafate_flow li { position:absolute; text-indent:-9999px; top:0; left:0;}

.footer_btn_box { width:635px; margin:0 auto;}
.footer_btn_box ul li { margin:0; padding:0;}
.footer_btn_box ul li { width:288px; height:69px; background: url(../../img/p/top/sub_btn_bg.jpg) no-repeat;}
.footer_btn_box ul li a { width:auto; height:69px; display:block; text-indent:-9999px; overflow:hidden;}
.footer_btn_box ul li.konamiid_link { float:left; background-position:-288px 0;}
.footer_btn_box ul li.konamiid_link1 { float:left; background-position:-288px 0;}
.footer_btn_box ul li.konamiid_link:hover {background-position:-288px -69px;}
.footer_btn_box ul li.login_btn { float:right; background-position:0 0;}
.footer_btn_box ul li.login_btn1 { float:right; background-position:0 0;}
.footer_btn_box ul li.login_btn:hover {background-position:0 -69px;}

.beginner_btn_box { padding-left:18px; margin:10px 0 20px auto;}
.beginner_btn { background: url(../../img/p/top/beginner_btn.gif) no-repeat; height:28px; width:181px; text-indent:-9999px; overflow:hidden; display:block;}
.beginner_btn:hover { background-position:0 -28px;}

#ex_link{background:url(/img/p/top/ex_site_bg.gif);width:980px;height:65px;margin-top:20px;}
#ex_link h2{display:none;}
#ex_link ul{padding-left:131px;padding-top:11px;}
#ex_link ul li{float:left;margin-right:10px;}

/* ------ mobilyslider
-----------------------------------------------*/

/*#content {
width:800px;
margin:100px auto 0;
}*/

.slider {
float:left;
width:400px;
height:485px;
position:relative;
padding-bottom:26px;
background:url(../../img/p/gfx/bottom_shadow.png) no-repeat bottom center;
}

.sliderContent {
float:left;
width:400px;
height:485px;
clear:both;
position: absolute;
/*overflow:hidden;*/
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../../img/p/gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:170px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:400px;
height:485px;
background:transparent;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-35px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../../img/p/gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -12px;
}

.sliderContent a {
outline:none;
}

a {
color:#fff;
}

a img {
border:none;
}

/*--------bn----------*/
#popnlink{width:501px;margin:0 auto;}
#popnlink img{margin-bottom:10px;}
#popnlink a img{border:2px solid #fff;}
#popnlink a img:hover{border:2px solid #f30;}

#gdlink{width:501px;margin:0 auto;font-size:14px;font-weight:bold;}
#gdlink img{margin-bottom:5px;}
#gdlink div{background:#a7e7ff;padding:5px;text-align:center;margin-bottom:20px;}
#gdlink a{color:#0030ca;}

#pickup_link{width:920px;margin:0 auto;}
#pickup_link ul{padding-left:10px;margin:0;}
#pickup_link li{float:left;margin-right:10px;margin-bottom:10px;}
#pickup_link img{width:444px;height:102px;}


.serviceList a{display:block;position:absolute;top:8px;right:8px;background:url(/img/p/top/btn_servicelist.gif) no-repeat;height:30px;width:263px;text-indent:-9999px;overflow:hidden;}
.serviceList a:hover{background-position:left bottom;}

/*====================================================*/
/*contents list*/
/*====================================================*/

.conttab_list {
  margin:0;
  padding:0;
  position:relative;
  width:500px;
  height:40px;
  top:18px;
  left:5px;
}

.conttab_list li {margin:0; padding:0;  position:absolute;  height:22px;  top:0;}
.conttab_list li a {margin:0; padding:0;  height:22px;  width:auto; display:block;}

.conttab_list li.tabbtn1 , .conttab_list li.tabbtn1_select {width:114px; left:0;}
.conttab_list li.tabbtn1 {background: url(/img/p/top/top_cont_tab.gif) no-repeat; background-position:0 0;}
.conttab_list li.tabbtn1_select , .conttab_list li.tabbtn1:hover {background: url(/img/p/top/top_cont_tab.gif) no-repeat; background-position:0 -22px;}

.conttab_list li.tabbtn2 , .conttab_list li.Conttab2_select {width:114px; left:120px;}
.conttab_list li.tabbtn2 {background: url(/img/p/top/top_cont_tab.gif) no-repeat; background-position:-114px 0;}
.conttab_list li.tabbtn2_select , .conttab_list li.tabbtn2:hover {background: url(/img/p/top/top_cont_tab.gif) no-repeat; background-position:-114px -22px;}

.conttab_list li.tabbtn3 , .conttab_list li.Conttab3_select {width:114px; left:240px;}
.conttab_list li.tabbtn3 {background: url(/img/p/top/top_cont_tab.gif) no-repeat; background-position:-228px 0;}
.conttab_list li.tabbtn3_select , .conttab_list li.tabbtn3:hover {background: url(/img/p/top/top_cont_tab.gif) no-repeat; background-position:-228px -22px;}

.conttab_list li.tabbtn4 , .conttab_list li.Conttab4_select {width:114px; left:360px;}
.conttab_list li.tabbtn4 {background: url(/img/p/top/top_cont_tab.gif) no-repeat; background-position:-342px 0;}
.conttab_list li.tabbtn4_select , .conttab_list li.tabbtn4:hover {background: url(/img/p/top/top_cont_tab.gif) no-repeat; background-position:-342px -22px;}


#toplist_cont_table{width:100%;border-spacing:5px;margin-bottom:5px;}
#toplist_cont_table .toplist_cont{width:150px;text-align:center;padding:5px 2px 5px 2px;vertical-align:top;background:#fff;border:1px solid #c3bbb9;font-size:12px;font-weight:bold;position:relative;}
#toplist_cont_table img{margin-bottom:5px;}