@charset "UTF-8";
@import "whatsnews.css";

/* レイアウトCSS */

body {
	color:#222;
	font-size:12px ;
	background-color:#fff;
	margin:0 auto ;
	text-align:center ;
/*	font-family: "Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック";*/
/*	font-family:"ＭＳ ゴシック", "Osaka－等幅"; */
	font-family:"ＭＳ Ｐゴシック","Hiragino Kakukgo Pro W3";
	line-height:140%;
	}

a:link { color: #3333FF; text-decoration:underline; }
a:hover { color: #FF3333; text-decoration:none; }
a:active { color: #FF9966; text-decoration:none; }

p {
margin: 0px;
padding:0px;
line-height:140%;
}

img {
	border:0;
	}

form {
	margin:0;
	padding:0;
	}

td {
	font-size:11px;
	line-height: 15px;
	}

.pageset {
	width:887px;
	margin:0 auto;
	padding:0;
	border-top:10px solid #000000;
	}

.clear {
	clear:both;
	margin:0;
	padding:0;
	font-size:1px;
	height:5px;
	}

.red{
color:#FF0033;
}

.fs10{
font-size:10px;
line-height:140%;
}

.fs12{
font-size:12px;
line-height:140%;
}

.fs12n{
font-size:12px;
line-height:140%;
border-bottom:1px solid #CCCCCC;
}

.fs14{
font-size:12px;
line-height:140%;
}

/*------------- header----------------- */

.head {
	width:887px;
	height:92px;
	margin:0px auto 0px auto ;
	padding:0;
	background-color:#000000;
/*	background-image:url(/img/back_head01.gif);
	background-repeat:repeat-y;
	text-align:right;
*/
	}
	
.head2 {
	width:887px;
	height:48px;
	margin:0px auto 0px auto ;
	padding:0;
	background-color:#000000;
/*	background-image:url(/img/back_head01.gif);
	background-repeat:repeat-y;
*/
	text-align:right;
	overflow:hidden;
	}
	
.headmaint {
	width:887px;
	height:48px;
	margin:0px auto 0px auto ;
	padding:0;
	background-color:#000000;
/*
	background-image:url(/img/back_head01.gif);
	background-repeat:repeat-y;
*/
	text-align:left;
	overflow:hidden;
	}	

.head-top{
margin: 0px 10px 0px 10px;
height:48px;
}

.mainte{
width:202px;
height:26px;
padding:0;
margin:0;
text-align:right;
display:block;
text-indent:-9999px;
overflow:hidden;
}

/*090803JUNRED仕様*/
.head-top .logoarea{
	margin: 0;
	padding:0;
	font-size:12px;
	line-height:20px;
	color:#FFFFFF;
	font-weight:normal ;
	text-align:left;	
	float:left;
}

.head-top .logoarea h1{
	margin: 0;
	padding:0;
	width:202px;
	height:33px;
	overflow:hidden;
	background-repeat:no-repeat;
	overflow:hidden;
	}
	
.head-top .logoarea h1:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
	
.head-top .logoarea h1 a.junmenlogo{
display:block;
margin: 0;
padding:0;
width:101px;
height:33px;
overflow:hidden;
text-indent:-9999px;
background-image:url(/img/menlogo.gif);
float:left;
}

.head-top .logoarea h1 a.junredlogo{
display:block;
margin: 0;
padding:0;
width:101px;
height:33px;
overflow:hidden;
text-indent:-9999px;
background-image:url(/img/redlogo.gif);
float:left;
}

.head-top .logoarea p{
width:202px;
height:15px;
margin:0;
padding:0;
overflow:hidden;
background-image:url(/img/logoundertxt.gif);
text-indent:-9999px;
}

.head-top .logoarea p strong{
font-weight:normal;
}
/*090803JUNRED仕様ここまで*/

.head-top-box {
	float:right ;
	margin:0;
	padding:0;
	text-align:right;
	color:#FFFFFF;
	}

.head-top-box p{
font-size:11px;
margin:7px 0px 0px 0px;
padding:0px;
}

.mylink a:link{
color:#FFFFFF;
}
.mylink a:hover{
color:#FF0000;
}
.mylink a:visited{
color:#FFFFFF;
}

.head-under {
	height:44px;
	background-image:url(/img/back_head02.gif);
	margin: 0px 0px 0px 0px;
	padding:0;
}

.head-under-box{
margin:0px 10px 0px 10px;
height:35px;
}

.search{
	text-align:left;
	float:left;
	width: 210px;
	height: 35px;
	position:relative;
}

.search-box{
	width: 150px;
	float: left;
	margin: 4px 0 0 0;
	padding:0;
	color: #ffffff;
	font-size: 11px;
}

.search-input {
	background: #ffffff;
	width: 140px;
	margin: 0 0 0 0px;
	padding: 1px;
	border: 1px #CCCCCC solid;;
}

.search-b{
	float: left;
	margin: 5px 0 0 4px;
	padding: 0;
}

#headpop1{
display: none;
position:absolute;
width:200px;
height:50px;
margin:0;
padding:0;
background-color:#333333;
text-align:center;
top:-43px;
left:160px;
overflow:hidden;
z-index:9999;
}

#headpop1 .headpopmenu{
width:180px;
margin:5px auto;
padding:5px;
background-color:#FFFFFF;
text-align:left;
overflow: hidden;
}

#headpop1 .headpopmenu p{
width:180px;
height:28px;
margin:0;
padding:0;
text-align:left;
font-size:12px;
overflow:hidden;
line-height:120%;
}


