@charset "utf-8";

/*----------------------------------------------------*/ 
/* CSS Index

- topicpath
- container
- btm_recommend
- btm_recently
- ウインドウサイズ 994px以下
- ウインドウサイズ 995px以上

------------------------------------------------------*/


/*----------------------------------------------------*/ 
/* topicpath
------------------------------------------------------*/ 

#topicpath {
	margin:0 9px 15px;
	line-height:1.1;
}

/*----------------------------------------------------*/ 
/* ordered_already
------------------------------------------------------*/ 

#ordered_already {
	margin:0 9px 10px;
	background:#FFFFA4;
	color:#CC0000;
	font-weight:bold;
	padding:10px;
	text-align:center;
}

#ordered_already a {
	text-decoration:underline;
}

/*----------------------------------------------------*/ 
/* container
------------------------------------------------------*/ 

#container {
	overflow:hidden;
	position:relative;
	margin:0 9px;
}


/*----------------------------------------------------*/ 
/* ウインドウサイズ 997px以下
------------------------------------------------------*/ 

@media screen and (max-width: 997px){
	
#topicpath,
#ordered_already,
#container,
#item_recommend {
	width:979px;
}

#ordered_already {
	width:959px;
}

#container #item_recommend {
	width:auto;
}

#item_recently,
#banner_category {
	width:997px;
}

/* 2column right fixed */

#container.column2_Rfixed #main {
	width:663px;
	float:left;
}

#container.column2_Rfixed #rside {
	width:300px;
	float:right;
}

/* 2column left fixed (inner right fixed) */

#container.column2_Lfixed #main {
	width:784px;
	float:right;
}

#container.column2_Lfixed #lside {
	width:175px;
	float:left;
}

#container.column2_Lfixed #main #contents .column2_wrap {	/zoom:1;}
#container.column2_Lfixed #main #contents .column2_wrap:after {	content:".";}

#container.column2_Lfixed #main #contents .column2_wrap .lcolumn_wrap {
	width:468px;
	float:left;
}

#container.column2_Lfixed #main #contents .column2_wrap .rcolumn {
	width:300px;
	float:right;
}

/* 3column left-right fixed */

#container.column3_LRfixed #main {
	float:left;
	margin-left:195px;
	width:468px;
}

#container.column3_LRfixed #lside {
	position:absolute;
	left:0;
	top:0;
	width:164px;
}

#container.column3_LRfixed #rside {
	width:300px;
	float:right;
}


}

/*----------------------------------------------------*/ 
/* ウインドウサイズ 998px以上
------------------------------------------------------*/ 

@media screen and (min-width: 998px){
	
/* 2column right fixed */

#container.column2_Rfixed #main {
	width:100%;
	float:left;
}

#container.column2_Rfixed #main #contents {
	margin-right:316px;
}

#container.column2_Rfixed #rside {
	width:300px;
	margin-left:-300px;
	float:right;
}

/* 2column left fixed (inner right fixed) */

#container.column2_Lfixed #main {
	width:100%;
	float:right;
}

#container.column2_Lfixed #main #contents {
	margin-left:195px;
}

#container.column2_Lfixed #lside {
	width:175px;
	margin-right:-175px;
	float:left;
}

#container.column2_Lfixed #main #contents .column2_wrap {	/zoom:1;}
#container.column2_Lfixed #main #contents .column2_wrap:after {	content:".";}

#container.column2_Lfixed #main #contents .column2_wrap .lcolumn_wrap {
	width:100%;
	float:left;
}

#container.column2_Lfixed #main #contents .column2_wrap .lcolumn_wrap .lcolumn {
	margin-right:316px;
}

#container.column2_Lfixed #main #contents .column2_wrap .rcolumn {
	width:300px;
	margin-left:-300px;
	float:right;
}


/* 3column left-right fixed */

#container.column3_LRfixed #main {
	width:100%;
	float:left;
}

#container.column3_LRfixed #main #contents {
	margin:0 316px 0 195px;
}

#container.column3_LRfixed #lside {
	width:164px;
	margin-left:-100%;
	float:left;
}

#container.column3_LRfixed #rside {
	width:300px;
	margin-left:-300px;
	float:left;
}


}

/*----------------------------------------------------*/ 
/* ウインドウサイズ 997px固定
------------------------------------------------------*/ 

#simple #topicpath,
#simple #container {
	width:979px;
	margin-right:auto;
	margin-left:auto;
}