@charset "UTF-8";
/* -----------------------------------------------------------
 reset
----------------------------------------------------------- */
html{overflow:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}img{display:block;}li{list-style-type:none;}
/* -----------------------------------------------------------
 body
----------------------------------------------------------- */
body {
	background:url(../images/contents_bg04.gif) top center repeat;
	color:#333;
	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	text-align:center;
	line-height:1.5;
}
body {
	font-size:85%;
}
#contena {
	background:url(../images/contents_bg03.gif) center top no-repeat;
}
#contena_top {
	background:url(../../images/top_bg.jpg) center top no-repeat;
}
#wrapper {
	background:url(../images/contents_bg03.gif) center top no-repeat;
	margin:0 auto;
	text-align:left;
	width:800px;
}
#contena_top #wrapper {
	background:url(../../images/top_bg.jpg) center top no-repeat;
	height:810px;
}
/*----------------------------------------------------
 link
----------------------------------------------------*/
a:link,a:visited {
	color:#ff6600;
}
a:hover,a:active {
	color:#ff6600;
	text-decoration:none;
}
#contena_top #contents a:link,#contena_top #contents a:visited,
#contena_top #contents a:hover,#contena_top #contents a:active {
	color:#fff;
}
/* --------------------------------------------------------
 #header
----------------------------------------------------------- */
#header {
	position:relative;
	height:199px !important;
}
#contena_top #header {
	height:430px !important;
	padding:38px 0 0 0;
}
#header p.logo01 {
	float:none;
	padding:0;
	position:absolute;
	top:11px;
	left:17px;
}
#header p.logo02 {
	float:none;
	padding:0;
	position:absolute;
	top:11px;
	right:18px;
}
#header p {
	padding:62px 0 0 17px;
	float:left;
}
#header ul {
	float:right;
	padding:70px 16px 0 0;
	width:570px;
}
#header ul li {
	float:left;
	padding:0 0 4px 4px;
	width:186px;
}
/* -----------------------------------------------------------
 #contents
----------------------------------------------------------- */
#contents {
	background:url(../images/contents_bg05.gif) 0 0 repeat-y;
}
#contena_top #contents {
	background:none;
}
#contents_body {
	background:url(../images/contents_bg03.gif) center -199px no-repeat;
	padding:0 65px 0 70px;
}
#contena_top #contents_body {
	background:none;
	padding:0 0 0 8px;
}
#contena_s #contents_body {
	background:url(../images/contents_bg03.gif) center -199px no-repeat;
	padding:0 0 0 8px;
}
#contents h1 {
	padding:0 0 37px 0;
}
#contents h2 {
	clear:both;
}
/* about */
.about_box01,.about_box02 {
	padding:0 27px 25px 19px;
}
.about_box01 .about_box01_cnt {
	float:left;
	width:359px;
}
.about_box01 .about_box01_cnt p {
	padding:10px 0 0 0;
}
.about_box01 .about_box01_cnt img {
	float:none;
	width:auto;
}
.about_box01 img {
	float:right;
	width:240px;
}
.about_box02 .about_box02_cnt {
	float:right;
	width:359px;
}
.about_box02 .about_box02_cnt p {
	padding:10px 0 0 0;
}
.about_box02 .about_box02_cnt img {
	float:none;
	width:auto;
}
.about_box02 img {
	float:left;
	width:240px;
}
.about_box03 {
	padding:0 17px 0 19px;
}
.about_box03 h2 img {
	float:none;
	padding:0 0 15px 0;
	width:auto;
}
.about_box03 img {
	float:left;
	padding:0 0 0 1px;
	width:245px;
}
.about_box03 table {
	float:right;
	margin:5px 0 0 0;
	width:360px;
}
.about_box03 table th {
	vertical-align:top;
}
.about_box03 table td {
	padding:0 0 16px 0;
	vertical-align:top;
}
/* ss */
.ss_box {
	padding:0 0 15px 16px;
}
.ss_box li {
	float:left;
	padding:0 0 5px 10px;
	text-align:center;
	width:304px;
}
/* charactor */
.chara_box01 {
	padding:0 18px 5px;
}
.chara_box01 img {
	float:left;
	width:225px;
}
.chara_box01_cnt {
	border:5px #F0E8D9 solid;
	float:right;
	margin:20px 0 0 0;
	padding:10px 15px 15px;
	width:350px;
}
.chara_box02 {
	padding:0 18px 30px;
}
.chara_box02 img {
	float:right;
	width:225px;
}
.chara_box02_cnt {
	border:5px #F0E8D9 solid;
	float:left;
	margin:20px 0 0 0;
	padding:10px 15px 15px;
	width:350px;
}
.chara_box01 h2 {
	background:url(../../chara/images/img02.gif) 0 0 no-repeat;
	padding:2px 0 4px 22px;
	font-size:130%;
}
.chara_box02 h2 {
	background:url(../../chara/images/img04.gif) 0 7px no-repeat;
	padding:2px 0 4px 19px;
	font-size:130%;
}
.chara_box01 p,
.chara_box02 p {
	margin:8px 0 0;
}
.chara_box01 p.age,
.chara_box02 p.age {
	font-size:85%;
	margin:0;
}
.chara_box01 .words,
.chara_box02 .words {
	background:#F3EADC;
	padding:2px;
	font-weight:bold;
}
.chara_sub {
	padding:0 0 0 17px;
}
.chara_box03 {
	float:left;
	border:5px #F0E8D9 solid;
	margin:8px 8px 0 0;
	padding:10px;
	width:280px;
}
.chara_box03 img {
	float:left;
	width:48px;
}
.chara_box03_cnt {
	float:left;
	padding:0 0 0 10px;
	width:220px;
}
.chara_box03_cnt h3 {
	float:left;
	font-size:110%;
}
.chara_box03_cnt p {
	clear:both;
	padding:3px 0 5px 0;
	font-size:85%;
}
.chara_box03_cnt p.age {
	float:left;
	clear:none;
	font-size:80%;
	padding:3px 0 0 7px;
}
.chara_box03 .words {
	clear:both;
	background:#F3EADC;
	padding:2px 2px 0 2px;
	font-weight:bold;
}

