@charset "utf-8";

body  {
    margin:0 auto;
	background: url(../images/bg.jpg) repeat-x ; 　
}


#wholewrapper {
/*	font: 100% Verdana, Arial, Helvetica, sans-serif;*/
/*	background: #000033 url(../images/bg.jpg) repeat-x; */
	margin: 0 auto; /*　複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします 
	padding: 0;*/
/*	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
/*    color: #000033;
/*	line-height:1.4; */
	width:830px;  
}

#wrapper {
     background: url(../images/bgbg.jpg) repeat-y; 
	 padding: 0;
	 text-align: center;
/*   　width:830px;  */
}




#header {
     background: #000033;
	 padding:0;
	 height:110px;
	 border-right:solid 1px;
	 border-left:solid 1px;
     border-color:#FFFFFF;
}

#header .headerleft {
     float:left;
	 padding:10px 0 5px 10px;
	 background: #000033;
}

#header .headerright {
     float:right;
	 padding:5px 10px 0 0;
	 color:#FFFFFF;
	 font-size:10px;
	 
}

#header .headerright a:link    { color:#ffffff; }    
#header .headerright a:visited { color:#ffffff; }   
#header .headerright a:hover   { color:#FF0000; } 
#header .headerright a:active  { color:#ff0000; } 


#gnavi {
     height:31px; 
	 width:830px;
 	 background-color:#CCCCCC;
	 background-image:url(../images/gn_bg.jpg); 
	 clear:both; 
}


#gnavi ul {
     list-style: none;
     margin:0;
	 padding-left:15px;
}

#gnavi ul li {
    font-family:Georgia, "Times New Roman", Times, serif;
    float:left;
    border-right:1px solid #333;
    width: 125px;
}

#gnavi ul li a {
    display: block;
    color: #333;
    font-size: 78%;
    text-align: center;
/*     letter-spacing: 0.1em; */
  line-height: 2; 
    text-decoration: none;
}

#gnavi ul li a:link,
#gnavi ul li a:visited {
/*    background: #fff;  */
}

#gnavi ul li a:hover {
     color: #000;
     background: url(../images/gnavion2.gif);
}

#pankuzu {
     height:35px;
	 background-color:#777777;
	 font-size:12px;
	 text-align:left;
	 padding-left:15px;
	 padding-bottom:5px;
 	 clear:both;
	 color:#FFFFFF;
}


#pankuzu a {
     color:#FFFFFF;
	 text-decoration: none;

}
#pankuzu a:link    { color:#FFFFFF; }    
#pankuzu a:visited { color:#FFFFFF; }   
#pankuzu a:hover   { color:#FF0000; } 
#pankuzu a:active  { color:#ff0000; } 

#sidebar {
     float: left;
	 margin: 0;
	 width:190px;
	 text-align:center;
/*	 background:#000033; */
	 padding-bottom:30px;
}

#sidebar .cat {
     margin: 10px 5px 10px 5px;
	 padding-top:30px;
     background: url(../images/leftmenubg.jpg) no-repeat;
     text-align:center;
}

#sidebar .search {
     margin: 10px 5px 10px 5px;
	 padding:20px 10px 15px 10px;
	 font-size:10px;
	 color:#ffffff;
     background: url(../images/searchbg.jpg) no-repeat;
	 text-align:left;
}

#sidebar .search form{
    color:#FFFFFF;
}

.search input {
	font-size: 12px;
	font-family: san-serif;
    background:#f0f0f0;
}

form {
	margin: 0;
	padding: 0;
/*	color:#FFFFFF; */
}
/*
input,select {
	font-size: 12px;
	font-family: san-serif;
}

input,textarea {
	font-size: 12px;
	font-family: san-serif;
    background:#FFFFCC;
}

*/
.login input
{
	font-size: 12px;
	font-family: san-serif;
border: 1px solid #999999;
}


.login input,submit 
{
color: #000;
background:#f0f0f0;
border: 1px #999999;
} 




#main {
     float:right;
 	    background: #ffffff;
	 width:630px;
	 margin:5px 0px 0px 0px;   
/*	 border:solid 1px; */
     padding-bottom:30px;

}



#main a:link    { color:#000066; }    
#main a:visited { color:#000080; }   
#main a:hover   { color:#FF0000; } 
#main a:active  { color:#ff0000; } 




#main .top{
    width:615px;
	background-color:#CCCCCC;
	margin-bottom:10px;
	clear:both;
	text-align:left;
}

#main .shopsearch {
    width:615px;
