/* ----- clear fix ----- */

.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
.clearfix {
display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix{
display:block;
}


/* ----- clear ----- */

.clear {
clear:both;
width:1px;
height:1px;
overflow:hidden;
}

/*========== frame ===========*/

#content{
width:756px;
height:100%;
margin:0 auto 0 auto;
z-index:1;
}

/*========== header ===========*/
#header{
width:756px;
height:87px;
background:url(../img/common/bg_header.gif) no-repeat bottom left;
margin:30px auto 0 auto;
}

h1{
width:200px;
float:left;
}

h1 img{
margin:18px 0 0 15px;
}

#header ul{
width:529px;
float:right;
}

#header ul li{
width:auto;
float:left;
margin:0 2px 0 0;
text-indent:-9999px;
}

#header ul li a{
display:block;
height:67px;
}

/*==== g_navi ======*/

.home a:hover img{
visibility:hidden;
}

.home a {
width:45px;
background:url(../img/common/gv_home.gif) no-repeat 0 -2px;
}
.home a:hover{
background:url(../img/common/gv_home.gif) no-repeat 0 -71px;
}

.about a {
width:52px;
background:url(../img/common/gv_about.gif) no-repeat 0 -2px;
}
.about a:hover{
background:url(../img/common/gv_about.gif) no-repeat 0 -71px;
}

.collection a {
width:85px;
background:url(../img/common/gv_collection.gif) no-repeat 0 -2px;
}
.collection a:hover{
background:url(../img/common/gv_collection.gif) no-repeat 0 -71px;
}

.shop a {
width:45px;
background:url(../img/common/gv_shop.gif) no-repeat 0 -2px;
}
.shop a:hover{
background:url(../img/common/gv_shop.gif) no-repeat 0 -71px;
}

.stocklist a {
width:79px;
background:url(../img/common/gv_stocklist.gif) no-repeat 0 -2px;
}
.stocklist a:hover{
background:url(../img/common/gv_stocklist.gif) no-repeat 0 -71px;
}

.blog a {
width:45px;
background:url(../img/common/gv_blog.gif) no-repeat 0 -2px;
}
.blog a:hover{
background:url(../img/common/gv_blog.gif) no-repeat 0 -71px;
}

.gallery a {
width:66px;
background:url(../img/common/gv_gallery.gif) no-repeat 0 -2px;
}
.gallery a:hover{
background:url(../img/common/gv_gallery.gif) no-repeat 0 -71px;
}

.link a {
width:40px;
background:url(../img/common/gv_link.gif) no-repeat 0 -2px;
}
.link a:hover{
background:url(../img/common/gv_link.gif) no-repeat 0 -71px;
}

.music a {
width:50px;
background:url(../img/common/gv_music.gif) no-repeat 0 -2px;
}
.music a:hover{
background:url(../img/common/gv_music.gif) no-repeat 0 -71px;
}


.home_on a{
width:45px;
background:url(../img/common/gv_home.gif) no-repeat 0 -71px;
}

.about_on a{
width:52px;
background:url(../img/common/gv_about.gif) no-repeat 0 -71px;
}

.collection_on a{
width:85px;
background:url(../img/common/gv_collection.gif) no-repeat 0 -71px;
}

.shop_on a{
width:45px;
background:url(../img/common/gv_shop.gif) no-repeat 0 -71px;
}

.stocklist_on a{
width:79px;
background:url(../img/common/gv_stocklist.gif) no-repeat 0 -71px;
}

.blog_on a{
width:45px;
background:url(../img/common/gv_blog.gif) no-repeat 0 -71px;
}

.gallery_on a{
width:66px;
background:url(../img/common/gv_gallery.gif) no-repeat 0 -71px;
}

.link_on a{
width:40px;
background:url(../img/common/gv_link.gif) no-repeat 0 -71px;
}

.music_on a {
width:50px;
background:url(../img/common/gv_music.gif) no-repeat 0 -71px
}

/*========== main ===========*/

#main{
width:516px;
float:left;
background:url(../img/common/bg_main.png) repeat-y 0 0;
}

#main #speacer1{
height:59px;
}

#speacer2{
height:1px;
}

#main .ttl{
width:493px;
background:url(../img/common/bg_main.png) repeat-y 0 0;
padding:5px 15px;
margin:0 0 15px 0;
}

html>/**/body #main .ttl{width:485px;}
* html #main .ttl{width:485px;}

#main .ttl h2 {
width:320px;
float:left;
font-size:18px;
color:#e83606;
line-height:19px;
}

#main .ttl p{
width:153px;
float:right;
padding:5px 0 0 0;
color:#FFFFFF;
text-align:right;
margin:0;
}

