/* CSS Document */


@import url("base.css");
@import url("contents.css");
@import url("login.css");
/*
div#maincolumn
	div#mainPr
	_div#search[contents.css]
	div#category
	div#prize
	div.introBox
	div#goodsColumnLeft
		div#cheap
		div#push
	div#goodsColumnRight
		div#recommend

div#rightcolumn
	_div#userLogin[login.css]
	_div#userConfig[login.css]
	_div#newUser[login.css]
	div#cardSystem
	div#mobilePr
	div#conGuide
	div#mailMagazine
	div#banner
*/

/*-----------------------------------------------------
■■■banner
-----------------------------------------------------*/
div.tohokuShinsai{
	clear:both;
	border:1px solid #f2b94c;
	padding:10px 15px 10px 15px;
	margin:1em 0 1em 0;
}
div.tohokuShinsai h4{
	margin:0 0 0.5em 0;
}





/*-----------------------------------------------------
■■■maincolumn
-----------------------------------------------------*/
div#maincolumn{
width:567px;
float:left;
padding:10px 0 20px 0;
}


/*-----------------------
MAIN PR
-----------------------*/
div#mainPr{
margin:0 0 1em 0;
}
div#mainPr dt{
display:block;
float:left;
padding:0 0 0px 0;
}
div#mainPr dd{
float:left;
padding:0 0 0px 0;
}
div#mainPr dt a{
/*
display:block;
width:389px;
height:131px;
background-image:url("../images/top_pr01.jpg");
background-repeat:no-repeat;
text-indent:-9999px;
*/
}
div#mainPr dd a{
/*
display:block;
width:178px;
height:131px;
background-image:url("../images/top_pr02.gif");
background-repeat:no-repeat;
text-indent:-9999px;
*/
}


/*-----------------------
CARTEGORY
-----------------------*/
div#category{clear:both;
border-top:4px solid #ce0c0c;
padding:0 0 10px 0;
}
div#category table{
width:567px;
border-collapse:collapse;
}
div#category th{
width:126px;
background-color:#f4d7d7;
background-image:url("../images/top_search_line.gif");
background-repeat:no-repeat;
background-position:bottom;
text-align:left;
padding:3px 0 3px 0;

}
div#category td{
background-color:#fff6f6;
background-image:url("../images/top_search_line.gif");
background-repeat:no-repeat;
background-position:bottom;
padding:3px 10px 3px 10px;

}
div#category h3{
font-size:100%;
font-weight:bold;
padding:0 0 0 48px;
color:#4f1f1f;
line-height:120%;
}
div#category th p{
font-size:75%;
font-weight:normal;
line-height:120%;
color:#893232;
background-image:url("../images/ind02.gif");
background-repeat:no-repeat;
background-position:48px 2px;
padding:0 0 0 58px;
}
div#category div.kyoto{
background-image:url("../images/top_category_icon01.gif");
background-repeat:no-repeat;
background-position:left center;
height:32px;
}
div#category div.cloth{
background-image:url("../images/top_category_icon02.gif");
background-repeat:no-repeat;
background-position:left center;
height:32px;
}
div#category div.eat{
background-image:url("../images/top_category_icon03.gif");
background-repeat:no-repeat;
background-position:left center;
height:32px;
}
div#category div.life{
background-image:url("../images/top_category_icon04.gif");
background-repeat:no-repeat;
background-position:left center;
height:32px;
}
div#category div.community{
background-image:url("../images/top_category_icon05.gif");
background-repeat:no-repeat;
background-position:left center;
height:32px;
}
div#category div.helth{
background-image:url("../images/top_category_icon06.gif");
background-repeat:no-repeat;
background-position:left center;
height:32px;
}
div#category div.present{
background-image:url("../images/top_category_icon07.gif");
background-repeat:no-repeat;
background-position:left center;
height:32px;
}

div#category td span{
padding:0 8px 0 0;
}


/*-----------------------
PRIZE
-----------------------*/
div#prize{clear:both;}
div#prize div.prizeHead{
background-image:url("../images/top_prize_title.gif");
background-repeat:no-repeat;
}
div#prize div.prizeHead h2{
height:17px;
text-indent:-9999px;
}
div#prize div.prizeHead a{
float:right;
display:block;
background-image:url("../images/top_prize_btdetail.gif");
background-repeat:no-repeat;
width:72px;
height:17px;
text-indent:-9999px;
}
div#prize div.prizeHeadBody{
clear: both;
background-image:url("../images/top_prize_img.gif");
background-repeat:no-repeat;
padding:0 0 15px 164px;
height:54px;
}
div#prize div.prizeHeadBody h3 a{
display:block;
font-size:80%;
font-weight:bold;
background-image:url("../images/ind01.gif");
background-repeat:no-repeat;
background-position:0 5px;
padding:0 0 0 10px;
}
div#prize div.prizeHeadBody h4{
font-size:75%;
font-weight:normal;
}
/*-----------------------
INTRO BOX
-----------------------*/
.introBox{
	border:1px solid #e5dbac;
	background-color:#f9f7f2;
	padding:10px 15px 10px 15px;
	margin:0 0 10px 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.introBox h4{
	font-size:14px;
	font-weight:bold;
	margin:0 0 0.5em 0;
	border-bottom:1px dotted #898989;
}
.introBox strong{
	font-weight:bold;	
}
.introBoxBody{
	font-size:12px;
}
/*-----------------------
GOODS COLUMN
-----------------------*/
div#goodsColumnLeft{ float:left; width:194px;}
div#goodsColumnRight{ width:362px; float:left; padding:0 0 0 10px;}

/*-----------------------
RECOMMEND MAIN PR
-----------------------*/
div#recommendMainPr{
width:194px;
}

