/*----------------------------------------------------------

 レイアウト

----------------------------------------------------------*/

#top-container-inner{
background: url(../images/bg_pagebody.gif) repeat-y;
text-align: left;
width: 885px;
_width: 909px;
padding: 0px 12px;
margin: 0px auto;
}

#top-main{
width: 885px;
}

#top-right{
width: 660px;
}

#top-right-left{
width: 480px;
float: right;
margin-top: 8px;
}

#top-right-right{
background: url(../images/bg_right.jpg) no-repeat 0px 0px;
width: 175px;
float: right;
padding-bottom: 4px;
padding-top: 5px;
border-bottom: 1px solid #F4F1EB;
margin-top: 8px;
}


#top-navi{
padding: 10px 0px 0px 20px;
font-size: 11px;
}


#top-header-logo{
padding: 16px 0px 3px 20px;
}

#top-header-text{
/* position: absolute;
top: 77px; */
margin-left: 20px;
}

/*----------------------------------------------------------

メインメニュー

----------------------------------------------------------*/

#top-global-menu{
margin: 3px 0px 0px 18px;
}

#top-global-menu li{
list-style-type: none;
display: inline;
}

#top-global-menu a{
display: block;
float: left;
text-decoration: none;
font-weight: bold;
color: #666;
text-align: center;
line-height: 1.125;
}

.top-global-menu-item a{
background: url(../images/tab_menu.gif);
width: 141px;
height: 27px;
padding-top: 22px;
_height: 49px;
}

.top-global-menu-item a:hover{
background: url(../images/tab_menu_on.gif);
width: 141px;
height: 27px;
padding-top: 22px;
_height: 49px;
}

.top-global-menu-item-2 a{
background: url(../images/tab_menu2.gif);
width: 144px;
height: 27px;
padding-top: 22px;
_height: 49px;
}

.top-global-menu-item-2 a:hover{
background: url(../images/tab_menu2_on.gif);
width: 144px;
height: 27px;
padding-top: 22px;
_height: 49px;
}

#top-global-menu a:hover{
display: block;
color: #fff;
text-decoration: none;
font-weight: bold;
}

/**/

#top-top-menu{
position: absolute;
top: 25px;
padding-top: 5px;
text-align: right;
width: 865px;
}

#top-top-menu li{
display: inline;
list-style-type: none;
}


/*----------------------------------------------------------

右メニュー

----------------------------------------------------------*/

#btn-right-case{
margin: 2px 0px;
}

#btn-right-interview{
margin-bottom: 3px;
}

#top-howto-container{
 background: url(../images/bg_right_inner.gif) no-repeat 0px 0px;
 width: 157px;
 _width: 165px;
 margin-left: 5px;
 margin-bottom: 7px;
 text-align: left;
 padding: 0px 4px 3px 4px;
 border-bottom: 1px solid #E8E2D8;

 }

#top-howto-contents{
text-align:left;
 background: url(../images/bg_menu_howto.gif) no-repeat 0px 100%;
 padding: 9px 0px 20px 0px;
 margin-bottom: 4px;
}

#top-howto-contents li{
font-size: 11px;
background: url(../images/arrow_br.gif) no-repeat 0px 3px;
padding-left: 8px;
margin-left: 18px;
list-style-type: none;
}


#top-howto-contents li a{
color: #562923;
text-decoration: none;
}

#top-howto-contents li a:hover{
color: #CE6702;
text-decoration:none;
}


/*----------------------------------------------------------

■ メニューボタン

----------------------------------------------------------*/

#btn-right-case a{
display: block;
background: url(../images/bnr_right_case.gif) no-repeat; 
width:170px; height:63px;
}

#btn-right-case a:hover{
background: url(../images/bnr_right_case_on.gif) no-repeat; 
}

#btn-right-interview a{
display: block;
background: url(../images/bnr_right_interview.gif) no-repeat;
 width:170px; height:63px;
}

#btn-right-interview a:hover{
background: url(../images/bnr_right_interview_on.gif) no-repeat;
}

#btn-right-magazine a{
display: block;
background: url(../images/bnr_right_magazine.gif) no-repeat; 
width:170px; height:63px;
}

#btn-right-magazine a:hover{
background: url(../images/bnr_right_magazine_on.gif) no-repeat; 
}


/*----------------------------------------------------------

 トップページ　コンテンツ

----------------------------------------------------------*/

.top-left-menu1{
margin-top: 3px;
margin-left: 10px;
}