/* term */
.term_box_l,.term_box_r,.term_box_c {
	background:url(../../term/images/term_bg01.gif) 0 0 no-repeat;
	margin:0 28px 15px 31px;
}
.term_box_l .term_box_cnt {
	background:url(../../term/images/term_bg02.gif) left bottom no-repeat;
	padding:0 25px 25px 0;
}
.term_box_r .term_box_cnt {
	background:url(../../term/images/term_bg02.gif) left bottom no-repeat;
	padding:0 0 25px 25px;
}
.term_box_c .term_box_cnt {
	background:url(../../term/images/term_bg02.gif) left bottom no-repeat;
	padding:0 25px 25px 25px;
}
.term_box_l .term_box_cnt img {
	float:left;
	padding:0 10px 0 0;
	width:149px;
}
.term_box_r .term_box_cnt img {
	float:right;
	width:159px;
}
.term_box_l .term_box_cnt dl {
	float:right;
	padding:28px 0 0 0;
	width:421px;
}
.term_box_r .term_box_cnt dl {
	float:left;
	padding:28px 0 0 0;
	width:421px;
}
.term_box_c	 .term_box_cnt dl {
	float:left;
	padding:28px 0 0 0;
	width:551px;
}
.term_box_cnt dl dt {
	padding:0 0 6px 0;
	font-size:130%;
	font-weight:bold;
}
/**/
.faq_box {
	padding:0 0 25px 0;
}
.faq_box p {
	padding:0 0 0 35px;
}
.faq_box h2 {
	padding:25px 0 0 20px;
}
.faq_box dl {
	padding:0 37px 0 33px;
}
.faq_box dl dt {
	background:url(../../faq/images/img_bg.gif) 0 bottom no-repeat;
	margin:12px 0 0 0;
	padding:0 0 7px 0;
	text-decoration:underline;
}
.faq_box dl dt span {
	background:url(../../faq/images/img_q.gif) 0 0 no-repeat;
	display:block;
	padding:10px 25px 8px 55px;
	font-size:110%;
	font-weight:bold;
}
.faq_box dl dd {
	background:url(../../faq/images/img_a.gif) 0 5px no-repeat;
	padding:15px 5px 0 55px;
}
/* wallpaper */
.wallpaper_box {
	padding:0 20px 0 26px;
}
.wallpaper_box p {
	padding:0 0 15px 0;
}
.wallpaper_box p.size {
	text-align:center;
}
/* -----------------------------------------------------------
 #footer
----------------------------------------------------------- */
#footer {
	clear:both;
	background:url(../images/contents_bg02.gif) 0 0 no-repeat;
	margin:0 auto;
	padding:25px 0 10px 0;
	text-align:center;
	width:800px;
}
#contena_top #footer {
	background:none;
	padding:10px 0;
}
#footer ul li {
	display:inline;
	border-right:#333 1px solid;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
}
#footer ul li a {
	color:#333;
}
#footer ul.bnr {
	margin:0 auto;
	padding:15px 0 0 0;
	width:470px;
}
#footer ul.bnr li {
	float:left;
	border-right:none;
	margin:0;
	padding:0 10px 0 0;
}
#footer p {
	padding:10px 0 0 0;
	font-size:90%;
}
.pagetop {
	text-align:right;
	padding:10px 13px 5px 0;
}
.pagetop img {
	display:inline;
}
/* -----------------------------------------------------------
 top
----------------------------------------------------------- */
ul.navi li {
	float:left;
	padding:0 9px 9px 0;
	width:256px;
}
ul.navi li.right {
	padding:0;
}
.infomation {
	padding:5px 0 9px 7px;
	height:25px;
}
.infomation img {
	float:left;
	width:81px;
}
.infomation dl {
	float:right;
	padding:1px 30px 0 0;
	color:#fff;
	font-size:85%;
	width:670px;
}
.infomation dl dt {
	clear:both;
	float:left;
	font-weight:bold;
	padding:0 0 0 15px;
	width:7.5em;
}
.infomation dl dd {
	padding:0 0 0 8.5em;
}
.media .m_box {
	float:left;
	width:562px;
}
.media .m_box p {
	padding:9px 0 0 326px;
}
.media .m_box ul {
	margin:0 0 0 13px;
}
.media .m_box ul li {
	color:#fff;
	margin:0 0 0 17px;
	list-style-type:disc;
	font-size:85%;
}
.media p.wall {
	float:right;
	padding:13px 41px 0 0;
	width:179px;
}
/* -----------------------------------------------------------
 opacity
----------------------------------------------------------- */
p.pagetop a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* -----------------------------------------------------------
 clearfix
