@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-family:
		"メイリオ", Meiryo,
		"ヒラギノ角ゴ Pro W3",
		"HIragino Kaku Gothic Pro W3",
		"HIragino Kaku Gothic Pro",
		Osaka,
		"ＭＳ Ｐゴシック", "MS P Gothic",
		sans-serif;
}


/* text
************************************************/
a:link {
	color: #997200;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #997200;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #f03;
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	color: #f03;
	text-decoration: underline;
	font-weight: bold;
}
/* body
************************************************/
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align:center;
	background: #513D00;
}

#wrap{
	margin: 0 auto;
	padding: 0;
	width: 962px;
	background: #fff;
	height: auto;
	text-align: left;
	background: url(../img/back.jpg) 0 0 repeat-y;
}

#container {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	background: #fff;
	height: auto;
	text-align: left;

}
.rollover{}

p, img, p img, a img{
	margin: 0;
	padding: 0;
	border: none;
}

span.pink{
	color: #F06;
	font-weight: bold;
}

span.small{
	font-size: 10px;
	margin: 0 3px;
}

p.btn_long{
	clear: both;
	text-align:center;
	margin: 0 0 10px;
}

/* header
************************************************/
#header{
	position: relative;
	overflow: hidden;
	width: 950px;
	height: 145px;
	margin: 0 0 5px;
	background: url(../img/header.jpg) 0 0 repeat-x;
}

#header h1{
	float: left;
	margin: 0;
	padding: 6px 8px;
	font-size: 12px;
	font-weight: normal;
	color: #330000;
}

#header b{
	float: left;
	margin: 0;
	padding: 6px 8px;
	font-size: 12px;
	font-weight: normal;
	color: #330000;
}

#header p.logo{
	position: absolute;
	top: 39px;
	left: 11px;
}

#header .favorite{
	position: absolute;
	left: 784px;
	top: 5px;
}

#header p.banner_top{
	margin: 52px 8px 0;
	float: right;
}

#header p.at-cre{
	position: absolute;
	top: 121px;
	left: 809px;
}

/* footprint
************************************************/
p.footprint{
	margin: 0 7px 5px;
}


/* navi_contents
************************************************/
#navi_contents{
	clear: both;
	overflow: hidden;
	margin: 0;
}


/* navi
************************************************/
.navi{
	float: left;
	width: 213px;
	overflow: hidden;
}

.navi .navi_in{
	overflow: hidden;
	margin: 0 auto 10px;
	width: 184px;
	padding: 0 7px;
	background: url(../img/left_bar.jpg) 1px 1px no-repeat;
	border: 1px solid #513D00;
}

.navi .navi_in h3{
	margin: 12px 0 0 5px;
	padding: 0;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	height: 25px;
}

.navi .navi_in p.center{
	margin: 10px auto;
	padding: 0;
	text-align: center;
}

ul{
	margin: 0 0 0 -4px;
	padding: 0;
	font-size: 12px;
	color: #997200;
}

ul li{
	text-align: left;
	background: url(../img/arrow.jpg) 0 5px no-repeat;
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
}

.navi .navi_in p{
	padding: 5px 0;
}



/* navi_box
****************************************/
.navi .navi_in .navi_box{
	overflow: hidden;
	margin: 0 0 -1px;
	padding: 0 0 0;
	background: url(../img/line_g.jpg) bottom repeat-x;
}

.navi .navi_in .navi_box h4{
	overflow: hidden;
	margin: 5px 0;
	padding: 0;
	font-size: 12px;
	color: #997200;
}

.navi .navi_in .navi_box h4 img{
	float: left;
	padding: 0 2px 0 0;
}


.navi .navi_in .navi_box .rank_card{
	overflow: hidden;
}


.navi .navi_in .navi_box .rank_card p{
	margin: 0;
	padding: 0;
}

.navi .navi_in .navi_box .rank_card p.card_s{
	float: left;
	width: 93px;
}

