@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :taniguchi
 style info :トップページ
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #page → style.css
  #contents → style.css
   #main
   #sub
=================================================================== */



/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float: left;
	width: 740px;
	margin-bottom:10px;
	padding:0;
}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}
#main .title{
	width: 740px;
	height:32px;
	background:url(../images/title_blue_bg.gif) repeat-x;
	margin-bottom:1px;
}



/* #注目キーワード
----------------------------------------------------------- */
#main #keyword{
	width:740px;
	height:auto;
	background-color:#e0e9f1;
	margin:0 0 10px 0;
	padding:5px 0;
}
#main #keyword:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main #keyword ul{
	margin:0 5px;
	padding:0;
	width:730px;
	height:auto;
}
#main #keyword li{
	font-size:12px;
	font-weight:normal;
	margin-right:30px;
	line-height:140%;
	float:left;
}



/* #topics
----------------------------------------------------------- */
#main .topics{
	width: 740px;
	padding:0;
	margin-bottom:10px;
}
/* clearfix */
#main .topics .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .topics ul{
	margin:0;
	padding:0;
}
#main .topics li{
	float:left;
	line-height:100%;
	margin:0 10px 0 0;
}
#main .topics li.even{
	margin:0;
}


#main .item .title h1{
	width:200px;
	height:32px;
	margin-left:10px;
	background:url(../images/title_osusume.gif) no-repeat left center;
	text-indent:-9999px;
	font-size:5px;
}
#main .magazine .title h1{
	width:115px;
	height:32px;
	margin-left:10px;
	background:url(../images/title_magazine.gif) no-repeat left center;
	text-indent:-9999px;
	font-size:5px;
}
/* #新着アイテム
----------------------------------------------------------- */

#main .item{
	width:740px;
}
#main .item table{
	width:740px;
	/*padding:10px 21px 10px 22px;*/
	border:solid 1px #bdd5df;
}
#main .item td{
	width:138px;
	padding:15px 20px;
	vertical-align:top;
}
#main .item table img{
	margin-bottom:3px;
}
#main .item table a img{
	border:solid 1px #CCC;
}
#main .item table a:hover img{
	border:solid 1px #C93030;
}
#main .item td h4{
	font-size:12px;
	line-height:140%;
	font-weight:normal;
	margin-bottom:2px;
}
#main .item td span{
	font-size:12px;
	line-height:140%;
	color:#600;
}

/* #新着情報
----------------------------------------------------------- */
#main .info, 
#main .announce{
	width:722px;
	_width:738px;
	padding:8px;
	border:solid 1px #999;
	margin-bottom:10px;
	background:url(../images/info_bg.gif) repeat-y left top;
}
/* clearfix */
#main .info:after, 
#main .info li:after, 
#main .announce:after, 
#main .announce li:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .info h2{
	width:100px;
	height:30px;
	float:left;
	background:url(../images/title_info.gif) no-repeat 0 0;
	font-size:5px;
	text-indent:-9999px;
	line-height:0;
}
#main .announce h2{
	width:100px;
	height:30px;
	float:left;
	background:url(../images/title_announce.gif) no-repeat 0 0;
	font-size:5px;
	text-indent:-9999px;
	line-height:0;
}
#main .info .list, 
#main .announce .list{
	width:622px;
	padding:0;
	float:left;
}
#main .info ul, 
#main .announce ul{
	margin:0;
	padding:0;
}
#main .info li, 
#main .announce li{
	font-size:12px;
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:5px;
	line-height:140%;
	background:url(../images/info_line.gif) repeat-x left bottom;
	height:auto;
}
#main .info li.lastChild, 
#main .announce li.lastChild{
	padding-bottom:0;
	margin-bottom:0;
	background: none;
}
#main .info span, 
#main .announce span{
	text-align:right;
	font-size:10px;
	color:#000;
}

#main .info p.catch{
	margin:0;
	padding:0;
	width:520px;
	float:left;
}
#main .announce p.catch{
	margin:0;
	padding:0;
	width:520px;
	float:left;
	font-weight:bold;
	color:#FF3300;
	margin-bottom:3px;
}
#main .info p.date, 
#main .announce p.date{
	margin:0;
	padding:0;
	width:100px;
	float:left;
	text-align:right;
	font-size:10px;
	color:#000;
}
#main .announce .announcement{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	color:#333;
	clear:both;
}
#main .announce .announcement span.term{
	font-size:12px;
	color:#FF3300;
}


/* #新着情報
----------------------------------------------------------- */
#main .magazine{
	width:740px;
	margin-bottom:10px;
}
#main .magazine .box{
	width:365px;
	float:left;
}
/* clearfix */
#main .magazine:after, 
#main .magazine .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}




