@charset "UTF-8";
@import "base.css";

/*============CONTENT COLOR SCHEME=================*/
/*                                                 */
/*    a:Link Color    - Gray          #666666      */
/*    a:Visited Color - Light Gray    #999999      */
/*    a:Hover Color   - Dark blue     #82141B      */
/*    a:Active Color  - Dark blue     #82141B      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css 44sڂɎw                        */
/*============CONTENT COLOR SCHEME-END=============*/

/*============NAVI COLOR SCHEME====================*/
/*                                                 */
/*    a:Link Color    - Gray          #0000FF      */
/*    a:Visited Color - Light Gray    #0000FF      */
/*    a:Hover Color   - Dark blue     #556677      */
/*    a:Active Color  - Dark blue     #556677      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css 52sڂɎw                        */
/*============NAVI COLOR SCHEME-END================*/

/*============tHgTCY=======================*/
/*                                                 */
/*    10px      1.0em                              */
/*    11px      1.1em                              */
/*    12px      1.2em                              */
/*    13px      1.3em                              */
/*    14px      1.4em                              */
/*    15px      1.5em                              */
/*    16px      1.6em                              */
/*                                                 */
/*============tHgTCY-END===================*/

/*----tHgTCYbase.cssbody {font-size:62.5%;}Lqꂢ́E
sNZPʂ̊oŕTCYw邱Ƃł܁E
TCYqœĂ܂ƕ\Ă܂̂ŒӂāE
Fdivvffont-sizew肵tablep^Ofont-sizew肵āE
܂ꍇ\܁E----*/

/*---------- 01  Base -----------*/

/*-- ` @import ŊOCSSǂ݁E--*/

/*---------- 02  Container -----------*/


body {
	background: url(../images/bg.gif) center repeat-y;
	text-align:center;
}

#wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	}

/*--#main {}*/

#content {
	width: 710px;
	float:right;
	margin: 10px 5px 0 0px;
	display:inline;
	}

#navi{
	width:770px;
	height:45px;
	margin-top:14px;
}

#footer{
	width:800px;
	height:50px;
}

table{
	width:750px;
	margin:10px auto;
}
*html table{margin:0 10px;}
/*---------- 03  Header -----------*/

div#header {
	position:relative;
	width:750px;
	height:75px;
	margin:0 0 0 10px;
	background:url(../images/head_bg.gif) repeat-x bottom;
}

div#header h1 {
	position:absolute;
	left:0px;
	width:430px;
	height:75px;
	background:url(../images/head_01.gif) no-repeat left bottom;
	text-indent:-9999px;
}

div#header h1 a{
	display:block;
	width:330px;
	height:75px;
	overflow:hidden;
}


div#header p#top_contact {
	position:absolute;
	width:246px;
	height:30px;
	top:20px;
	left:490px;
	text-indent:-9999px;
	background:url(../images/head_contacts.gif) no-repeat left top;
}

div#header ul{
	position:absolute;
	width:300px;
	height:20px;
	top:52px;
	left:500px;
	display:inline;
}
div#header ul li{
	float:left;
	line-height:18px;
	height:20px;
	width:75px;
}
div#header ul li a{
	font-size:85%;
	height:20px;
	width:90px;
	display:block;
	color:#ccc;
	background:url(../images/icon01.gif) no-repeat left top;
	text-indent:20px;
}

div#header ul li a:hover{
	color:#fff;
}

.right {
	float:right;
}

/*wb_[̏̃irACR݁E
#header #icon-home{	background:url(../images/icon-home.gif) 0 center no-repeat;}
#header #icon-mail{	background:url(../images/icon-mail.gif) 0 center no-repeat;}
#header #icon-sitemap{	background:url(../images/icon-sitemap.gif) 0 center no-repeat;}
*/
/*---------- 04  HeaderImg -----------*/

#header-img{
	width:751px;
	height:376px;
	margin-left:10px;
}

#header-img p {
	top:500px;
	left:500px;
}
	
#header-img02{
	width:750px;
	height:180px;
	margin-top:20px;
	margin-left:10px;
}

#header-img02 .font02{
padding:30px 20px 15px 0px;
}

#header-img02 .font01{
color:#555555;
font-weight:bold;
font-size:14px;
padding:50px 0px 0px 25px;
}


/*---------- 06  content -----------*/

.section{
	margin:10px 0 10px 0;
	font-size:1.2em;
	padding:10px;
	line-height:1.8em;
}

.section2{
	width:45%;
	
}

.section3{

	font-size:1.2em;
	padding:10px;
	line-height:1.8em;
}

.section5{
	margin-bottom:10px;
	font-size:1.2em;
	padding:10px;
	line-height:1.8em;
} 


#content h3{
	font-size: 18px;
}

#content h4{
	font-size: 16px;
}

#content p{
	line-height:18px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#content .pagetop{
	float:right;
}

.img_1 {
	background:url(../images/img_01.jpg) 0 0 no-repeat;
	height: 237px;
}

.img_1 p{
	padding: 40px 10px 10px;
}

.img_2 {
	background:url(../images/img_02.jpg) 0 0 no-repeat;
	height: 237px;
}

.img_2 p{
	padding: 40px 10px 10px;
}

.fl_l {
	float:left;
	width:20px;
	height:380px;
	margin:20px 0 0 5px;
}

*html .fl_l {
	float:left;
	width:20px;
	height:380px;
	margin:20px 0 0 2px;
}

.txt_01 {
	float:left;
	width:130px;
	margin:84px 0 10px 14px;
}

*html .txt_01 {
	float:left;
	width:130px;
	margin:84px 0 10px 7px;
}

.txt_02 {
	float:left;
	width:130px;
	margin:84px 0 10px 24px;
}

.txt_03 {
	float:left;
	width:130px;
	margin:84px 0 10px 20px;
}

.txt_04 {
	float:left;
	width:152px;
	margin:24px 0 6px 10px;
}

*html .txt_04 {
	float:left;
	width:152px;
	margin:24px 0 6px 5px;
}

.txt_05 {
	float:left;
	width:152px;
	margin:24px 0 6px 16px;
}

.txt_06 {
	float:left;
	width:152px;
	margin:24px 0 6px 16px;
}

.txt_04_2 {
	float:left;
	width:74px;
	margin:0px 0 10px 12px;
}

*html .txt_04_2 {
	float:left;
	width:74px;
	margin:7px 0 0px 6px;
}

*:first-child+html .txt_04_2 {
	float:left;
	width:74px;
	margin:7px 0 0px 10px;
}

.txt_04_3 {
	float:left;
	width:74px;
	margin:0px 0 10px 18px;
}

*:first-child+html .txt_04_3 {
	float:left;
	width:74px;
	margin:7px 0 0px 16px;
}


*html .txt_04_3 {
	float:left;
	width:74px;
	margin:7px 0 0px 18px;
}

.txt_05_2 {
	float:left;
	width:72px;
	margin:0px 0 0px 4px;
}

*html .txt_05_2 {
	float:left;
	width:72px;
	margin:7px 0 0px 4px;
}

*:first-child+html .txt_05_2 {
	float:left;
	width:72px;
	margin:7px 0 0px 6px;
}


#books {
	clear: both;
	padding: 30px 0 30px 5px;
	width: 645px;
	margin: 20px auto 15px;
	_margin-left: 55px;
	background: url(../images/box3.jpg) no-repeat 0 0;
}
#books div {
	width: 210px;
	float: left;
	margin: 0 1px;
}
#books div.lastchild { border: none; }
#books h3 {
	font-size: 12px;
	float: left;
	margin: 0 0 10px;
	padding: 5px 2px;
	color: #222;
	background: #fad1d9;
}
#books p.text {
	width: 120px;
	float: right;
}
#books p.fll { padding-left: 5px; }


/*---------- 07  Footer -----------*/

#footer {
	clear: both;
	padding: 5px 0 5px 0;
	margin:10px 0 0 0;
	font-size: 1.0em;
	text-align: center;
	border-top:1px dotted #666;
	}

#footer ul { 
	line-height:6px;
	list-style: none;
	margin: 10px 0;
	}

#footer li {
	font-size:1.0em;
	display: inline;
	}

#footer li a{
	margin:0 5px;
}

#footer address {
	height:15px;
}

/*---------- 08  index -----------*/


/*---------- lp -----------*/

#lp_bnr {
margin:10px 0px 10px 3px;
}

#header{
	width:750px;
	height:260px;
	margin-top:10px;
	margin-left:10px;
}

#contentBox{
	width:758px;
	margin-top:10px;
	margin-left:10px;
}

#contentBox .contentTxt1{
	float:left; 
	margin:5px 20px 5px 20px;
}

#contentBox .contentTxt2{
	padding-right:34px; 
	font-size:12px; 
	line-height:18px;
}

#contentLeft{
	float: left;
	width: 272px;
}
#contentRight{
	float: right;
	width: 470px;
}

#header-img02 .img_l {
width:510px;
height:180px;
float:left;
}


#contentBox .img_l3 {
	background:url(../images/box2.jpg) no-repeat 0 0;
	width:470px;
	height:190px;
}

#contentBox .img_l4 {
	float: left;
}

#header-img02 .img_r {
background-image:url(../../img/navi_080717_02_.jpg);
width:240px;
height:180px;
float:left;
}

#contentBox .img_r3 {
width:272px;
height:220px;
background: url(../images/box_bottom3.jpg) no-repeat center bottom;
}

#contentLeft .flow {
	margin: 15px 0 0;
}
#contentLeft .flow ul {
	background:url(../images/box_bg3.jpg) repeat-y 0 0;
	padding: 15px 0 0;
	margin: 0 0 -2px;
	text-align: center;
}

#contentLeft .flow li {
	width: 165px;
	_width: 260px;
	height: 115px;
	padding-left: 95px;
	margin: 0 auto 15px;
	text-align: left;
}
#contentLeft .flow .flow01 { background: url(../images/flow01.jpg) no-repeat 0 0; }
#contentLeft .flow .flow02 { background: url(../images/flow02.jpg) no-repeat 0 0; }
#contentLeft .flow .flow03 { background: url(../images/flow03.jpg) no-repeat 0 0; }
#contentLeft .flow .flow04 { background: url(../images/flow04.jpg) no-repeat 0 0; }
#contentLeft .flow .flow05 { background: url(../images/flow05.jpg) no-repeat 0 0; height: 85px }
#contentLeft .flow .flow06 {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	padding: 0;
}


.box_bg4 {
	width:510px;
	margin-bottom:10px;
	margin-left: 10px;
}

.box_bg1 {
	background:url(../images/box_bg1.jpg) repeat-y 0 0;
	height: 184px;
	display: block;
}

.box_bg2 {
	background:url(../images/box_bg1.jpg) repeat-y 0 0;
	height: 206px;
	padding: 5px 10px 10px;
}

.box_bg2 dl {
	font-size: 12px;
	line-height:1.4em;
	width: 420px;
	margin: 0 0 0 15px;
	padding: 0;
	color: #333;
}
.box_bg2 dl dt {
	font-size: 125%;
	font-weight: bold;
	color: #d13;
	background: url(../images/index_dt.jpg) no-repeat left 0;
	padding-left: 20px;
}
.box_bg2 dl dd {
	margin: 2px 0 10px;
	padding-left: 10px;
}

.box_bg3 {
	background:url(../images/box_bg3.jpg) repeat-y 0 0;
	height: 157px;
	padding: 7px 7px 10px 7px;
}
.box_bg3 ul {
	float: right;
	width: 170px;
	height: 164px;
	overflow: hidden;
}
.box_bg3 ul li {
	color: #666;
	font-size: 11px;
	margin-bottom: 3px;
	line-height: 1.2;
}
.box_bg3 ul li .min {
	font-size: 9px;
}
.box_bg3 ul li strong {
	font-weight: bold;
	font-size: 120%;
}

.block {
	display:block;
}

.guidance {
	clear: both;
	width: 470px;
	height: 200px;
	margin: 20px 0;
	background: url(../images/index_guidance.jpg) no-repeat 0 0;
}
.guidance div {
	padding: 15px;
}
.guidance p {
	font-size: 13px;
	line-height: 1.3;
	margin: 0 0 .3em;
	color: #333;
	letter-spacing: 1px;
}
.guidance p strong {
	font-weight: bold;
	color: #d36;
	font-size: 110%;
}