@charset "UTF-8";

/* ################# 投票結果用CSS ################# */

/*--------------------------------------------------------------------
   共通要素
--------------------------------------------------------------------*/
p{
	margin-bottom:1em;
}

ul{
	list-style-type:none;
}

.break { 	
	clear: both; 
	/*font-size: 1px; 
	line-height: 1px; */
	margin: 0;
	padding:0; 
}

.red{
	color:#FF3333;
}

.bold{ font-weight:bold;}

a img{
   border:0;
}

/*--------------------------------------------------------------------
   レイアウト
--------------------------------------------------------------------*/

#contentsVote{
	width:630px;
	text-align:left;
	margin:0 auto;
}

div.section,
div.section2{
	width:630px;
	background:url(../img/result/dotline01.gif) no-repeat bottom left;	
	padding-bottom:15px;
	margin-bottom:20px;
}

div.section2{ 
	padding-bottom:20px !important;
	padding-bottom:0;
	margin-bottom:25px;
}

.section img{ margin-bottom:10px;}

.section img,
.section2 img,
.section3 img{
	float:left;
}


/*--------------------------------------------------------------------
   タイトル見出し
--------------------------------------------------------------------*/

/*__ 1ページ目 __*/

.titleRank01,
.titleRank02,
.titleRank03,
.titleRank04,
.titleRank05{
	background:url(../img/result/title_rank01.gif) no-repeat top left;	
	width:630px;
	height:30px;
	margin:5px 0 15px 0;
}

.titleRank02{ background:url(../img/result/title_rank02.gif) no-repeat top left;}
.titleRank03{ background:url(../img/result/title_rank03.gif) no-repeat top left;}
.titleRank04{ background:url(../img/result/title_rank04.gif) no-repeat top left;}
.titleRank05{ background:url(../img/result/title_rank05.gif) no-repeat top left;}

dl.touhyou dt{
	text-indent:-9999px;
	float:left;
}

dl.touhyou dd{
	margin:0 0 0 148px;
	padding:0;
	line-height:215%;
	font-weight:bold;
	font-size:120%;
}

.titleRank02 dl.touhyou dd{	margin:0 0 0 168px;}
.titleRank03 dl.touhyou dd,
.titleRank04 dl.touhyou dd,
.titleRank05 dl.touhyou dd{ 
	margin:0 0 0 65px;
}

/*__ 2ページ目 __*/

h2#hanbai,
h2#kakaku,
h2#gakusou,
h2#sakuhin {
	width:182px;
	margin:0 0 10px 0;
	padding:0;
	height:48px;
	text-indent:-9999px;
	display:block;
}

h2#hanbai{ background: url(../img/result/title_hanbai.gif) no-repeat top left;}
h2#kakaku{ background: url(../img/result/title_kakaku.gif) no-repeat top left;}
h2#gakusou{ background: url(../img/result/title_gakusou.gif) no-repeat top left;}
h2#sakuhin{ background: url(../img/result/title_sakuhin.gif) no-repeat top left;} 


/*--------------------------------------------------------------------
   タブ型メニュー
--------------------------------------------------------------------*/

#voteNav{
	width:650px;
	height:40px;
	margin:18px auto;
	padding:0;
	background: url(../img/result/bg_nav.gif) no-repeat;
}

#voteNav ul{
	list-style-type:none;
}

#voteNav li{
	text-indent:-9999px; 
	float:left; 
}

#voteNav li#confirm,
#voteNav li#confirmAc{ 
	margin-left:4px; 
}

#voteNav li a{
	width:323px;
	height:30px;
	background:url(../img/result/nav_vote.gif) no-repeat; 
	display:block;
}

li#confirm a{ background-position:-327px 0;}
li#confirm a:hover{ background-position:-327px -30px;}

li#result a{ background-position:0 -60px;}
li#result a:hover{ background-position:0 -90px;}

#voteNav li#resultAc,
#voteNav li#confirmAc{
	width:323px;
	height:30px;
	background:url(../img/result/nav_vote.gif) no-repeat 0 0; 
	display:block;
}

#voteNav li#confirmAc{ background:url(../img/result/nav_vote.gif) no-repeat -327px -90px; }


/*__ サブメニュー（アンカー） __*/

#subnavBg{
	margin:0 auto 20px auto;
	width:650px;
	background-color:#f5edd0;
	height:30px;
}

ul#subnav{
	padding:6px 0 0 15px;
}

#subnavBg a:hover{
	color:#d04f02;
	text-decoration: underline;
}

ul#subnav li {
		float:left; 
		margin-right:12px;
}

ul#subnav li a, ul#subnav li a:visited{
	color:#d04e00;
	text-decoration: none;
	background:url(../img/result/list_arrow.gif) no-repeat 0 6px; 
	display:block; 
	padding-left:7px;
}

ul#subnav li a:hover{
	color:#ec9600;
	text-decoration: underline;
}


