@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  サイト一覧用css
=================================================================== */

/*----------------------------------------------------------------------------------
		 	以下コンテンツ部分
------------------------------------------------------------------------------------*/


div#contents dl.copy dt {
	margin-bottom: 20px;
}

div#contents dl.copy dd {
	margin-bottom: 35px;
	line-height: 1.6;
}

/*---------------------
各カテゴリTOPBOX
---------------------*/
div#contents ul.box_list {
	margin: 10px -18px 0 0;
	background: url(/site/images/bg_box_bottom.gif) 0 bottom no-repeat;	
}

div#contents ul.box_list:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents ul.box_list { display: inline-block; }
div#contents ul.box_list { display: block; }


ul.box_list li.inner {
	float: left;
	width: 178px;
	border-top: 1px solid #d1cfc7;
	margin-right: 18px;
	padding: 0 15px 20px;
	min-height: 250px;
}

* html ul.box_list li.inner {
	height: 250px;
}

ul.box_list li.inner table.logo {
	width: 178px;
}

ul.box_list li.inner table.logo td {
	height: 76px;
	text-align: center;
	vertical-align: middle;
}

ul.box_list li.inner h4 {
	border-top: 1px solid #a6a4a1;
	padding: 5px 0 ;
	line-height: 1.6;
	
}

ul.box_list li.inner h4 a {
	color: #B81C22;
	text-decoration: none;
	font-weight: bold;
}

ul.box_list li.inner h4 a:hover {
	color:#dc6c70;
}

ul.box_list li.inner ul.carrea {
	margin-bottom: 8px;
}

ul.box_list li.inner ul.carrea li {
	margin-right: 4px;
	display: inline;
}

ul.box_list li.inner p {
	line-height: 1.6;
	font-size: 92%;
}



/*---------------------
公式メロのBOX
---------------------*/
div#official {
	border: 1px solid #d4d3cf;
	background:url(/site/images/bg_koushikimero.gif) 0 0 no-repeat;
	padding: 19px 14px 25px;
	margin-bottom: 25px;
}

div#official p.logo {
	padding: 0 0 10px;
	border-bottom: 1px solid #d4d3cf;
	margin: 0 0 3px;
}

div#official h4 {
	line-height: 1.6;
	margin-bottom: 3px;
	color: #B81C22;
	font-weight: bold;
}

div#official ul.carrea {
	margin-bottom: 8px;
}

div#official ul.carrea li {
	margin-right: 4px;
	display: inline;
}

div#official p.melo_txt {
	line-height: 1.6;
}

div#official ul.official_box {
	margin: 10px -14px 0 0;
	background: url(/site/images/bg_koushikimero_box.gif) 0 bottom no-repeat;	
}

div#official ul.official_box:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents ul.official_box { display: inline-block; }
div#contents ul.official_box { display: block; }


div#contents ul.official_box li {
	float: left;
	width: 147px;
	border-top: 1px solid #d1cfc7;
	margin-right: 14px;
	padding: 0 0 10px;
}


div#contents ul.official_box li table.logo {
	width: 147px;
}

div#contents ul.official_box li table.logo td {
	height: 116px;
	text-align: center;
	vertical-align: middle;
}

div#contents ul.official_box li h5 {
	padding: 0 10px;
	line-height: 1.2;
	font-size: 83%;
	font-weight: bold;
}

div#contents ul.official_box li h5 a {
	text-decoration: none;
}

div#contents ul.official_box li h5 a:hover {
	color: #999;
}









/*----------------------------------------------------------------------------------
		 	以下サイドバー部分
------------------------------------------------------------------------------------*/
div#sidebar dl.new_news {
padding: 0 3px;

}

div#sidebar dl.new_news dt {
	margin-top: 12px;
	line-height: 1.5;
	color: #B81C22;
}

div#sidebar dl.new_news dd {
	margin-top: 3px;
	line-height: 1.5;
}
