@charset "utf-8";

/* PC版◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/

/*LAYOUT上書き
-------------------------------------------------*/	

/* body
----------------------------------------------------------------------------- */
body {
	background:url(../../img/bg01.gif) top repeat-x  !important;
}

/*header
-------------------------------------------------*/	
/*catchArea*/
#top #catchArea{
height:270px;
background:url(../../img/mainimg.jpg) no-repeat top center;
}
#top #catchArea img{
float:right;
margin-right:20px;
margin-top:20px;
}
#top #catchArea #bana{
width:380px;
float:right;
}

/*productArea*/
#top #productArea{
margin-top:30px;
width:640px;
float:left;
margin-right:30px;
}

#top #productArea h2{
margin-bottom:15px;
}

#top #productArea h3{
font-size:120%;
font-weight:bold;
margin-top:7px;
background:url(../img/icon_arrow_big.gif) no-repeat 0px 3px;
padding-left:13px;
}

#top #productArea dl{
width:153px;
height:225px;
float:left;
padding-right:9px;
padding-bottom:20px;
}
#top #productArea dl.last{
padding-right:0px !important;
}


#top #productArea dl:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

/* CONTENT
----------------------------------------------------------------------------- */
#content{
	background-image:none !important;
}

/*SUB
-------------------------------------------------*/	

#top #sub {
margin-top:30px;
padding:0;
width:250px;
float:left;}

#top #sub h2{
width:250px;
padding-bottom:10px;
border-bottom:#f0f1ed 1px solid;
position:relative;
} 

#top #sub h2 a.more{
	position:absolute;
	bottom:10px;
	right:0px;
}

/*pickupArea*/
#top #pickupArea p{
margin-top:15px;
} 

/*topicsArea*/
#top #topicsArea{
margin-top:35px;
} 

#top #topicsArea dl dt{
margin-top:15px;
padding-right:30px;
font-weight:bold;
color:#7fa500;
}

#top #topicsArea dl dt.new{
background:url(../../img/icon_new.gif) no-repeat 6.5em 4px;
}

/* FOOTER
----------------------------------------------------------------------------- */
#footer{
clear:both;
	width:100%;
	margin-top:40px;
	background:url(../img/bg04.gif) repeat-x top #f7f7f7;
}

}
/* SP版◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/



/*LAYOUT上書き
-------------------------------------------------*/	

/* body
----------------------------------------------------------------------------- */


/*header
-------------------------------------------------*/	
/*catchArea*/
#top #catchArea{
	text-align:center;
/*height:270px;
background:url(../../img/mainimg.jpg) no-repeat top center;*/
background:#CAE6EF;
}
#top #catchArea img{
/*float:right;*/
margin:5px auto;
}
#top #catchArea .sp_Image{
	display:block;
}
/*#top #catchArea #bana{
width:380px;
float:right;
}*/

#catchArea h2{
	display:none;
}
#catchArea .h2_2{
	display:none;
}

/*productArea*/
#top #productArea{
margin-top:30px;
/*width:640px;*/
float:left;
 margin: 10px;
}

#top #productArea h2{
margin-bottom:15px;
}

#top #productArea h3{
font-size:120%;
font-weight:bold;
margin-top:7px;
background:url(../img/icon_arrow_big.gif) no-repeat 0px 3px;
padding-left:13px;
}

#top #productArea dl{
width:153px;
height:200px;
float:left;
padding-right:9px;
padding-bottom:10px;
}
#top #productArea dl.last{
padding-right:0px !important;
}


#top #productArea dl:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

/* CONTENT
----------------------------------------------------------------------------- */
#content{
	background-image:none !important;
}

/*SUB
-------------------------------------------------*/	

#top #sub {
padding:20px;
/*margin-top:30px;*/
/*padding:0;*/
/*width:250px;*/
float:left;
}

#top #sub h2{
/*width:250px;*/
border-bottom:#cecece 1px solid;
padding-bottom:5px;
position:relative;
} 

#top #sub h2 a.more{
	position:absolute;
	bottom:10px;
	right:0px;
}

/*pickupArea*/
#top #pickupArea p{
margin-top:15px;
} 

/*topicsArea*/
#top #topicsArea{
margin-top:35px;
} 

#top #topicsArea dl dt{
margin-top:15px;
padding-right:30px;
font-weight:bold;
color:#7fa500;
}

#top #topicsArea dl dt.new{
background:url(../../img/icon_new.gif) no-repeat 6.5em 4px;
}

/* FOOTER
----------------------------------------------------------------------------- */
#footer{
	background-image:none !important;
}