/* 共通 -------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}
body{
	font-family: helvetica, arial, clean, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', 'Meiryo', sans-serif;
	text-align: center;
	color: #333333;
	background-color: #E4DCB7;
	padding-top: 50px;
	padding-bottom: 50px;
}
p {
	line-height: 150%;
}
a {outline:none;}
a:visited {
	color: #690;
	text-decoration: underline;
}
a:link {
	color: #78B422;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #996600;
}

a:active {
	text-decoration: underline;
	color: #78B422;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img {
	vertical-align: bottom;
}
#page .bottomimg img {
	vertical-align: top;
}
.green {
	color: #78B422;
}
.blue {
	color: #09C;
}
.red {
	color: #CC0000;
}
.orange {
	color: #B03800;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}

#page {
	background-color: #F7F7F3;
	text-align: left;
	width: 965px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	-moz-box-shadow:0 0 3px #999;
	-webkit-box-shadow:0 0 3px #999;
}
#page #emsitego {
	position: absolute;
	top: 30px;
	right: -35px;
}
#page #header {
	background-image: url(../images/head_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 112px;
}
#page #header h1 {
	text-align: right;
	padding-top: 22px;
	padding-right: 38px;
}
#page #footer {
	clear: both;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#footer #footcon {
	width: 600px;
	float: left;
}
#footer ul {
	list-style-type: none;
}
#footer ul li {
	font-size: 80%;
	float: left;
	padding-right: 15px;
	padding-left: 10px;
	background-image: url(../images/foot_pt.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#footer .add_copy {
	clear: both;
	font-size: 80%;
	padding-top: 6px;
}
#footer .footlogo {
	float: right;
}
#page #main {
	background-image: url(../images/line_bg.jpg);
	background-repeat: repeat-y;
	padding-bottom: 30px;
}
#page #sidebar {
	float: right;
	width: 230px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
}
#sidebar .sidebox {
	background-color: #EAEBDD;
}
.sidebox .sidetextbox {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.bottomline {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#page #topmainimg {
	position: absolute;
	left: 0px;
	top: 0px;
}
#page #contents {
	float: left;
	width: 687px;
	padding-left: 23px;
}
#contents p{
	font-size: 85%;
	padding-bottom: 10px;
}
.sidetextbox p{
	font-size: 80%;
	padding-bottom: 10px;
}
#page .topcontents {
	padding-top: 250px;
}
#navi ul   {
	list-style-type: none;
}
#navi ul li {
	float: left;
}
#contents .box_a {
	background-color: #ECEADC;
	width: 625px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	background-image: url(../images/top/top_hajime_img01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.box_a h2 {
	padding-bottom: 15px;
}
.box_a h3 {
	padding-bottom: 13px;
}
.box_a .leftbox {
	width: 250px;
	float: left;
}
.box_a .rightbox {
	float: right;
	width: 350px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	padding-left: 20px;
}
.box_a ul {
	font-size: 85%;
	line-height: 150%;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#header #subheadimg {
	position: absolute;
	left: 0px;
	top: 0px;
}
#page .subcontents {
	padding-top: 30px;
}
#contents h2.pagetit {
	padding-top: 30px;
	padding-bottom: 20px;
}
#contents .pointbox {
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #C68168;
	background-color: #FFFFF9;
	-moz-box-shadow:0 0 2px #999;
	-webkit-box-shadow:0 0 2px #999;
	padding: 15px;
	width: 635px;
	margin-bottom: 20px;
	background-image: url(../images/ptbg.jpg);
}
.pointbox .point {
	float: left;
	width: 106px;
}
.pointbox .pointtext {
	float: right;
	width: 495px;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.pointtext h3 {
	padding-top: 10px;
	padding-bottom: 6px;
}
.flowbox {
	clear: both;
	background-image: url(../images/flowline.gif);
	background-repeat: no-repeat;
	background-position: 13px bottom;
}
#contents .flowbox ul {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	list-style-type: none;
}
#contents .flowbox ul li {
	line-height: 150%;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 30px;
	font-size: 90%;
}
.flowbox ul li.pt1 {
	background-image: url(../images/pt1.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
}
.flowbox ul li.pt2 {
	background-image: url(../images/pt2.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
}
.flowbox ul li.pt3 {
	background-image: url(../images/pt3.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
}
.flowimg {
	text-align: left;
	float: right;
	width: 180px;
}
.flowtext {
	width: 500px;
	float: left;
}
#contents .pbox_s {
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #C68168;
	background-color: #FFFFF9;
	-moz-box-shadow:0 0 2px #999;
	-webkit-box-shadow:0 0 2px #999;
	padding: 10px;
	background-image: url(../images/ptbg.jpg);
}
.pbox_s .imgbox {
	float: left;
	width: 70px;
}
.pbox_s .textbox {
	float: right;
	width: 350px;
}
#contents .box_b {
	background-color: #ECEADC;
	width: 625px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.box_b h2 {
	padding-bottom: 15px;
}
.box_b h3 {
	padding-bottom: 13px;
}
.box_b ul li {
	font-size: 90%;
	line-height: 160%;
	padding-left: 32px;
	list-style-type: none;
	padding-bottom: 5px;
}
.box_b .box_b_imgbox {
	float: right;
	width: 215px;
	padding-left: 20px;
}
.box_b .box_b_imgbox_b {
	float: right;
	width: 167px;
	padding-left: 20px;
}
.box_b ul li.ko1 {
	background-image: url(../images/ko1.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
.box_b ul li.ko2 {
	background-image: url(../images/ko2.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
.box_b ul li.ko3 {
	background-image: url(../images/ko3.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
.box_b ul li.ko4 {
	background-image: url(../images/ko4.gif);
	background-repeat: no-repeat;
}
.box_b ul li.ch1 {
	background-image: url(../images/ch1.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
.box_b ul li.ch2 {
	background-image: url(../images/ch2.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
.box_b ul li.ch3 {
	background-image: url(../images/ch3.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
.box_b ul li.ch4 {
	background-image: url(../images/ch4.gif);
	background-repeat: no-repeat;
}
.box_b ul li.ch5 {
	background-image: url(../images/ch5.gif);
	background-repeat: no-repeat;
}
.box_b ul li.ch6 {
	background-image: url(../images/ch6.gif);
	background-repeat: no-repeat;
}
#contents .naetane {
	padding: 10px;
}
#contents .naetanebox {
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contents .naetanebox .imgbox {
	float: left;
	width: 143px;
	padding-right: 10px;
	padding-bottom: 20px;
}
#contents h2.flow {
	padding-top: 10px;
}
#contents .naetanebox .textbox {
	float: right;
	width: 470px;
}
#contents .book_info {
	padding-bottom: 15px;
	clear: both;
	padding-left: 15px;
}
#contents .book_info .book {
	float: left;
	width: 150px;
	padding-right: 15px;
}
.book_info .text {
	padding-top: 45px;
}
#contents   .book_info   table  {
	width: 630px;
	font-size: 80%;
	line-height: 130%;
}
.book_info th, td {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 295px;
}
.book_info th {
	text-align: center;
}
.book_info td img {
	padding-bottom: 5px;
}
.book_info td {
	vertical-align: top;
}
#hyo_btn {
	padding-bottom: 15px;
}
#contents .goback_btn {
	text-align: center;
}