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

/* レイアウトCSS */

body {
	color:#043459;
	font-size:12px ;
	background-color:#FFFFFF;
	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: #043459;text-decoration:none;}
a:hover {color: #043459;text-decoration:none;} 
a:active {color: #043459;text-decoration:none;} 
a:visited {color: #043459;text-decoration:none;} 
a:hover{color: #043459; text-decoration:underline;}


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

img {
	border:0;
	}

form {
	margin:0;
	padding:0;
	}

td {
	font-size:11px;
	line-height: 15px;
	}
.Mainpageset {
	width:897px;
	margin:0 auto;
	padding:10px;
	border:#043459 solid 1px;
	background-color:#FFF;
	}

.pageset {
	width:887px;
	margin:0 auto;
	padding:0;
	border:5px solid #043459;
	}
	
.pagesetMente{
	width:887px;
	margin:0 auto;
	padding:0;
	border:5px solid #043459;
	}	

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

.red{
color:#C70B18;
}
.red14{
color:#C70B18;
font-weight:bold;
font-size:12px;
}

.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 #043459;
}

.fs12F{
font-size:12px;
line-height:140%;
color:#FFF;
}

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

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

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

.head-top{
height:40px;
margin: 10px 10px 0px 10px;
overflow:hidden;
}

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

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

.head-top .logoarea p{
width:191px;
height:16px;
margin:0;
padding:0;
overflow:hidden;
text-indent:-9999px;
}

.head-top .logoarea p strong{
font-weight:normal;
}

.head-top-boxNofr {
	width:659px;
	height:1px;
	float:right;
	margin:0;
	padding:0;
	color:#FFFFFF;
	}	

.head-top-box{
	width:659px;
	height:36px;
	float:right;
	margin:0;
	padding:0;
	color:#FFFFFF;
	}	
.head-top-box:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.head-top-boxT{
	width:659px;
	height:16px;
	margin:0;
	padding:0;
	text-align:right;
	}	
.head-top-boxT:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.head-top-boxU{
	width:659px;
	height:15px;
	margin:5px 0 0 0;
	padding:0;
	text-align:right;
	}	
.head-top-boxU:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.head-top-boxU p{
height:15px;
font-size:10px;
margin:0px;
padding:0px;
color:#043459;
}

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

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

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

.search{
	text-align:left;
	float:left;
	width: 191px;
	height: 35px;
	margin: 0 15px 0 0;
	position:relative;
}
.search:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.search-box{
	display:block;
	float:left;
	width: 140px;
	height:20x;
	margin:13px 0 0 0;
	padding:0 7px 0 0;
	color: #ffffff;
	font-size: 11px;
}

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

.search-b{
	display:block;
	float:left;
	width:41px;
	height:20px;
	margin: 13px 0 0 0;
	padding: 0 0 0 0;
}


#headpop1{
display: none;
position:absolute;
width:200px;
height:48px;
margin:0;
padding:0;
background-color:#043459;
text-align:center;
top:-35px;
left:147px;
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 .headUbl{
width:420px;
height:33px;
text-align:left;
float:left;
margin:0;
padding:0;
}

.head-under-box .headUbl ul{
width:422px;
height:33px;
margin:0;
padding:0;
list-style-type:none;
}

.head-under-box .headUbl li{
float:left;
margin:11px 0 0 0;
paddng:0px;
text-indent:-9999px;
overflow:hidden;
}

.head-under-box .headUbl a{
display:block;
width:196px;
height:22px;
}

/*右エリア*/
.head-under-box .headUbr{
width:237px;
height:33px;
text-align:right;
float:right;
margin:0;
padding:0;
}

.head-under-box .headUbr ul{
width:237px;
height:33px;
margin:0;
padding:0;
list-style-type:none;
}

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

.head-under-box .headUbr a{
display:block;
width:111px;
height:33px;
}

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

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

.head-under-02{
background-image:url(/img/head_ub_02.gif);
margin-left:5px;
}
a.head-under-02 {
background-image:url(/img/head_ub_02.gif);
margin-left:5px;
}
a:hover.head-under-02{
background-position:0px -22px;
margin-left:5px;
}

.head-under-03{
background-image:url(/img/head_ub_03.gif);
margin-right:15px;
}
a.head-under-03 {
background-image:url(/img/head_ub_03.gif);
margin-right:15px;
}
a:hover.head-under-03{
background-position:0px -22px;
margin-right:15px;
}

.head-under-04{
background-image:url(/img/head_ub_04.gif);
margin-right:15px;
}
a.head-under-04 {
background-image:url(/img/head_ub_04.gif);
margin-right:15px;
}
a:hover.head-under-04{
background-position:0px -22px;
margin-right:15px;
}

.head-under-05{
background-image:url(/img/logout_b.gif);
margin-right:15px;
}
a.head-under-05 {
background-image:url(/img/logout_b.gif);
margin-right:15px;
}
a:hover.head-under-05{
background-position:0px -33px;
margin-right:15px;
}

.head-under-06{
background-image:url(/img/head_b_login.gif);
margin-right:15px;
}
a.head-under-06 {
background-image:url(/img/head_b_login.gif);
margin-right:15px;
}
a:hover.head-under-06{
background-position:0px -33px;
margin-right:15px;
}

.head-under-07{
background-image:url(/img/head_b_cart.gif);
margin:0;
}
a.head-under-07 {
background-image:url(/img/head_b_cart.gif);
margin:0;
}
a:hover.head-under-07{
background-position:0px -33px;
margin:0;
}

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

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


/** ------------main---------------- **/
.main{
	width:887px;
	/* height:995px; */
	margin:0px auto;
	padding:0;
	background-color:#FFFFFF;
	text-align:center;
	}


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

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


.New-main-contents{
	width:887px;
	margin:10px auto 0 auto;
	padding:0;
	background-color:#FFFFFF;
	text-align:left;
	}
.New-main-contents:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.New-right-contents{
	width:686px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	text-align:left;
	float:right;
	}
.New-right-contents:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}



/*-- 右コンテンツ --*/
.right-contents {
float:left;
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:#043459;
}

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

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

.right-sort a:hover{
color:#043459;!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 24px 0 0;
padding:0;
}
.left-contents:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


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

.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 #043459;
line-height:140%;
}

td.cart-menuFB{
font-size:12px;
color:#FFF;
border-bottom:1px solid #043459;
line-height:140%;
}

td.cart-menuFBW{
font-size:12px;
color:#FFF;
border-bottom:1px solid #FFFFFF;
line-height:140%;
}

td.cart-menuF{
font-size:12px;
color:#FFF;
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;
	text-align:right;
	border-top:#043459 solid 5px;
	background-color:#FFFFFF;
	}

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

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

.foot-margin p{
	float:right;
	color:#043459;
	margin:2px 0px 0px 0px;
	padding:0;
	text-align:right;
	font-size:10px;
	}
	
.foot-margin A:link{color: #043459;text-decoration:none;}
.foot-margin A:visited{color: #043459;text-decoration:none;} 
.foot-margin A:active{color: #043459;text-decoration:none;} 
.foot-margin A:hover{color: #043459; text-decoration:underline;}

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

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


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

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


/*-----エラーページ----*/

.contents-title-error{
text-align:center;
margin:0 auto;
padding:0;
font-size:14px;
}

/*--2011/1/07 追加--*/
#birth{ display:inline;}