/* CSS Document */


@import url("base.css");
@import url("contents.css");

/*
div#shopSearchResult
	_div#pankuzu[contents.css]
	div#pagetitle
	_div#categoryMenu[contents.css]
	_div#search[contents.css]
	_div#configMenu[contents.css]
	div#leftColumn
		div#mailmaga
	div#rightColumn
		_div#userLogin[login.css]
		_div#userConfig[login.css]
		div#jyuzu
		div#meisho
		div#cook
	_div#pageTop[contents.css]
*/





/*-----------------------------------------------------
ĦĦĦMAILMAGA
-----------------------------------------------------*/
div#mailmaga{
width:800px;
padding:10px 0 20px 0;
}

div#pageTitle h1{
background-image:url("../images/mg_title.gif");
background-repeat:no-repeat;
width:800px;
height:27px;
text-indent:-9999px;
padding:0 0 15px 0;
}


/*-----------------------
LEFT COLUMN
-----------------------*/
div#leftColumn{
float:left;
width:567px;
}
/*-----------------------
RIGHT COLUMN
-----------------------*/
div#rightColumn{
float:left;
width:218px;
padding:0 0 20px 15px;
}

div#jyuzu,
div#meisho,
div#cook{
padding:15px 0 0 0 ;
}
div#jyuzu h2{
background-image:url("../images/mailmagagine_sidem_jyuzu.gif");
background-repeat:no-repeat;
width:218px;
height:28px;
text-indent:-9999px;
}
div#meisho h2{
background-image:url("../images/mailmagagine_sidem_meisho.gif");
background-repeat:no-repeat;
width:218px;
height:28px;
text-indent:-9999px;
}
div#cook h2{
background-image:url("../images/mailmagagine_sidem_cook.gif");
background-repeat:no-repeat;
width:218px;
height:28px;
text-indent:-9999px;
}

div.boxBody{
background-image:url("../images/sidecon_mailmagabn_foot.gif");
background-repeat:no-repeat;
background-position:bottom;
width:218px;
padding:0 0 10px 0;
}
div.boxBody dl{
clear:both;
}
div.boxBody dt{
float:left;
width:57px;
}
div.boxBody dd{
width:161px;
float:left;
padding:0 0 0 0px;
line-height:120%;
}
div.boxBody dd h3{
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:135%;
}
div.boxBody dd h3 a{
font-weight:bold;
}
div.boxBody dd h4{
font-weight:bold;
padding:0 0 0 15px;
}
div.boxBody dd p{
padding:0 0 0 15px;
}
div.boxBody dd.dotline{
clear:both;
background-image:url("../images/dotline218.gif");
background-repeat:no-repeat;
width:218px;
height:3px;
}
div.boxBody div.BtMore{
text-align:right;
padding:0 0 2px 0;

}@


/*-----------------------

-----------------------*/
/**/
div.mgheadPr{

}
div.mgInqBt{
background-color:#dddddd;
text-align:center;
padding:10px 0 10px 0px;
margin:0 auto;
}
div.mgInqBt a{
display:block;
margin:0 auto;
background-image:url("../images/mg_inq_bt.gif");
background-repeat:no-repeat;
width:490px;
height:34px;
text-indent:-9999px;
}
/**/
div.mgEx{
padding:10px 0 10px 0;
}
/**/
div.mgNav{
padding:15px 0 0 0;
}
div.mgNav li{
float:left;
text-align:center;
}
div.mgNav li.back{
width:120px;
}
div.mgNav li.back a{
display:block;
background-image:url("../images/mg_tab_back.gif");
background-repeat:no-repeat;
width:120px;
height:21px;
}
div.mgNav li.center{
width:327px;
font-weight:bold;
font-size:120%;
}
div.mgNav li.next{
width:120px;
}
div.mgNav li.next a{
display:block;
background-image:url("../images/mg_tab_next.gif");
background-repeat:no-repeat;
width:120px;
height:21px;
}
/**/
div.mgList{
clear:both;
padding:10px 0 0 0;
}
div.mgList h2{
color:#FFFFFF;
background-color:#fea628;
font-size:90%;
padding:2px 10px 2px 10px;
font-weight:bold;
}
div.mgList dl{ clear:both;
padding:5px 0 5px 0;
}
div.mgList dt{
float:left;
width:135px;
background-image:url("../images/ind03.gif");
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 15px;
}
div.mgList dd.midashi{ 
float:left;
width:417px;
}
div.mgList dd.dotline{
clear:both;
height:5px;
width:567px;
border-bottom:1px dotted #cccccc;
}
/**/
div.mgConList{
clear:both;
padding:10px 0 0 0;
}
div.mgConList h2{
color:#FFFFFF;
background-color:#fea628;
font-size:90%;
padding:2px 10px 2px 10px;
font-weight:bold;
}
div.mgConList dl{
padding:5px 0 5px 0;
}
div.mgConList dt{
background-image:url("../images/ind03.gif");
background-repeat:no-repeat;
background-position:0 8px;
padding:5px 0 0 15px;
}
div.mgConList dt a{
padding:0 10px 0 0;
font-weight:bold;
}
div.mgConList dt a strong{
font-weight:bold;
font-size:110%;
color:#780721;
}
div.mgConList dt em{
font-size:85%;
color:#7a7a7a;
}
div.mgConList dd{ 
border-bottom:1px dotted #cccccc;
padding:0 0 5px 15px;
font-size:85%;
}


/*-----------------------
MGDETAIL
-----------------------*/

div.mgDetailBack{
padding:0 0 10px 0;
}
div.mgDetail{
background-color:#f8f0e1;
border-top:4px solid #ffb72d;
width:567px;
}
div.mgDetail dl{
padding:10px 10px 0 10px;
}
div.mgDetail dt{
float:left;
width:115px;
background-image:url("../images/ind03.gif");
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 10px 15px;
}
div.mgDetail dd{
float:left;
width:407px;
padding:0 0 10px 0;
}

div.mgDetail div.detailHead{
clear:both;
background-image:url("../images/mg_detail_head.gif");
background-repeat:no-repeat;
width:567px;
height:10px;
}
div.mgDetail div.detailBody{
background-image:url("../images/mg_detail_bg.gif");
background-repeat:repeat-y;
width:517px;
padding:10px 25px 10px 25px;
}
div.mgDetail div.detailFoot{
background-image:url("../images/mg_detail_foot.gif");
background-repeat:no-repeat;
width:567px;
height:27px;
}