


/*
	1 : Header
	2：Side Navigation
	3：Footer
	0 : Information
 */


/* ***********************************************************************
	1 : Header
*********************************************************************** */
#glovalNavi {
    position: relative;
    width: 750px;
    margin: 7px auto 0;
    font-size: 0.8em;
}
#glovalNavi #discription #serch {
    float: right;
    margin-top: 20px;
}
#glovalNavi #rogo #rogo_img {
    float: left;
}
#glovalNavi #rogo #catch {
    float: left;
    margin-top: 25px;
}
#glovalNavi #naviList {
    list-style-type: none;
    background-position: top left;
    background-repeat: no-repeat;
}
#glovalNavi #naviList li {
    float: left;
    width: 125px;
    height: 18px;
}
#glovalNavi #naviList a {
    display: block;
    width: 125px;
    height: 18px;
    padding-top: 3px;
    background-image: url(../../img/navi/header/header-bg.gif);
    color: #FFF;
    text-align: center;
    text-decoration: none;
}
#glovalNavi #naviList a:hover {
    background-position: 0 -21px;
}
#glovalNavi #naviList #list1 a {
    background-image: url(../../img/navi/header/header-bg-left.gif);
}
#glovalNavi #naviList #list6 a {
    width: 115px;
    padding-left: 10px;
    background-image: url(../../img/navi/header/header-bg-right.gif);
}



/* ******************** 08-02より↓↑は不要 ******************** */
#header {
    position: relative;
    width: 750px;
    height: 100%;
    margin-bottom: 15px;
    padding-top: 12px;
    background: url(../../img/navi/header/head-bg.gif) top left no-repeat;
}
#header h1 a,#header .honpoTheme,#header li a {
    text-indent: -9999px;
    text-decoration: none;
    vertical-align: bottom;
}
#header h1 a {
    display: block;
    width: 258px;
    height: 44px;
    line-height: 44px;
    background: url(../../img/navi/header/rogo.gif) top left no-repeat;  
    overflow: hidden;
}
#header .honpoTheme {
    position: absolute;
    top: 23px;
    left: 300px;
    width: 400px;
    height: 10px;
    line-height: 10px;
    background: url(../../img/navi/header/self-reform.gif) top left no-repeat;  
}

/* ******************** Sub List ******************** */
#header #sublist li {
    float: left;
    margin-right: 10px;
    margin-top: 14px;
    list-style-type: none;
}
#header #sublist li a {
    display: block;
    height: 19px;
}
#header #sublist li.guide a {
    width: 67px;
    background: url(../../img/navi/header/guide.gif) top left no-repeat;  
}
#header #sublist li.mina a {
    width: 92px;
    background: url(../../img/navi/header/mina.gif) top left no-repeat;  
}
#header #sublist li.mail a {
    width: 125px;
    background: url(../../img/navi/header/mail-magazine.gif) top left no-repeat;  
}
#header #sublist li.koe a {
    width: 61px;
    background: url(../../img/navi/header/koe.gif) top left no-repeat;  
}
#header #sublist li.company a {
    width: 52px;
    background: url(../../img/navi/header/company.gif) top left no-repeat;  
}
#header #sublist li.cart a {
    width: 118px;
    background: url(../../img/navi/header/cart.gif) top left no-repeat;  
}
#header #sublist li.qa a {
    width: 94px;
    background: url(../../img/navi/header/qa.gif) top left no-repeat;  
}
#header .bunner {
    position: absolute;
    top: 42px;
    right: 150px;
}
/* ******************** List ******************** */
#header #headList {
    height: 25px;
    margin-top: 4px;
    background: url(../../img/navi/header/list-bg.gif) top left no-repeat;  
}
#header #headList li {
    float: left;
    height: 14px;
    margin-top: 6px;
    background: url(../../img/navi/header/list-dot.gif) top right no-repeat;  
    list-style-type: none;
}
#header #headList li.end {
    background: none;  
}
#header #headList li a {
    display: block;
    margin: 0 8px;
}
#header #headList li.home a {
    width: 41px;
    background: url(../../img/navi/header/list-home.gif) top left no-repeat;  
}
#header #headList li.wall a {
    width: 64px;
    background: url(../../img/navi/header/list-wall.gif) top left no-repeat;  
}
#header #headList li.floor a {
    width: 65px;
    background: url(../../img/navi/header/list-floor.gif) top left no-repeat;  
}
#header #headList li.window a {
    width: 65px;
    background: url(../../img/navi/header/list-window.gif) top left no-repeat;  
}
#header #headList li.interior a {
    width: 49px;
    background: url(../../img/navi/header/list-interior.gif) top left no-repeat;  
}
#header #headList li.zenjinrui a {
    width: 91px;
    background: url(../../img/navi/header/list-zenjinrui.gif) top left no-repeat;  
}
#header #headList li.bbs a {
    width: 40px;
    background: url(../../img/navi/header/list-bbs.gif) top left no-repeat;  
}
#header #headList li.toiawase a {
    width: 49px;
    background: url(../../img/navi/header/list-toiawase.gif) top left no-repeat;  
}
#header #headList li.pay a {
    width: 48px;
    background: url(../../img/navi/header/list-pay.gif) top left no-repeat;  
}
#header #headList li.souryo a {
    width: 30px;
    background: url(../../img/navi/header/list-souryo.gif) top left no-repeat;  
}
#header #headList li.henpin a {
    width: 29px;
    background: url(../../img/navi/header/list-henpin.gif) top left no-repeat;  
}

