@charset "Shift_JIS";

/*----------------------------------------
 ヘッダー
----------------------------------------*/
#header {
width:900px;
height:79px;
background: url(../images/top_back.gif) left top no-repeat;
position:relative;
}

h1 {
padding:10px 15px;
float:left;
}

#header ul{
float:right;
padding:50px 10px 0px 0px;
}

#header li{
float:left;
padding:0px 10px 0px 0px;
}

#header .inquiry{
position:absolute;
top:5px;
left:350px;
}


/*----------------------------------------
 ナビゲーション
----------------------------------------*/
#navi {
background:url(../images/navi.jpg) no-repeat;
width:900px;
height:84px;
margin-bottom:5x;
padding:0px;
}

#navi span {display: none;}

#navi li .menu01,#navi .menu01 a,
#navi li .menu01_on,#navi .menu01_on a,
#navi li .menu04,#navi .menu04 a,
#navi li .menu04_on,#navi .menu04_on a 
{
width:230px;
height:84px;
display:block;
}

#navi li .menu02,#navi .menu02 a,
#navi li .menu02_on,#navi .menu02_on a,
#navi li .menu03,#navi .menu03 a,
#navi li .menu03_on,#navi .menu03_on a
 {
width:220px;
height:84px;
display:block;
}

#navi li {
float:left;
list-style:none;
display:inline;
}

.menu01 a{background:url(../images/navi.jpg)      0 0}
.menu02 a{background:url(../images/navi.jpg) -230px 0}
.menu03 a{background:url(../images/navi.jpg) -450px 0}
.menu04 a{background:url(../images/navi.jpg) -670px 0}

.menu01 a:hover {background:url(../images/navi.jpg)      0 -84px no-repeat; }
.menu02 a:hover {background:url(../images/navi.jpg) -230px -84px no-repeat; }
.menu03 a:hover {background:url(../images/navi.jpg) -450px -84px no-repeat; }
.menu04 a:hover {background:url(../images/navi.jpg) -670px -84px no-repeat; }

.menu01_on a {background:url(../images/navi.jpg)      0 -84px no-repeat; }
.menu02_on a {background:url(../images/navi.jpg) -230px -84px no-repeat; }
.menu03_on a {background:url(../images/navi.jpg) -450px -84px no-repeat; }
.menu04_on a {background:url(../images/navi.jpg) -670px -84px no-repeat; }


/*----------------------------------------
　パンくずリズト
----------------------------------------*/

#pankuzu {
border-bottom:1px solid #cccccc;
line-height:200%;
text-indent:10px;
}

/*----------------------------------------
　リンクナビゲーション
----------------------------------------*/
.link_navi{
width:200px;
clear:left;
float:left;
margin:0px;
padding:0px;
}

.link_navi h2{
margin:0px;
padding:0px;
}

.link_navi ul {
background:url(../images/side_link_navi.gif) no-repeat;
width:200px;
height:60px;
margin:0;
padding:0;
}

.link_navi ul span {display: none;}

.link_navi ul li, .link_navi ul a {
width:200px;
height:30px;
display:block;
}

.link_navi ul li {
list-style:none;
display:inline;
}

.l_menu01 a{background:url(../images/side_link_navi.gif) 0 0px}
.l_menu02 a{background:url(../images/side_link_navi.gif) 0 -30px}

.l_menu01 a:hover {background:url(../images/side_link_navi.gif) -200px 0 no-repeat; }
.l_menu02 a:hover {background:url(../images/side_link_navi.gif) -200px -30px no-repeat; }



/*----------------------------------------
　コンテンツ（大枠）
----------------------------------------*/

#normal_box {
margin-bottom:15px;
}

/*----------------------------------------
　コンテンツ
----------------------------------------*/
.contents{
width:685px;
height:100%;
float:right;
}

h3{
margin:20px 0px 15px 0px;
}

/*----------------------------------------
　チャプター
----------------------------------------*/
.chapter {
margin-top:-5px;
height:30px;
}

.chapter li{
padding-right:15px;
float:left;
}

h4{
margin-bottom:15px;
clear:both;
}

h5{
margin-bottom:10px;
}


/*----------------------------------------
　その他
----------------------------------------*/

/* ページの先頭へボタン */
.up{
margin:10px 0px;
text-align:right;
}
/* 画像を右に回り込み */
.right{
margin-left:15px;
float:right;
}

/* 画像を右に回り込み */
.left{
margin-right:15px;
float:left;
}

/* イエローボックス */
.box {
margin:0px;
padding:0px 14px;
border-left:1px solid #999999;
border-right:1px solid #999999;
background:#FFFEE6; 
}


/* お申込みボタン */
.inquiry_b{
margin:30px 0px 30px 0px;
text-align:center;
clear:both;
}

.nonemargin {font-size:0;}