/****トップ下メニュー****/

.head-under-box ul{
width:600px;
height:32px;
text-align:right;
float:right;
margin:0;
padding:0;
list-style-type:none;
}

.head-under-box li{
float:left;
margin:0px;
paddng:0px;
}

.head-under-box a{
display:block;
width:150px;
height:32px;
}

.head-under-box a span{display:none;}

.head-under-01{
background-image:url(/img/head_ub_01.jpg);
}
a.head-under-01 {
background-image:url(/img/head_ub_01.jpg);
}
a:hover.head-under-01{
background-position:0px -32px;
}

.head-under-02{
background-image:url(/img/head_ub_02.jpg);
}
a.head-under-02 {
background-image:url(/img/head_ub_02.jpg);
}
a:hover.head-under-02{
background-position:0px -32px;
}

.head-under-03{
background-image:url(/img/head_ub_03.jpg);
}
a.head-under-03 {
background-image:url(/img/head_ub_03.jpg);
}
a:hover.head-under-03{
background-position:0px -32px;
}

.head-under-04{
background-image:url(/img/head_ub_04.jpg);
}
a.head-under-04 {
background-image:url(/img/head_ub_04.jpg);
}
a:hover.head-under-04{
background-position:0px -32px;
}

/***年末年始特別***/
.head-under-rank{
background-image:url(/img/head_ub_rank.jpg);
}
a.head-under-rank{
background-image:url(/img/head_ub_rank.jpg);
}
a:hover.head-under-rank{
background-position:0px -32px;
}

.head-under-code{
background-image:url(/img/head_ub_code.jpg);
}
a.head-under-code {
background-image:url(/img/head_ub_code.jpg);
}
a:hover.head-under-code{
background-position:0px -32px;
}

/****トップ下メニュー終了****/

/** ------------header end---------------- **/


/** ------------main---------------- **/
.main{
	width:887px;
	/* height:995px; */
	margin:0px auto ;
	padding:0;
	background-image:url(/img/back_main01.gif);
	background-repeat:repeat-y;
	text-align:center;
	}


.bread{
width:90%;
font-size: 10px;
text-align:left;
margin:30px auto 0px auto;
}

.main-contents{
width:852px;
margin:0px auto ;
padding:0;
text-align:left;
}


/*-- 右コンテンツ --*/
.right-contents {
float:right;
width:668px;
margin:0;
padding:0;
}

.right-listtop{
width:663px;
float:left;
font-size: 10px;
margin:0;
padding:0;
}


.right-bread{
float:left;
font-size:10px;
text-align:left;
}

.right-sort{
float:right;
font-size:12px;
text-align:right;
color:#FF6600;
}

.right-sort a{
color:#FF6600;!important
}

.right-sort a:visited{
color:#FF6600;!important
}

.right-sort a:hover{
color:#FF0000;!important
}


.right-sort span{
color:#000000;
}


.main-border{
width:668px;
height:350px;
background-image:url(/img/top/main-border.gif);
background-repeat:no-repeat;
text-align:center;
}

.main-image{
width:621px;
height:305px;
margin:0 auto;
/*overflow:hidden;*/
text-align:center;
}

.main-image-l{
width:457px;
height:305px;
overflow:hidden;
margin:0;
padding:0;
float:left;
}

.main-image-r{
width:164px;
height:305px;
overflow:hidden;
margin:0;
padding:0;
float:right;
}

