@charset "utf-8";

body{
margin: 0px;
}

img{
border: 0px;
/* vertical-align: middle; */
}

h1,h2,h3,h4,h5,h6,h7,p,dl,ul,form{
margin: 0px;
padding: 0px;
}

a{
color: #562923;
text-decoration:none;
}


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

body{
background: url(../images/bg.gif);
text-align: center;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
font-size: 12px;
line-height: 1.4;
color: #666;
}


.text-center{
text-align: center;
}

.f11{
font-size: 11px;
}

/* Escape Error in Floating Block                         */
 
.esc:after{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0px;
}
* html .esc { display: inline-block; }
/* no ie mac \*/
* html .esc { height: 1%; }
.esc { display: block; }
/* */


h1{
background: url(../images/bg_header.gif) no-repeat;
color: #fff;
font-size: 11px;
padding: 6px 12px 0px 32px;
height: 19px;
_height: 25px;
line-height: 1.125;
text-align: left;
width: 865px;
_width: 909px;
margin: 0px auto;
}

#container{
background: url(../images/bg_pagehead.gif) repeat-x;
}

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


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

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



#header-logo{
background: url(../images/bg_pagebody.gif) repeat-y;
padding: 16px 12px 0px 32px;
width: 865px;
_width: 909px;
position: absolute;
top: 25px;
height: 36px;
_height: 52px;
}

#logo-text,
#sub-text{
float: left;
}

#logo-text{
width: 490px;
height: 31px;
}

#logo-text img{
vertical-align: top;
}

#sub-text{
width: 355px;
padding-top: 13px;
}

#header-text{
background: url(../images/bg_pagebody.gif) repeat-y;
margin-top: 5px;
padding: 0px 12px 0px 32px;
width: 865px;
_width: 909px;
position: absolute;
top: 70px;
height: 153px;
}



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

パンくずリスト

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

#navi{
background: url(../images/bg_pagebody.gif) repeat-y;
position: absolute;
top: 283px;
padding: 0px 0px 0px 32px;
font-size: 11px;
text-align: left;
width: 877px;
_width: 909px;
height: 27px;
}

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

レイアウト

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

#main{
background: url(../images/bg_pagebody.gif) repeat-y;
width: 885px;
_width: 909px;
padding: 0px 12px;
position: absolute;
top: 310px;
}

#left{
width: 205px;
float: left;
}

#right{
width: 660px;
_width: 680px;
padding-right: 20px;
float: right;
}


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

フッタ

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

#footer{
width: 845px;
margin-left: 20px;

}

#footer-pagetop{
margin-top: 40px;
text-align: right;
margin-bottom: 7px;
}

#footer-container{
width: 845px;
border-top: 2px solid #172F6D;
border-bottom: 1px solid #e7e7e7;
padding: 10px 0px 25px 0px;
margin-bottom: 10px;
}

#footer-content1,
#footer-content2,
#footer-content3{
float: left;
}

#footer-content1{
width: 171px;
font-size: 14px;
font-weight: bold;
padding-top: 7px;
}

#footer-content2{
width: 104px;
margin-right: 18px;
background: url(../images/bg_footer_time2.gif) no-repeat 0px 100%;
padding-bottom: 1px;
}

#footer-content2-inner{
background: url(../images/bg_footer_time1.gif) no-repeat;
font-size: 11px;
line-height: 1.125;
padding: 5px 0px;
text-align: center;
}

#footer-content3{
width: 532px;
_width: 552px;
padding-left: 20px;
background: url(../images/bg_footer.gif) repeat-y;
}

#footer-content3 strong{
font-size: 14px;
}


#copyright{
padding-bottom: 20px;
}

#copyright p{
margin-bottom: 7px;
}

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

メインメニュー

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

#global-menu{
position:absolute;
top: 228px;
background: url(../images/bg_pagebody.gif) repeat-y;
padding: 0px 0px 0px 30px;
height: 55px;
width: 879px;
_width: 909px;
}

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

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

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

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

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

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

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


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

