@charset "UTF-8";
/* CSS Document */
/*-----------------game service top------------------*/
.official_shop_service {
    float:left;
	clear:both;
	width:754px;
	padding-top:5px;
	font-size:11px;
    background:url(../images/shop_top.gif) no-repeat left top;
	margin-bottom:30px;
}
.official_shop_service .service_name {
    float:left;
	clear:both;
	width:712px;
    border-left:solid 1px #cecdc9;
	border-right:solid 1px #cecdc9;
	border-bottom:solid 2px #f39301;
	padding:8px 20px;
}
.official_shop_service .service_name .logo {
   float:left;
}
.official_shop_service .service_name .shop {
   float:right;
   padding-top:20px;
}
/*------------------*/
.official_shop_service .service_box{
    float:left;
	clear:both;
	width:754px;
	font-size:11px;
	line-height:1.2em;
}
/*------------------*/
.official_shop_service .service_box .service_content{
    position:relative;
    float:left;
	width:500px;
	padding-left:19px;
}
.official_shop_service .service_box #hange{
    height:196px;
    background:url(../images/bg_hangame.jpg) no-repeat left top;
}
.official_shop_service .service_box #sf{
    height:240px;
    background:url(../images/bg_sf.jpg) no-repeat left top;
}
.official_shop_service .service_box #sting{
    height:271px;
    background:url(../images/bg_sting.jpg) no-repeat left top;
}
.official_shop_service .service_box #tekki{
    height:271px;
    background:url(../images/bg_tekki.jpg) no-repeat left top;
}
/*------------------*/
.official_shop_service .service_box .service_ss{
    float:right;
	width:216px;
	padding:34px 0 0 19px;
}
.official_shop_service .service_box #hange_ss{
    height:162px;
	background:url(../images/bg_r_h.jpg) no-repeat left bottom;
}
.official_shop_service .service_box #sf_ss{
    height:206px;
	background:url(../images/bg_r_sf.jpg) no-repeat left bottom;
}
.official_shop_service .service_box #sting_ss{
    height:237px;
	background:url(../images/bg_r_st.jpg) no-repeat left bottom;
}
.official_shop_service .service_box #tekki_ss{
    height:237px;
	background:url(../images/bg_r_st.jpg) no-repeat left bottom;
}
.official_shop_service .service_box .service_ss img{
    padding:1px;
	margin:0 4px 6px 0;
	background:url(../images/ss_bg.gif) no-repeat left top;
}
/*------------------*/
.official_shop_service .service_box .service_content .news{
    float:left;
	clear:both;
	width:500px;
	padding:10px 0 10px 0;
	background:url(/common/img/dot.gif) repeat-x left bottom;
}
.official_shop_service .service_box .service_content .news img{
   vertical-align:middle;
   margin:0 5px 1px 5px;
}
.official_shop_service .service_box .service_content .news .date{
    font-weight:bold;
	color:#f39301;
	margin-right:15px;
}
/*--------hack------*/
html[xmlns*=""] body:last-child .official_shop_service .service_box .service_content .news { padding:10px 0 9px 0; } 
/*------------------*/
.official_shop_service .service_box .explanation{
    float:left;
	clear:both;
	width:306px;
	padding:10px 14px 0 14px;
	margin:7px 0 0 165px;
}
.official_shop_service .service_box .explanation p{
   margin:9px 0 7px 0;
}
.official_shop_service .service_box .service_content .service_btn {
    float:left;
	clear:both;
	width:500px;
	height:56px;
	text-align:right;
}
.official_shop_service .service_box .service_content .service_btn a#hangame_link{
    position:absolute;
	right:0;
	bottom:10px;
}
.official_shop_service .service_box .service_content .service_btn a#sf_link{
    position:absolute;
	right:0;
	bottom:12px;
}
.official_shop_service .service_box .service_content .service_btn a#st_link{
    position:absolute;
	right:0;
	bottom:13px;
}
.official_shop_service .service_box .service_content .service_btn a#te_link{
    position:absolute;
	right:0;
	bottom:13px;
}
.copy {
    float:left;
	clear:both;
	width:754px;
	text-align:right
}
/*------hack----*/
*html .official_shop_service .service_box .explanation {
    margin:3px 0 0 82px;
}
*html .official_shop_service .service_box .service_content .news{
	padding-top:9px;
}
/*--------------*/
/*-----------------------------------------------------*/
/*---------------------Lower layer---------------------*/
#read{ position:relative;}
#read #service_image{
    position:absolute;
    right:12px;
	bottom:-6px;
}
#read #service_image_tekki{
    position:absolute;
    right:12px;
	bottom:-18px;
}
/*--------------*/
#contents_base {
    float:left;
	clear:both;
	width:754px;
	margin:0 0 10px 0;
}
/*------hack--------*/
*:first-child+html #contents_base {
    margin-bottom:-10px;
}
*html #contents_base {
    margin-bottom:-10px;
}
/*------------------*/
#contents_base #introduction {
    float:left;
	width:380px;
}
#contents_base #news_box {
    float:right;
	width:360px;
}
/*--------------*/
#contents_base #introduction .contents {
    float:left;
	clear:both;
	width:380px;
}
#contents_base #news_box .news{
    float:left;
	clear:both;
	width:360px;
	padding-bottom:6px;
	background:url(../images/news_bottom.gif) no-repeat left bottom;
}
#contents_base #introduction .contents_title {
    float:left;
	clear:both;
	width:350px;
	height:14px;
	padding:8px 15px;
	background:url(../images/contents_top.gif) no-repeat left top;
}
#contents_base .contents .contents_title img{
    vertical-align:top;
}
#contents_base #news_box .contents_title {
    position:relative;
    float:left;
	clear:both;
	width:330px;
	height:14px;
	padding:8px 15px;
	background:url(../images/news_top.gif) no-repeat left top;
}
#contents_base #news_box .contents_title .more {
    position:absolute;
	top:7px;
	right:12px;
}
#contents_base #introduction .contents .contents_in {
    float:left;
	clear:both;
	width:365px;
	height:385px;
	padding:15px 0 0 15px;
	font-size:11px;
	line-height:1.3em;
	background:url(../images/contents_bg.gif) no-repeat left top;
}
#contents_base #introduction .mb20 .contents_in {
	height:375px;
	padding:25px 0 0 15px;	
}
/*----------contents 1-----------*/
#contents_base #introduction .contents .contents_in #in_logo{
    float:left;
    clear:both;
	padding-bottom:13px;
}
#contents_base #introduction .contents .contents_in #info_box{
    float:left;
    clear:both;
    width:350px;
	padding-bottom:10px;
}
#contents_base #introduction .contents .contents_in #info_box div#information{
    float:left;
	width:170px;
	font-size:11px;
}
#contents_base #introduction .contents .contents_in #info_box div#information2{
    float:left;
	width:213px;
	line-height:1.2em;
	font-size:11px;
}
#contents_base #introduction .contents .contents_in #info_box div.mr15_2{
    float:left;
	width:120px;
    padding:1px;
	margin-right:15px;
    background:url(../images/contents_01_03_2_bg.gif) no-repeat left top;
}
#contents_base #introduction .contents .contents_in #info_box div.mr15{
    float:left;
	width:158px;
    padding:1px;
    background:url(../images/contents_01_03_bg.gif) no-repeat left top;
}
#contents_base #introduction .contents .contents_in #image_box{
    float:left;
    clear:both;
    width:340px;
	padding-top:15px;
    background:url(../images/dot.gif) repeat-x left top;
}
#contents_base #introduction .contents .contents_in .mr15{
    margin-right:15px;
}
#contents_base #introduction .contents .contents_in #image_box span{
    float:left;
    padding:1px;
    background:url(../images/contents_01_04_05_bg.gif) no-repeat left top;
}
/*---------------------------------*/
#contents_base #introduction .contents .contents_in #image_box #rotation{
   width:162px;
   height:122px;
   overflow:hidden;
   float:right;
}
#contents_base #introduction .contents .contents_in #image_box #rotation2{
   width:162px;
   height:122px;
   overflow:hidden;
   float:left;
}
/*---------------------------------*/
#contents_base #news_box .news .contents_in{
    float:left;
	clear:both;
	width:328px;
	padding:18px 15px 0 15px;
	font-size:11px;
    border-left:solid 1px #cecdc9;
	border-right:solid 1px #cecdc9;
}
#contents_base #introduction .contents .contents_in li{
    float:left;
	clear:both;
	width:356px;
}
#contents_base #introduction .contents .contents_in div.no{
    float:left;
	width:40px;
	padding-right:12px;
}
#contents_base #introduction .contents .contents_in li#no1{margin-bottom:15px;}
#contents_base #introduction .contents .contents_in li#no2 {
    position:relative;
	height:126px;
    margin-bottom:8px;
}
#contents_base #introduction .contents .contents_in li#no3 {
    position:relative;
	height:78px;
    margin-bottom:8px;
}
#contents_base #introduction .contents .contents_in li#no3 .img0{
    position:absolute;
	bottom:-32px;
	right:5px;
}
#contents_base #introduction .contents .contents_in li#no3 .img{
    position:absolute;
	bottom:-33px;
	right:5px;
}
#contents_base #introduction .contents .contents_in li#no3 .img1{
    position:absolute;
	bottom:-5px;
	right:100px;
}
#contents_base #introduction .contents .contents_in li#no3 .img2{
    position:absolute;
	bottom:-27px;
	right:5px;
}
#contents_base #introduction .contents .contents_in li#no3 .img3{
    position:absolute;
	top:-35px;
	right:-4px;
}
#contents_base #introduction .contents .contents_in li#no3 .img3{
    position:absolute;
	top:30px;
	right:20px;
}
#contents_base #introduction .contents .contents_in li#no2 .img{
    position:absolute;
	bottom:-5px;
	right:5px;
}
#contents_base #introduction .contents .contents_in div.info{
    float:left;
	width:300px;
}
#contents_base #introduction .contents .contents_in p{margin:8px 0;}
#contents_base #news_box .event {
    float:left;
	clear:both;
	width:337px;
	height:389px;
	padding:7px 12px 0 11px;
	background:url(../images/event_bg.gif) no-repeat left top;
}
#contents_base #news_box .event ul li{
   float:left;
   clear:both;
   width:337px;
}
#contents_base #news_box .event ul li#img01{margin-bottom:12px;}
#contents_base #news_box .event ul li#img02,
#contents_base #news_box .event ul li#img03,
#contents_base #news_box .event ul li#img04 {margin-bottom:10px;}
.mb20 {
    margin-bottom:20px;
}
#contents_base #news_box .event ul li.dot_box {
    float:left;
	clear:both;
	width:332px;
	padding-bottom:6px;
	background:url(../images/contents_04_bg_b.gif) no-repeat left bottom;
	margin-bottom:5px;
}
#sting_img {
    float:left;
	clear:both;
	margin-left:15px;  
}
.mt05 {
   margin-top:5px;
}
#contents_base #news_box .event ul li .dot_box_top {
    position:relative;
    float:left;
	clear:both;
	width:332px;
	padding-top:6px;
	background:url(../images/contents_04_bg_t.gif) no-repeat left top;
}
/*--------hack---------*/
*html #contents_base #news_box .event ul li .dot_box_top{
    height:5px;
	padding-top:0;
}
*html .mt05 {
   margin-top:2px;
}
/*--------------------*/
#contents_base #news_box .event ul li .dot_box_in {
    float:left;
	clear:both;
	width:327px;
	padding-left:5px;
	background:url(../images/contents_04_bg_m.gif) repeat-y left top;
}
#contents_base #news_box .event ul li .dot_box_top #up_arrow{
    position:absolute;
	top:-40px;
	right:7px;
}
#contents_base #news_box .event ul li .dot_box_top #up_arrow_sting {
    position:absolute;
	top:-17px;
	right:11px;
}
#contents_base #news_box .event ul li .no {
    width:24px;
}
#contents_base #news_box .event ul li .info{
    width:299px;
}
#contents_base #news_box .event ul li .no,
#contents_base #news_box .event ul li .info{
    float:left;
	font-size:11px;
	line-height:1.2em;
}
#contents_base #news_box .event ul li .info p{
	margin-top:2px;
}
/*-----------news-----------*/
#contents_base #news_box .news .game{
	height:147px;
}
#contents_base #news_box .news .shop{
	height:87px;
}
.mb15{margin-bottom:15px;}
.mb10{margin-bottom:10px;}
#contents_base #news_box .news ul li{
   float:left;
   clear:both;
   width:314px;
   padding-left:14px;
   background:url(../images/arrow.gif) no-repeat 0.0em 0.6em;
   line-height:1.8em;
   font-size:11px;
}
#contents_base #news_box .news ul li span{
    float:left;
}
#contents_base #news_box .news ul li .date{
    color:#f39301;
	font-weight:bold;
	margin-right:20px;
	width:53px;
}
#contents_base #news_box .news ul li .news_txt{
    width:240px;
}
.mb23{ 
   margin-bottom:23px;
}
/*------hack-----*/
*html #contents_base #introduction .contents_title,
*html #contents_base #news_box .contents_title {
    overflow:hidden;
}
/*--------------*/
ul#contents_footer {
    float:left;
	clear:both;
	width:754px;
	margin:0;
}
ul#contents_footer img{
   vertical-align:top;
}
ul#contents_footer li{
	display:inline;
	margin-right:12px;
}
ul#contents_footer li#end{
   margin-right:0 !important;
}

#search,
#search #search_title
#search #search_more {
    float:left;
    clear:both;
}
/*-----------------------------------------------------*/

/*-----tsuika_2010_01_29-----*/

.whats_koninten {
	width:200px;
	height:112px;
	margin-bottom:12px;
}
.side_banner_btn {
	width:200px;
	height:82px;
	margin-bottom:12px;
}

/*-----tsuika_2010_02_22_sting-----*/

.clearfix:after {
	width:0;
	height:0;
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
}
.clearfix {
	zoom:1;
}

.contents_04_lefttext {
	width:167px;
	margin-right:5px;
	float:left;
}
.contents_04_rightimg {
	width:124px;
	float:left;
}