#topics{
padding: 10px 0px 7px 7px;
}

#topics li{
list-style-type: none;
margin-bottom: 5px;
line-height: 1.3;
}

#topics li a{
color: #562923;
text-decoration: underline;
}

#topics li a:hover{
color: #CE6702;
text-decoration:none;
}


.top-bnr1{
margin-bottom: 19px; 
}

.features {
margin-top: 12px;
width: 470px;
}

.features strong{
color: #172F6D;
font-size: 14px;
}

.features-body{
margin: 5px 0px 15px 0px;
padding-bottom: 18px;
background: url(../images/dotline_l.gif) repeat-x 0px 100%;
}




/*----------------------------------------------------------

　トップページ 下コンテンツ（リボン一覧）

----------------------------------------------------------*/

#top-bottom{
padding-top: 20px;
padding-bottom: 30px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
}

#top-bottom-header1,
#top-bottom-header2,
#top-bottom-header3,
#top-bottom-header4{
width: 660px;
border-bottom-style: solid;
border-bottom-width: 2px;
margin-bottom: 10px;
}

#top-bottom-header1{
border-bottom-color: #172F6D;
}

#top-bottom-header2{
border-bottom-color: #A21E00;
}

#top-bottom-header3{
border-bottom-color:#DF8D20;
}

#top-bottom-header4{
border-bottom-color:#562923;
}

#top-bottom-header5{
margin-bottom: 10px;
}


.top-bottom-header-img{
float: left;
}

.top-bottom-header-body{
float: right;
font-weight: bold;
font-size: 11px;
padding-top: 13px;
}

#top-bottom-container1,
#top-bottom-container2,
#top-bottom-container3-1,
#top-bottom-container3-2,
#top-bottom-container4{
width: 660px;
}

#top-bottom-container1,
#top-bottom-container2,
#top-bottom-container3-2{
margin-bottom: 30px;
}

#top-bottom-container3-1{
margin-bottom: 15px;
}

#top-bottom-container1 a,
#top-bottom-container1 a:link,
#top-bottom-container1 a:visited,
#top-bottom-container2 a,
#top-bottom-container2 a:link,
#top-bottom-container2 a:visited,
#top-bottom-container3-1 a,
#top-bottom-container3-1 a:link,
#top-bottom-container3-1 a:visited,
#top-bottom-container3-2 a,
#top-bottom-container3-2 a:link,
#top-bottom-container3-2 a:visited{
padding: 1px;
background: #E6E6E6;
display: block;
}

.top-bottom-content{
float: left;
width: 210px;
margin-right: 15px;
}

.top-bottom-content-end{
float: left;
width: 210px;
}

.top-bottom-sbheader1,
.top-bottom-sbheader2,
.top-bottom-sbheader3,
.top-bottom-sbheader4{
text-align: center;
font-weight: bold;
color: #fff;
padding: 2px 0px;
line-height: 1.2;
font-size: 11px;
margin: 5px 0px 8px 0px;
}

.top-bottom-sbheader1{
background: #172F6D;
}

#top-bottom-container1 a:hover{
background: #172F6D;
}

.top-bottom-sbheader2{
background: #A21E00;
}

#top-bottom-container2 a:hover{
background: #A21E00;
}

.top-bottom-sbheader3,
#top-bottom-container3-1 a:hover,
#top-bottom-container3-2 a:hover{
background:#DF8D20;
}

.top-bottom-body{
color: #333;
}

#top-bottom-img4,
#top-bottom-content{
float: left;
}

#top-bottom-img4{
width: 335px;
}

#top-bottom-img4 a{
display: block;
background: #e6e6e6;
padding: 1px;
width: 320px;
_width: 322px;
}

#top-bottom-img4 a:hover{
background: #333;
}

#top-bottom-content{
width: 325px;
padding-top: 17px;
}


#top-bottom-body4-1{
border: 1px solid #E8E2D8;
padding:8px;
background: #FAF9F2;
margin: 15px 0px 8px 0px;
}

#top-bottom-body4-2{
background: #562923;
color: #fff;
text-align: center;
padding: 2px 0px;
}

#top-kirie-container{
width: 660px;
margin-bottom: 45px;
}

#top-kirie-image,
#top-kirie-content{
float: left;
}

#top-kirie-image{
width: 335px;
}

#top-kirie-content{
width: 325px;
padding-top: 20px;
}

#top-kirie-btn{
background: #F7F6EE;
padding: 5px;
margin-top: 14px;
}