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

@charset "UTF-8";
/* CSS Document */
	
#header_logo{
	padding-left:45px;
	padding-top:200px;
	padding-right:5px;
	display:block;
	width:189px;
	height:75px;
	margin-right:10px;
	}
	
.other_logo{
	padding-left:15px;
	padding-top:8px;
	padding-right:5px;
	display:block;
	width:251px;
	height:116px;
	margin-right:10px;
	}	

/* この辺位から付け足した */

#top_contact{
	float:right;
	margin-top:1px;
	}
*+html #top_contact{
	margin-top:0px;}
	
#other_menu_header{
	width:314px;
	float:left;
		height:1850px;
	background-image:url(../img/side_back.png);
	background-position:left top;
	background-repeat:no-repeat!important;
	}
.class_name{
	font-size:14px;
	font-weight:bold;
	color:#894077}
.good{
	width:314px;
	float:left;
		height:2970px !important;
	background-image:url(../img/side_back2.png) !important;
	background-repeat:no-repeat!important;
	background-position:left top;
	}

.good2{
	width:314px;
	float:left;
		height:1400px !important;
	background-image:url(../img/side_back3.png) !important;
	background-repeat:no-repeat!important;
	background-position:left top;
	}
	
.good3{
	width:314px;
	float:left;
		height:2500px !important;
	background-image:url(../img/side_back2.png) !important;
	background-repeat:no-repeat!important;
	background-position:left top;
	}	
	
.good4{
	width:314px;
	float:left;
		height:2100px !important;
	background-image:url(../img/side_back2.png) !important;
	background-repeat:no-repeat!important;
	background-position:left top;
	}		
	#page-top {
position: fixed;
bottom: 20px;
right: 150px;
font-size: 77%;
}
#page-top a {
background: #cd93b9;
text-decoration: none;
color: white;
width: 100px;
padding: 25px 0;
text-align: center;
display: block;
border-radius: 10px;
}

#page-top a:hover {
background: #a4688f;
}

*+html #other_menu_header{
	margin-top:0px;
	clear:both;
	height:1440px;
	}
	
ul#nav {
float:right;
margin-top:10px;
margin-right:34px;
margin-bottom:30px;

}
	
*+html ul#nav {
float:right;
width:102px;
margin-top:10px;
margin-right:34px;
margin-bottom:30px;

}	
ul#nav li {
list-style-type: none;
text-indent: -9999px;


}

#nav li a{
	display:block; 
	margin-top:20px;
	float:right;
	clear:both;
	background-repeat: no-repeat; 
background-position: left top;}

#nav li a:hover{
	background-repeat: no-repeat; 
background-position: right bottom;}

#nav li#menu01 a {
width: 51px;
background-image: url(../img/menu1.png);
}
#nav li#menu01 a:hover {
	background-image: url(../img/menu1_on.png);
}
#nav li#menu02 a {
width: 69px;
background-image: url(../img/menu2.png);
}
#nav li#menu02 a:hover {
	background-image: url(../img/menu2_on.png);
}
#nav li#menu03 a {
width: 94px;
background-image: url(../img/menu3.png);
}
#nav li#menu03 a:hover {
	background-image: url(../img/menu3_on.png);
}
#nav li#menu04 a {
width: 102px;
background-image: url(../img/menu4.png);
}
#nav li#menu04 a:hover {
	background-image: url(../img/menu4_on.png);
}
#nav li#menu05 a {
width: 94px;
background-image: url(../img/menu5.png);
}
#nav li#menu05 a:hover {
	background-image: url(../img/menu5_on.png);
}
#nav li#menu06 a {
width: 50px;
background-image: url(../img/menu6.png);
}
#nav li#menu06 a:hover {
	background-image: url(../img/menu6_on.png);
}

#nav li#menu07 a {
width: 89px;
background-image: url(../img/menu7.png);
}
#nav li#menu07 a:hover {
	background-image: url(../img/menu7_on.png);
}

#nav li a{
	margin-left:-2px;}
*+html #nav li#menu a{
	margin-left:-20px !Important;}	
#nav li#menu01 a{
	margin-top:8px;
	margin-left:-2px !important}
.clearfix {
display: block;
}	


/* side_menu2 */