#main .cont{
width:484px;
margin:0 0 0 15px;
color:#FFFFFF;
}

#main .cont p{
padding:10px 0 20px 0;
}

/*========== page ===========*/

#page{
width:516px;
height:18px;
padding-top:5px;

background:url(../img/common/bg_body.gif) repeat 0 0;
}

#page .next{
	float:right;
}

#page .back{
	float:left;
}

/*========== side ===========*/
#side{
width:230px;
overflow:hidden;
float:right;
margin-right:1px;
color:#ffffff;
}

* html #side{
margin-right:0px;
}

.button{
width:230px;
height:52px;
margin-bottom:10px;
text-align:center;
}

.mr4{
margin-right:1px;
}

.data{
width:230px;
height:363px;
padding:7px 0;
background:url(../img/common/bg_side.gif) 0 0;
}

#box{
width:225px;
height:363px;
overflow:hidden;
}

.scroll_side{
width:205px;
height:1000px;
margin:0 5px 0 10px;
border:none;
color:ffffff;
}

.scroll_side dt{
margin:0 0 5px 0;
width:180px;
}
.scroll_side dd{
padding:0 0 15px 0;
width:180px;
color:#FFF;
}

.scroll_side p{
width:185px;
}

.archives{
width:230px;
margin:10px 0 0 0;
padding:15px 0 5px 0;
background:url(../img/common/bg_side.png) 0 0;
color:#FFFFFF;
}

.archives h3{
margin:0 15px;
}

.archives ul{
margin:10px 15px;
line-height:1.2;
}

.twit{
	padding-top:10px;
}

/*========== footer ===========*/
#footer{
width:756px;
height:79px;
background:url(../img/common/bg_footer.gif) no-repeat 0 0;
margin:0 auto 0 auto;
}

#footer ul{
width:450px;
padding:27px 0 0 15px;
}

#footer ul li{
float:left;
margin-right:11px;
}

#footer address{
width:147px;
float:right;
padding:26px 15px 0 0;
}


#footer .mailinglist a{
width:58px;
height:7px;
display:block;
background:url(../img/common/footnavi_mailinglist.gif) left 7px;
overflow:hidden;
text-indent:-9999px;
}

#footer .mailinglist a:hover{
background:url(../img/common/footnavi_mailinglist.gif) left top;
}

#footer .mailinglist_on a{
width:58px;
height:7px;
display:block;
background:url(../img/common/footnavi_mailinglist.gif) left top;
overflow:hidden;
text-indent:-9999px;
}

#footer .contact a{
width:39px;
height:7px;
display:block;
background:url(../img/common/footnavi_contact.gif) left 7px;
overflow:hidden;
text-indent:-9999px;
}

#footer .contact a:hover{
background:url(../img/common/footnavi_contact.gif) left top;
}

#footer .contact_on a{
width:39px;
height:7px;
display:block;
background:url(../img/common/footnavi_contact.gif) left top;
overflow:hidden;
text-indent:-9999px;
}

#footer .facebook a{
width:46px;
height:7px;
display:block;
background:url(../img/common/footnavi_facebook.gif) left 7px;
overflow:hidden;
text-indent:-9999px;
}

#footer .facebook a:hover{
background:url(../img/common/footnavi_facebook.gif) left top;
}

#footer .twitter a{
width:38px;
height:7px;
display:block;
background:url(../img/common/footnavi_twitter.gif) left 7px;
overflow:hidden;
text-indent:-9999px;
}

#footer .twitter a:hover{
background:url(../img/common/footnavi_twitter.gif) left top;
}

#footer .pp a{
width:72px;
height:7px;
display:block;
background:url(../img/common/footnavi_pp.gif) left 7px;
overflow:hidden;
text-indent:-9999px;
}

#footer .pp a:hover{
background:url(../img/common/footnavi_pp.gif) left top;
}

#footer .sp a{
width:54px;
height:7px;
display:block;
background:url(../img/common/footnavi_sp.gif) left 7px;
overflow:hidden;
text-indent:-9999px;
}

#footer .sp a:hover{
background:url(../img/common/footnavi_sp.gif) left top;
}


/*========== com_style ===========*/
.pdtb20{
padding-top:20px;
padding-bottom:20px;
}

.mgb20{
margin-bottom:20px;
}

/*========== about ===========*/
#about #main{
padding-bottom:15px;
}

#about #main img{
margin:15px 15px 0 15px;
}

#about .data{
	height:1488px;
}

#about #box{
	height:1488px;
}
#about .scroll_side{
height:2150px;
}

#about .scroll_side p span{
	font-size:10px;
}