.main-image-r-01{
width:164px;
height:189px;
text-align:center;
margin:0;
padding:0;
background-image:url(/img/top/main-r01.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
}

.main-code-l{
width:82px;
height:127px;
margin:0;
padding:0;
text-align:right;
float:left;
overflow:hidden;
}

.main-code-r{
width:79px;
height:127px;
margin:0;
padding:0;
text-align:right;
float:left;
overflow:hidden;
}

.main-r-lastup{
width:157px;
text-align:right;
margin:0;
padding:0;
}


.main-image-r-02{
width:164px;
height:116px;
padding:0;
margin:0;
text-align:center;
background-image:url(/img/top/main-r02.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
}

.main-image span{display:none;}

.main-shosai{
position: relative;
top:275px;
left:470px;
}

.right-contents-under {
width:668px;
margin:0;
padding:0;
}

.rcu-left{
width:330px;
float:left;
text-align:center;
margin:0;
padding:0;
}


.rcu-right{
width:330px;
float:right;
text-align:left;
margin:0;
padding:0;
}

.rcu-right span{display:none;}

.sub-image01{
display:block;
width:248px;
height:129px;
margin:0;
padding:0;
background-image:url(/img/top/sub-01.jpg);
background-repeat:no-repeat;
position:relative;
top:0;
left:75px;
}

a.sub-image01{
width:248px;
height:129px;
margin:0;
padding:0;
background-image:url(/img/top/sub-01.jpg);
background-repeat:no-repeat;
position:relative;
top:0;
left:75px;
z-index:5;
}

a:hover.sub-image01{
width:248px;
height:129px;
margin:0;
padding:0;
background-image:url(/img/top/sub-01.jpg);
background-repeat:no-repeat;
position:relative;
top:0;
left:75px;
z-index:4;
visibility:visible;  /* -- For IE7  -- */
}

.sub-image02{
display:block;
width:248px;
height:129px;
margin:0;
padding:0;
background-image:url(/img/top/sub-02.jpg);
background-repeat:no-repeat;
position:relative;
top:-30px;
left:10px;
}

a.sub-image02{
width:248px;
height:129px;
margin:0;
padding:0;
background-image:url(/img/top/sub-02.jpg);
background-repeat:no-repeat;
position:relative;
top:-30px;
left:10px;
z-index:3;
}

a:hover.sub-image02{
width:248px;
height:129px;
margin:0;
padding:0;
background-image:url(/img/top/sub-02.jpg);
background-repeat:no-repeat;
position:relative;
top:-30px;
left:10px;
z-index:4;
visibility:visible;  /* -- For IE7  -- */
}

.sub-image03{
display:block;
width:248px;
height:129px;
margin:0;
padding:0;
background-image:url(/img/top/sub-03.jpg);
background-repeat:no-repeat;
position:relative;
top: -10px;
left:60px;
}

a.sub-image03{
width:248px;
height:129px;
margin:0;
padding:0;
background-image:url(/img/top/sub-03.jpg);
background-repeat:no-repeat;
position:relative;
top: -10px;
left:60px;
z-index:1;
}

a:hover.sub-image03{
width:248px;
height:129px;
margin:0;
padding:0;
background-image:url(/img/top/sub-03.jpg);
background-repeat:no-repeat;
position:relative;
top: -10px;
left:60px;
z-index:4;
visibility:visible;  /* -- For IE7  -- */
}





/*-- 左コンテンツ --*/
.left-contents{
float:left;
width:172px;
margin:0;
padding:0;
}


/*----- 左メニューなしコンテンツ  ------**/

.contents-big{
width:80%;
text-align:left;
}

.contents-big p{
font-size:12px;
line-height:160%;
margin:0px;
padding:0px;
}

h2.contents-title{
font-size:16px;
line-height:140%;
margin:0px;
padding:0px;
}

h3.contents-title{
font-size:14px;
line-height:140%;
margin:0px 0px 15px 0px;
padding:0px;
}

td.cart-menu{
font-size:12px;
border-bottom:1px solid #CCCCCC;
line-height:140%;
}

.caution{
font-size:12px;
line-height:120%;
margin:7px 0px 0px 0px;
padding:0px;
}

.pagenavi {
font-size:10px;
text-align:right;
margin:5px auto;
padding:0;
width:90%;
}

.cart-shopbag{
margin:0;
padding:0;
float:left;
}
.cart-shopbag:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
.cart-shopbagImg{
margin:0;
padding:0;
float:left;
}
.cart-shopbagImg:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


/*----- 左メニューなしコンテンツ終了  ------**/


/** ------------main end---------------- **/


/** ------------footer---------------- **/
.foot {
	clear:both;
	width:887px;
	height:50px;
	margin:0px auto 0px auto ;
	padding:0;
	background-image:url(/img/back_head01.gif);
	background-repeat:repeat-y;
	text-align:right;
	border-top:20px solid #000000;
	}

.foot-margin{
margin: 0px 10px 0px 10px;
}

.copy {
	margin: 0;
	padding:0;
	color:#FFFFFF;
	text-align:left;	
	float:left;
	}

.foot-margin p{
	float:right;
	color:#FFFFFF;
	margin:2px 0px 0px 0px;
	padding:0;
	text-align:right;
	color:#FFFFFF;
	font-size:10px;
	}

.foot-margin A:link{color: #FFFFFF;text-decoration:none;}
.foot-margin A:visited{color: #FFFFFF;text-decoration:none;} 
.foot-margin A:active{color: #FFFFFF;text-decoration:none;} 
.foot-margin A:hover{color: #FFFFFF; text-decoration:underline;}

/** ------------footer end---------------- **/

/**-- からうち --**/
.imgover{}


/*-- 090610追加 --*/
.limitedcenter{
text-align:center;
}

.right-contents-limitedmode {
width:668px;
margin:0 auto;
padding:0;
}