@charset "utf-8";
/* CSS Document */



/* ヘッダーナビ
---------------------------------------------------- */
#header_nav{
float:right;
width:244px;
height:25px;
text-align:left;
display:inline;
margin:0px 20px 11px 0px;
overflow: hidden;
}

#header_nav ul{
padding:0px 0px 0px 0px;
margin:0px;
height:25px;
list-style:none;
}

#header_nav li{
padding:0px;
margin:0px 0px 0px 0px;
height:25px;
text-decoration: none;
display:block;
float:left;
text-indent:-9999px;
background: url(../common/bt_header_nav.gif);
background-repeat: no-repeat;
}

#header_nav li a{
padding:0px;
margin:0px;
height:25px;
text-decoration: none;
display:block;
background: url(../common/bt_header_nav.gif);
background-repeat: no-repeat;
outline:none;
}

#header_nav li#special              {width:122px;background-position:0px -25px;}
#header_nav li#search               {width:122px;background-position:-122px -25px;}


#header_nav li#special              a{width:122px;background-position:0px 0px;}
#header_nav li#search               a{width:122px;background-position:-122px 0px;}


#header_nav li#special              a:hover{width:122px;background-position:0px -25px;}
#header_nav li#search               a:hover{width:122px;background-position:-122px -25px;}




/* ヘッダーサブナビ
---------------------------------------------------- */
#sub_nav_area{
float:right;
width:643px;
margin:0px 0px 10px 0px;
_margin:-9px 0px 0px 0px;
}

#sub_nav{
float:right;
width:380px;
margin:0px 0px 0px 0px;
}

#sub_nav .img_bt_10{
float:left;
margin:5px 10px 0px 0px;
}

#sub_nav .img_bt_0{
float:left;
margin:0px 0px 0px 0px;
}




/* メニューナビ
---------------------------------------------------- */

#nav{
clear:both;
width:760px;
height:30px;
text-align:left;
display:inline;
float:left;
font-size:1%;
line-height:1;
background: url(../common/bt_nav.jpg);
background-repeat: no-repeat;
}

#nav ul{
padding:0px 0px 0px 0px;
margin:0px;
height:30px;
list-style:none;
}

#nav li{
padding:0px;
margin:0px 0px 0px 0px;
height:30px;
text-decoration: none;
display:block;
float:left;
text-indent:-9999px;
background: url(../common/bt_nav.jpg);
background-repeat: no-repeat;
}

#nav li a{
padding:0px;
margin:0px;
height:30px;
text-decoration: none;
display:block;
background: url(../common/bt_nav.jpg);
background-repeat: no-repeat;
outline:none;
}

#nav li#home                   {width:151px;background-position:0px -30px;}
#nav li#about                  {width:152px;background-position:-151px -30px;}
#nav li#product                {width:152px;background-position:-303px -30px;}
#nav li#introduction           {width:153px;background-position:-455px -30px;}


#nav li#home                   a{width:151px;background-position:0px 0px;}
#nav li#about                  a{width:152px;background-position:-151px 0px;}
#nav li#product                a{width:152px;background-position:-303px 0px;}
#nav li#introduction           a{width:153px;background-position:-455px 0px;}


#nav li#home                   a:hover{width:151px;background-position:0px -30px;}
#nav li#about                  a:hover{width:152px;background-position:-151px -30px;}
#nav li#product                a:hover{width:152px;background-position:-303px -30px;}
#nav li#introduction           a:hover{width:153px;background-position:-455px -30px;}





/* 詳細ナビ
---------------------------------------------------- */

#detail_nav{
clear:both;
width:738px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 20px;
text-align:left;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

#detail_nav img{
margin:7px 20px 7px 0px;
}


.link_mark_d01{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 7px;
background:url(../common/ic_link04.gif) no-repeat 0px 70%;
}
.link_mark_d02{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 7px;
background:url(../common/ic_link05.gif) no-repeat 0px 70%;
}
.link_mark_d03{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 7px;
background:url(../common/ic_link06.gif) no-repeat 0px 70%;
}

