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


/* ------------------------------
Common
------------------------------ */
#wrapper {
	width:100%;
}

#wrap{
	width:950px;
	height: auto;
	margin:0 auto;
	padding:10px 30px 10px 20px;
	overflow:hidden;
	background-image:url(../_img/bg.gif);
	background-repeat:repeat-y;
}



/* ------------------------------
 Header
------------------------------ */
#top-txt{
	margin:0 auto;
	padding:5px;
	width:900px;
	text-align:center;
	font-size:74%;
}
#header {
	height:120px;
	padding-top: 10px;
	padding-bottom:5px;
	background-color:#008000;
	color:#fff;
}

#hd{
	margin:0 auto;
	padding:0 10px;
	width:900px;
}
	

div#logo {
	float:left;
	width:200px;
	height:100px;
	margin-top:10px;
	background-image:url(../_img/logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

div#logo a {
	display: block;
	width:200px;
	height:100px;
}

div#hd-txt{
	text-align:right;
	color:#fff;
	font-size:77%;

	
}
div#hd-info{
	float:right;
	margin-top:40px;
	width:300px;
	height:50px;
	background-image:url(../_img/hd_info.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}


/* ------------------------------
 Navigation
------------------------------ */

div#navigation{
	margin:5px auto;
	width:960px;
	font-size:77%;
}

#navigation li {
	float:left;
}
#navigation li a{
	display:block;
	height:50px;
	background-image:url(../_img/navi.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
.nav1 a{ width:192px; background-position: 0 0;}
.nav2 a{ width:192px; background-position: -192px 0;}
.nav3 a{ width:192px; background-position: -384px 0;}
.nav4 a{ width:192px; background-position: -576px 0;}
.nav5 a{ width:192px; background-position: -768px 0;}

.nav1 a:hover{ background-position: 0 -50px;}
.nav2 a:hover{ background-position: -192px -50px;}
.nav3 a:hover{ background-position: -384px -50px;}
.nav4 a:hover{ background-position: -576px -50px;}
.nav5 a:hover{ background-position: -768px -50px;}

.nav1 a.stay{ background-position: 0 -50px;}
.nav2 a.stay{ background-position: -192px -50px;}
.nav3 a.stay{ background-position: -384px -50px;}
.nav4 a.stay{ background-position: -576px -50px;}
.nav5 a.stay{ background-position: -768px -50px;}


/* ------------------------------
 container
------------------------------ */

div#container{
	margin:0 auto;
	width:960px;
}

div#cont{
	float:right;
	margin:0 auto;
	width:660px;
}

div.tittle{
	width:660px;
	height:38px;
	text-indent:-9999px;
}


div.pagetop{
	float:right;
	width:120px;
	height:20px;
	background-image:url(../_img/pagetop.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

div.pagetop a {
	display: block;
	width:120px;
	height:20px;
}


p.txt{
	margin:20px;
	margin-left:60px;
	font-size:84%;
	line-height:150%;
	
}

p.txt2{
	margin:20px;
	margin-left:45px;
	font-size:84%;
	line-height:150%;
	
}

p.txt3{
	margin:20px;
	margin-left:45px;
	padding-bottom:20px;
	font-size:84%;
	line-height:150%;
	border-bottom:#ccc 1px dashed;
	
}

p.txt4{
	margin:20px;
	padding-bottom:10px;
	font-size:90%;
	line-height:150%;
	
}

p.txt_tittle2{
	margin:20px;
	margin-left:45px;
	font-size:84%;
	line-height:150%;
	font-weight:bold;
}


.ti{
	margin-bottom:25px;
	width:660px;
	height:40px;
}

p.txt_tittle{
	color:#008800;
	font-weight:bold;
	font-size:110%;
	margin:10px 0  10px 35px;
	padding-top:3px;
	padding-left:15px;
	padding-bottom:3px;
	border-left:#080 5px solid;
}

p.txt_subtittle{
	font-weight:bold;
	font-size:100%;
	margin:10px 5px;
	margin-left:50px;
	padding-left:10px;
	border-bottom:#080 1px solid;
}

.bold{
	font-weight:bold;
	font-size:140%;
}

.rad{
	font-weight:bold;
	color:#FF0000;
	font-size:120%;
}

.small{
	font-size:74%;
}


#cont table.tb{
	width:560px;
	margin:20px auto;
	border-width:0 1px 1px 1px;
	border-color:#ccc;
	border-style:solid;
	font-size:84%;
	color:555;
}

#cont th{
	width:190px;
	background-color:#FFC;
	border-right:#ccc 1px solid;
	border-top:#ccc 1px solid;
	padding:5px 10px;
}

#cont td{
	width:280px;
	padding:5px 10px;
	border-top:#ccc 1px solid;
}

/*:TOP:::::::::::::::::::::::::::::::::::::*/
#main{
	margin:20px auto;
	width:960px;
	height:300px;
}

div#info{
	width:660px;
	height:140px;
	background-image:url(../_img/info.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

div#new{
	margin:10px 15px;
	height:100px;
	overflow:auto;
	font-size:86%;
	padding-bottom:20px;
}


#new li a{
	color:#008800;
	text-decoration:underline;
}

#new li{
	margin-right:10px;
	margin-left:5px;
	padding-left:20px;
	padding-right:8px;
	padding-top:6px;
	padding-bottom:2px;
	list-style:none;
	color:#555;
	border-bottom:#f1ead7 dashed 1px;
	word-wrap: break-word;
}

