@charset "UTF-8";
@import url("/style/global.css");


a{
	color: #f80000;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}


/* 一覧ページ */


#title {
	background: url(/contents/matenrou/images/title.jpg) no-repeat left top;
	width:785px;
	height:220px;
	margin:0;
	position:relative;
}

#title h1{
	position:absolute;
	top:130px;
	left:25px;
	color:#fff;
	font-size:15px;
	margin:0;
	padding:0;
}

#num{
	position:absolute;
	bottom:0;
	right:20px;
	color:#fff;
	font-size:18px;
	margin:0;
	padding:0;
}

#list{
	width:740px;
	border-top:1px dotted #888;
	margin:10px auto;
}
#list li{
	color:#fff;
	font-size:12px;
	overflow:hidden;
	list-style:none;
	padding:15px 10px;
	position:relative;
	border-bottom:1px dotted #888;
}
*html #list li{
	clear:both;
	height:300px;
}
#list li img.thumb{
	float:left;
	border:2px solid #fff;
}
#list li a{
	font-size:16px;
	text-decoration:none;
}
#list li a:hover{
	text-decoration:underline;
}
.list_data{
	width:530px;
	float:right;
}
.name{
	font-weight:bold;
	font-size:16px;
}

img.read_btn{
	position:absolute;
	bottom:15px;
	right:10px;
}


/* 個別ページ */

#page_title{
	width:100%;
	height:145px;
	background: url(/contents/matenrou/images/page_title.jpg) no-repeat left top;
	position: relative;
}
#page_title a{
	display: block;
	width: 280px;
	height: 90px;
	position: absolute;
	top: 25px;
	left: 28px;
	text-indent: -9999px;
}

#content{
	background:#fff;
	border-radius:8px;
	width:670px;
	float:left;
	margin:0 0 30px 15px;
	padding:15px;
}
#shop_data{
	font-size:11px;
	margin-left:-5px;
}
#content h1{
	font-size:16px;
	margin:2px 0 5px;
	padding-bottom:5px;
	border-bottom:1px dotted #000;
}
#content img{
	margin:0 10px 10px 0;
}
h2{
	color:#F00;
	font-size:18px;
	font-weight:bold;
	margin:10px 0;
}

#comment{
	border-bottom:1px dotted #000;
	padding-bottom:15px;
	overflow: hidden;
}
#comment strong{
	/*color: #f00;*/

}

#paging{
	position:relative;
	height:40px;
	margin-top:17px;
	padding-bottom:15px;
	overflow:hidden;
	border-bottom:1px dotted #000;
}
img.prev{
	position:absolute;
	top:0;
	left:0;
}
img.next{
	position:absolute;
	top:0;
	right:0;
}

ul#page{
	text-align:center;
	margin-top:3px;
}
ul#page li{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
ul#page li a{
	display:block;
	width:32px;
	height:32px;
	margin:0 5px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:2.3;
	background:url(/contents/matenrou/images/pager_bg.png) no-repeat 0 -32px;
}
ul#page li a:hover,ul#page li a.active{
	background:url(/contents/matenrou/images/pager_bg.png) no-repeat 0 0;
}


#link{
	margin-top:15px;
	position:relative;
	font-size:12px;
}
#link li a{
	display:block;
	background:url(/contents/matenrou/images/arrow1.png) no-repeat left center;
	text-indent:12px;
}

a.back{
	background:url(/contents/matenrou/images/arrow2.png) no-repeat left center;
	text-indent:12px;
	position:absolute;
	bottom:0;
	right:0;
	color:#000;
}



#side_data{
	float:right;
	width:210px;
	margin-right:15px;
	font-size:12px;
}

.data{
	border-radius:6px;
	border:1px solid #F00;
	margin-bottom:15px;
	color:#fff;
	overflow:hidden;
}
h3{
	background: #fe0000;
	background: -moz-linear-gradient(top,  #fe0000 0%, #c70000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe0000), color-stop(100%,#c70000));
	margin:0;
	border-radius:4px 4px 0 0;
	line-height:2;
	text-indent:5px;
}
.data table{
	width:95%;
	margin:5px auto;
}
.data table td{
	border-bottom:1px dotted #555;
}

img.shop_sc{
	margin:5px 0 7px 23px;
}

#side_data a.btn{
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #ccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc));
	border-radius:5px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	line-height:2.6;
	display:block;
	width:145px;
	height:30px;
	text-align:center;
	margin:5px auto 15px;
}
#side_data a.btn:hover{
	text-decoration:underline;
}


img.gals_ss{
	float:left;
	margin:10px;
}
#gals_data{
	margin-top:10px;
}
#side_data a{
	color:#fff;
}