#detail_nav a:link{color:#333333; text-decoration:none;}
#detail_nav a:visited{color:#333333; text-decoration:none;}
#detail_nav a:hover, a:active{color:#333333; text-decoration:underline;}

.selected01{color:#0a4e97;}
.selected02{color:#02a0cd;}
.selected03{color:#7cc516;}

/* 販売形態・価格ナビ
---------------------------------------------------- */

#product_nav{
clear:both;
width:760px;
height:40px;
margin:0px 0px 20px 0px;
text-align:left;
display:inline;
float:left;
font-size:1%;
line-height:1;
}

#product_nav ul{
padding:0px 0px 0px 0px;
margin:0px;
height:40px;
background: url(../product/images/bt_product_nav.jpg);
background-repeat: no-repeat;
list-style:none;
}

#product_nav li{
padding:0px;
margin:0px 0px 0px 0px;
height:40px;
text-decoration: none;
display:block;
float:left;
text-indent:-9999px;
background: url(../product/images/bt_product_nav.jpg);
background-repeat: no-repeat;
}

#product_nav li a{
padding:0px;
margin:0px;
height:40px;
text-decoration: none;
display:block;
background: url(../product/images/bt_product_nav.jpg);
background-repeat: no-repeat;
outline:none;
}

#product_nav li#top                      {width:126px;background-position:0px -40px;}
#product_nav li#design                   {width:148px;background-position:-126px -40px;}
#product_nav li#dammy01                  {width:161px;background-position:-274px -40px;}
#product_nav li#dammy02                  {width:161px;background-position:-435px -40px;}
#product_nav li#dammy03                  {width:164px;background-position:-596px -40px;}


#product_nav li#top                      a{width:126px;background-position:0px 0px;}
#product_nav li#design                   a{width:148px;background-position:-126px 0px;}
#product_nav li#dammy01                  a{width:161px;background-position:-274px 0px;}
#product_nav li#dammy02                  a{width:161px;background-position:-435px 0px;}
#product_nav li#dammy03                  a{width:164px;background-position:-596px 0px;}


#product_nav li#top                      a:hover{width:126px;background-position:0px -40px;}
#product_nav li#design                   a:hover{width:148px;background-position:-126px -40px;}
#product_nav li#dammy01                  a:hover{width:161px;background-position:-274px -40px;}
#product_nav li#dammy02                  a:hover{width:161px;background-position:-435px -40px;}
#product_nav li#dammy03                  a:hover{width:164px;background-position:-596px -40px;}




/* よくあるご質問ナビ
---------------------------------------------------- */

#faq_nav{
clear:both;
width:760px;
height:20px;
margin:0px 0px 20px 0px;
text-align:left;
display:inline;
float:left;
font-size:1%;
line-height:1;
}

#faq_nav ul{
padding:0px 0px 0px 0px;
margin:0px;
height:20px;
background: url(../common/bt_faq_nav.jpg);
background-repeat: no-repeat;
list-style:none;
}

#faq_nav li{
padding:0px;
margin:0px 0px 0px 0px;
height:20px;
text-decoration: none;
display:block;
float:left;
text-indent:-9999px;
background: url(../common/bt_faq_nav.jpg);
background-repeat: no-repeat;
}

#faq_nav li a{
padding:0px;
margin:0px;
height:20px;
text-decoration: none;
display:block;
background: url(../common/bt_faq_nav.jpg);
background-repeat: no-repeat;
outline:none;
}

#faq_nav li#product                    {width:153px;background-position:0px -20px;}
#faq_nav li#introduction               {width:152px;background-position:-153px -20px;}


#faq_nav li#product                    a{width:153px;background-position:0px 0px;}
#faq_nav li#introduction               a{width:152px;background-position:-153px 0px;}


#faq_nav li#product                    a:hover{width:153px;background-position:0px -20px;}
#faq_nav li#introduction               a:hover{width:152px;background-position:-153px -20px;}