/*--------------------------------------------------------------------
   ボタン類
--------------------------------------------------------------------*/

/*__ 購入ボタン __*/

p.gotobuy01, 
p.gotobuy02{
	display:block;
	margin:0;
	padding:0;
}

p.gotobuy01 a,
p.gotobuy02 a {
	width:127px;
	height:26px;
	display:block;
	background:url(../img/result/btn_buy01.gif) left top no-repeat;	
	text-indent: -9999px;
	overflow:hidden;
}

p.gotobuy02 a { background:url(../img/result/btn_buy02.gif) left top no-repeat;}

p.gotobuy01 a:hover,
p.gotobuy02 a:hover{ 
	background-position:0 -26px;
}

/*__ トップへ戻るボタン __*/

p.gototop{
	display:block;

}

p.gototop a{
	width:147px;
	height:12px;
	display:block;
	background:url(../img/result/btn_gototop.gif) left top no-repeat;	
	text-indent: -9999px;
	overflow:hidden;
	float:right;
}

p.gototop a:hover{ background-position:0 -12px;}

/*__ フッターボタン __*/

.btnBox{
	width:155px;
	float:right;
	clear:both;
}

html>body .btnBox{
	margin:1em 0 0 0;
}

p.btn01,
p.btn02,
p.btn03{
	display:block;
	margin:0;
}

p.btn01 a,
p.btn02 a,
p.btn03 a{	
	margin:0 0 5px 0;
	width:153px;
	height:13px;
	display:block;
	text-indent: -9999px;
	background:url(../img/result/btn_footer01.gif) left top no-repeat;	
	overflow:hidden;
	float:right;
}

p.btn02 a { background:url(../img/result/btn_footer02.gif) left top no-repeat;	width:147px;}
p.btn03 a { background:url(../img/result/btn_footer03.gif) left top no-repeat;	width:135px;}

p.btn01 a:hover,
p.btn02 a:hover,
p.btn03 a:hover{ 
	background-position:0 -13px;
}

/*__ 購入ナビ __*/

.section2 img.kounyunav{
	float:none;
	vertical-align:middle;
	padding:0 3px;
}


/*--------------------------------------------------------------------
   テーブルカラー
--------------------------------------------------------------------*/

/*__ 1ページ目購入テーブル __*/

.kounyu{
	float:right;
	/*border:1px solid #ede7db;*/
	margin-bottom:20px;
	border-top:1px solid #e4c994;
	border-left:1px solid #e4c994;
}

html>body .kounyu { 
	margin-bottom:0; 
}

.kounyu th{ 
	text-align:center;
	background-color:#fbf0da;	
}

.kounyu td, .kounyu th{
	border-top:1px solid #fef7e7;
	border-left:1px solid #fef7e7;
	border-bottom:1px solid #e4c994;
	border-right:1px solid #e4c994;
}

.kounyu td{
	background-color:#fff;	
}

th.book,
td.none{
	background-color:#fce2ad;
}

/*__ 2ページ目のテーブル __*/

table.detail{
	border-top:1px solid #e4c994;
	border-left:1px solid #e4c994;
}

.detail th{
	text-align:center;
	background-color:#fbf0da;	
	font-weight:normal;
}

.detail td, .detail th{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #e4c994;
	border-right:1px solid #e4c994;
}

.detail td{
	background-color:#fff;	
}


/*--------------------------------------------------------------------
   蜷川氏コメント部分
--------------------------------------------------------------------*/

div.rcornerTop{
	width:630x;
	background:#ede7db url(../img/result/rcorner_top01.gif) no-repeat top left;	
	padding-top:0;
	/*margin-top:15px;*/
}

div.rcornerBtm{
	width:630x;
	padding:0;
	margin:0;
	background:url(../img/result/rcorner_btm01.gif) no-repeat bottom left;	
	height:3px;
	font-size: 1px;
}

div.rcornerTop dl{
	margin:0;
	padding:10px 15px 3px 15px;
}

div.rcornerTop dd{
	margin-bottom:.5em;	
}

div.rcornerTop dt{
	font-weight:bold;
	background:url(../img/result/icon_nm.gif) no-repeat top left;	
	padding-left:25px;
   	color: #FF0066;
	line-height:180%;
}

div.rcornerTop dt.oyama { 
	color:#d55a08;
	font-weight:bold;
	background:url(../img/result/icon_oyama.gif) no-repeat top left;
	line-height:180%;
}


/*--------------------------------------------------------------------
   その他2ページ目関連
--------------------------------------------------------------------*/

/* 額装オプション */

.section3{
	width:630px;
	border-bottom:1px solid #efdfbf;
	padding-bottom:15px;
}

.gaku_option{
	font-size:120%;
	font-weight:bold;
	color:#d55a08;
	border-left:4px solid #ee970f;
	padding-left:5px;
	margin:10px 0;
}

div.txtBox{
	width:400px;
	margin:0 0 0 20px;
	padding:0;
	float:left;
}