/* ******************** Search ******************** */
#header #serch {
    position: absolute;
    top: 67px;
    right: 0;
    font-size: 0.8px;
}







/* ***********************************************************************
	10000 : Header-width937px
*********************************************************************** */
#header-w937 a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#header-w937 {
    position: relative;
    width: 937px;
    margin-bottom: 0px;
}
.head-home #header-w937 h1 {
    width: 234px;
    height: 49px;
    line-height: 49px;
}
.head-home #header-w937 h1.new {
    width: 234px;
    height: 60px;
    line-height: 60px;
}
#cateHead #header-w937 h1 img {
    padding: 0 10px;
}
#header-w937 .honpoTheme {
    position: absolute;
    top: 15px;
    left: 270px;
    line-height: 1.2em;
    font-size: 15px;
}
#header-w937 .pointinfo {
    position: absolute;
    top: 15px;
    right: 0px;
}
#header-w937 .imglink {
    position: absolute;
    top: 25px;
    right: 200px;
}
#cateHead #header-w937 h2 {
    padding-top: 6px;
}


#freedial img{
    position: absolute;
    top: 5px;
    right: 0;
}
#sumaho img{
    position: absolute;
    top: 5px;
    right: 220px;
}

/* ******************** NaviList ******************** */

#header-w937 #naviList {
    height: 38px;
    list-style-type: none;
}
#header-w937 #naviList li {
    float: left;
    text-indent: -9999px;
    text-decoration: none;
    vertical-align: bottom;
}
#header-w937 #naviList li a {
    display: block;
    height: 38px;
}

#header-w937 #naviList li a:hover {
     background-position: 0 -60px ! important;
}
#header-w937 #naviList li.home a {
    width: 91px;
    background: url(../../img/navi/header-w937/top/nav-home.gif) top left no-repeat;
}
#header-w937 #naviList li.wall a {
    width: 184px;
    background: url(../../img/navi/header-w937/top/nav-wall.gif) top left no-repeat;
}
#header-w937 #naviList li.floor a {
    width: 185px;
    background: url(../../img/navi/header-w937/top/nav-floor.gif) top left no-repeat;
}
#header-w937 #naviList li.window a {
    width: 185px;
    background: url(../../img/navi/header-w937/top/nav-window.gif) top left no-repeat;
}
#header-w937 #naviList li.interior a {
    width: 184px;
    background: url(../../img/navi/header-w937/top/nav-interior.gif) top left no-repeat;
}
#header-w937 #naviList li.showroom a {
    width: 108px;
    background: url(../../img/navi/header-w937/top/nav-showroom.gif) top left no-repeat;
}

#header-w937 #naviList li a.active {
     background-position: 0 -60px ! important;
}