.navi .navi_in .navi_box .rank_card .right{
	float: right;
	width: auto;
}

.navi .navi_in .navi_box .rank_card p.rank_se{
	font-size: 10px;
	width: 90px;
}

.navi .navi_in .navi_box .rank_card p.detail{
	float: right;
	font-size: 10px;
	background: url(../img/arrow.jpg) left no-repeat;
	padding: 0 3px 0 5px;
}

hr{
	clear: both;
	overflow: hidden;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

/* R
****************************************/
.navi .navi_in .navi_box .page{
	background: url(../img/pic_card.jpg) left no-repeat;
	padding: 2px 0 3px 38px;
	margin: 0;
	overflow: hidden;
}

.navi .navi_in .navi_box .page p{
	margin: 0;
	padding: 7px 0 3px;
}


/* V
****************************************/
.navi .navi_in .navi_box .date{
	background: url(../img/pic_koichi.jpg) left no-repeat;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 0 3px 42px;
	margin: 3px 0 0;
}

.navi .navi_in .navi_box .date p{
	margin: 0;
	padding: 7px 0 3px;
}

.navi .navi_in .navi_box p.news{
	font-weight: normal;
	margin: 0;
	padding: 0 0 5px;
}

/* contents
************************************************/
#contents{
	width: 737px;
	float: right;
	margin: 0;
}

#contents .cont_in{
	overflow: hidden;
	clear: both;
	margin: 0 0 10px;
	width: 730px;
	padding: 1px;
	border: 1px solid #513D00;
	font-size: 13px;
}

#contents .cont_in p.right{
	margin: 0 0 3px;
}

.h1{
	height: 29px;
	background: url(../img/outline_back.jpg) 0 0 repeat-x;
	margin: 0 1px;
	padding: 7px 0 0;
}

.h1 h1{
	margin: 0 5px 5px;
	padding: 3px 5px;
	font-size: 13px;
	color: #fff;
	border-left: #000 4px solid;
	font-weight: bold;
}

.h2{
	height: 29px;
	background: url(../img/outline_back.jpg) 0 0 repeat-x;
	margin: 0 1px;
	padding: 7px 0 0;
}

.h2 h2{
	margin: 0 5px 5px;
	padding: 3px 5px;
	font-size: 13px;
	color: #fff;
	border-left: #000 4px solid;
	font-weight: bold;
}

.h3{
	height: 29px;
	background: url(../img/outline_card2.jpg) 0 0 repeat-x;
	margin: 0 1px;
	padding: 7px 0 0;
}

.h3 h3{
	margin: 0 5px 5px;
	padding: 3px 5px;
	font-size: 13px;
	color: #fff;
	border-left: #fff 4px solid;
	font-weight: bold;
}

#contents .cont_in p.se{
	margin: 10px;
}

p.right a{
	clear: both;
	margin: 10px;
	text-align: right;
	color: #06f;
}


/* p.right a
************************************************/
p.right a:link {
	color: #06f;
	text-decoration: underline;
	font-weight: normal;
}
p.right a:visited {
	color: #06f;
	text-decoration: underline;
	font-weight: normal;
}
p.right a:hover {
	color: #f03;
	text-decoration: underline;
	font-weight: normal;
}
p.right a:active {
	color: #06f;
	text-decoration: underline;
	font-weight: normal;
}
/*************************************************/

.card_over{
	overflow: hidden;
	margin: 5px 0 10px;
}

.card_over .card_box{
	float: left;
	text-align: center;
	width: 150px;
	border-left: #CCC 1px solid;
	margin: 0 0 0 -1px;
	padding: 0 16px;
}

.card_over .card_box p{
	margin: 5px 0;
}

.card_over .card_box p.catch{
	font-weight: bold;
	color: #997200;
}

.card_over .card_box p.rank{
	font-weight: bold;
	color: #ff0000;
}

