@charset "shift_jis";

body {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
text-align: center;
color: #666666;
background-image:url(../images_top/background.gif);
background-repeat: repeat-y;
background-position: center;
margin:0px;
padding:0px;
}

/*CSSハック 背景のズレを修正*/

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}

/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

/* FireFoxでpadding指定 */
html:not([lang*=""]) body {
background-image:url(../images_top/background-fx.gif);
padding-left: 1px;
}

h1,h2,h3,ul,li{
margin:0px;
padding:0px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
}

br{
margin:0px;
padding:0px;
}

.clear {
clear:both;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p{
margin:0px;
padding:0px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
line-height:16px;
}

img {
border:0px;
}

a:link {
color: #6db76d;
text-decoration:underline;
}
a:visited {
color: #6db76d;
}
a:hover {
color: #ff8432;
}
a:active {
color: #ff8432;
}

.mb15{
margin-bottom:15px;
}

.mtb5{
margin-top:12px;
margin-bottom:12px;
}

.mb5{
margin-bottom:5px;
}

.mr15{
margin-right:15px;
}


#container {
width: 800px;
margin: 0px auto; 
text-align: left; 
}





/*-ヘッダー----------------------------------------*/

#header {
height:82px;
background-image: url(../images_top/header-background.gif);
}

#header h1 {
padding:16px 0px 0px 20px;
float:left;
}

#header #shop-btn{
padding:9px 5px 0px 0px;
margin: 0px;
float:right;
}

/*-メイン--------------------------------------------*/

#flash{
background:#deffde;
padding:10px;
}

#mainContent {
background: #FFFFFF;
padding-top:7px;
}

/*-サブ--------------------------------------------*/
#sub{
float:left;
width:173px;
padding-left:7px;
}

#sub ul{
margin:0px;
padding:5px 0px 5px 13px;
}

#sub li{
list-style-type: none;
padding:0px 0px 0px 7px;
margin:0px 0px 8px 0px;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #359b35;
}

#sub #btn{
padding-left:3px;
padding-top:5px;
padding-bottom:15px;
}

#sub #btn img{
padding-bottom:5px;
}

#sub #information{
padding-left:3px;
}

#sub #information iframe{
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
margin-bottom: 15px;

}

/*-メイン--------------------------------------------*/


#main {
float:left;
width:448px;
padding-top:3px;
}

#pickup-box{
width:439px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
margin:0px;
}

#pick01{
float:left;
width:195px;
background:url(../images_top/bar.gif) repeat-y;
background-position:top right;
padding:0px 12px 0px 12px;
margin:12px 0px 12px 0px;
}

#pick01 dl{
padding:0px;
margin:0px;
}

#pick01 dt{
padding:5px 0px 0px 0px;
margin:0px;
float:left;
}

#pick01 dt img{
margin-right:5px;
}

#pick01 dd{
padding:5px 0px 0px 0px;
margin:0px;
font-size:12px;
line-height:16px;
}

#pick02{
padding:0px 12px 0px 12px;
margin:12px 0px 12px 0px;
float:left;
width:196px;
}


#pick02 dl{
padding:0px;
margin:0px;
}

#pick02 dt{
padding:5px 0px 0px 0px;
margin:0px;
float:left;
}

#pick02 dt img{
margin-right:5px;
}

#pick02 dd{
padding:5px 0px 0px 0px;
margin:0px;
font-size:12px;
line-height:16px;
}


/*-recommend -------------------------------------------*/
#recommend-box{
	width:439px;
	background-color:#FFFAE8;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #BC9E78;
	border-bottom-color: #BC9E78;
	border-left-color: #BC9E78;
	margin:0px;
}

#recommend01{
float:left;
width:195px;
background:url(../images_top/bar.gif) repeat-y;
background-position:top right;
padding:0px 12px 0px 12px;
margin:12px 0px 12px 0px;
}

#recommend01 dl{
padding:0px;
margin:0px;
}

#recommend01 dt{
padding:5px 0px 0px 0px;
margin:0px;
float:left;
}

#recommend01 dt img{
margin-right:5px;
}

#recommend01 dd{
padding:5px 0px 0px 0px;
margin:0px;
font-size:12px;
line-height:16px;
}

#recommend02{
float:left;
width:196px;
padding:0px 12px 0px 12px;
margin:12px 0px 12px 0px;
}


#recommend02 dl{
padding:0px;
margin:0px;
}

#recommend02 dt{
padding:5px 0px 0px 0px;
margin:0px;
float:left;
}

#recommend02 dt img{
margin-right:5px;
}

#recommend02 dd{
padding:5px 0px 0px 0px;
margin:0px;
font-size:12px;
line-height:16px;
}



#main #banner{
padding-top:15px;
padding-bottom:13px;
}

/*-エクストラ--------------------------------------------*/
#extra{
float:left;
width:166px;
padding-top:3px;
}

#extra #jea-login{
padding-left:3px;
padding-bottom:15px;
}

#extra #jea-login #jea-login-inner{
width:158px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
}

#extra #jea-login #jea-login-inner p{
font-size:10px;
padding-top:4px;
padding-left:6px;
padding-right:6px;
}

#extra #jea-login #jea-login-inner img{
padding-top:2px;
padding-left:4px;
padding-bottom:1px;
}

#extra #btn{
padding-left:3px;
padding-bottom:12px;
}

#extra #btn img{
padding-bottom:5px;
}


#extra #season{
margin:0px;
padding-bottom:15px;
}

#extra #season p{
padding-left:12px;
font-size:10px;
}

#extra #rbanner{
padding:0px;
margin:0px;
text-align:center;
}


/*-フッター--------------------------------------------*/

#footer {
background:#deffde;
}

#footer p {
font-size:10px;
text-align:center;
padding-top:20px;
padding-bottom:20px;
}
