@charset "Shift_JIS";
/* mobile */

/*h
--------------------------------*/
#mobile_wrap #r_side h2{
	margin-bottom:7px;
}

#mobile_wrap #search_box h2{
	margin:6px 0 10px 0;
}

#mobile_wrap #medium_bn_box h2,
#mobile_wrap #small_bn_box h2{
	width:688px;
	padding-bottom:1px;
	margin-bottom:8px;
	border-bottom: 1px solid #a6a6a6;
}


/*h2見出し
--------------------------------*/
#mobile_wrap #main .h2_tit h2{
	width:500px;
	float:left;
	padding-top:9px;
}

#mobile_wrap #main .h2_tit{
	width:675px;
	height:28px;
	background: url(/common/images/bg_h2_2.gif) no-repeat left top;
	padding:0 4px 0 9px;
	margin-bottom:1px;
	overflow:hidden;
}

#mobile_wrap #main .h2_tit ul{
	width:80px;
	float:right;
	padding-top:5px;
}

#mobile_wrap #main .h2_tit ul li{
	float:left;
	margin-right:4px;
}

#mobile_wrap #main .h2_tit ul li img{ vertical-align:top;}


/*link
--------------------------------*/



/*layout
--------------------------------*/
#mobile_wrap{}

#mobile_wrap #big_bn_box{
	margin-bottom:20px;
}

#mobile_wrap #main{
	width:690px;
	float:left;
	color:#ffffff;
}

#mobile_wrap #r_side{
	width:200px;
	float:right;
	color:#ffffff;
}



/*big_bn_box*/
#mobile_wrap #big_bn_box dl{
	width:290px;
	float:left;
	margin-right:15px;
}

#mobile_wrap #big_bn_box dl.nopad{ margin-right:0 !important;}
#mobile_wrap #big_bn_box dt.img img{border: 2px solid #ffffff;}
#mobile_wrap #big_bn_box dt.img {}
#mobile_wrap #big_bn_box dd{
	color:#ffffff;
	font-size:10px;
}

#mobile_wrap #big_bn_box dd.tit{
	background: url(../images/ic_arrow_black2.gif) no-repeat 0px 2px;
	padding-left:15px;
	margin-bottom:2px;
}

#mobile_wrap #big_bn_box dd.date{
	width:123px;
	float:right;
	text-align:right;
}

#mobile_wrap #big_bn_box dd.ic_area{
	width:280px;
	float:left;
}

#mobile_wrap #big_bn_box dd.ic_area img{ margin-right:1px;}



/*small_bn_box*/
#mobile_wrap #small_bn_box{ margin:20px 0 17px 0;}

#mobile_wrap #small_bn_box ul{
	width:686px;
	margin:0 0 0 2px;
}

#mobile_wrap #small_bn_box li{
	width:128px;
	float:left;
	margin-right:9px;
	margin-bottom:7px;
}

#mobile_wrap #small_bn_box li img{
	border: 1px solid #a7a7a7;
}

#mobile_wrap #small_bn_box li.nopad{ margin-right:0 !important;}




/*medium_bn_box*/
#mobile_wrap #medium_bn_box{ margin:20px 0 60px 0;}

#mobile_wrap #medium_bn_box ul{
	width:679px;
	margin:0 auto;
}

#mobile_wrap #medium_bn_box li{
	width:333px;
	float:left;
	margin-right:9px;
}

#mobile_wrap #medium_bn_box li img{
	border: 1px solid #535353;
}

#mobile_wrap #medium_bn_box li.nopad{ margin-right:0 !important;}




/*r_side*/
#r_side p{ margin-bottom:10px;}

/*searchmodel_box*/
#r_side ul#searchmodel_box{
	width:205px;
	margin-bottom:6px;
}

#r_side ul#searchmodel_box li{
	width:42px;
	float:left;
	margin-right:9px;
	margin-bottom:5px;
}
#r_side ul#searchmodel_box li.nopad{ margin-right:0 !important;}
#r_side ul#searchmodel_box li img{ border: 1px solid #878787; }

/*searchmodel_box2*/
#r_side ul#searchmodel_box2{
	width:163px;
	margin-bottom:6px;
}

#r_side ul#searchmodel_box2 li{
	width:42px;
	float:left;
	margin-right:9px;
	margin-bottom:5px;
}
#r_side ul#searchmodel_box2 li.nopad{ margin-right:0 !important;}
#r_side ul#searchmodel_box2 li img{ border: 1px solid #878787; }

/*search*/
#r_side #mobile_side_search{ margin-bottom:10px;}
#r_side #mobile_side_search #form_search_side{
	width:145px;
	height:20px;
	border: 1px solid #666666;
	background: #FFF;
	margin-right:5px;
	color:#000000;
	line-height:20px;
}

#r_side #mobile_side_search #bt_search_side{ vertical-align:top;}

#r_side li img{ border: 1px solid #ffffff; vertical-align:top;}

#mobile_wrap dl{
	padding-bottom:6px;
}

/*gnavi
--------------------------------*/
#gnavi{
	width:900px;
	margin:0 auto 15px auto;
	clear:both;
}

#gnavi ul{}

#gnavi ul li{
	height:40px;
	float:left;
	text-align:center;
	font-size:10px;
	margin-right:1px;
}

#gnavi ul li#navi_ios{ width:128px;}
#gnavi ul li#navi_android{ width:127px;}
#gnavi ul li#navi_windowsphone{ width:127px;}
#gnavi ul li#navi_imode{ width:127px;}
#gnavi ul li#navi_ezweb{ width:127px;}
#gnavi ul li#navi_yahoo{ width:127px;}
#gnavi ul li#navi_other{ width:130px;}

#gnavi ul li a{
	height:40px;
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/: 40px ;
	padding-top:40px;
	background-image:url(/mobile/images/navi.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#gnavi ul li#navi_ios a{ background-position:0 0;}
#gnavi ul li#navi_android a{ background-position:-130px 0;}
#gnavi ul li#navi_windowsphone a{ background-position:-258px 0;}
#gnavi ul li#navi_imode a{ background-position:-386px 0;}
#gnavi ul li#navi_ezweb a{ background-position:-514px 0;}
#gnavi ul li#navi_yahoo a{ background-position:-642px 0;}
#gnavi ul li#navi_other a{ background-position:-770px 0;}

/*マウスオーバー*/
#gnavi ul li#navi_ios a:hover{ background-position:0 -40px;}
#gnavi ul li#navi_android a:hover{ background-position:-130px -40px;}
#gnavi ul li#navi_windowsphone a:hover{ background-position:-258px -40px;}
#gnavi ul li#navi_imode a:hover{ background-position:-386px -40px;}
#gnavi ul li#navi_ezweb a:hover{ background-position:-514px -40px;}
#gnavi ul li#navi_yahoo a:hover{ background-position:-642px -40px;}
#gnavi ul li#navi_other a:hover{ background-position:-770px -40px;}


.mainBanner{ padding-bottom:15px; }


/*model_box*/
#r_side ul.model_box{
	width:163px;
	margin-bottom:6px;
}

#r_side ul.model_box li{
	width:42px;
	float:left;
	margin-right:9px;
	margin-bottom:5px;
}
#r_side ul.model_box li.nopad{ margin-right:0 !important;}
#r_side ul.model_box li img{ border: 1px solid #878787; }