/* cont_big_box
**********************************/
.cont_big_box{
	margin: 10px;
	border: 1px solid #666;
	background-color: #ffc;
	padding: 5px 5px 0px;
}

.cont_big_box .title{
	border: 1px solid #999;
}

.cont_big_box .title ul{
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
	background: url(../img/title_back.jpg) 0 0 repeat-x;
}

.cont_big_box .title ul li{
	list-style-image: none;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 13px 0 0 50px;
	height: 32px;
	background: url(../img/crown.jpg) 6px 5px no-repeat;
}

/*box*/
.cont_big_box .box{
	clear: both;
	overflow: hidden;
	margin: 20px auto 10px;
	_margin: 20px auto 0;
	height: auto;
}

.cont_big_box .box p.card{
	float: left;
	width: 120px;
	padding: 20px 30px;
}


.cont_big_box .box .right{
	float: right;
	width: 500px;
}

.cont_big_box .box .right ul.catch{
	margin: 0;
	padding: 0 0 1px;
	background: url(../img/line_b.jpg) bottom repeat-x;
	font-size: 20px;
	font-weight: bold;
}

.cont_big_box .box .right ul.catch li{
	margin: 0;
	padding: 0;
	background: none;
	list-style: none;
}

.cont_big_box .box .right ul{
	margin: 10px 15px;
	color: #333;
}

.cont_big_box .box .right ul li{
	margin: 3px 0;
	padding: 0;
	background: none;
	list-style: disc;
}

.cont_big_box .box .right p.btn{
	float: left;
}


.cont_big_box .box .right p.btn img{
	margin: 0 11px 0 0;
}

/*logo_lineup*/
ul.logo_lineup{
	overflow: hidden;
	clear: both;
	margin: 30px auto;
	width: 600px;
	padding: 0;
}

ul.logo_lineup li{
	float: left;
	text-align: center;
	background: none;
	margin: 0 20px 0 0;
	padding: 0;
	width: 130px;
	font-size: 10px;
}

ul.logo_lineup li img{
	margin: 0 0 5px;
}

ul.logo_lineup li a{
	font-weight: normal;
}

/*S[hJ[h͂߂ςȂIij*/
h5{
	position: relative;
	margin: 15px;
	padding: 10px 15px;
	font-weight: bold;
	height: 20px;
	background: url(../img/h5_koichi.gif) 0 0 no-repeat;
	font-size: 20px;
}


p.right{
	text-align: right;
}
/* footer
************************************************/
#footer{
	text-align: center;
	background: url(../img/footer_back.jpg) 0 0 repeat-x;
	margin: 3px 0 0;
	padding: 0;
	height: 72px;
}

#footer p{
	padding: 20px 0 0;
	line-height: 150%;
}

/* text
************************************************/
#footer a:link {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
#footer a:visited {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
#footer a:active {
	color: #f03;
	text-decoration: underline;
	font-weight: bold;
}





/* カード詳細ページ
************************************************/
.cont_in .cont_card{
	border: 1px solid #999;
}

.cont_in .cont_card ul{
	border: 1px solid #fff;
	margin: 0;
	padding: 5px 0 0 0;
	background: url(../img/outline_card.jpg) 0 0 repeat-x;
	height: 26px;
}

.cont_in .cont_card ul li{
	background: none;
	list-style-image: none;
	margin: 0 5px 5px;
	padding: 0 5px;
	font-size: 18px;
	color: #fff;
	border-left: #000 4px solid;
	font-weight: bold;
}

/*card_detail*/
.card_detail{
	margin: 20px;
	overflow: hidden;
}

.card_detail img{
	float: left;
}

.card_detail table{
	float: right;
	width: 543px;
}


/*カード詳細文章****************************/
.card_detail_in{
	clear: both;
	margin: 10px 10px 20px;
	border: 1px solid #666;
	padding: 10px 25px;
}

