@charset "UTF-8";

/* global */
body {
	min-width: 950px;
	text-align: left;
	font-size: 13px;
	color: #333;
	line-height: 1.8;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
a {	color: #666; text-decoration: none;}
.block { clear: both;}
.block>* {
	width: ;
	display: block;
	margin: auto;	
}

.clearfix { zoom:1;}
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;}


/* header
-------------------------------------- */

#wrap {width: 100%; height: auto;}

header {
	background: url(images/bg_img_01.jpg) 50% 0 no-repeat fixed;
	height: 800px;
	margin: 0 auto;
	padding: 0;
	
}
header h1 img {
	height: 28px;
	width: 208px;
	position: absolute;
	top: 10px;
	right: 10px;
} 
header .content_text {
	position: absolute;
	left: 50%;
	top: 300px;
	margin-left: -25px;
}
header .text { margin-top: 30px;}


/* contents
-------------------------------------- */

#con01 {
	background: url(images/bg_img_02.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	border-top: solid 1px #fff;
	margin: 0 auto;
	padding: 0;
	z-index: 100;
}
#con01 .content_text, #con04 .content_text {
	position: absolute;
	left: 8%;
	margin-top: 350px;
}
#con03 .content_text { 
    position: absolute;
    left: 50%;
    margin-left: -250px;
    margin-top: 450px;
}
#con01 .text, #con03 .text, #con04 .text { margin-top: 30px;}

#con02 {
	background: #fff;
	height: 1200px;
}
#bg_mini_01, 
#bg_mini_02, 
#bg_mini_03, 
#bg_mini_04, 
#bg_mini_05, 
#bg_mini_06 { border: solid 16px #eee; position: absolute;}
#bg_mini_01 { z-index: 15; top: 2800px; right: 5%;}
#bg_mini_02 { z-index: 14; top: 3300px;}
#bg_mini_03 { z-index: 13; top: 4700px; left: 20px;}
#bg_mini_04 { z-index: 12; top: 3700px; right: 0%;}
#bg_mini_05 { z-index: 11; top: 3000px;}
#bg_mini_06 { z-index: 10; top: 4300px; right: 1%;}
	
	
#con03 {
	background: url(images/bg_img_06.jpg) 50% 0 no-repeat fixed;
	height: 1700px;
	margin: 0 auto;
	padding: 0;
	border-top: solid 1px #fff;
}
#con04 {
	background: url(images/bg_img_07.jpg) 50% 0 no-repeat fixed;
	height: 1100px;
	margin: 0 auto;
	padding: 0;
	border-top: solid 1px #fff;
}

#bg_con05 {
	background: url(images/enquete_bg_00.png) top repeat-x;
	width: 100%;
	height: 39px;
}
#con05 {
	height: 750px;
	width: 100%;
	background: url(images/enquete_bg_01.jpg) repeat;
	padding-top: 50px;
}
#con05_wrap { 
	width: 654px; 
	height: 570px;
	margin: 0 auto; 
	background: url(images/enquete_bg_02.jpg) no-repeat;}

/* table
-------------------------------------- */
 table td { 
 	max-width: 300px; 
 	padding: 2px 12px;}
 td.taste {}
 td.rank { color: #dc2c2c; text-align: center;}
 td.number { text-align: center;}
 
 tr:nth-of-type(1) { font-size: 2.5em; font-weight: bold;}
 tr:nth-of-type(1) .rank { background: url(images/enquete_icon_01.jpg) left no-repeat; padding-left: 28px;}
 tr:nth-of-type(2) { font-size: 2.0em; font-weight: bold;}
 tr:nth-of-type(2) .rank { background: url(images/enquete_icon_02.jpg) left no-repeat; padding-left: 28px;}
 tr:nth-of-type(3) { font-size: 1.6em; font-weight: bold;}
 tr:nth-of-type(3) .rank { background: url(images/enquete_icon_03.jpg) left no-repeat; padding-left: 28px;}
 
 table { 
    display:block; 
    margin: 0 auto;
    padding-top: 190px; 
    max-width: 480px; 
}
 hgroup { display: none;}
 hgroup h3 { font-size: 1.5em;}
 .enpuete_fb { display: block; width: 362px; margin: 0 auto; position: relative; top: 50px; }



/* global_nav
-------------------------------------- */
#global_nav { 
	height: 50px;
	width: 100%;
	background: #fff;
	border-top: solid 1px #555;
	position: fixed;
	bottom: 0;
	z-index: 999;
}
#global_nav div { width: 1000px; height: 50px; margin: 0 auto;}
#global_nav ul { position: absolute; left: 50%; margin-left: -220px;}
#global_nav li { float: left; border-left: solid 1px #555; border-right: solid 1px #555;}
#global_nav li:nth-of-type(2) { border: none;}
#global_nav li a img { padding: 10px;}

#global_nav .nav_logo { float: left; margin-top: 12px;}

#to_sns { float: right; width: 205px; margin-top: 12px}
#to_sns a.twitter { 
	display: inline-table; 
	width: 75px;
	height: 27px;
	overflow: hidden;
}
a.twitter img { 
	float: left; 
	margin-right: 3px;
	background: #00baff;
}
#to_sns a.facebook { 
	display: inline-table; 
	width: 120px;
	height: 27px;
	overflow: hidden;}
a.facebook img { background: #3b5998;}

#global_nav a:hover { 
	filter:alpha(opacity=70); 
	-moz-opacity: 0.70; 
	opacity: 0.70;
}