/* #雑誌掲載商品
----------------------------------------------------------- */
#main .magazine{
	width:740px;
}
#main .magazine .box{
	width: 740px;
	padding:0;
	margin:10px 0;
}
#main .magazine .box .left{
	width:335px;
	float:left;
}
#main .magazine .box .right{
	width:335px;
	float:right;
}
#main .magazine h2{
	width:100px;
	height:50px;
	float:left;
	background:url(../images/title_info.gif) no-repeat 0 0;
	font-size:5px;
	text-indent:-9999px;
	line-height:0;
}
#main .magazine .box .logo{
	padding:5px 0 0 0;
	width:230px;
	float:left;
}
#main .magazine .box .ph{
	width:100px;
	float:right;
	text-align:right;
}
/* clearfix */
#main .magazine:after, 
#main .magazine .box:after, 
#main .magazine .box-inner:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .magazine p.newest{
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
	font-size:12px;
	color:#c00;
}
#main .magazine .box ul{
	margin:0 0 0 10px;
	padding:0;
}

#main .magazine .box li{
	font-size:12px;
	font-weight:normal;
	padding-left:14px;
	margin-bottom:5px;
	line-height:140%;
	background:url(../images/arr_red.gif) no-repeat 0 2px;
}






/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#sub {
	float: right;
	width: 200px;
	margin-top:0;
	margin-bottom:10px;
}
#sub .banner{
	width:100%;
/*	margin-bottom:10px;*/
	margin-bottom:10px;
	text-align:center;
}
#sub .banner_phone{
	width:100%;
	margin-bottom:10px;
	text-align:center;
}
#sub .banner li{
	margin-bottom:10px;
}

#sub .sidebar{
	width:198px;
	border:solid 1px #999;
	margin-bottom:10px;
}
#sub h4{
	width:184px;
	_width:198px;
	height:19px;
	_height:25px;
	padding:6px 0 0 14px;
	margin-bottom:10px;
	color:#333;
	font-size:12px;
	line-height:140%;
	background: url(../images/sub_title_bg.jpg) no-repeat;
	text-align:left;
}
#sub .banner p{
/*	padding:3px 0 0 0;*/
	padding:3px 10px 0 10px;
	margin-bottom:10px;
	color:#333;
	font-size:10px;
	line-height:140%;
	text-align:left;
}

#sub .banner li img{
	margin: 0 auto;
	text-align:center;
}

/* #リスト
----------------------------------------------------------- */
#sub .list li{
	width:178px;
	_width:198px;
	font-size:12px;
	padding:0 0 5px 20px;
	background:url(../images/list_icon.gif) no-repeat 8px 5px;
}
#sub .list li.onmark{
	background:url(../images/list_icon_on.gif) no-repeat 8px 5px;
	border-bottom:dotted 1px #CCC;
}
#sub .list li.level2{
	width:170px;
	_width:198px;
	padding:5px 0 5px 28px;
	margin:0;
	background:url(../image/list_icon_sub.gif) no-repeat 18px 12px #FFFCDE;
/*	border-bottom:dotted 1px #CCC;*/
}


/* #お知らせ
----------------------------------------------------------- */
#sub .news{
	width:198px;
	margin-bottom:10px;
}
#sub .news li{
	padding:0 8px;
	font-size:12px;
	line-height:140%;
	color:#000;
	margin-bottom:5px;
}

/* #関連する商品
----------------------------------------------------------- */
#sub h3.relate_title{
	width:184px;
	_width:198px;
	height:34px;
	_height:40px;
	padding:6px 0 0 14px;
	margin-bottom:10px;
	color:#333;
	font-size:12px;
	line-height:140%;
	background: url(../images/sub_detail_title.jpg) no-repeat;
}




/* #topics SKE48枠
----------------------------------------------------------- */
#main #ske48{
	width: 740px;
	height:auto;
	padding:0;
}
/* clearfix */
#main #ske48 .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main #ske48 .teambox{
	width: 740px;
	height:auto;
	margin-bottom:10px;
	background: url(../images/ske_frbg.gif) repeat-y;
}
#main #ske48 .teambox .frtop{
	width: 740px;
	height: 5px;
	background: url(../images/ske_frtop.gif) no-repeat;
	font-size: 0.1em; line-height: 0;
}
#main #ske48 .teambox .frbottom{
	width: 740px;
	height: 5px;
	background: url(../images/ske_frbottom.gif) no-repeat;
	font-size: 0.1em; line-height: 0;
}
#main #ske48 .teambox .inner{
	margin: 5px 0 5px 12px;
	width: 720px;
	height:auto;
	background: url(../images/ske_line.gif) repeat-y 100px 0;
}
#main #ske48 .teambox .inner .team{
	margin: 0;
	padding:3px 0 0 0;
	width: 100px;
	height:auto;
	float:left;
}
#main #ske48 .teambox .inner .member{
	margin: 0;
	padding:3px 0 0 0;
	width: 580px;
	_width: 620px;
	height:auto;
	float:right;
}

/* clearfix */
#main #ske48 .teambox .inner:after, 
#main #ske48 ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main #ske48 ul{
	margin:0;
	padding:0;
	display:inline;
}
#main #ske48 li{
	float:left;
	width:100px;
	_width:115px;
	font-size:12px;
	line-height:160%;
	padding:0 0 5px 14px;
	background:url(../images/ske_arr.gif) no-repeat 0 7px;
}