/*コンテンツページ　枠なし*/
.card_detail_in_no_border{
	clear: both;
	margin: 10px 10px 20px;
	padding: 10px 5px;
	float:left;
}

.card_detail_in ul,
.card_detail_in_no_border ul{
	padding: 10px 0;
	margin: 0 0 15px;
	font-size: 18px;
	color: #630;
	font-weight: bold;
	background: url(../img/line_g.jpg) top repeat-x;
}

.card_detail_in ul li,
.card_detail_in_no_border ul li{
	text-align: center;
	background: url(../img/line_g.jpg) bottom repeat-x;
	padding: 0 0 10px;
}


.card_detail_in ul.ca_title,
.card_detail_in_no_border ul.ca_title{
	padding: 3px 0;
	margin:0 0 10px;
	font-size: 15px;
	color: #333;
	font-weight: bold;
	background: url(../img/line_w.jpg) bottom repeat-x;
}

.card_detail_in ul.ca_title li,
.card_detail_in_no_border ul.ca_title li{
	text-align: left;
	background: none;
	border-left: #333 4px solid;
	padding: 0 0 0 4px;
	margin: 2px 5px;
}

.card_detail_in ul.ca_title_in,
.card_detail_in_no_border ul.ca_title_in{
	background: none;
	padding: 3px 0;
	margin: 10px 15px;
	font-size: 100%;
	color: #333;
	font-weight: bold;
}

.card_detail_in ul.ca_title_in li.outline,
.card_detail_in_no_border ul.ca_title_in li.outline{
	text-align: left;
	background: none;
	padding: 0;
	margin: 5px;
	font-weight: bold;
	list-style-image: url(../img/arrow_c.jpg);
}

.card_detail_in ul.ca_title_in li.in,
.card_detail_in_no_border ul.ca_title_in li.in{
	text-align: left;
	background: none;
	padding: 0;
	margin: 2px 5px;
	font-weight: normal;
}

/*table*/
table, th, td{
	padding: 5px 10px;
	border: #960 1px solid;
	text-align: left;
	border-collapse: collapse;
	font-size: 12px;
}

table th{
	background: #E5CC7F;
	font-weight: bold;
}

table td{
	padding: 10px;
}

/*table　カード詳細*/
table.long{
	margin: 0 auto 10px;
	width: 652px;
	padding: 0;
}

.table_short{
	overflow: hidden;
	margin: 10px auto 30px;
	width: 652px;
}

.table_long{
	overflow: hidden;
	margin: 10px auto 30px;
	width: 652px;
}

.table_short ul{
	margin: 0;
	padding: 0;
	background: none;
}

.table_short ul li{
	background: url(../img/arrow_s.jpg) left no-repeat;
	padding: 0 0 0 13px;
	margin: 0;
	color: #000;
	font-weight: bold;
}

.table_short table{
	width: 321px;
	float: left;
}

table.short_l{
	margin: 0 8px 0 0;
	padding: 0;
}

table.short2_l{
	margin: 0 8px 0 0;
	width: 397px;
}

table.short2_r{
	width: 247px;
}

/*th tdのスタイル*/

td.center, th.center{
	text-align: center;
}

td.gray{
	background: #EBEBEB;
}

td.yellow{
	background: #ffc;
}

table.short2_l th, table.short2_r th{
	width: 100px;
}

/* クチコミボックス
************************************************/
.kuchikomi{
	margin: 10px;
	border: 1px solid #666;
	padding: 1px;
	overflow: hidden;
}

.kuchikomi .kuchi_in{
	padding: 17px 17px 0;
}

.kuchikomi table{
	margin: 0 auto 10px;
	padding: 0;
	width: 670px;
}
.kuchikomi table,
.kuchikomi table th,
.kuchikomi table td{
	padding: 0;
	border: 1px #ccc solid;
}

.kuchikomi table th{
	overflow: hidden;
	clear: both;
	background: #EBEBEB;
	padding: 0;
	margin: 0;
}

