@charset "shift_jis";

/* ------------------------------
　reset
------------------------------ */
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	margin:0;
	padding:0;
    font-size:100%; 
    font-weight:normal;
}

table {
	border-collapse:collapse;
}

img {
    vertical-align:bottom;
	border:0px;
}

ul {
	list-style-type:none;
}

p {
	text-align:left;
}
/* ------------------------------
　clearfix
------------------------------ */
.clearfix:after {
	content:".";  
	display:block;  
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix {
	min-height:1px;
}

* html .clearfix {
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* ------------------------------
　base
------------------------------ */
body {
	margin:0;
	padding:0;
	color:#000000;
	background: url(../images/main_bg.gif) repeat-x center top;
	line-height:1.6;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:82%;
	text-align:center;
}
/* ------------------------------
　link
------------------------------ */
a img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/* ------------------------------
　header
------------------------------ */
#header {
	width:900px;
	height:640px;
	margin:0 auto 0 auto;
	background: url(../images/header_bg.gif) no-repeat left 163px;
}

#header .home{
	text-align:right;
}

#header .headerPage{
	margin-bottom:5px;
	text-align:center;
}

#header .headerSeries,
#header h1,
#header h2{
	text-align:center;
	display:inline;
}

#header h2 img{
	margin-top:15px;
}

#header .headerSeries{
	margin-right:20px;
}

#header .headerAori{
	margin:20px 0 0 190px;
}

#header .headerTxt{
	margin:25px 0 0 190px;
}

#header .headerAbout{
	margin:10px 0 0 190px;
	text-align:right;
}
/* ------------------------------
　container
------------------------------ */
#container {
	margin:0 auto;
	width:900px;
	text-align:left;
}

/* check */

#check {
}

#check .check_txt01{
    text-align:center;
	margin-bottom:10px;
}

#check .check_inner{
	background:url(../images/check_bg.gif) repeat left top;
	padding:35px;
}

#check .check_box{
	background-color:#FFF;
	text-align:center;
	padding-top:30px;
	position: relative;
}

#check_top{
	margin:0 auto;
	background:url(../images/check_top.jpg) no-repeat center top;
	width:780px;
	height:480px;
}

#check_top dd:hover {
    cursor: pointer;
    opacity: 0.6;
}

#check .btn_checkstart{
	text-align:center;
	margin-top:24px;
}

#check .check_twittertxt{
	padding:30px 0 15px;
	text-align:center;
}

#check .check_form{
	height:480px;
}

#check .q_base {
    background: url(../images/check_boxbg.gif) no-repeat left bottom;
    display: none;
    position: absolute;
	top:30px;
	left:79px;
	width:684px;
	height:480px;
}

.q_base dd{
	text-align:center;
}

.q_area {
	margin-top:30px;
}

.radio_area {
	padding-left:30px;
	margin:30px 0;
	font-size:122%;
}

.radio_area input {
    margin: 0 20px 0 7px;
}

.q_base .next {
    background: url(../images/btn_check_next.jpg) no-repeat;
    cursor:pointer;
    margin-left:220px;
    height:60px;
    width:250px;
    _margin-left:0px;
}

.q_base .prev {
    background: url(../images/btn_check_prev.jpg) no-repeat;
    cursor:pointer;
    margin-left:220px;
	margin-top:15px;
    height:40px;
    width:250px;
    _margin-left:0px;
}

.q_base .next:hover {
    opacity: 0.6;
}

.q_base .prev:hover {
    opacity: 0.6;
}

.q_base .button:hover {
    opacity: 0.6;
}

#result .tweet img:hover {
    opacity: 0.6;
}

#result .note {
	display:none;
}

#result {
    text-align:center;
    background:url(../images/check_boxbg.gif) no-repeat left bottom;
    display:none;
    position:absolute;
	top:30px;
	left:79px;
	width:684px;
	height:480px;
	z-index:30;
}

#result_main {
	width:570px;
	background-color:#FDF8E1;
	padding:20px 30px;
	margin-left:28px;
	_margin-left:5px;
}

#result_main .point{
	text-align:center;
	margin-bottom:10px;
	line-height:1.2;
}

#result_main .point_zannen{
	font-size:150%;
	font-weight:bold;
}

#result_main .point_percent{
	font-size:250%;
	font-family: Arial,Helvetica,sans-serif;
}

#copy_form p{
	font-weight:bold;
    text-align:center;
	padding:10px 0 5px;
}

#copy_area{
	line-height:1.6;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	margin-bottom:5px;
	width:500px;
}

#result .tweet img{
	padding-top:10px;
}

/* zannen_twitter */

#zannen_twitter{
	padding-top:30px;
	margin-left:75px;
}

/* campaign */

#campaign{
	margin-top:30px;
	padding-bottom:15px;
}

#campaign .campaign01{
    background:url(../images/campaign_bg01.gif) no-repeat left top;
	padding:50px 0 0 180px;
}

