@charset "utf-8";

/*
基本13px、IE7はsmall、IE6はx-small
希望のフォントサイズ(px) : 指定する値(%)
10px : 77%
11px : 85%
12px : 92%
13px : 100%
14px : 107%
15px : 114%
16px : 122%
17px : 129%
18px : 136%
19px : 144%
20px : 152%
21px : 159%
22px : 167%
23px : 174%
24px : 182%
25px : 189%
26px : 197%
*/

/*==============================================================================
html
==============================================================================*/

* {
	margin: 0px;
	padding: 0px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
/*
body {
	background: #660000;
	text-align: center;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	color: #F7F7F7;
}
*/

* html body {

}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,table,th,td,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

h1 {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 5px;
	background: #FF0000;
}

h2 {
	font-size: 122%;
	line-height: 130%;
}
h3 {
	font-size: 122%;
	color: #FF6600;
	margin-bottom: 1em;
}
h4 {
	font-size: 122%;
	margin-bottom: 0.8em;
	line-height: 140%;
	color: #FF6600;
}
h5 {
	font-size: 107%;
	margin-bottom: 0.3em;
	line-height: 140%;
}
h6 {

}
p {
	line-height: 170%;
	font-size: 107%;
	margin-bottom: 2em;

}
ul,ol,li {
	list-style: none;
}
/*a {
	color: #0066FF;
	text-decoration: underline;
}*/
a:hover {
	text-decoration: none;
}

address {
	font-style:normal;
}

hr {
	display: none;

}

img {
	border: 0px;
	/*vertical-align: bottom;*/
}
strong {
	color: #333333;
}

table {

}

th {

}

td {

}


/*==============================================================================
layout
==============================================================================*/

#container {
	position: relative;
	text-align: left;
	width: 708px;
	margin:0px auto 0px auto;
	padding:0px 10px 0px 10px;
	background: url(../img/back_container.png) repeat-y center top;
	z-index: 3;
}
/*コンテンツの背景色と文字色を決める*/
/*
#container_inner {
	width: 700px;
	padding: 0px 4px 0px 4px;
	background: #F7F7F7;
	color: #2D2D2D;
	background: #000000;
	color: #F7F7F7;
}

#noevil {
	z-index: -1;
	top: 0px;
	left: 0px;
	position: fixed;
}
* html #noevil {
	position: absolute;
}
*/

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

/*
#header {
	position:relative;
	background: #000000;
	color: #FFFFFF;
}
*/
#header a {
	color: #FFFFFF;
	text-decoration: underline;
}
#header a:hover {
	text-decoration: none;
}

#header .box {
	position:relative;
	height: 90px;
	padding: 5px;
}

#logo {
	height: 80px;
	width: 170px;
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 10px;
}

#logo img {
	border: 0px;
}

#header .box .detail {
	position: absolute;
	left: 190px;
	top: 65px;
	font-size: 85%;
	margin: 0px;
	width: 500px;
}

#header h2 {
	font-size: 122%;
	line-height: 130%;
	position: absolute;
	top: 20px;
	left: 190px;
	width: 500px;
}

/*------------------------------------------------------------------------------
#main
------------------------------------------------------------------------------*/

#main {
	width:auto;
	padding: 0px 20px;
}

/*------------------------------------------------------------------------------
#footer
------------------------------------------------------------------------------*/

#footer {
	width:auto;
	background: #FF0000;
	color: #FFFFFF;
	padding: 5px;
}


/*==============================================================================
main
==============================================================================*/

#conversation {
	padding: 10px 10px 0px 10px;
	border: #CC0000 dotted 3px;
	margin: 0px 0px 2em;
	width: auto;
	background: #FFE0C1;
	color: #2D2D2D;
}

#namekurokage {
	vertical-align: middle;
}

.mywords {
	color: #0066FF;
	font-weight: bold;
}

.friendwords {
	color: #339900;
	font-weight: bold;
}

.girlwords {
	color: #FF0066;
	font-weight: bold;
}