.kuchikomi table ul.comm{
	margin: 2px 3px;
	background: url(../img/pic_kuchikomi.jpg) left no-repeat;
	padding: 0px 0 0 45px;
	height: 40px;
	float: left;
}

.kuchikomi table ul{
	color: #000;
	font-weight: normal;
}

.kuchikomi table ul.comm li{
	margin: 0;
	padding: 0;
	background: none;
}

.kuchikomi table ul.comm li.name{
	padding: 7px 0 0;
}

.kuchikomi table ul.comm li.des{
	font-weight: bold;
}

.kuchikomi table ul.time li{
	background: none;
	float: right;
	margin: 28px 5px 0 0;
}

.kuchikomi table td{
	padding: 20px 10px;
}

.kuchikomi p{
	margin: 0 0 10px;
}

.kuchikomi p a{
	margin: 0;
	padding: 0;
}

.kuchikomi .h3{
	background: url(../img/outline2_back.jpg) 0 0 repeat-x;
	clear: both;
}

.kuchikomi .h3 h3{
	padding: 6px 0 0 38px;
	background: url(../img/pic_fuki.gif) 5px 5px no-repeat;
	height: 30px;
	color: #fff;
}

.kuchikomi .h3 ul,
.kuchikomi .h3 ul.la{
	margin: 5px 0;
	padding: 0;
	color: #333;
	overflow: hidden;
	clear: both;
}
	

.kuchikomi .h3 ul li{
	float: left;
	background: none;
}

.kuchikomi .h3 ul li.komoku{
	background: url(../img/arrow_sb.jpg) left no-repeat;
	width: 100px;
	padding: 0 0 0 12px;
}

.kuchikomi .h3 ul li.answer input{
	width: 500px;
}

.kuchikomi .h3 ul.la li{
	clear: both;
}

.kuchikomi .h3 ul.la li.komoku{
	background: url(../img/arrow_sb.jpg) left no-repeat;
	width: auto;
	padding: 0 0 0 12px;
}


.kuchikomi .h3 ul.la li.answer3 textarea{
	width: 650px;
	height: 70px;
	text-align: left;
	line-height: normal;
}

/*テキスト装飾処理*/

.txt12_red_b{
    font-size:12px;
	color:#FF0000;
	font-weight:bold;
}

/*追記*/
.card_list_top{
	padding:5px;
	margin:0;
}

.card_list_top .img_box{
    width:140px;
	padding:20px 10px;
	margin:0 0 10px 0;
	float:left;
	height:auto;
}

.card_list_top .txt_box{
	float:left;
	padding:0;
	margin:0 0 10px 0;
	height:auto;
	width:530px;
	vertical-align: top;
}

.card_list_top .txt_box dl{
    width:530px;
	height:auto;
	padding:0;
	margin:0;
	float:left;
	vertical-align: top;
}

.card_list_top .txt_box dt{
	width:530px;
	height:auto;
	padding:5px 0;
	margin:0;
	float:left;
	vertical-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

.card_list_top .txt_box dd.left{
    width:380px;
	height:auto;
	padding:5px 0;
	margin:0;
	float:left;
	vertical-align: center;
	font-size:12px;
}

.card_list_top .txt_box dd.right{
    width:135px;
	height:auto;
	float: right;
	font-size: 10px;
	background: url(../img/arrow.jpg) left no-repeat;
	padding: 0 3px 0 5px;
	vertical-align: top;
	margin: 65px 0 0 0;
}

.card_list_bottom {
    margin:0;
	padding:10px 0;
	float:left;
}

/*table*/
.card_list_bottom table, th, td{
	padding:0;
	border: #ccc 1px solid;
	text-align: center;
	border-collapse: collapse;
	font-size: 12px;
	line-height:1.0em;
}

.card_list_bottom table th{
	background: #E5CC7F;
	font-weight: normal;
}

.card_list_bottom table td{
	padding:5px;
}