.scroll_side p.add{
margin:20px 0 0 0px;
}

/*========== blog ===========*/
#blog .data{
width:230px;
height:500px;
padding:10px 0;
background:url(../img/common/bg_side.gif) 0 0;
}

#blog .category{
width:225x;
height:429px;
margin:0 5px 0 10px;
overflow:hidden;
border:none;
color:ffffff;
}

#blog .category dl{
float:left;
width:103px;
margin-bottom:10px;
}

#blog .category dt{
float:left;
width:97px;
}

#blog .category dd{
margin-top:3px;
float:left;
width:97px;
font-size:10px;
line-height:120%;
}


/*========== collection ===========*/

#collection h2{
margin-bottom:15px;
}

#collection #main .cont{
width:486px;
margin:0 auto;
}

#collection #main .cont img{
margin-bottom:10px;
}

#collection #main h3{
margin:5px 0 10px 0;
color:#FFFFFF;
}

#collection #main ul{
padding:0px 0 15px 0;
color:#FFFFFF;
}

#collection #main li{
margin:-3px 0;
padding:0;
color:#FFFFFF;
}

#collection2 #main2{
	width:754px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:17px;
	position:relative;
	background:url(../img/mailinglist/bg_mailinglist_main.png) repeat-y 0 0;
}

#scrollbar2 {
	background:url(../img/common/scrollBar.gif);
	position:absolute;
	bottom:0;
	right:0;
	height: 7px;
	width: 754px;
	overflow:hidden;
}
#scrollbar2 .scroll-knob{
	height: 7px;
	background:url(../img/common/scrollHandleBG.gif);
	z-index:10;
	cursor:pointer;
}

#scrollbar1 {
	position:absolute;
	bottom:0;
	right:0;
	height: 7px;
	width: 754px;
}
#scrollbar1 .scroll-knob{
	height: 7px;
	z-index:10;
	cursor:pointer;
}

#collection2 #content2 img{
	float:left;	
}

/*========== gallery ===========*/

#gallery .data{
width:230px;
height:500px;
padding:10px 0;
background:url(../img/common/bg_side.gif) 0 0;
}

#gallery .category{
width:225px;
height:500px;
margin:0 5px 0 10px;
overflow:hidden;
border:none;
color:ffffff;
}

#gallery #side dl{
position:relative;
width:195px;
margin:0 0 5px 0;
}

#gallery #side dl dt{
width:100px;
}

#gallery #side dl dd{
width:95px;
position:absolute;
bottom:3px;
right:0;
font-size:10px;
line-height:120%;
}

/*========== link ===========*/
#link h2{
margin-bottom:15px;
}

#link #main ul{
width:180px;
text-align:left;
color:#FFFFFF;
padding:0 0 30px 45px;
float:left;
}

#link #main .cont{
padding:15px 20px 0 0;
}

/*========== mailinglist ===========*/

#mailinglist h2{
margin-bottom:15px;
}

#mailinglist #main{
width:756px;
background:url(../img/mailinglist/bg_mailinglist_main.png) repeat-y 0 0;
color:#FFFFFF;
}

#mailinglist .cont{
width:726px;
}

#mailinglist #main .new{
display:block;
margin:0 0 10px 0;
}
#mailinglist #main ul{
padding:0 0 15px 0;
width:726px;
}

#mailinglist #main ul li{
float:left;
padding:0 10px 0 0;
width:161px;
}

/*========== shoplist ===========*/
#shoplist {
color:#FFFFFF;
}

#shoplist h2{
margin-bottom:15px;
}

#shoplist #main h3{
margin:0 0 15px 0;
}

#shoplist #main ul{
margin:0 0 15px 0;
line-height:1.2;
}

#shoplist #main li{
margin-top:10px;
}


/*========== stocklist ===========*/
#stocklist {
color:#FFFFFF;
}

#stocklist h2{
margin-bottom:15px;
}

#stocklist #main h3{
margin:0 0 15px 0;
}

#stocklist #main ul{
margin:0 0 15px 0;
line-height:1.2;
}

#stocklist #main li{
margin-top:10px;
}

/*========== contact ===========*/

#contact h2{
margin-bottom:10px;
}

#contact #main{
width:756px;
background:url(../img/mailinglist/bg_mailinglist_main.png) repeat-y 0 0;
color:#FFFFFF;
line-height:2.3;
}

#contact #main .cont{
width:726px;
padding:0;
}


#contact #main ul {
margin:0 0 10px 0;
}

#contact #main a{
color:#e83606;
font-weight:bold;
text-decoration:none;
}

#contact #main a:hover{
color:#e83606;
text-decoration:underline;
}