/*-----------------------
CHEAP and PUSH
-----------------------*/
/*
div#cheap{
padding:0 0 15px 0;
width:194px;
}
div#push{
width:194px;
}
div#cheap h2{
background-image:url("../images/top_cheap_title.gif");
background-repeat:no-repeat;
width:194px;
height:19px;
text-indent:-9999px;
padding:0 0 10px 0;
}
div#push h2{
background-image:url("../images/top_push_title.gif");
background-repeat:no-repeat;
width:194px;
height:19px;
text-indent:-9999px;
padding:0 0 10px 0;
}
*/
/*----GOODS LIST----*/
/*
div.goodsBox{
width:194px;
}
div.goodsBox dl{
clear:both;
}
div.goodsBox dt{
float:left;
width:73px;
}
div.goodsBox dd.text{
float:left;
width:118px;
padding:0 0 0 3px;
}
div.goodsBox dd.dotline{
clear:both;
background-image:url("../images/dotline193.gif");
background-repeat:no-repeat;
background-position:0 3px;
width:193px;
height:6px;
}
div.goodsBox dd h3{
font-size:75%;
line-height:135%;
}
div.goodsBox dd p.price{
color:#ff1e1e;
font-weight:bold;
text-align:right;
}
*/
/*-----------------------
RECOMMEND
-----------------------*/
div#recommend h2{
background-image:url("../images/top_recommend_title.gif");
background-repeat:no-repeat;
width:362px;
height:19px;
padding:0 0 10px 0;
text-indent:-9999px;
}
/*
div#recommend div.recommendHead{
padding:0 0 8px 0;
}
*/
div#recommend table{
border-collapse:collapse;
}
div#recommend td{
padding:0 0 8px 6px;
}
div#recommend th{
padding:0 0 8px 0;
}

/*-----------------------
WELCOM NEWS
-----------------------*/
div#welcomNews{
clear:both;
padding:10px 0 0 0;
}
div#welcomNews h2{
background-image:url("../images/top_news_title.gif");
background-repeat:no-repeat;
height:18px;
text-indent:-9999px;
}
div#welcomNews dl{
clear:both;
padding:5px 0 5px 0;
}
div#welcomNews dt{
width:80px;
float:left;
color:#fa9b20;
background-image:url("../images/ind01.gif");
background-repeat:no-repeat;
background-position:0 7px;
padding:0 0 0 10px;
font-size:90%;
}
div#welcomNews dd{
width:477px;
float:left;
line-height:135%;
font-size:90%;
}
div#welcomNews dd.line{
width:567px;
clear:both;
border-bottom:1px solid #f2f2f2;
padding:0 0 10px 0;
}



/*-----------------------------------------------------
■■■rightcolumn
-----------------------------------------------------*/
div#rightcolumn{
width:218px;
float:left;
padding:10px 0 20px 15px;
}




/*-----------------------
CARD SYSTEM
-----------------------*/
div#cardSystem{
padding:10px 0 0 0;
}
div#cardSystem h2{
background-image:url("../images/sidecon_card_title.gif");
background-repeat:no-repeat;
height:57px;
text-indent:-9999px;
}
div#cardSystem div.cardSystemBody{
background-image:url("../images/sidecon_card_bg.gif");
background-repeat: repeat-y;
padding:5px 10px 0 10px;
}
div#cardSystem div.cardSystemBody li{
background-image:url("../images/ind01.gif");
background-repeat:no-repeat;
background-position:0 7px;
padding:0 0 0 8px;
font-size:75%;
}
div#cardSystem div.cardSystemFoot{
background-image:url("../images/sidecon_card_foot.gif");
background-repeat:no-repeat;
height:7px;
}


/*-----------------------
WHATS NEW
-----------------------*/
div#whatsnew{
clear:both;
padding:10px 0 0 0;
}
div#whatsnew h2 a{
display:block;
background-image:url("../images/login_title_whatsnew.gif");
background-repeat:no-repeat;
height:58px;
text-indent:-9999px;
font-size:12px;
}
/*-----------------------
MOBILE PR
-----------------------*/
div#mobilePr{
padding:10px 0 0 0;
}
div#mobilePr h2 a{
display:block;
background-image:url("../images/sidecon_mobile.gif");
background-repeat:no-repeat;
height:118px;
text-indent:-9999px;
font-size:12px;
}