#campaign .campaign02{
    background:url(../images/campaign_bg02.gif) no-repeat left top;
	padding:50px 0 0 180px;
}

#campaign h3{
	margin-bottom:15px;
}

#campaign dl{
	margin:15px 0;
}

#campaign dt{
	width:100px;
	color: #B28B39;
    font-size: 25px;
	float:left;
}

#campaign dd{
	margin-left:120px;
	padding-top:7px;
}

#campaign .btn_formarea{
	margin-top:30px;
	background-color:#F2F1E8;
	text-align:center;
	padding:25px 0;
}

/* intro */
#intro{
	margin-top:30px;
}

#intro .intro_read{
	margin:25px 0;
	text-align:center;
}

.intro_case{
	margin-top:15px;
	background:url(../images/intro_bg.gif) no-repeat left top;
	padding:30px 0 10px 160px;
}

.intro_case h4{
	padding-bottom:10px;
}

#intro .intro_txt03{
	margin:20px 0;
	text-align:center;
}

#intro .intro_txt04{
	margin-top:5px;
	text-align:center;
}

#intro .intro_btn{
	margin-top:10px;
	text-align:center;
}

#intro .intro_coming{
	margin-top:20px;
	text-align:center;
}

/* about */
#about{
	padding-bottom:15px;
}

#about .about_inner{
	padding:5px 30px 30px 30px;
	border-left:#B28B39 solid 1px;
	border-right:#B28B39 solid 1px;
	border-bottom:#B28B39 solid 1px;
}

#about h4{
	margin-bottom:15px;
}

/* ------------------------------
　detail
------------------------------ */
.detail{
	margin-top:20px;
	background:url(../images/dotted_bg.gif) repeat center top;
	border-top:#B28B39 solid 2px;
	border-bottom:#B28B39 solid 2px;
}

.detail .detail_wrap{
	margin:0 auto;
	width:900px;
	text-align:left;
}

/* book */
#book{
	padding:10px 0 20px;
}

#book h3{
	font-size:25px;
	color:#B28B39;
}

#book h4,
#book .book_author{
	font-size:25px;
	line-height:1.4;
}

#book .book_cover{
	width:160px;
	float:left;
}

#book .book_info{
	width:720px;
	float:right;
}

#book .book_infoL{
	padding-top:15px;
	width:300px;
	float:left;
}

#book .book_infoL dt{
	width:60px;
	float:left;
}

#book .book_infoL dd{
	width:230px;
	float:right;
}

#book .book_infoR{
	width:390px;
	float:right;
}

#book .book_infoR b{
	color:#B28B39;
}

#book .book_online{
	clear:both;
	padding-top:15px;
}

#book .book_online li{
	display:inline;
	padding-right:10px;
}

/* tab */
#tab_wrap{
	clear:both;
	margin:0 auto;
	padding:25px 0;
}
#tab_wrap ul.tab{
	padding:0 0 0 182px;
	background:url(../images/line_gold.gif) repeat-x left bottom;
}
#tab_wrap ul.tab li{
	list-style-type:none;
	width:157px;
	height:34px;
	margin-right:10px;
	float:left;
}
#tab_wrap ul.tab li a{
	outline:none;
	background:url(../images/detail_tab02.gif) no-repeat left bottom;
	display:block;
	color:#FFF;
	line-height:34px;
	text-align:center;
	font-weight:bold;
}
#tab_wrap ul.tab li a.selected{
	background:url(../images/detail_tab01.gif) no-repeat left bottom;
	text-decoration:none;
	color:#B28B39;
	cursor:default;
}
#tab_wrap ul.panel{
	clear:both;
	border-top:none;
	padding:0;
}
#tab_wrap ul.panel li{
	list-style-type:none;
	padding:20px;
	color:#333;
	border-left:#B28B39 solid 2px;
	border-right:#B28B39 solid 2px;
	border-bottom:#B28B39 solid 2px;
	background-color:#FFF;
}

#tab_wrap .TOC_L{
	width:390px;
	border-right:#B28B39 dotted 1px;
	padding-right:15px;
	float:left;
}

#tab_wrap .TOC_R{
	width:400px;
	padding-left:15px;
	padding-top:3em;
	float:right;
}

#tab_wrap .TOC_L dt,
#tab_wrap .TOC_R dt{
	font-weight:bold;
}

#tab_wrap .TOC_L dd,
#tab_wrap .TOC_R dd{
	padding-left:20px;
	margin-bottom:20px;
}

/* author */
#author{
	padding:10px 0 20px;
}

#author h3{
	font-size:25px;
	color:#B28B39;
}

#author dt{
	width:190px;
	float:left;
}

#author dd{
	width:700px;
	float:right;
}

#author h4{
	font-size:25px;
}

/* ------------------------------
　footer
------------------------------ */
#footer {
	width:900px;
	margin:20px auto;
}

#footer .copy {
	text-align:center;
}