@charset "utf-8";

/*

-----------------------------------------------------------

	Index
	1.reset(YUI),font,clear
	2.link
	3.page
	4.header
	5.main
	6.footer
	7.clearfix

-----------------------------------------------------------


 1.reset [
----------------------------------------------------------- */
/*

Copyright (c) 2007, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.2.2

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}

body * {}




/* --------------------------------------------------------- */
body {
	font-size:12px; line-height:1.6em; color:#333;
	font-family:"ＭＳ ゴシック", "MS Gothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka－等幅", Osaka-mono, monospace;
	background:url(../../images/background.gif) repeat;
}


img {vertical-align: bottom;}

.caution {color:#f00;}.bold{font-weight:bold;}
.indent {text-indent:-1em; margin-left:1em;}
.site-color { color:#e9eef5;}

.ml_1 {margin-left:1em;}.ml_2 {margin-left:2em;}
.mr_1 {margin-right:1em;}.mr_2 {margin-right:2em;}
.mb_1 {margin-bottom:1em;}.mb_2 {margin-bottom:2em;}.mb_h {margin-bottom:0.5em;}
.mt_1 {margin-top:1em;}.mt_2 {margin-top:2em;}.mt_h {margin-top:0.5em;}
.pl_1 {padding-left:1em;}.pl_2 {padding-left:2em;}
.pr_1 {padding-right:1em;}.pr_2 {padding-right:2em;}
.pb_1 {padding-bottom:1em;}.pb_2 {padding-bottom:2em;}
.pt_1 {padding-top:1em;}.pt_2 {padding-top:2em;}
.m_clear {margin:0 !important;}
.p_clear {padding:0 !important;}

.middle {vertical-align:middle;} .bottom{vertical-align:bottom;}
hr.hid_line { visibility:hidden; clear:both; }
.line_up {line-height:2.8;} .line_up * {line-height:2.8;} .line_down {line-height:1.3;} .line_down * {line-height:1.3;}
.small {font-size:10px;} .large {font-size:14px;} .xlarge {font-size:16px;} .xxlarge {font-size:18px;}
.center {text-align:center;} .right {text-align:right;} .left {text-align:left;}
.last { border:none !important; margin-right:0 !important;}
.leftbox {float:left;} .rightbox {float:right;}
.letter_2 {letter-spacing:-0.2em;}
.letter_1 {letter-spacing:-0.1em;}
.letter_p {letter-spacing:-1px;}

/*
 2.link [
----------------------------------------------------------- */

a:link			 {color:#00f;}
a:visited		 {color:#00f;}
a:active		 {color:#00f;}
a:hover			 {color:#00f;text-decoration:none;}

div#header a:link		{}
div#header a:visited	{}
div#header a:active		{}
div#header a:hover		{}

div#footer a:link		{}
div#footer a:visited	{}
div#footer a:active	 	{}
div#footer a:hover	 	{}

/*
 3.page [
----------------------------------------------------------- */
div#page {
	width:828px; margin:12px auto;
	background:#FFF;
}


/*
 4.header [
----------------------------------------------------------- */


/*
 5.main [
----------------------------------------------------------- */
div#main {
	position:relative;
	width:100%;
	padding-bottom:20px;
}

div#top_back {
	width:791px;
	margin:20px 0 20px 13px;
}
div#top {
	width:791px;
	margin:-720px 0 20px 13px;
	padding:160px 0 30px 0;
	letter-spacing:0;
}

div.top_wrapper {
	width:750px;
	margin:0 0 0 25px;
}

div.reco_koushi01_back {
	float:left;
	margin:0 10px 0 0;
	position:relative;
}
div.reco_koushi01 {
	width:370px;height:370px;
	position:relative;
	float:left;
	margin:-374px 10px 0 0;
}

div.reco_koushi02_back {
	float:left;
	position:relative;
}
div.reco_koushi02 {
	width:370px;height:370px;
	position:relative;
	float:right;
	margin-top:-374px;
}

div.contents {
	width:160px;
	position:absolute;
	top:64px;
	left:208px;
}

div.explain {
	position:absolute;
	top:291px;
	left:22px;
	line-height:130%;
	padding-right:2px;
}

div#top p.text_margin {
	margin:6px 0;
}

div#mori_back {
	width:784px;height:987px;
	margin:0 auto;
}
div#mori {
	width:784px;height:987px;
	margin:0 auto;
	line-height:1.6em;
	margin-top:-987px;
	position:relative;
	font-size:12px;
}