/*-----------------------
NEW GOODS
-----------------------*/
div#newGoods{
clear:both;
padding:10px 0 0 0;

}
div#newGoods h2{
display:block;
background-image:url("../images/sidecon_newgoods_title.gif");
background-repeat:no-repeat;
width:218px;
height:29px;
text-indent:-9999px;
font-size:12px;
}
div#newGoods div.newGoodsBody{
border-left:1px solid #e6901c;
border-right:1px solid #e6901c;
border-bottom:1px solid #e6901c;
padding:10px 10px 10px 10px;
} 
div#newGoods div.newGoodsBody li a{
/*display:block;*/
background-image:url("../images/ind03.gif");
background-repeat:no-repeat;
background-position:0 7px;
padding:3px 0 0 15px;
}

/*-----------------------
PUSH
-----------------------*/
div#push{
width:218px;
clear:both;
padding:10px 0 0 0;
}
div#push h2{
background-image:url("../images/top_push_title.gif");
background-repeat:no-repeat;
width:218px;
height:34px;
text-indent:-9999px;
padding:0 0 5px 0;
}

/*----GOODS LIST----*/

div.goodsBox{
width:218px;
}
div.goodsBox dl{
clear:both;
}
div.goodsBox dt{
float:left;
width:73px;
padding:3px 0 0 5px;
}
div.goodsBox dd.text{
float:left;
width:132px;
padding:3px 5px 0 3px;
}
div.goodsBox dd.dotline{
clear:both;
background-image:url("../images/dotline193.gif");
background-repeat:repeat-x;
background-position:0 3px;
width:218px;
height:6px;
}
div.goodsBox dd h3{
font-size:75%;
line-height:135%;
}
div.goodsBox dd p.price{
color:#ff1e1e;
font-weight:bold;
text-align:right;
}

/*-----------------------
CONTENTS GUIDE
-----------------------*/
div#conGuide{
padding:10px 0 0 0;
}
div#conGuide div.conGuideHead{
background-image:url("../images/sidecon_sub_head.gif");
background-repeat:no-repeat;
height:8px;
}
div#conGuide div.conGuideBody{
background-image:url("../images/sidecon_sub_head.gif");
background-repeat:no-repeat;
background-position:bottom;
padding:0 0 8px 0;
}
div#conGuide div.conGuideBody h2.yomoyama a{
display:block;
background-image:url("../images/sidecon_sub_yomoyama.gif");
background-repeat:no-repeat;
height:39px;
text-indent:-9999px;
}
div#conGuide div.conGuideBody h2.mailmaga a{
display:block;
background-image:url("../images/sidecon_sub_mailmaga.gif");
background-repeat:no-repeat;
height:39px;
text-indent:-9999px;
}

div#conGuide div.conGuideBody p{
line-height:135%;
font-size:75%;
padding:3px 0 10px 0;
}
div#conGuide div.conGuideBody p.dotline{
background-image:url("../images/dotline218.gif");
background-repeat:no-repeat;
background-position:bottom;
}
div#conGuide div.conGuideBody em a{
display:block;
background-image:url("../images/ind01.gif");
background-repeat:no-repeat;
background-position:0 7px;
padding:3px 0 0 8px;
}



/*-----------------------
MAIL MAGAZINE
-----------------------*/
div#mailMagazine{
clear:both;
padding:10px 0 0 0;
}
div#mailMagazine h2{
background-image:url("../images/sidecon_mailmagabn_title.gif");
background-repeat:no-repeat;
width:218px;
height:25px;
text-indent:-9999px;
}
div#mailMagazine div.mailMagazineBody{
background-image:url("../images/sidecon_mailmagabn_foot.gif");
background-repeat:no-repeat;
background-position:bottom;
width:218px;
padding:0 0 5px 0;
}
div#mailMagazine div.mailMagazineBody dl{
clear:both;
}
div#mailMagazine div.mailMagazineBody dt{
float:left;
width:57px;
}
div#mailMagazine div.mailMagazineBody dd{
width:161px;
float:left;
padding:0 0 0 0px;
line-height:120%;
}
div#mailMagazine div.mailMagazineBody dd h3,
div#mailMagazine div.mailMagazineBody dd h3 a{
font-size:12px;
background-image:url("../images/ind03.gif");
background-repeat:no-repeat;
background-position:0 2px;
padding:0 0 0 15px;
font-weight:bold;
line-height:120%;
}
div#mailMagazine div.mailMagazineBody dd.dotline{
clear:both;
background-image:url("../images/dotline218.gif");
background-repeat:no-repeat;
width:218px;
height:3px;
}

/*-----------------------
BANNER
-----------------------*/
div#banner{
clear:both;
padding:20px 0 0 0;
}
div#banner p{
padding:0 0 5px 0;
}

div.topBn{
	clear:both;
}
div.topBn img{
	margin:0 0 0.5em 0;
	padding:5px 0 0 0;
}