/** ★ 【カテゴリ】トップページ：全体 --------------------------------------------------------------------------- **/



body#toppage div#toppage_left_wrap {
	float:left;
	width:100%;
	margin-right:-320px;

}

body#toppage div#toppage_left {
	margin-right:320px;
	text-align:center;
	font-size:0;
	vertical-align:top;

}

body#toppage div#toppage_right {
	float:right;
	width:320px;
	text-align:center;
}

/** モバイル表示 -------------------------------------------------------- **/

@media screen and (max-width: 749px) {

	body#toppage div#toppage_left_wrap {
		float:none;
		width:100%;
		margin:0;
	}


	body#toppage div#toppage_left {
		margin:0;
	}

	body#toppage div#toppage_right {
		float:none;
		width:100%;
	}

}

/** ★ 【カテゴリ】トップページ：コンテンツ全体 ----------------------------------------------------------------- **/


/** ★ 【カテゴリ】トップページ：ページの上のほう --------------------------------------------------------------- **/

body#toppage div#toppage_image {
	height:340px;
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	text-align:center;
}

body#toppage div#searchbox_wrap {
	position:relative;
	margin-bottom:10px;
	text-align:right;

	background-color:#e9e9e9;
	background: -moz-linear-gradient(top, #e9e9e9, #ffffff);
	background: -webkit-gradient(linear, center top, center bottom, from(#e9e9e9), to(#ffffff));
}

body#toppage div#searchbox_wrap div#searchbox {
	float:right;
	width:320px;
}




/** モバイル表示 -------------------------------------------------------- **/

@media screen and (max-width: 749px) {

	body#toppage div#toppage_image {
		height:240px;
		position:relative;
		border-top:1px solid #ddd;
		margin:0;
	}

	body#toppage div#searchbox_wrap {
	}

	body#toppage div#searchbox_wrap div#searchbox {
		width:95%;
	}

}


/** ★ 【カテゴリ】トップページ：左コンテンツ ------------------------------------------------------------------- **/

body#toppage div#toppage_left div#toppage_contents {
	padding:0 0 0 10px;
	margin:0;
}


body#toppage div#toppage_left div#toppage_contents div.toppage_box {
	margin:0px 10px 40px;
	font-size:10pt;
	text-align:left;
}


body#toppage div#toppage_left div#toppage_contents div.toppage_box h6 {
	padding:8px 8px;
	margin:0 0 4px;
	text-align:left;

	color:#333;
	font-size:14pt;
	line-height:100%;
	font-weight:normal;
	border-left:7px solid #24c;
	border-radius:0;

	background-color:#f9f9ff;
	background: -moz-linear-gradient(left, #f9f9ff, #ffffff);
	background: -webkit-gradient(linear, center left, center bottom, from(#f9f9ff), to(#ffffff));

	border-right:2px solid #fff;
}

body#toppage div#toppage_left div#toppage_contents div.toppage_box h6 a {
	color:#339;
}


body#toppage div#toppage_left div#toppage_contents div.toppage_box ul {
	margin:10px 10px 10px 20px;
}

body#toppage div#toppage_left div#toppage_contents div.toppage_box li {
	line-height:120%;
}

/** モバイル表示 -------------------------------------------------------- **/

@media screen and (max-width: 749px) {

	body#toppage div#toppage_left div#toppage_contents {
		padding:5px;
	}

	body#toppage div#toppage_left div#toppage_contents div.toppage_box,
	body#toppage div#toppage_right div.toppage_box {
		margin:0 0 10px;
		width:100%;
	}

	body#toppage div#toppage_right {
		padding:5px;
	}

	body#toppage div#toppage_right div.toppage_box {
		margin:0 0 10px;
	}

	body#toppage div#toppage_left div#toppage_contents div.toppage_box li {
		margin-bottom:15px;
		font-size:11pt;
		line-height:110%;
	}

}

/** ★ 【カテゴリ】トップページ：右サイドバー ------------------------------------------------------------------- **/

body#toppage div#toppage_right div.toppage_box {
	margin:0 10px 1em 1px;
	border:1px solid #aaa;
	padding-bottom:0.5em;
	font-size:8pt;
	text-align:center;
	border-radius: 0 0 13px 0;
	line-height:130%;
	box-shadow:1px 1px 1px #eee;
}

body#toppage div#toppage_right div.toppage_box hr {
	margin: 5px;
}

body#toppage div#toppage_right div.toppage_box h6 {
	color:#333;
	font-size:16pt;
	font-weight:normal;
	padding:6px 5px 8px;
	margin-bottom:0.5em;
	font-family:'Quattrocento',serif;
	line-height:150%;
	letter-spacing:-2px;

	background-color:#eee;
	background: -moz-linear-gradient(top, #eeeeee, #ffffff);
	background: -webkit-gradient(linear, center top, center bottom, from(#eeeeee), to(#ffffff));
}

body#toppage div#toppage_right div.toppage_box ul {
	margin-left:15px;
	margin-right:5px;
	text-align:left;
}

body#toppage div#toppage_right div.toppage_box > a {
	margin:0.6em 3px;
	display:inline-block;
}

body#toppage div#toppage_right div.toppage_box > table {
	border:0;
}

body#toppage div#toppage_right div.toppage_box > table td {
	border:0;
	padding:5px 2px 5px 3px;
	text-align:left;
	vertical-align:top;
	font-size:9pt;
}

body#toppage div#toppage_right div.toppage_box > table td img {
	width:60px;
	border:1px solid #ccc;
}

body#toppage div#toppage_right div.toppage_box > table td ul {
	margin:0 5px 0 0;
}

body#toppage div#toppage_right div.toppage_box > table td li {
	list-style-position:outside;
	margin:4px 0px 4px 15px;
	font-size:8pt;
}

/** モバイル表示 -------------------------------------------------------- **/

@media screen and (max-width: 749px) {

	body#toppage div#toppage_right div.toppage_box > a {
		margin:0.6em 5px;
	}

}