#menu_bar {
height: 45px;
width: 900px;
margin: 0px auto;
padding: 0px 100px;
background: 
#EDF4F9;
}
ul#menu li a span {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
background-attachment: scroll;
background-image: url(../img/header.png);
background-repeat: no-repeat;
background-position: left bottom;
}

ul#menu li a {
display: block;
height: 45px;
position: relative;
background-attachment: scroll;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
background-position: left top;
}

ul#menu li {
float: left;
}

ul#menu li a.home {
width: 150px;
}

ul#menu li a.menu {
width: 150px;
background-position: -150px 0px;
}

ul#menu li a.news {
width: 150px;
background-position: -300px 0px;
}

ul#menu li a.shopinfo {
width: 150px;
background-position: -450px 0px;
}

ul#menu li a.contact {
width: 150px;
background-position: -600px 0px;
}

ul#menu li a.onlineshop {
width: 150px;
background-position: -750px 0px;
}

/* on hover - ポインター形状 */
ul#menu li a span:hover {
	cursor:pointer;
}

/* panlizu */
#pankuzu{
	width:100%;
	clear:both;
	height:30px;
	margin-top:40px;
	background-color:#ffffff;
	background-image:url(../img/header_line1.png) ;
background-repeat:repeat-x;
background-position:left top;
background-color:#f9e9da
}

#topicPath {
width:900px;
height:10px;
margin:0px auto;
text-align:left;

}

#topicPath li {
float: left;
margin-top:10px;
font-size: 91%;
}

#topicPath li a {
margin-right: 5px;
}	

li.moji{
	margin-top:12px !important;}
/* side_menu */


#side {
padding: 0px 12px 0px 0px;
width: 310px;
float:left;
height: auto;
}


/* side_固定スクロール部分 */

.sidebar {
  position: relative;
  float: left;
  width: 210px;
}

.nav {
  width: 210px;
  height: auto;    /* デモ用 */
}

.fixed {
  position: fixed;
  top: 20px;
}

/* side_固定スクロール部分end */

.sidebar li{
	width:210px;
	height:50px;
	margin-top:25px;
	border: 1px solid 
#F2E0A7;
	}		

.side_deco{
	width:169px;
	margin:0px auto 30px;
}
.side_deco2{
	width:169px;
	margin:60px auto 20px;
}

#sidemenu {
  position: relative;
  float: left;
  width: 210px;
}

.sidebar {
  width: 210px;
  float:left;
  height: 210px;    /* デモ用 */
}

.fixed {
  position: fixed;
  top: 20px;
}
/* end side_menu */


.side_bar{
	float:right;
	width:210px;
	padding-bottom:0px;
	}
	
.sidebar1 {
	float: right;
	width: 180px;
	background-color: #EADCAE;
	padding-bottom: 10px;
}

ul.nav {
	list-style: none; 

	margin-bottom: 15px;
}


ul.nav a, ul.nav a:visited { 
	display: block;
	width: 160px;
	text-decoration: none;

}


ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	color: #FFF;
}


/* top news */



#news_area ul li {
border-bottom: 1px dotted 
#666;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 15px;
clear: both;
padding-left: 30px;
background: url(images/5.gif) no-repeat 2% 52%;
}


.bg2{
	background: #f0f0f0;
	
}


.readmore {
	-moz-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 0px 0px 0px #fce2c1;
	box-shadow:inset 0px 0px 0px 0px #fce2c1;
	background-color:#ffcb8c;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #f5c470;
	display:inline-block;
	color:#ffffff !important;
	font-family:Trebuchet MS;
	font-size:14px;
	float:right;
	font-weight:normal;
	padding:2px 14px;
	text-decoration:none;
	text-shadow:1px 1px 3px #cc9f52;
}.readmore:hover {
	background-color:#fca63c;
}.readmore:active {
	position:relative;
	top:1px;
}

.yoyakuhe{
	float:right;
	margin-top:40px;
	margin-bottom:10px;}

#contact_top_margin{
	margin-top:0px !important;
	margin-bottom:20px}
	
	
	
*+html .side_deco{
	width:169px;
	margin:0px auto 0px !important;
}


*+html .side_deco2{
	width:169px;
	margin:50px auto 0px !important;
}

*+html .slow{
	width:390px;
	float:right;
	display:inline;}