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

/***********************************************************

共通

***********************************************************/

*{
	padding: 0;
	margin: 0;
}




body{
	padding: 0px;
	margin: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #000;
	line-height: 1.3em;
	background: url(../img/bg.gif) repeat-x 0 0px;
}





#container{
	width: 950px;
	margin: 0 auto 0 auto;
}



.clearboth{
	clear: both;
	padding: 0;
	margin: 0;
}



.cap_margin{
	margin: 30px 0 0px 0;
}



.totop{
	float: right;
	width: 86px;
	margin: 5px 0 30px 0;
}



.price{
	font-weight: bold;
	color: #CC0000;
}



/***********************************************************

商品ナビ

***********************************************************/

#main_img{
	margin: 0px 0 30px 0;
}


#main_img ul{
	padding: 0;
	margin: 0;
}


#main_img li{
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}


#img_m_01 a{
	height: 185px;
	width: 233px;
	display: block;
	text-indent: -9999px;
	background: url(../img/img_m_01.jpg) no-repeat 0 0;
}


#img_m_01 a:hover{
	height: 185px;
	width: 233px;
	display: block;
	text-indent: -9999px;
	background: url(../img/img_m_01_on.jpg) no-repeat 0 0;
}


#img_m_02 a{
	height: 185px;
	width: 233px;
	display: block;
	text-indent: -9999px;
	background: url(../img/img_m_02.jpg) no-repeat 0 0;
}


#img_m_02 a:hover{
	height: 185px;
	width: 233px;
	display: block;
	text-indent: -9999px;
	background: url(../img/img_m_02_on.jpg) no-repeat 0 0;
}


#img_m_03 a{
	height: 185px;
	width: 228px;
	display: block;
	text-indent: -9999px;
	background: url(../img/img_m_03.jpg) no-repeat 0 0;
}


#img_m_03 a:hover{
	height: 185px;
	width: 228px;
	display: block;
	text-indent: -9999px;
	background: url(../img/img_m_03_on.jpg) no-repeat 0 0;
}



/***********************************************************

ナビ

***********************************************************/

#top_navi_b ul{
	padding: 0;
	margin: 0;
}



#top_navi_b li{
	float: left;
	height: 14px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	list-style-type: none;
}



#navi_sitemap a{
	height: 14px;
	width: 75px;
	display: block;
	background-image: url(../img/navi_sitemap.gif);
}



#navi_sitemap a:hover{
	height: 14px;
	width: 75px;
	display: block;
	background-image: url(../img/navi_sitemap_on.gif);
}



#navi_unei a{
	height: 14px;
	width: 80px;
	display: block;
	background-image: url(../img/navi_unei.gif);
}



#navi_unei a:hover{
	height: 14px;
	width: 80px;
	display: block;
	background-image: url(../img/navi_unei_on.gif);
}







/***********************************************************

リンク色指定

***********************************************************/


img{
	margin: 0;
	border: none;
}


a:link{
	color: #000;
	text-decoration: none;
}


a:visited{
	color: #000;
	text-decoration: none;
}



a:hover{
	color: #555;
	text-decoration: none;
}



/***********************************************************

ヘッダー

***********************************************************/


#header_r{
	height: 76px;
	width: 950px;
	margin: 0 auto 0 auto;
}

#logo_f_b{
	float: left;
}

h1{
	font-size:10px;
	margin:5px 0 0 0;
}


#logo{
	float: left;
}


#logo a{
	height: 60px;
	width: 410px;
	display: block;
	text-indent: -9999px;
	background: url(../img/logo.gif) no-repeat 0 0;
}



#top_navi_b{
	float: right;
	margin: 60px 0 0 0;
}


#pan2{
    width:685px;
	float:left;
	display:inline;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}


/***********************************************************

コンテンツ

***********************************************************/

.cap_n{
	margin: 0 0 15px 0;
}