.marker {
	background: #FFFF00;
	font-weight: bold;
	color: #FF0000;
	padding: 3px;
	margin: 0px;
}

.impact {
	font-size: 136%;
	font-weight: bold;
	color: #FF0000;
}

#yesnobtn {
	width: 460px;
	height: 94px;
	margin: 0px auto 2em;
	padding: 0px;
}

#yesnobtn li {
	padding: 0px 20px;
	float: left;
}

.checklist {
	margin: 0px 0px 2em;
}

.checklist li {
	font-size: 107%;
	font-weight: bold;
	background: url(../img/icon_checkbox.png) no-repeat left top;
	padding: 10px 0px 3px 26px;
	margin: 0px 0px 0.5em;
}

* html .checklist li {
	background: url(../img/icon_checkbox.gif) no-repeat left top;
}

.voice:after, #attention:after, #bookindex:after, #inquirybox:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.voice, #attention, #bookindex, #inquirybox {
	display: inline-block;
	margin: 0px 0px 2em;
	border: 1px solid #FF0000;
	padding: 10px 10px 0px;
	width: auto;
	background: #FFE0C1;
	color: #2D2D2D;
}

/* Hides from IE-mac \*/
* html .voice, * html #attention, * html #bookindex, * html #inquirybox {height: 1%;}
.voice, #attention, #bookindex, #inquirybox {display: block;}
/* End hide from IE-mac */

.voice dl {
	float: left;
	width: 68%;
	font-size: 107%;
}

.voice dt {
	font-weight: bold;
	margin: 0px 0px 0.5em;
	color: #FF0000;
}

.voice dd {

}

.voice dd p {
	font-size: 100%; 
}

.voice .photo {
	float: right;
	width: 200px;
	height: 240px;
	background: #FF0000;
	margin: 0px 0px 10px;
}

#bookindex h4 {
	background: #FF0000;
	color: #FFFFFF;
	padding: 5px;
}

#bookindex h5 {
	background: url(../img/icon_checkbox.png) no-repeat left top;
	padding: 10px 0px 3px 26px;
	margin: 0px 0px 0.5em;
}

* html #bookindex h5 {
	background: url(../img/icon_checkbox.gif) no-repeat left top;
}

#bookindex ul {
	margin: 0px 0px 1.5em;
}

#bookindex li {
	list-style: circle inside;
	font-size: 107%;
	margin: 0px 0px 0.5em;
}

/*#bookindex li {
	font-size: 107%;
	background: url(../img/icon_checkbox.png) no-repeat left top;
	padding: 10px 0px 3px 26px;
	margin: 0px 0px 0.5em 0px;
}

* html #bookindex li {
	background: url(../img/icon_checkbox.gif) no-repeat left top;
}*/

#inquirybox h3, #inquirybox h4, #inquirybox p {
	text-align: center;
}

#inquirybox del {
	font-size: 136%;
	font-weight: bold;
}

#inquirybox .impact {
	font-size: 182%;
}

.inquiry {
	text-align: center;
}

#tokuten {
	background: #F7F7F7;
	border: 3px dotted #FF0000;
	width: auto;
	margin: 0px auto 1em;
	padding: 10px;
}

#tokuten h3, #tokuten h4, #tokuten p {
	text-align: left;
}

#tokuten h3 {
	color: #FF0000;
}

#tokuten h4 {
	background: url(../img/icon_checkbox.png) no-repeat 0px 3px;
	padding: 10px 0px 3px 26px;
}

* html #tokuten h4 {
	background: url(../img/icon_checkbox.gif) no-repeat 0px 3px;
}

.signature {
	text-align: right;
}

/*==============================================================================
footer
==============================================================================*/

#footer a {
	color: #FFFFFF;
}
#footer ul {
	border-left: 1px #FFFFFF solid;
	margin: 0px 0px 0.5em;
}

#footer ul li {
	display: inline;
	padding: 0px 5px;
	border-right: 1px #FFFFFF solid;
}


/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */