@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;
}


/*---------- 05  Navi -----------*/

#navi ul li{
	text-indent:-9999px;
	
}

#navi ul li.navi_01 a{
	background:url(../images/navi_01.gif) no-repeat;
	height:45px;
	width:245px;
	float:left;
	margin-left:10px;	
	outline:none;
}

#navi ul li.navi_01 a:hover{
background:url(../images/navi_01on.gif) no-repeat;
}

.navi_02 a{
	background:url(../images/navi_02.gif) no-repeat;
	height:45px;
	width:245px;
	float:left;
	margin-left:7px;
}

.navi_02 a:hover{
background:url(../images/navi_02on.gif) no-repeat;
}

.navi_03 a{
	background:url(../images/navi_03.gif) no-repeat;
	height:45px;
	width:245px;
	float:left;
	margin-left:7px;
}

.navi_03 a:hover{
	background:url(../images/navi_03on.gif) no-repeat;
}

#navi li {
	display: inline;
}

.navi_04 a{
	background:url(../images/navi04.gif) no-repeat;
	height:41px;
	width:231px;
	margin-bottom:6px;
	display:block;
}

.navi_04 a:hover{
	background:url(../images/navi04on.gif) no-repeat;
}

.navi_05 a{
	background:url(../images/navi05.gif) no-repeat;
	height:41px;
	width:231px;
	margin-bottom:6px;
	display:block;
}

.navi_05 a:hover{
	background:url(../images/navi05on.gif) no-repeat;
}

.navi_06 a{
	background:url(../images/navi06.gif) no-repeat;
	height:41px;
	width:231px;
	margin-bottom:6px;
	display:block;
}

.navi_06 a:hover{
	background:url(../images/navi06on.gif) no-repeat;
}

.navi_07 a{
	background:url(../images/navi07.gif) no-repeat;
	height:41px;
	width:231px;
	display:block;
}

.navi_07 a:hover{
	background:url(../images/navi07on.gif) no-repeat;
}

/*---------- 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;
}

.section3 h3 {
	background:url(../images/title_01.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

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

.section4 h3 {
	background:url(../images/title_02.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

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

.section5 h3 {
	background:url(../images/title_03.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

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

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

#content p{
	line-height:18px;
	text-align: justify;
	text-justify: inter-ideograph;
/*--text-align: justify;
	text-justify: inter-ideograph;
	͕𗼒[ɂwŁE--*/
}

#content .pagetop{
	float:right;
}

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

.img_1 p{
	padding:10px;
	width:260px;
}

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

.img_2 p{
	padding:10px;
	width:260px;
}

.img_3 {
	background:url(../images/img_03.jpg) 0 0 no-repeat;
	width:696px;
	height:142px;
}

.img_3 p{
	padding:10px;
	width:260px;
}

.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;
}

#bg_img {
	width:510px;
	height:183px;
	background-image: url(../images/box3.jpg);
	background-repeat: no-repeat;
}

.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;
}


/*---------- 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:750px;
	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;
}

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


#contentBox .img_l2 {
	width:470px;
	height:285px;
	float:left;
	margin-top: 4px;
	margin-right: 8px;
	padding-bottom: 8px;
}

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

#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_r2 {
	background-image:url(../images/top_pic.jpg);
	width:260px;
	height:260px;
	float:left;
	margin-top: 4px;
}

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

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

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

.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%;
}
.box_bg5 {
	width:231px; 
	margin-left:10px;
	height:183px;
	float:left;
}

*html .box_bg5 {
	width:231px;
	margin-left:5px;
	margin-right:5px;
	height: 183px;
}

.block {
	display:block;
}

.guidance {
	width: 510px;
	height: 180px;
	margin-right: 5px;
	float: left;
	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%;
}