/* ******************** Sub List ******************** */
#header-w937 #sublist {
    position: absolute;
    top: 95px;
    list-style-type: none;
    height: 22px;
}
#header-w937 .new2  {
    margin-top: 13px;
}
#header-w937 #sublist li {
    float: left;
    text-indent: -9999px;
    text-decoration: none;
    vertical-align: bottom;
}
#header-w937 #sublist li a {
    display: block;
    height: 22px;
}
#header-w937 #sublist li a:hover {
     background-position: 0 -22px ! important;
}
#header-w937 #sublist li.home a {
    width: 63px;
    background: url(../../img/navi/header-w937/sub-top.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.guide a {
    width: 83px;
    background: url(../../img/navi/header-w937/sub-wakaba.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.souryo a {
    width: 46px;
    background: url(../../img/navi/header-w937/sub-souryo.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.shiharai a {
    width: 75px;
    background: url(../../img/navi/header-w937/sub-shiharai.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.henpin a {
    width: 77px;
    background: url(../../img/navi/header-w937/sub-henpin.gif) 0 0 no-repeat;
}

#header-w937 #sublist li.qa a {
    width: 45px;
    background: url(../../img/navi/header-w937/sub-qa.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.toiawase a {
    width: 85px;
    background: url(../../img/navi/header-w937/sub-toiawase.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.koe a {
    width: 76px;
    background: url(../../img/navi/header-w937/sub-koe.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.company a {
    width: 63px;
    background: url(../../img/navi/header-w937/sub-company.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.sitemap a {
    width: 82px;
    background: url(../../img/navi/header-w937/sub-sitemap.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.mail a {
    width: 125px;
    background: url(../../img/navi/header-w937/sub-mail.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.mailsettei a {
    width: 124px;
    background: url(../../img/navi/header-w937/sub-mail-s.gif) 0 0 no-repeat;
}

#header-w937 #sublist li.mobile a {
    width: 94px;
    background: url(../../img/navi/header-w937/sub-mobile.gif) 0 0 no-repeat;
}
#header-w937 #sublist li.cart a {
    width: 118px;
    background: url(../../img/navi/header-w937/sub-cart.gif) 0 0 no-repeat;
}

/* ******************** Search ******************** */
#header-w937 #serch {
    position: absolute;
    top: 97px;
    right: -39px;
    width: 190px;
    font-size: 0.8px;
    
}

#header-w937 #serch .b-serch {
    float: right;
    margin-bottom: 10px;
}


.sidesarch{
width: 167px;
background: #d9d1bd;
padding: 5px 0;
line-height: 140%;
}
.sidesarch form{margin: 0 5px;}
.sidesarch h3 {
font-size: 100%;
font-weight: bold;
color: #321d0d;
margin-top: 3px;
}
.sidesarch h3#item {background:url(https://image.rakuten.co.jp/kabegamiyahonpo/cabinet/goldimg/top/search-icon.gif) no-repeat left center;
padding-left:18px;}
.sidesarch h3#price {background:url(https://image.rakuten.co.jp/kabegamiyahonpo/cabinet/goldimg/top/price-icon.gif) no-repeat left center;
padding-left:18px;}

.sidesarch p{
color: #565656;
font-size: 80%;
}
.sidesarch input[type="text"]{
color: #888888;
}




/* ******************** Search ******************** */
#sidenavi #serch {
	text-align:right;
    background: url(https://image.rakuten.co.jp/kabegamiyahonpo/cabinet/goldimg/top/search-bg.jpg) bottom left no-repeat;
    width: 167px;
    height: 90px;
}
#sidenavi #serch form {
	padding:42px 10px 0 0;
}


/* ******************** toptext ******************** */
#header-w937 #toptext {
    position: absolute;
    top: 144px;
    list-style-type: none;
    height: 49px;
}
#header-w937 #toptext li {
    float: left;
    text-decoration: none;
    margin-right: 8px;
}
#header-w937 #toptext li.end {
	margin-right: 0;	
}

/* ******************** topitem ******************** */
#header-w937 #topitem {
    position: absolute;
    top: 144px;
    list-style-type: none;
}
#header-w937 #topitem li {
    float: left;
    text-decoration: none;
    margin:5px 5px 0 0;
}
#header-w937 #topitem li.end {
	margin-right: 0;	
}





/* ***********************************************************************
	2 : Side Navigation
*********************************************************************** */

#sidenavi {
    width: 167px;
}
#sidenavi a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#sidenavi .box{
    margin-bottom: 15px;
}

/* ******************** Category ******************** */

#sidenavi #sideCate {}
#sidenavi #sideCate .tit_h3 {
    border-top-width: 1px;
    border-top-style: solid;
}
#sidenavi #sideCate .zen { border: none;}
#sidenavi #sideCate .minrefo { border-top-color: #777777;}
#sidenavi #sideCate .wall { border-top-color: #777777;}
#sidenavi #sideCate .floor { border-top-color: #777777;}
#sidenavi #sideCate .window { border-top-color: #777777;}
#sidenavi #sideCate .interior { border-top-color: #777777;}
#sidenavi #sideCate .tategu { border-top-color: #777777;}
#sidenavi #sideCate .craft { border-top-color: #777777;}
#sidenavi #sideCate .tool { border-top-color: #777777;}
#sidenavi #sideCate .clean { border-top-color: #777777;}
#sidenavi #sideCate .present { border-top-color: #777777;}
#sidenavi #sideCate .outlet { border-top-color: #777777;}
#sidenavi #sideCate .auction { border-top-color: #777777;}
#sidenavi #sideCate .rakuten  { border-top-color: #777777;}

#sidenavi #sideCate .tit_h3 a {
display: block;
padding: 7px ! important;
}
#sidenavi .menu_linehight {}
#sidenavi .menu_linehight li {
    list-style: none;}
