@charset "Shift_JIS";
 
/* =========================================================
 
	    雑誌掲載アイテムカテゴリ用CSSファイル（magazine）
					
========================================================= */

/* --------------------------------------------------------
     見出し
-------------------------------------------------------- */
body#magazine-index div#title-area {
 width: 759px;
	_width: 860px; /* 【WinIE対策】 */
	height: 69px;
	_height: 88px; /* 【WinIE対策】 */
	padding: 16px 0 0 101px;
	margin-bottom: 30px;
	background: url(../../img/magazine/com_bg001.gif) no-repeat left bottom;
	border-top: 3px solid #9B744D;
	color: #9B744D;
}
body#magazine-index div#title-area h1 {
 margin-bottom: 7px;
}

div#magazine div#title-area {
 width: 559px;
	_width: 660px; /* 【WinIE対策】 */
	height: 69px;
	_height: 88px; /* 【WinIE対策】 */
	padding: 16px 0 0 101px;
	margin-bottom: 8px;
	background: url(../../img/magazine/com_bg001.gif) no-repeat left bottom;
	border-top: 3px solid #9B744D;
	color: #9B744D;
}
div#magazine div#title-area h1 {
 margin-bottom: 7px;
}
/* --------------------------------------------------------
     雑誌名・広告から探す - 商品一覧
-------------------------------------------------------- */
div#result-box {
 margin-top: 15px;
}
div#result-box p#result {
 float: left;
	margin-right: 50px;
}
div#result-box p#result span {
	font-weight: bold;
}
div#result-box form.select-page {
 padding-top: 12px;
}

/* --------------------------------------------------------
    雑誌名から探す
-------------------------------------------------------- */
div#magazine table.name {
	width: 100%;
	border-bottom: 1px solid #B39F8C;
}
div#magazine table.name th {
 width: 150px;
	padding: 4px 10px;
	background-color: #9B744D;
	border-bottom: solid 1px #FFFFFF;
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
}
div#magazine table.name th.sub {
	padding: 12px 8px;
	background-color: #FFFFFF;
	border-top: 1px solid #B39F8C;
	border-left: 1px solid #B39F8C;
	border-bottom: none;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	color: #333333;
	line-height: 145%;
}
div#magazine table.name td {
	padding: 12px 14px;
	border-top: 1px solid #B39F8C;
	border-left: 1px solid #B39F8C;
	border-right: 1px solid #B39F8C;
	line-height: 145%;
}

/* --------------------------------------------------------
    雑誌広告から探す
-------------------------------------------------------- */
div#magazine table.ad {
	width: 100%;
	/*border-bottom: 1px solid #B39F8C;*/
	border-collapse: collapse; /*add*/
}

div#magazine table.ad caption {
	margin:0 0 2px 0;
	padding: 4px 10px;
	background-color: #9B744D;
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
}
/*
div#magazine table.ad th {
 width: 150px;
	padding: 4px 10px;
	background-color: #9B744D;
	border-bottom: solid 2px #FFFFFF;
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
}*/

div#magazine table.ad td {
	width:152px;
	padding: 12px 7px;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	border: 1px solid #B39F8C;
/*	border-top: 1px solid #B39F8C;
	border-right: 1px solid #B39F8C;*/
}
/*
div#magazine table.ad td.cell-left {
 border-left: 1px solid #B39F8C;
}
*/
div#magazine table.ad dt { /* 広告写真 */
 height: 165px;
}
div#magazine table.ad dd.title-num { /* 雑誌名 */
 min-height: 62px;
	_height: 62px;
	font-weight: bold;
}
div#magazine table.ad dd.title-num span {
	font-weight: normal;
}
div#magazine table.ad dd.ad-detail { /* 雑誌の詳細 */
 min-height: 45px;
	_height: 35px; /* 【WinIE対策】 */
	vertical-align: middle;
	padding: 5px 0;
	text-align: left;
	color: #9B744D;
	font-size: 83%;
}
div#magazine table.ad dd a.link { /* 雑誌の詳細 */
 padding: 0 0 0 8px;
	background: url(../images/com_ic001.gif) no-repeat 0 5px;
	_height: 1px;
}

/* --------------------------------------------------------
     左メニュー
-------------------------------------------------------- */
div#magazine div#lcol div.category-menu ul.menu li {
 padding: 0 0 12px 0;
}
div#magazine div#lcol div.category-menu ul.menu li.line {
 padding: 12px 0 0 0;
	background: url(../images/com_line001.gif) repeat-x top left;
	_height: 1px;
}
div#magazine div#lcol div.category-menu ul.menu li ul {
	margin: 8px 0 0 0;
}
div#magazine div#lcol div.category-menu ul.menu li li {
 padding: 0 0 0 3px;
}
div#magazine div#lcol div.category-menu ul.menu li li a {
	background: none;
}

/* ========================================================
    扉ページ
======================================================== */
body#magazine-index div#contents-wide {
	width: 660px;
	margin-left: 100px;
}

dl#topics-box {
 margin: 12px 40px 36px 40px;
 }

dl#topics-box dd {	
	margin: -1.4em 0 3px 8.5em;
	line-height: 140%;
}

div#menu-box {
	width: 660px;
	margin: 0 0 30px 0;
	background: url(../../magazine/images/index_bg001.gif) no-repeat left bottom;	
	}

/* --- 雑誌名から探す --- */
div#menu-name {
 float: left;
 width: 294px;
	_width: 324px;
	padding: 15px 10px 24px 20px;
	background: url(../../magazine/images/index_bg002.gif) no-repeat left top;
 }
div#menu-name h3 {
 margin: 0 0 5px 0;
	}
div#menu-name p {
 padding: 12px 0 0 2px;
	}
div#menu-mgname {
 width: 256px;
 _width: 282px;
 margin: 20px 0 0 0;
 padding: 7px 13px;
 border: solid 1px #CCCCCC;
 background-color: #EEEEEE;
	font-size: 80%;
	}

/* --- 雑誌広告から探す --- */
div#menu-ad {
 float: right;
 width: 294px;
	_width: 324px;
	padding: 15px 10px 24px 20px;
	background: url(../../magazine/images/index_bg002.gif) no-repeat left top;	
 }
div#menu-ad h3 {
 margin: 0 0 17px 0;
	}
div#menu-ad h4 {
 margin: 2px 0 0 0;
	font-size: 90%;
	color: #CF6E0A;
	}
div#menu-ad .photo {
 float: left;
	margin: 0 13px 10px 0;
}
div#menu-ad p {
	padding: 12px 0 0 0;
}