div#sayuri_back {
	width:784px;height:987px;
	margin:0 auto;
}
div#sayuri {
	width:784px;height:987px;
	margin:0 auto;
	line-height:1.6em;
	margin-top:-987px;
	position:relative;
	font-size:12px;
}

div.koushi_wrap {
	width:760px;
	margin:0 auto;
	padding:20px 0;
}

div.koushi_wrap div.leftbox {
	width:559px;
}

p.theme {
	font-weight:bold;
	padding:0 0 0 20px;
	margin:8px 0 0 0;
}

div.example {
	font-size:10px;
	height:66px;
	position:relative;
	margin:6px 0 0 0;
	line-height:1.4em;
}

div.example div.ex001 {
	position:absolute;
	top:-2px;
	left:2px;
}

div.example div.ex002 {
	position:absolute;
	top:14px;
	left:4px;
}

div.example div.ex003 {
	position:absolute;
	top:13px;
	left:181px;
	width: 159px;
}


div.title div.z {
	margin:10px 0;
	letter-spacing:-1px;
}

div.title div.z div.leftbox {
	width:260px;
	padding-left:2em;
}

div.title div.z div.rightbox {
	width:250px;
}

div#sayuri div.title div.z div.leftbox {
	width:180px;
	padding-left:2em;
}

div#sayuri div.title div.z div.rightbox {
	width:340px;
}

div.achievement div {
	padding-left:2em;
}

div#mori div.bottom_box_back {
	width:558px;height:173px;
	margin:0.6em 0 0 10px;
}
div#mori div.bottom_box {
	width:558px;height:173px;
	margin:-173px 0 0 10px;
}

div#mori div.bottom_box p {
	padding:1em 0 0 150px;
}

div#mori div.bottom_box p.tv {
	color:#7d0022;
	font-weight:bold;
	font-size:14px;
	padding-top:20px;
}

div#mori div.bottom_box p.tv_ex {
	padding-left:170px;
}

div#sayuri div.bottom_box_back {
	width:558px;height:215px;
	margin:0.6em 0 0 10px;
}
div#sayuri div.bottom_box {
	width:558px;height:215px;
	margin:-215px 0 0 10px;
}

div#sayuri div.bottom_box p.tv {
	color:#7d0022;
	font-weight:bold;
	font-size:14px;
	padding-top:20px;
	padding-left:20px;
}

div#sayuri div.bottom_box p.tv_ex {
	padding-left:170px;
	padding-top:12px;
}

div.koushi_box {
	padding:0 0 0 210px;
}

div.koushi_wrap div.rightbox {
	width:188px;
}

div.koushi_wrap div.rightbox div.voice_box {
	width:185px;
	border:1px solid #f57313;
	border-bottom:10px solid #f57313;
	margin:0 auto 6px;
}

div.koushi_wrap div.rightbox div.voice_box ul li {
	background:url(../images/icon.gif) no-repeat left 2px;
	font-size:10px;
	padding:0 0 0 16px;
	margin:16px 4px 16px 3px;
	line-height:1.4em;
}


p.pdf {
	text-align:right;
	margin:30px 20px 6px 0;
	page-break-before:always;
}

p.goto_top {
	text-align:right;
	margin:0 24px 0 0;
}

p.goto_top a {
	color:#7D0022;
}

/*
 6.footer [
----------------------------------------------------------- */
div#footer {
	width:784px;
	padding:0 0 2em;
	margin:1em auto;
	line-height:1.4em;
}

div#footer p.right {
	margin-top:-4em;
	margin-bottom:20px;
}


/*
 7.clearfix
---------------------------------------------------------- */

.z {width:100%;}
.z:after{
    content: ""; 
    display: block; 
    clear: both;
}