/*	background-image:url(../images/shopsearchbg.jpg) no-repeat; */
/*	background-color:#CCCCCC; */
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	clear:both;
	text-align:left;
	color:#000033;
	font-size:10px;
}

#main .shopsearch2 {
    width:615px;
/*	background-image:url(../images/shopsearchbg.jpg) no-repeat; */
/*	background-color:#CCCCCC; */
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	clear:both;
	text-align:left;
	color:#000033;
	font-size:11px;
}

#main .shopsearch .shopsearch2 form {
	margin: 0;
	padding: 0;
	color:#000033;
}

#main .result1{
	margin: 0 0 0 5px;
	padding: 0;
	color:#000033;
	text-align:left;
	font-size:12px;
}
/*
#main .result2{
	margin: 0;
	float:left; 
	padding-left: 10px;
	left:430px;
	height:50px; 
	color:#FF0000;
　　text-align:left; 
	font-size:11px;
}

#main .resultscore {
    text-align:center;
	float:right;
	right:50px;
	color:#FF0000;
	background-color:#FFFFCC;
	font-size:13px;
}
*/

#main .result3{
    clear:both;
	text-align:center;
    font-size:12px;
}



#main .page{
	margin: 0;
	padding: 0;
	clear:both;
}

#main .page a{
	margin: 5px;
    color:#333333;
	text-align:right;
	margin-right:15px;
}


#main .specdetail {
    width:620px;
    clear:both;
	font-size:11px;

}

#main .specdetail .title {
    font-family:"ＭＳ ゴシック", "Osaka－等幅";
    font-size:12px;
	text-align:left;
    color:#000033;
	width:580px;
/*	height:30px; */
/*	background-image:url(/images/shopsearch.gif); */
/*	background:#f3f3f3 ; */
/*	border-left:5px solid #992222; */
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin:10px;
/*	display:inline;  */
}

#main .specdetail h1 {
    font-family:Arial, Helvetica, sans-serif,"ＭＳ ゴシック", "Osaka－等幅";
	text-align:left;
    color:#000033;
	border-bottom:1px solid #CCC;
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin:10px;
/*	display:inline;  */
}




#main .left{
    float:left;
    margin:0 3px;
	width:420px;
}

#main .specleft {
    float:left;
    margin: 0 5px 10px 10px;
	width:365px;
	text-align:left;
}

#main .specright {
    float:right;
    margin:0 5px 10px 5px;
	width:220px;
}

#main .specbottom {
    clear:both;
    padding:5px 10px 5px 10px;
	margin:10px 5px 5px 5px;
	text-align:left;
/*
	border:#FF0000 1px dashed;
*/
}

#main .specbottom h2 {
	border: 0 none;
	font-size: xx-large;
	margin-bottom: 0;
	color:#CC0000;
}

#main .specbottom h4 {
	margin-top: 0;
	margin-left: 20px;
	border: 0 none;
}

#main .bikoutitle {
    margin:5px 5px 0 5px;
    border:#999999 1px solid;
	text-align:center;
	background-color:#CCCCCC;
}

#main table.clubrank tr.a th {
	background-color:#999999;
}

#main table.clubrank tr.b th {
	background-color:#BBBBBB;
}

#main table.clubrank tr.b td {
	background-color:#DDDDDD;
}

#main table.clubrank tr.c th {
	background-color:#DDDDDD;
}

#main table.clubrank tr.c td {
	background-color:#EEEEEE;
}

#main .bikou {
    margin:0 5px;
	overflow:auto;
	padding:1px;
    border:#999999 1px solid;
	text-align:left;
}

#main .specbottom ul {
   list-style:decimal;

}

#main .maincontents {
   clear:both;
   text-align:left;
   width:620px;
   margin:5px;
   font-size:12px;
}

#main .maincontents table {
	margin:0 0 30px; padding:0;
}

#main .maincontents td{
	margin:0; padding:5px 0;
	border-bottom:dotted 1px #999;

}


.cart {
  margin:0 !important; 
  padding:0!important;

}

.automailtable {
    border-collapse:separate !important;
	font-size:11px;
}



.automailtable Th  {
border-width: 1px; /* 枠線の太さ */
border-style: solid !important; /* 枠線のスタイル */
border-color: #000000 !important; /* 枠線の色（上・右・下・左） */
background-color: #000033; /* セルの背景色 */
color:#ffffff;
padding: 2px; /* セル内の余白 */
text-align: center; /* リンク文字の位置 */
} 


.automailtable TD  {
border-width: 1px; /* 枠線の太さ */
border-style: solid !important; /* 枠線のスタイル */
border-color: #eeeeee !important; /* 枠線の色（上・右・下・左） */
background-color: #eeeeee; /* セルの背景色 */
padding: 2px; /* セル内の余白 */
text-align: center; /* リンク文字の位置 */
} 