----------------------------------------------------------- */
#header:after,
#header ul:after,
.infomation dl:after,
.media dl:after,
.about_box01:after,
.about_box02:after,
.about_box03:after,
.chara_box01:after,
.chara_box02:after,
.chara_sub:after,
.chara_box03:after,
.ss_box:after,
.term_box_cnt:after,
#footer ul:after,
ul.navi:after  {
	content:".";
	display:block;
	height:0;
	font-size:0.1%;
	line-height:0.1;
	clear:both;
	visibility:hidden;
}
*:first-child+html #header,
*:first-child+html #header ul,
*:first-child+html .infomation dl,
*:first-child+html .media dl,
*:first-child+html .about_box01,
*:first-child+html .about_box02,
*:first-child+html .about_box03,
*:first-child+html .chara_box01,
*:first-child+html .chara_box02,
*:first-child+html .chara_sub,
*:first-child+html .chara_box03,
*:first-child+html .ss_box,
*:first-child+html .term_box_cnt,
*:first-child+html #footer ul,
*:first-child+html ul.navi {
	min-height:1%;
}
* html #header,
* html #header ul,
* html .infomation dl,
* html .media dl,
* html .about_box01,
* html .about_box02,
* html .about_box03,
* html .chara_box01,
* html .chara_box02,
* html .chara_sub,
* html .chara_box03,
* html .ss_box,
* html .term_box_cnt,
* html #footer ul,
* html ul.navi {
	height:1%;
}