　左メニュー

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

.left-menu-bnr1{
margin-left: 10px;
}

.left-menu-bnr2{
margin: 10px 0px 20px 20px;
}

.left-menu-bnr3{
margin: 0px 0px 0px 16px;
}

.left-menu-bnr4{
margin: 0px 0px 0px 20px;
}

.left-menu-header{
background: url(../images/bg_header_left.gif) repeat-x 0px 100%;
padding-bottom: 6px;
margin-left: 20px;
width: 170px;
font-size: 13px;
font-weight: bold;
}

.left-menu-contents{
background: #F7F6EE;
margin-left: 20px;
margin-bottom: 15px;
width: 160px;
_width: 170px;
padding: 8px 5px 0px 5px;
margin-top: 1px;
}

.left-menu-list{
padding-bottom: 10px;
}

.left-menu-list li{
list-style-type: none;
background: url(../images/dotline_s.gif) repeat-x 0px 100%;
padding-bottom: 4px;
padding-left: 10px;
margin-bottom: 5px;
}

.left-menu-list-header{
background: url(../images/dotline_s.gif) repeat-x 0px 100%;
padding-bottom: 4px;
margin-left: 0px;
margin-bottom: 7px;
width: 160px;
font-size: 11px;
font-weight: bold;
}

.left-menu-list img{
vertical-align: middle;
}

.left-menu-list li a,
.left-menu-list li a:link,
.left-menu-list li a:visited{
color: #562923;
text-decoration:none;
font-size: 11px;
}

.left-menu-list li a:hover{
color: #CE6702;
text-decoration:none;
font-size: 11px;
}

.title-bl,
.title-r,
.title-y,
.title-br,
.title-bk{
padding: 4px 0px 2px 3px;
}

.title-bl{
border-left: 3px solid #172F6D;
color: #172F6D;
}

.title-r{
border-left: 3px solid #A21E00;
color: #A21E00;
}

.title-y{
border-left: 3px solid #DF8D20;
color: #DF8D20;
}

.title-br{
border-left: 3px solid #562923;
color: #562923;
}

.title-bk{
border-left: 3px solid #000;
color: #000;
}

.left-menu-list .left-menu-list-end{
background:#F7F6EE;
padding-bottom: 0px;
padding-left: 10px;
margin-bottom: 0px;
}

.left-menu-lnk-contents{
background: #F7F6EE;
margin-left: 20px;
margin-bottom: 15px;
width: 160px;
_width: 170px;
padding: 5px;
margin-top: 1px;
font-size: 11px;
}

.left-menu-lnk-body{
margin-top: 3px;
}

#left-menu-lnk-body1{
padding-bottom: 10px;
background: url(../images/dotline_s.gif) repeat-x 0px 100%;
margin-bottom: 6px;
}

.team-6{
margin: 10px 0px 0px 20px;
}

.kirie-bnr{
margin: 20px 0px 0px 20px;
}

#bnr-fee{
margin-bottom: 5px;
}


#btn-case{
margin-bottom: 2px;
}

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

#btn-magazine{
margin-bottom: 15px;
}

#howto-container{
 background: url(../images/bg_howto.gif) no-repeat 0px 100%;
 width: 160px;
 _width: 170px;
 padding: 0px 5px 4px 5px;
 margin-bottom: 6px;
 margin-left: 20px;
}


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

　メニューボタン

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


#btn-guide a{
display: block;
background: url(../images/bnr_guide.gif) no-repeat;
width:180px; height:65px;
}

#btn-guide a:hover{
background: url(../images/bnr_guide_on.gif) no-repeat;
}


#btn-repeat a{
display: block;
background: url(../images/bnr_repeat.gif) no-repeat;
width:180px; height:45px;
}

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

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

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

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

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

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

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