@charset "utf-8";
/* basefile.css ------------------------------*/
* {
		margin: 0px;
		padding: 0px;
}
body {
		background-color: #ffffff;
		color: #222222;
		font-size: 90%;
		font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3"sans-serif;
		line-height:1.5;
		background-image: url(img/5.png);
}
h2,h3,h4,{
		margin-top: 1px;
		text-align: left;
}
h3{
		background-color: #ff557b ;
		
		border-bottom:2px dotted #222222 ;
		border-left:8px solid #222222;
		padding: 5px;
		margin-top: 10px;
}
h4{
		background-color: #ff557b ;
		border-bottom:2px dotted #222222 ;
		border-left:5px solid #222222;
		margin-top: 5px;
margin-left:210px;
		padding: 2px;
}

		

/* link ------------------------------*/
a:link{
		color: #35AACD;
}
a:visited{
		color:#9999ff;
}
a:hover{
		color:##CC3300;
		text-decoration:none;
}

img{
		border: none;
}
/* basic ------------------------------*/
#wrap {
		width: 950px;
		border: 1px solid #888888;
		background-color:#ECECE1 ;
		margin: 0 auto;
		box-shadow: 0px 0px 8px #888888;
-moz-box-shadow: 0px 0px 8px #888888;
-webkit-box-shadow: 0px 0px px #888888;
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#222222,strength=4) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=7)";
filter: progid:DXImageTransform.Microsoft.Glow(color=#222222,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=6);
	
}
#header{
		width: 950px;
		height: 170px;
		background-image: url(img/head_img.gif);
		background-repeat: no-repeat;
		background-position:center;
}
#main{
		width: 738px;
		padding: 0px 0px 5px 8px;
margin: 15px 0px 50px 204px;
		

}


/* menu------------------------------*/
#menu{
		background-color:#222222;
		height: 30px;
		border-left:1px solid #222222;
		border-top:1px solid #222222;

}
#menu a {
      color:#0000cc;
}

#menu a:hover{
      color:#ff0000;
}


#menu #contents{      
      width:898px;
	  margin:0 auto; 
	  background-image:url(img/main.gif);/*コンテンツ内の背景(サイズをぴったりにすること）*/
	  background-repeat:repeat-y;   /*縦に繰り返し*/
	  border:solid 1px #666666;/*サイトに枠を付ける設定,色の変更可*/
      position:relative;
      font-size:70%;
}

#menu ul{
	height:28px;
    width:898px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

#menu ul li{
	border:1px solid #222222;;
	display:inline-block;
	float:left;
	height:28px;
        width:147px;
	list-style-type:none;
	overflow:hidden;
	
}

#menu ul li a, ul li a:hover, 
ul li a:visited{
	text-decoration:none;
        color:##222222;
}

.normalMenu, .normalMenu:visited,
.hoverMenu, .hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	outline:none;
	padding:5px 10px;
	display:block;
}

.hoverMenu,.hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	margin-top:-28px;
	background:url(img/grey_bg.gif) repeat-x #eeeeee;
	color:#444444;
}

.selectedMenu,.selectedMenu:visited {
	margin:0;
}

.normalMenu, .normalMenu:visited{
	color:white;
	background:url(img/dark_bg.gif) repeat-x #444444;
}

/* navi------------------------------*/
#navi{
		width: 200px;
		background-color:#ffffff;
		float: left;
		border-right:1px solid # ;
		margin-top: 15px;

}
#navi img{
		border: none;
}

/* info------------------------------*/

#info_box{
		width:720px;
		font-size: 80%;
		padding: 0px 0px 5px 8px;
margin-top: 5px;
		

}
 .info_l{
		width:320px;
		float:left;
}
 .info_r{		
width:320px;
		float:right;
		
}


/* shop info-----------------------------*/
#shop_box{
		width:730px;
		text-align: left;
		
margin-top: 5px;
	


}
div#shop_box table{
		text-align: left;
		width: 60%;
		border: 1px solid #111111;
		border-collapse: collapse;	
		margin: 10px;
margin-left: 20px;
}
div#shop_box tr td{
		border: 1px solid #111111;
		padding: 3px 0px 3px 10px ;
		
}
div#shop_box th{
		background-color: #CC9999;
		border: 1px solid #111111;
}

#shop_box2{
		width:730px;
		text-align: left;
		
margin-top: 5px;
	


}
div#shop_box2 table{
		text-align: left;
		width: 400px;
		border: 1px solid #111111;
		border-collapse: collapse;	
		margin: 10px;
margin-left: 20px;
}
div#shop_box2 tr td{
		border: 1px solid #111111;
		padding: 3px 0px 3px 10px ;
		
}
div#shop_box2 th{
		background-color: #CC9999;
		border: 1px solid #111111;
}

div#shop_box2 img{
float: left;	
padding: 10px ;	
margin: 15px 0px 50px 10px;
}


/* shouhin ------------------------------*/
#syouhin_box{
		width: 728px;
		padding: 10px;
margin-top: 5px;
}




div#syouhin_box table{
		border: 1px solid #111111;
		text-align: right;
		width: 250px;
		margin-top: 70px;
margin-left:210px;

				
}
div#syouhin_box tr td{
		border: 1px solid #111111;
		

}
div#syouhin_box img{
float: left;
}


/* form------------------------------*/

.form{
		width:730px;
		font-size: 80%;
		padding: 2px;
		margin: 0 auto;
margin-top: 5px;
}
#search p{
		margin: 0;
}
#search #text{
		width: 150px;
		padding: 4px 10px;
		font-size: 14px;
		line-height: 1;
		border: none;
		outline: none;
		background: none;
		background-image: url();
		background-repeat: no-repeat;
}
#search #submit{
		width: 22px;
		padding: 4px 0;
		font-size: 14px;
		line-height: 1;
		border: none;
		outline: none;
		background: none;
		background-image: url();
		background-repeat: no-repeat;
		margin-left: 4px;
		vertical-align: top;
		text-indent: -9999px;
}
#search #submit:hover{
		background-position: 0 -32px;
}
div#form p a{
		color: #444444;
		
}
div#form form{
		color: #444444;
		font-size: 0.875em;
		text-align: center;
		border: solid 1px #5e8ead;
		padding: 20px;
		margin-top: 40px;
		width: 500px;
		
}
div#form table{
		text-align: left;
}
div#form td{
		vertical-align: top;
		padding-bottom: 10px;
}
div#form td info_f{
		padding-right: 15px;
		padding-left: 15px;
		background-image: url();
		background-repeat: no-repeat;
		background-position: 0 4px;
}
div#form form p{
		margin: 0;
}
div#form td span{
		color: #ff6600;
		font-size: 0.75em;
}
div#form td a{
		color: #49abdb;
		font-size: 0.75em;
}
div#form button{
		border: solid 0px #ffffff;
		background-color: #ffffff;
		width: 89px;
		height: 18px;
		margin-left: 5px;
		margin-right: 5px;
}



/* footer ------------------------------*/
#footer{
text-align: center;
font-size: 100%;
margin: 50px 0px 0px 0px ;
padding-top: 50px;
background-image:url("img/footer.png");
background-repeat: no-repeat;
clear:left;

}


address{
		font-size: 80%;
		font-style: normal;
		text-align: center;
		background-color:#ff9a9c ;
}