.cap_n_m{
	margin: 22px 0 15px 0;
}


#main_float{
	float: left;
	width: 695px;
}




#side_float{
	float: right;
	width: 240px;
	margin: 22px 0 0 0;
}


.table_item{
	width: 100%;
	margin: 0 0 35px 0;
	border-collapse: collapse;
}


.table_item td{
	vertical-align: top;
}


.teb_right{
	padding: 0 0 0 7px;
}


.teb_center{
	padding: 0 0px 0 7px;
}


.lineup_item{
	position: relative;
	height: 151px;
	width: 226px;
	margin: 0 0 9px 0;
	background: url(../img/lineup_box.gif) no-repeat 0 0;
}


.item_img{
	float: left;
	width: 80px;
	margin: 15px 5px 10px 0px;
}


.item_text{
	float: left;
	height: 120px;
	width: 120px;
	margin: 15px 0 0px 0;
	font-size: 10px;
	line-height: 1.4em;
}


.item_text h3{
	padding: 0px 0 0px 0.5em;
	margin: 0 0 2px 0;
	border-left: 2px solid #999999;
	font-size: 12px;
	color: #000;
	line-height: 1.2em;
}


.price_ichiran{
	margin: 0;
	font-size: 12px;
	width:100px;
	font-weight: bold;
	color: #cc0000;
	text-align: right;
	position: absolute;
	left: 117px;
	top: 105px;
}
.price_ichiran_soldout{
	margin: 0;
	font-size: 12px;
	width:100px;
	font-weight: bold;
	color: #999999;
	text-align: right;
	position: absolute;
	left: 117px;
	top: 105px;
}


.bt_price_shousai{
	position: absolute;
	left: 100px;
	top: 120px;
}



.bt_price_shousai a{
	height: 22px;
	width: 82px;
	margin: 0px 0 0 36px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/navi_shousai.gif);
}


.bt_price_shousai a:hover{
	height: 22px;
	width: 82px;
	margin: 0px 0 0 36px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/navi_shousai_on.gif);
}

.bt_soldout{
	position: absolute;
	left: 100px;
	top: 120px;
	height: 22px;
	width: 82px;
	margin: 0px 0 0 36px;
	display: block;
}


.item_box_center{
	width: 205px;
	margin: 0 auto 0 auto;
}


.main_i_f{
	float: left;
}


.unei_table{
	width: 100%;
	margin: 30px 0 40px 0;
	border: 1px solid #dfe3d5;
	border-collapse: collapse;
}


.unei_table th{
	width: 150px;
	padding: 9px;
	border-right: 1px solid #dfe3d5;
	border-bottom: 1px solid #dfe3d5;
	font-weight: 100;
	text-align: left;
	background-color: #FFFFFF;
}


.unei_table td{
	padding: 9px;
	border-bottom: 1px solid #dfe3d5;
	background-color: #FFFFFF;
}


/***********************************************************

右カラム

***********************************************************/


#rankking_box{
	border: 1px solid #333333;
	background-color: #FFFFFF;
}


#rankking_box h3{
	padding: 0;
	margin: 0;
}


#rannking_list_center{
	width: 220px;
	margin: 0 auto 0 auto;
}


#rankking_box ul{
	padding: 0;
	margin: 0;
}


#rankking_box li{
	height: 37px;
	padding: 3px 0 5px 0;
	margin: 3px 0 3px 0;
	background: url(../img/line_dot.gif) repeat-x 0 100%;
	list-style-type: none;
}


#cap_step{
	margin: 22px 0 10px 0;
}


#step_ul{
	padding: 0;
	margin: 0;
}


#step_ul li{
	height: 99px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}


.step_normal{
	height: 99px;
}


#right_infomation{
	margin: 15px 0 20px 0;
}


#footer{
	height: 60px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../img/footer_bg.gif);
}


#footer div{
	padding: 8px 0 0px 0;
	line-height:1.8em;
}