@charset "UTF-8";




ul{
margin:0 0 0 0;
padding:0 0 0 0;
border:0;
}


#wp {
width: 750px;
margin:0 auto 0 auto;
background:#fff;
height:100%;
}



.link-a{
color:#647480;
text-decoration:none;
overflow:hidden;
}

.link-a:hover{
text-decoration:underline;
}

.clear{
clear:both;
}



#header_box{
/*height:320px;
position: fixed;
z-index: 999;*/
background:#fff;
}

/** html #header_box    {     
position: absolute;     
top: expression(eval(document.documentElement.scrollTop+0));  
}*/


/**************************Header******************************/

#header {

width: 710px;
padding:40px 20px 26px 20px;
padding:30px 20px 26px 20px;
height:21px;

background-color: #FFFFFF;
}

#header h1{
height:21px;
width:127px;
display:block;
float:left;
}
#header #site_navi{
font-size:10px;
margin:5px 0 0 auto;
height:16px;
list-style:none;
text-align:right;
width:300px;
}

#header #site_navi a{
height:11px;
padding:0 10px 0 15px;
background:url(http://www.nihonstiebel.co.jp/common/images/header_arrow.gif) no-repeat left center;
}
/**************************G navi******************************/


ul#pulldown-menu{
	width:750px;
	height:24px;
	margin:0 0 10px;
	clear:both;
	
}


#pulldown-menu ul li a{
	width:150px;
	height:24px;
	display:block;
}
ul#pulldown-menu li a.g_navi01{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu01.gif) no-repeat -21px top!important;
text-indent:-9999px;
}
ul#pulldown-menu li a.g_navi02{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu02.gif) no-repeat -21px top!important;
text-indent:-9999px;
}
ul#pulldown-menu li a.g_navi03{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu03.gif) no-repeat -21px top!important;
text-indent:-9999px;
}
ul#pulldown-menu li a.g_navi04{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu04.gif) no-repeat -21px top!important;
text-indent:-9999px;
}
ul#pulldown-menu li a.g_navi05{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu05.gif) no-repeat -21px top!important;
text-indent:-9999px;
}


ul#pulldown-menu li a.g_navi01:hover,
ul#pulldown-menu li a.g_navi01_on{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu01_on.gif) no-repeat -21px top!important;
text-indent:-9999px;
}
ul#pulldown-menu li a.g_navi02:hover,
ul#pulldown-menu li a.g_navi02_on{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu02_on.gif) no-repeat -21px top!important;
text-indent:-9999px;
}
ul#pulldown-menu li a.g_navi03:hover,
ul#pulldown-menu li a.g_navi03_on{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu03_on.gif) no-repeat -21px top!important;
text-indent:-9999px;
}
ul#pulldown-menu li a.g_navi04:hover,
ul#pulldown-menu li a.g_navi04_on{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu04_on.gif) no-repeat -21px top!important;
text-indent:-9999px;
}
ul#pulldown-menu li a.g_navi05:hover,
ul#pulldown-menu li a.g_navi05_on{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu05_on.gif) no-repeat -21px top!important;
text-indent:-9999px;
}

/**************************G navi******************************/


#g_navi{
width:960px;
height:24px;
margin:0 0 10px;
clear:both;
}
#g_navi ul{
list-style:none;
}
#g_navi ul li{
width:192px;
height:24px;
float:left;
}
#g_navi ul li a{
text-indent:-9999px;
width:192px;
height:24px;
display:block;
}
#g_navi ul li a.g_navi01{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu01.gif) no-repeat;
}
#g_navi ul li a.g_navi02{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu02.gif) no-repeat;
}
#g_navi ul li a.g_navi03{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu03.gif) no-repeat;
}
#g_navi ul li a.g_navi04{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu04.gif) no-repeat;
}
#g_navi ul li a.g_navi05{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu05.gif) no-repeat;
}

