/* レイアウトの設定*/
body{
    padding:0px;
}

p{margin:5px;
}

/* ブロックの設定　*/

#wrapper {
           width:910px;
		   height:auto;
		   margin:auto;
		   font-size:80%;
		   color:#333333;
		   line-height:1.3;
		   padding:0;
		   background-color:#FFFFFF;		  
		   		   }
#header {
	  background-image: url(images/head-bg.gif);
      width:910px;
      height:120px;
		  }
#main {	  
	  float:left;
	  width:908px;
	  height:auto;
	  margin:auto;
	  padding:0 0 20px 0;
	  border-right:#999 solid 1px;
	  border-left:#999 solid 1px;
	  }
	  
#left {
	clear:both;
	float:left;
	height:auto;
	width:694px;
	margin:10px 0 0 10px;
	background-color:#FFFFFF;
	text-align:left;
	   }

.topic {width:690px;
	margin-top:20px;
	text-align:left;
	padding:5px 0 5px 2px;
	border:#999 solid 1px;
	background-color:#FFFFFF;
	   }

#right1 {
	float:left;
	width:190px;
	margin-top:10px;
	line-height:0.7;
	   }
	   
#footer{
	clear:both;
	width:910px;
	border-top:#999 solid 1px;
	background-color:#FFFFFF;
	text-align:right;
	height:30px;
	margin:0;
	   }
	   
/* ブロックの設定(トップ)　*/

.goods-index-box{
	clear:both;
	width:100%;
	height:7.5em;
	border-style:dotted;
	border-color:#999;
	border-width: 0px 0px 2px 0px;
	margin:5px 0 2px 0;
	text-align:left;
	   }

.goods-index-left{
	clear:both;
	width:49%;
	float:left;
	}
	
.goods-index-right {
	width:49%;
	float:left;
	margin-left:10px;
	}
	
.goods-index-box2{
	clear:both;
	width:100%;
	height:3.2em;
	text-align:left;
	padding:2px 0 5px 0;
	border-bottom:#999 dotted 2px;
	   }
	   
.goods-index-box3{
	clear:both;
	width:100%;
	height:2.5em;
	text-align:left;
	padding:2px 0 5px 0;
	border-bottom:#999 dotted 2px;
	   }
	   
.goods-index-box4{
	clear:both;
	width:100%;
	height:4.7em;
	text-align:left;
	padding:2px 0 5px 0;
	border-bottom:#999 dotted 2px;
	   }
	   	   
#index-box{
	width:338px;
	height:170px;
	float:left;
	clear:both;
	background-color:#CFC;
	border:#999 solid 1px;
}
#index-box2{
	width:338px;
	float:left;
	background-color:#FFC;
	border:#999 solid 1px;
}


    
/* ブロックの設定(各商品紹介ページ)　*/	

.goods {
	clear:both;
	width:686px;
	margin:10px 0;
	text-align:left;
	padding:5px 0 15px 2px;
	border-bottom:#999 dotted 2px;
	background-color:#FFFFFF;
	   }
/* topic */
#topic { overflow-y: scroll;
         width: 680px;
         height: 70px;
		 padding: 5px 3px;
		 border:1px solid #016DB9;
		 }
#new { overflow-y: scroll;
         width: 330px;
         height: 80px;
		 padding: 5px 3px;
		 border:1px solid #016DB9;
		 }

/* ナビ設定 */

#navi {
	width:900px;
	height:40px;
	list-style-type:none;
	margin:0;
	padding:0;
	   }
	   
#navi li {
     float:left;
	 margin:0;
	 padding:0;
		}

#navi2 {
	width:190px;
	height:auto;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	   }
	   
#navi2 li {
	 width:180;
	 height:auto;
	 margin: 3px 0 ;
	 padding:0;
		}
.box-navi {
	width:inherit;
	list-style-type:none;
	margin:5px;
	padding:0;
	}
.box-navi li{
	margin:3px 10px;
}
.topi {
	width:330;
	margin:5px 0;
	border-bottom:dotted #999 2px;
	padding-left:1em;
	line-height:1.3;
}
    

/* 切り替えタブ設定 */		
/* 全体 */
div.tabbox { margin:15px 0px 15px 5px; padding: 0px; width: 680px; }
/* タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* リンクをタブのように見せる設定 */
   display: block; width: 11em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}

p.tabs2 { margin: 0px; padding: 0px; }
p.tabs2 a {
   /* リンクをタブのように見せる設定(大阪・神戸から四国へ　用)*/
   display: block; width: 40em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs3 a {
   /* リンクをタブのように見せる設定(大阪・神戸から四国へ　用)*/
   display: block; width: 20em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}

/* 各タブの配色設定 */
p.tabs a.tab1 { background-color: #016db9;  color: white; }
p.tabs a.tab2 { background-color: #aaaa00; color:white;}
p.tabs a.tab3 { background-color: #f05050;   color: white; }
p.tabs2 a.tab4 { background-color: #666666;   color: white;}/* 各タブの配色設定(大阪・神戸から四国へ　用) */
p.tabs3 a.tab5 { background-color: #990066;   color: white;}/* 海外　用 */
p.tabs a:hover { color: yellow; }
p.tabs2 a:hover { color: yellow; }/* 各タブの配色設定(大阪・神戸から四国へ　用) */

/* タブ中身のボックス設定 */
div.tab {
   /* ボックス共通の装飾 */
   height: auto; overflow: auto; clear: left;
}
/* 各ボックスの配色 */
div#tab1 { border: 2px solid #016db9;}
div#tab2 { border: 2px solid #aaaa00; }
div#tab3 { border: 2px solid #f05050; }
div#tab4 { border: 2px solid #666666; }
div#tab5 { border: 2px solid #990066; }
div.tab p {
	margin: 0.5em;
}

/* リンクの設定 */
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}



/* テキスト */
.txt1 {
	font-size: 10pt;
	color: #666666;
}

.txt2 {
	font-size: 12px;
	color: #ffffff;
}

.txt3 {
	font-size: 8pt;
	line-height: 100%;
	color: #666666;
}
.txt4 {
	margin-left: 3em
	width: 360px;
	background:#ffffff;
	font-size: 10pt;
	line-height: 14pt;
	color: #666666;
}
.txt5 {
	font-size: 8pt;
	color: #333333;
}
.txt6 {
	font-size: 10pt;
	color: #333333;
}
.txt7 { font-weight:bold;
	font-size: 10pt;
	color: #487CAE;
}
.txt8 {
	font-size: 10pt;
	line-height:14pt;
	color: #666666;
}
.text9 {
	width:688px;
	color:#FFF;
	background-color:#06C;
	line-height:1.3;
	font-size:120%;
    clear:both;}
.red{ 
color:#F00;}
.white{
	color:#FFF;
}


.yen {
	text-align:right;
	margin:0 27px 0 0;
}


h6 {
	font-size:100%;
	margin:0 0.5em;
	text-align:left
}


.info {
	width:auto;
	margin:auto;
	font-size:85%;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	text-align:left;
	line-height:2;
}
.goods-ttl {
	font-weight: bold;
}
.pink2 {
	color: #F074A8;
}