@charset "euc-jp";
@import url("../../style/global.css");

/*-----INDEXページ用-----*/

.title { 
	width:788px; 
	height:275px; 
	background: url("images/title.jpg") no-repeat; 
	padding:150px 0 0 12px;
	}
.title img{margin:5px;}
* html .title { width:775px; }



h1{font-size:12px; color:#fff;}

ul.tab {
	list-style-type:none;
	margin:-120px 0 0 30px;
	padding:0px;
	font-size:11px;
}
ul.tab li {
	font-weight:bold;
	width:120px;
	height:33px;
	line-height:3.8;
	text-align:center;
	float:left;
	margin:0px 0 0 2px;
	padding:0px;
	background-repeat: no-repeat;
	background:url(images/tab_off.jpg);
	overflow:hidden;/*border:1px solid white;*/
}
ul.tab a {
	color:#000;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration:none;
}
ul.tab a:hover {
	color:#ff0066;
}
ul.tab li.selected {
	color:black;
	background:url(images/tab_on.jpg);
}
ul.tab li.selected a {
	color:black;
}

.tab_bottom {
	clear:both;
	background:url(images/tab_bottom.jpg);
	width:730px;
	height:30px;
	margin:33px 0 0 32px;
}
* html .tab_bottom {
	margin:33px 0 0 34px;
}


.pager {
	height:50px;
	margin:5px 0 5px 40px;
	clear:both;
	font-size:11px;
}
.pager a {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin:5px;
	line-height:3;
	text-align:center;
	color:#000;
	text-decoration:none;
	background:url(images/list_bt_off.jpg) no-repeat center top;
}
.pager a:hover {
	background-image:url(images/list_bt_on.jpg);
	color:#ff0066;
}
.pager img.icon {
	float:left;
	margin:30px 50px 0 20px;
}
.pager .selected {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin:5px;
	line-height:3;
	text-align:center;
	color:#ff0066;
	text-decoration:none;
	background:url(images/list_bt_on.jpg) no-repeat center top;
}

.foot_pager{width:700px; margin:20px auto 0 auto; border-top:1px solid #fff;}

ul.report_list {
	list-style-type:none;
	margin:5px 0px 5px 0px;
	padding:0px;
	clear:both;
}
ul.report_list li {
	width:700px;
	height: 115px;
	margin:5px 0 5px 45px;
	border-bottom:1px solid #fff;
}


.type_ico img{width:120px; height:90px; margin:0 15px 0 0; float:left;}
.area_txt{color:#fff; font-size:11px; margin:10px 0 0 0;}
.shop_name{color:#ff0066; font-size:14px;}
.shop_name a{color:#ff0066;}
.shop_name a:hover{color:#fff;}
.hundlename{color:#fff000; font-size:12px; margin:10px 0 0 0;}
.comment{color:#fff; font-size:12px;}
.next{color:#ff0066; font-size:13px; margin:5px 0 0 580px;}
.next a{color:#ff0066;}
.next a:hover{color:#fff;}

/*-----個別ページ用-----*/

#ind-topics{
	width:770px;
	/*height:100px;*/
	/*overflow:auto;*/
	/*background:white;*/
	/*border:5px solid blue;*/
}

#page-title h1 {
	width:770px;
	height:120px;
	padding:0;
	margin:0;
}

.shop_name2{color:#ff0066; font-size:14px;}
.shop_name2 a{color:#ff0066;}
.shop_name2 a:hover{color:#000;}
.hundlename2{color:#ff9c00; font-size:12px; margin:15px 0 20px 120px;}

.repo_top{width: 700px; height: 15px; background: url(images/page/comment_top.jpg) no-repeat; margin:20px auto 0 auto;}
.repo_main{width: 700px; height: auto; background: url(images/page/comment_bottom.jpg) no-repeat bottom; background-color:#fff; margin:0 auto; padding: 0 0 100px 0;} 
.repo_main img{margin:0 10px; float:left;}
.repo_txt{ width: 530px; margin: 0 0 0 140px ; font-size:11px;}

.return_bt {margin:50px 0 20px 260px ;}


#list-area{
	width: 788px;
	background-color:#ffffff;
}

.black{
	width:788px;
	height:75px;
	background-color:#cccccc;
	background:url(../contents/cartoon/images/tab_back.gif) repeat-x;
	}

#list-area .black ul.tab {
	width:726px;
		_width:740px;
	height:75px;
	/*text-align: center;*/
	list-style-type:none;
	margin:0 0 0 30px;
	_margin:0 0 0 15px;
/*	margin:0;*/
	padding:0;
/*	padding:0 0 0 30px;*/
	_padding:0;
	float: left;
}

#tab-bottom {
	clear:both;
	background-color:#ffffff;
	height:5px;
}

/*-----説明ページ用-----*/
.how_title{font-size:25px; margin:-180px 0 0 100px; color:#fff;}
.how {
	width:600px;
	height:180px;
	background:url(images/how/bg.jpg) no-repeat;
	margin:auto;
	font-size:11px;
	}
.how img{ margin:15px;}
.how_t {width:330px; margin:20px; float:left; color:#fff; }
* html .how_t {width:310px; margin:20px 10px 0 10px; float:left; color:#fff; }
.big{font-size:18px; margin:0 0 15px 0;}
.big2{font-size:18px; margin:0 0 15px 0; color:fff000;}

.yajirushi {width:120px; height:27px; margin:10px auto; background:url(images/how/yajirushi.jpg) no-repeat;}
.omachi {margin:20px 0 20px 110px ;}


/*-----indexページ用-----*/

.attention{
	height: 250px;
	margin: 10px 0 10px 40px;
	color:#fff;
	font: 15px serif;
}
.attention .returns{
	margin:15px 0 0 10px;
	font:bold 12px sans-serif;
}
.attention .returns a{
	color:#ff0066;
	text-decoration:none;
}
.attention .returns a:hover{
	text-decoration:underline;
}
.total_num{
	color:#ffffff;
	float:right; 
	margin:20px 50px 0 0;
	font-size:13px;
}
* html .total_num{
	margin:-40px 30px 0 0;
}
*:first-child+html .total_num{
	margin:-40px 68px 0 0;
}