li.c{
	background-color:#f1ead7;
}


/*:menu:::::::::::::::::::::::::::::::::::::*/
#menu-top{
	margin:0px auto;
	padding-bottom:20px;
	width:960px;
	height:130px;
	background-image:url(../_img/top_menu.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#process{
	margin:0px auto;
	margin-left:40px;
	width:660px;
	height:85px;
	background-image:url(../_img/memu_process.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#micon{
	margin:10px auto;
}

#micon table{
	width:660px;
	height:100px;
}

#micon td.mtxt{
	width:120px;
	height:100px;
	font-size:84%;
}

#micon td.90{
	width:90px;
	height:100px;
	font-size:84%;
}

#micon td.125{
	width:125px;
	height:100px;
	font-size:84%;
}

/*:deals:::::::::::::::::::::::::::::::::::::*/
#deals-top{
	margin:0px auto;
	padding-bottom:20px;
	width:960px;
	height:130px;
	background-image:url(../_img/top_deals.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/*:shop:::::::::::::::::::::::::::::::::::::*/
#shop-top{
	margin:0px auto;
	padding-bottom:20px;
	width:960px;
	height:130px;
	background-image:url(../_img/top_shop.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#map{
	margin:10px auto;
	width:630px;
	padding:10px;
	background-color:#f1ead7;
	border:#ccc 1px solid;
	font-size:84%;
}

#shop-img{
	margin:5px auto;
	width:660px;
	height:270px;
	background-image:url(../_img/shop_img.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
/*:contact:::::::::::::::::::::::::::::::::::::*/
#contact-top{
	margin:0px auto;
	padding-bottom:20px;
	width:960px;
	height:130px;
	background-image:url(../_img/top_contact.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.req{
	margin-left:2px;
	width:60px;
	height:30px;
	padding:2px;
	color:#fff;
	font-size:74%;
	background-color:#008800;
}

#btntb{
	margin:0 auto;
	width:300px;
	height:60px;
}

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

/* ------------------------------
 Side
------------------------------ */
div#side{
	float:left;
	width:280px;
	margin-left:5px;
	padding:0 5px;
}

#side-info{
	margin:10px 0;
	width:280px;
	height:90px;
	background-image:url(../_img/side_info_off.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

div#side-info a {
	display: block;
	width:280px;
	height:90px;
}


.side-bnr{
	margin:10px 0;
	width:280px;
	text-align:center;
}

/*:Navigation:::::::::::::::::::::::::::::::::::::*/

#side-navi {
  margin: 0;
  padding: 0;
  list-style-type: none; /* リストマークの削除 */
  width: 280px;
  }

#side-navi li {
  width: 280px;
  height: 40px;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-navi a {
  text-indent: -9999px; /* テキストを隠す */
  text-decoration: none;
  display: block;
  width: 280px;
  height: 80px; /* リンク領域を広げる */
  background-image:url(../_img/side_navi.gif);
  background-repeat: no-repeat;
}

.snavi1 a { width:280px; background-position: 0 0; }
.snavi2 a { width:280px; background-position:  0 -80px; }
.snavi3 a { width:280px; background-position:  0 -160px; }
.snavi4 a { width:280px; background-position:  0 -240px; }
.snavi5 a { width:280px; background-position:  0 -320px; }

.snavi1 a:hover { background-position: -280px 0px; } 
.snavi2 a:hover { background-position: -280px -80px; }
.snavi3 a:hover { background-position: -280px -160px; }
.snavi4 a:hover { background-position: -280px -240px; }
.snavi5 a:hover { background-position: -280px -320px; }

.snavi1 a.stay { background-position: -280px 0px; } 
.snavi2 a.stay { background-position: -280px -80px; }
.snavi3 a.stay { background-position: -280px -160px; }
.snavi4 a.stay { background-position: -280px -240px; }
.snavi5 a.stay { background-position: -280px -320px; }

/*:ShopInfo:::::::::::::::::::::::::::::::::::::*/
#shopinfo{
	width:230px;
	height:200px;
  	background-image:url(../_img/side_peaper.gif);
  	background-repeat: no-repeat;
	padding:50px 25px;
}

p.txt-black{
	font-size:78%;
	line-height:120%;
}


p.txt-shop{
	font-size:80%;
	line-height:120%;
}

p.txt-shopname{
	margin:10px 0;
	font-size:94%;
	line-height:120%;
	font-weight:bold;
}

p.txt-red{
	margin-top:10px;
	font-size:90%;
	color:#FF0000;
	font-weight:bold;
	text-decoration:underline;
}

/* ------------------------------
 Footer
------------------------------ */
div#footer {
	margin:0 auto;
	background-color:#008000;
	color:#fff;
	height:130px;
	font-size:77%;
}

div#ft{
	margin:0 auto;
	padding:15px 0;
	width:900px;
	height:60px;
}

div#ft-navi{
	float:right;
	color:#fff;
}

div#ft-navi ul{
	overflow: hidden;
    _zoom: 1;
}

div#ft-navi li{
	margin-left: -1px;
	border-left: 1px dashed #ccc;
	padding:0 5px;
	display:inline;
	list-style: none;
}

div#ft-navi li a{
	color:#fff;
}


div#ft-txt{
	margin:0 auto;
	width:900px;
}
div#ft-txt p{
	text-align:right;
}