#sidenavi .menu_linehight li a {
    display: block;
    width: 157px;
    padding: 2px 0 2px 8px;
    color: #565656;
    text-decoration: none;
}
/* Hack ari*/

#sidenavi .menu_linehight li a:hover {
    color: #0000ff;
    text-decoration: underline;
}
#sidenavi .menu_linehight li a:visited {
    color: #990099;
}
#sidenavi .menu_linehight li.end {
    padding-bottom: 3px;
    border-bottom: none;
}
#sidenavi .mail {
    position: relative;
    height: 133px;
    background: url(../../img/navi/side-navi/mail.gif) top left no-repeat;
}
#sidenavi .mail form {
    position: absolute;
    top: 60px;
    left: 10px;
}
#sidenavi .mail .btn {
    margin-top: 5px;
}



/* ******************** Calender ******************** */
#sidenavi #calender {
    padding: 15px 0;
    border: 1px solid #C9C9C9;
    font-size: 80%;
    text-align: center;
}
#sidenavi #calender .wrap {
    width: 165px;
}
#sidenavi #calender .eigyo {
    margin: 5px 0 0 8px;
    text-align: left;
}
#sidenavi #calender  dl {
    margin-top: 3px;
}
#sidenavi #calender  dt {
    float: left;
    width: 7.5em;
    text-align: right;
}

#home .sut{
	margin-left: 6.6em;}



/* ******************** *** ******************** */
#sidenavi .bn {
    margin-top: 10px;
}
#sidenavi .bn a img {
    margin-bottom: 30px;
    border: 1px solid #A7ADA7;
}



/* ***********************************************************************
	3 : Footer
*********************************************************************** */
#footer {
    width: 937px;
    text-align: center;
}
#footer .footer {
    width: 937px;
    margin: 0 0 10px;
    border-top: 1px solid #696969;
    line-height: 1.7em;
}
#footer .links {
    margin: 15px 0 30px;
}
#footer .links a {
    margin-right: 10px;
    line-height: 1.8em;
}
#footer .links img {
    display: inline;
    vertical-align: text-top;
}




.footerlink {width: 750px; line-height: 140%; background: #f7f7f7; padding-bottom: 20px; margin:20px 0 20px 187px; text-align: left;}
.footerlink h2{
background: #666666;
color: #ffffff;
padding: 5px 10px;
font-size: 120%;
}
.listbox {
width: 170px;
margin-left: 10px;
float:left;
}
.howtobox {
width: 230px;
margin-left: 10px;
float:left;
}
.footerlink h3 a, .footerlink li a {color: #666666; text-decoration: none;}
.listbox a:hover ,.howtobox a:hover {color: #0066f1; text-decoration: underline;}
.listbox ul.menu,.howtobox ul.menu {font-size: 12px; list-style="none"}
.listbox li a,.howtobox li a{
margin-left: 10px;
padding-left: 10px;
background:url(https://image.rakuten.co.jp/kabegamiyahonpo/cabinet/goldimg/top/list-mark.gif) no-repeat left center; 
}
.listbox h3,.howtobox h3{
padding: 2px 5px;
background: #ffffff;
}
.listbox .midasi, .howtobox .midasi{
margin: 10px 0 5px 5px;
}
.sarchBox{
width: 178px;
background: #ffffff;
border: 1px solid #cccccc;
padding: 0 0 20px 0;
margin-top: 20px;
}
.sarchBox form{margin: 0 5px;}
.footerlink h3 {
font-size: 100%;
font-weight: bold;
color: #666666;
margin: 20px 0 10px 0;
}
h3#item {background:url(https://image.rakuten.co.jp/kabegamiyahonpo/cabinet/goldimg/top/search-icon.gif) no-repeat left center;
padding-left:18px;}
h3#price {background:url(https://image.rakuten.co.jp/kabegamiyahonpo/cabinet/goldimg/top/price-icon.gif) no-repeat left center;
padding-left:18px;}

.sarchBox p{
color: #565656;
font-size: 90%;
}
input[type="text"]{
color: #888888;
}