.recordtable {
  border-collapse:collapse !important;
  font-size:12px;
  font-style:normal;
  font-weight:lighter;
  border:#CCCCCC;
  
}

.recordtable table tr.odd{

 background-color:#eeeeee!important;/* セルの背景色 */

  
}

.recordtable th {
 font-weight:lighter !important;
 border-width: 1px; /* 枠線の太さ */
 border-style: solid !important; /* 枠線のスタイル */
 border-color: #dddddd !important; /* 枠線の色（上・右・下・左） */
 background-color:#666666;/* セルの背景色 */
 color:#ffffff;
 padding: 3px; /* セル内の余白 */
 text-align: center; /* リンク文字の位置 */
  
}

.recordtable td {
 font-weight:lighter !important;
 border-width: 1px; /* 枠線の太さ */
 border-style: solid !important; /* 枠線のスタイル */
 border-color: #dddddd !important; /* 枠線の色（上・右・下・左） */
/* background-color:#ffffff; セルの背景色 */
 color:#000000;
 padding: 3px; /* セル内の余白 */
 text-align: left; /* リンク文字の位置 */
  
}


/*
.recordtabl td.odd{

 background-color:#eeeeee;

  
}
*/

.payment table {
	margin:10px!important; 
	padding-left:10px;
}

.payment td{
	margin:0!important; 
	padding:3px 0!important;
	border:none !important;
	font-size:12px;
    line-height:1.2;
	text-align:left;
}

.payment tr.address td {
	background-color:#EEEEEE;
}

.payment tr.total {
	background-color:#EEEEEE;
}

.payment tr.paytotal {
	background-color:#FFEEEE;
}

#main .tuneup{
	clear:both;
	text-align:left;
	width:615px;
	margin:5px;
	font-size:12px;
	line-height:1.5;

}


#main .tuneuptable1 {

border: 1px #dddddd solid; 
border-collapse:separate;
}

#main .tuneuptable1 tr {
   border: 2px #eeeeee solid; 
   font-size:10px;
   color:#000033;
}


#main .tuneuptable1 th {
   border-left:1px #eeeeee solid;
   border-right:1px #eeeeee solid;
   border-bottom:1px #eeeeee solid;
   border-top:1px #eeeeee solid;
   font-size:11px;
   color:#000033;
   background:#eeeeee;
}



span.tuneup01 {font-size: x-small; }
span.tuneup04 {font-size:larger; }


#main .pagetitle {
	width:615px;
	height:25px;
}

.news{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
/*	background-color:#ffffff; */
	text-align:left;
	width: 415px;
	height: 130px;
	border:1px solid #999;
	overflow: scroll;
	list-style-type: none;
/*	scrollbar-face-color: #000033;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #000033;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #000033;  */
	font-size:11px;
	color:#000033;
	line-height:1.4;
}

.kiyaku{
	margin: 0 0 10px 30px;
	padding: 0 0 10px 0;
	text-align:left;
	width: 550px;
	height: 150px;
	border:1px solid #999;
	overflow: scroll;
	list-style-type: none;
	font-size:11px;
	color:#000033;
	line-height:1.4;
}


.service {
   clear:both;
   margin:10px;
   text-align:left;
   font-size:12px;
   line-height:1.5;
   width:600px;
}

.service p {
   margin:10px;

}

h1 {
   font-family:"ＭＳ ゴシック", "Osaka－等幅";
   padding:5px 5px 2px;
 /*  border-top:1px solid #0033cc; */
 /*  border-left:15px solid #000066; */
   color:#000033;
   border-bottom:2px solid #000066;
   font-size:15px;
   font-weight:bold;
}

h2 {
   padding-left:5px;
   margin-left:10px;
   font-size:13px;
   font-weight:bold;
   border-left:7px solid #dddddd;
   color:#000033;   
}

h3 {
   padding-left:5px;
   margin-left:10px;
   font-size:12px;
   font-weight:normal;
   color:#000000;
}

.red {
   color:#FF0000;
   font-weight:bolder;
}

.blue {
   color:#000033;
   font-weight:bolder;
}

.blue2 {
   font-size:x-small;
   color:#6699FF;
   font-weight:bolder;
}

.caption {
   font-size:smaller;
   font-style:oblique;
   
}

.mat {
   background-color:#eeeeee;
   margin:20px;
   padding:10px;
}

/*  .specleft */ 
.sotowaku {
    width: 300px;
/* 	background:#eeeeee; */ 
    overflow: hidden; 
}