#g_navi ul li a.g_navi01:hover,
#g_navi ul li a.g_navi01_on{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu01_on.gif) no-repeat;
}
#g_navi ul li a.g_navi02:hover,
#g_navi ul li a.g_navi02_on{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu02_on.gif) no-repeat;
}
#g_navi ul li a.g_navi03:hover,
#g_navi ul li a.g_navi02_on{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu03_on.gif) no-repeat;
}
#g_navi ul li a.g_navi04:hover,
#g_navi ul li a.g_navi02_on{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu04_on.gif) no-repeat;
}
#g_navi ul li a.g_navi05:hover,
#g_navi ul li a.g_navi02_on{
background:url(http://www.nihonstiebel.co.jp/common/images/gmenu05_on.gif) no-repeat;
}


/**************************Navi******************************/
#navi{
width:750px;
clear:both;
height:160px;
}
#navi ul{
list-style:none;
}
#navi ul li{
width:187px;
height:160px;
float:left;
}
#navi ul li a{
text-indent:-9999px;
width:187px;
height:130px;
display:block;
}
#navi ul li a.navi01{
background:url(http://www.nihonstiebel.co.jp/common/images/menu01.jpg) no-repeat;
}
#navi ul li a.navi02{
background:url(http://www.nihonstiebel.co.jp/common/images/menu02.jpg) no-repeat;
}
#navi ul li a.navi03{
background:url(http://www.nihonstiebel.co.jp/common/images/menu03.jpg) no-repeat;
}
#navi ul li a.navi04{
background:url(http://www.nihonstiebel.co.jp/common/images/menu04.jpg) no-repeat;
}
#navi ul li a.navi01:hover,
#navi ul li a.navi01_on{
background:url(http://www.nihonstiebel.co.jp/common/images/menu01_on.jpg) no-repeat;
}
#navi ul li a.navi02:hover,
#navi ul li a.navi02_on{
background:url(http://www.nihonstiebel.co.jp/common/images/menu02_on.jpg) no-repeat;
}
#navi ul li a.navi03:hover,
#navi ul li a.navi03_on{
background:url(http://www.nihonstiebel.co.jp/common/images/menu03_on.jpg) no-repeat;
}
#navi ul li a.navi04:hover,
#navi ul li a.navi04_on{
background:url(http://www.nihonstiebel.co.jp/common/images/menu04_on.jpg) no-repeat;
}



/**************************Pan******************************/

#pan{
clear:both;
margin:10px 20px 10px 20px;
color:#647480;
font-size:10px;
}
#pan a{
text-decoration:none;
}

#pan a:hover{
text-decoration:underline;
}


/**************************main_body******************************/
#main_body{
width:960px;

margin:0 0 0 0;
/*padding:320px 0 0 0;*/
}

/**************************Pagetop******************************/
/*a colorはコンテンツ用CSSに指定*/
.pagetop{
width:920px;
text-align:right;
margin:15px auto;
font-size:10px;
clear:both;
}

.mt5{
margin-top:5px;
display:block;
}
.mb5{
margin-bottom:5px;
display:block;
}
.mb10{
margin-bottom:10px;
display:block;
}

.mb15{
margin-bottom:15px;
display:block;
}
.mb20{
margin-bottom:20px;
display:block;
}
.mb30{
margin-bottom:30px;
display:block;
}
.mb40{
margin-bottom:40px;
display:block;
}
.mb50{
margin-bottom:50px;
display:block;
}

.mb60{
margin-bottom:60px;
display:block;
}



/**************************Footer******************************/

#footer{
color:#878b8e;
font-size:10px;
background:#f3f4f4;
clear:both;
width: 920px;
padding:5px 20px;
}


/**************************other******************************/
.txt9{
font-size:9px !important;
line-height:1.2em;
}

.txt10{
font-size:10px !important;
line-height:1.2em;
}
.txt11{
font-size:11px !important;
line-height:1.2em;
}
.txt12{
font-size:12px !important;
line-height:1.2em;
}
.txt14{
font-size:14px !important;
line-height:1.2em;
}
.bold{
font-weight:bold;
}
/**************************other******************************/
#banner{
margin:15px auto;
width:700px;
clear:both;
}


.f_l{
float:left;
}
.f_r{
float:right;
}