.sotowaku ul {
    margin: 0;
    padding: 0;
/*    border: 1px solid #999999;  */ 
}

.sotowaku li {

    display: inline;
}
.sotowaku li a {
    display: block;
    font-size: 18px;
    text-decoration: none;
    padding-left: 5px;
	line-height:1.5;
}

.sotowaku li a:link ,
.sotowaku li a:visited {
   border-left:15px solid #000033;
   border-bottom:1px dotted #CCCCCC;
    color: #000000;
    background-color: #eeeeee;
}
.sotowaku li a:hover ,
.sotowaku li a:active {
    color: #ffffff;
    background-color: #dddddd;
}


.menu {
    width: 250px;
/* 	background:#eeeeee; */ 
    overflow: hidden; 
	text-align:left;
	margin-left:10px;
}

.menu ul {
    margin: 0;
    padding: 0;
/*    border: 1px solid #999999;  */ 
}

.menu li {

    display: inline;
}
.menu li a {
    display: block;
    font-size: 12px;
    text-decoration: none;
    padding-left: 5px;
	line-height:1.5;
}

.menu li a:link ,
.menu li a:visited {
   border-left:5px solid #eee;
   border-bottom:1px dotted #CCCCCC;
    color: #000000;
/*     background-color: #ffffff;*/
}
.menu li a:hover ,
.menu li a:active {
    color: #ffffff;
    background-color: #dddddd;
}
/*  .specleft */

#logged {
    width:200px;
/*	height:180px;   */
	background:#F0F8FF;
	padding:8px;
	font-size:12px;
	text-align:center;
}

#logged .red{
    color:#FF0000;
}

#logged .logname {
    color:#FF8000;
    font-weight:bold;
	font-size:12px;
}





/*会員登録フォーム専用*/

.form1 table{
	width: 95%;
	font-size: small;
	padding: 2px;
	margin-top: 4px;
	margin-bottom: 10px;
	border: solid 1px #cccccc;
}

.form1 .box0{
	padding: 3px;
	background-color: #eeeeee;
}

.form1 .box1{
	width: 25%;
	padding: 3px;
	background-color: #eeeeee;
}

.form1 .box2{
	width: 75%;
	padding: 3px;
}

.text_r{
	color:#993333;
}
/*会員登録フォーム専用*/


#main .result1 table {
     width:595px;
     margin-bottom:10px;
	 text-align:center;
/*     border: 1px solid #CCCCCC;  */
}

/* shop.htmlの商品画像　*/
#main .result1 table img{
  padding : 5px;           /* 写真の余白を5pxに設定 */
/*  background-color : #fff; /* 写真余白部分の色を白色に設定 */
  border : 1px solid #CCCCCC;
}

#main .result1 table a img{
border: 1px solid #fff;
}


#main .result1 table a:hover img {

border: 1px solid #FF0000;

}

/* shop2.htmlの商品画像　*/

#main .result3 table img{
  padding : 5px;           /* 写真の余白を5pxに設定 */
/*   background-color : #fff; /* 写真余白部分の色を白色に設定 */
  border : 1px solid #CCCCCC;
}

#main .result3 table a img{
border: 1px solid #fff;
}


#main .result3 table a:hover img {

border: 1px solid #FF0000;

}

#main table.quiry {

   color:#FF0000;

}

/* shop3.htmlの商品画像　*/

#main .list table img{
  padding : 5px;           /* 写真の余白を5pxに設定 */
/*  background-color : #fff; /* 写真余白部分の色を白色に設定 */
  border : 1px solid #CCCCCC;
}

#main .list table a img{
border: 1px solid #fff;
}


#main .list table a:hover img {

border: 1px solid #FF0000;

}

/* shop4.htmlの商品画像　*/

#main .specleft table img{
  padding : 5px;           /* 写真の余白を5pxに設定 */
/*  background-color : #fff; /* 写真余白部分の色を白色に設定 */
  border : 1px solid #CCCCCC;
}

#main .specleft table a img{
border: 1px solid #fff;
}


#main .specleft table a:hover img {

border: 1px solid #FF0000;

}

/* pickupの商品画像　*/

#main .pickup table img{
  padding : 5px;           /* 写真の余白を5pxに設定 */
/* background-color : #fff; /* 写真余白部分の色を白色に設定 */
  border : 1px solid #CCCCCC; /* 写真枠部分の色を黒色に設定 */
}


#main .pickup table a img{

border: 1px solid #fff;

}


#main .pickup table a:hover img{

border-color: #FF0000;

}


.left table {
  text-align:center; 
  margin-left:5px;

}

#main .specright .clubspce table {
 border:1px solid #666666!important;
}

#main .specright .clubspec tr.a th {
  background-color:#AAAAAA;
}
#main .specright .clubspec tr.b th {
  background-color:#CCCCCC;
}

#main .specright .clubspec tr.a td {
  background-color:#CCCCCC;
}
#main .specright .clubspec tr.b td {
  background-color:#EEEEEE;
}

table .foto {
  text-align:center;

}


.tableshop1 {
     table-layout:fixed;
    border-collapse:collapse;
	border:#eeeeee;
}

.tableshop2 {
     width:595px;
     margin:0 0 10px 5px;
	 text-align:center;
	 border-collapse:collapse;
	 	border:#eeeeee;
}

.tableshopdetail {
     text-align:center;
     background-color:#FF9900;
	 color:#000033;
	 border-top:hidden;
	 border-left:hidden;
	 border-right:hidden;

}

.tableshopdetail a {
     color:#FFFFFF;
}

.pickup {
    font-size:11px;
	color:#000033;
/*margin-bottom:10px; */
	text-align:left;
    margin:0 3px;
}

.title {
    font-size:13px;
	font-weight:bold;
	color:#333333;
}

.price {
    font-size:13px;
	font-weight:bold;
	color:#FF0000;
}

.about{
    font-size:13px;
	color:#000033;
	text-align:left;
}

#main .right table {
	 border-collapse:collapse;
/*     border-color:#CCCCCC;  */
}


#main .right table th {
    background-color:#CCCCCC;   
}





img {
    border:none;
}


#main .right{
    float:right;
/* 	background-color:#fff; */
	width:180px;
	margin-bottom:10px;
	text-align:center;
	clear:right;
}



#main .login {
     margin: 0 0 10px 0;
     padding: 30px 0 15px 8px;
	 font-size:10px;
	 color:#ffffff;
	 background:url(../images/loginbg.jpg) no-repeat;
	 text-align:left;
}

#main .login a {
     color:#FFFFFF;
	 text-decoration: none; 
}

#main .login a:visited { color:#ffffff; } 

#main .login form {
     color:#FFFFFF;
	 text-decoration: none; 
}

.contact {
/*　　 width:615px; */
     clear:both;
     color:#000033;
	 font-size:12px;
	 padding-left:5px;
	 text-align:left;
}

.contact .vol2 {
    float:left;
	width:300px;
	height:300px!important;
    margin-left:10px;
}

.contact .vol3 {
    float:right;
	clear:none;
/*　　width:260px;*/
    margin-right:5px;
	font-size:11px;
} 

.banner {
     text-align:left;
}



img {
    border:none;
}

#main .list {
   font-size:11px;
   text-align:left;

}

#main .list .listtable th {
   background-color:#F5F5DC;
}

/*
#main .list .listtable tr {
   background-color:#FFFFCC;
}
*/




#sitemap ul li {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	/* background: url(img/ic_home.gif) no-repeat 0 4px; */
	line-height: 160%;
	list-style:none;

}

#sitemap ul li a {
   text-decoration:none;
}
/*
#sitemap ul li ul {
	background: url(img/ic_bk.gif) no-repeat 17px 0;　// ul の背景に点線の画像を設定

}
*/
/*
#sitemap ul li ul.category li {
	background: url(img/ic_category.gif) no-repeat 1px -283px;　// 長さ 300px あるのでマイナスで位置調整

}
*/
/*
#sitemap ul li ul.page li {
	background: url(img/ic_page.gif) no-repeat 1px -283px;
	text-decoration:none;
}
*/
/*
#sitemap ul li ul li.last {
	background-color: #FFFFFF; // 点線の表示を消すため、背景と同じ色にします。
	text-decoration:none;
}
*/


#footerwrapper { 
   clear:both; 
   font-size:10px;
/*   	background-image:url(../images/footerbg.jpg) no-repeat;*/
}

#footer {
 /*   z-index: 1;
	position: relative;*/
    margin-top:20px;
    padding-top:15px;
    font-size:10px;
	background-image:url(../images/footerbg.jpg) ;
	background-repeat:no-repeat;
/*   background: #000033; */
	color:#FFFFFF;
	width:830px;
	height:50px;
	clear:both; 

}

#footer a:link    { color:#ffffff; }    
#footer a:visited { color:#ffffff; }   
#footer a:hover   { color:#FF0000; } 
#footer a:active  { color:#ff0000; } 



#footer .copyright {
    font-size:10px;
    font-family:"Times New Roman", Times, serif;
	text-align:center;
}    

clear {
    clear:both;
}