@charset "shift_jis";
/* CSS Document */


/* ========================================
　基本設定
======================================== */

body{
	margin:0;
	padding:0;
	color:#333333;
	text-align:left;
}

*{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.3em;
}

img {
	margin:0;
	padding:0;
	vertical-align: top;
}


em{
	font-style:normal;
	color:#FF0000;
}
em.strong{
	font-style:normal;
	font-weight:bold;
	color:#FF0000;
}
em.bold{
	font-style:normal;
	font-weight:bold;
	color:#333333;
}




strong{
	font-size:130%;
}
strong.head{
	font-size:150%;
	color:#FF0000;
}

a { color: #0000FF; /* text-decoration: none; */}
a:link { color: #0000FF; font-size: 100%; }
/* a:visited { color: #0000FF; font-size: 100%;} */
/* a:active { color: #0000FF; font-size: 100%;} */
a:hover { position: relative; top: 1px; left: 1px; color: #FF0000; font-size: 100%; text-decoration :underline;} 
a:hover img{ position: relative; top: 1px; left: 1px; opacity:0.8;	filter: alpha(opacity=80); }



h1,h2,h3,h4,h5,h6,h7,h8,h9{
	margin:0;
	padding:0;
	font-size:140%;	
	font-style:normal;
	font-weight:bold;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

.dotted{
   border-width: 1px 0px 0px 0px;
   border-style: dotted;
   border-color: #333333;
   height: 1px;
}




/* ========================================
　各メニュー
======================================== */

#wrappper {
    width: 100%;
    margin-top:5px;
    margin-left:20px;
    background-color: #FFFFFF;
}


#header {
	margin-top:5px;
	margin-bottom:20px;
}


#content {
}

#content #main {
	clear:both;
}



/* ========================================
　レフトナビゲーション
======================================== */

#leftnavi{
    margin-left:20px;
    width: 280px;
    background-color: #FFFFFF;
}


#leftnavi .list{
  width: 280px;
	border:1px #FF6600 solid;		
	list-style: none;
	padding:0;
	margin:0;
}


#leftnavi .list li{
	font-size:90%;
	margin:1px 0 1px 10px;
	padding:6px 10px 6px 20px;

	background-image: url(http://shop.gnavi.co.jp/simg/aa/aarti/img/banner/100px_nancury1980.jpg);

  background-repeat: no-repeat;
  background-position: left center;
	
}

#leftnavi .list .cate_head{
	font-size:110%;
	margin:0 0 2px 0px;
	padding:5px;
	font-weight:bold;
	color:#FFFFFF;
	
	background-image:none;
	background-color:#FF6600;
}
#leftnavi .list .cate_head a{
	color:#FFFFFF;
}





/* ========================================
　フッダー
======================================== */


#footer {
    clear: both;
    width: 100%; /* for WinIE6,7 */
    min-height:100px;
    height:100px;
    margin-top: 10px;
    margin-bottom: 20px;

    background-image: url("../img/footer_back.gif");
    background-position: left top;
    background-repeat: no-repeat;
}


/* その他
---------------------------------------------*/
/* フロートクリア */
*.floatclear{
	clear: both;
}



/* ========================================
　原材料リスト
======================================== */

table.material_lsit{
		border-collapse:collapse;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.material_lsit th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#FFFFFF;
    padding:0.3em 1em;
    text-align:center;
}
.material_lsit td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
		line-height:1.5em;
}


/* ========================================
　商品詳細テーブル
======================================== */

#syousai_table{
		text-align:left;
		width: 450px;
		font-size:90%;
    border-collapse:collapse;
    border-top:1px solid #FF6600;
    border-left:1px solid #FF6600;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
#syousai_table .title{
    width: 450px;
    color:#FFFFFF;
		font-weight:bold;
    background-color:#FF6600;
}
#syousai_table .left{
    width: 120px;
		text-align:left;
}
#syousai_table .right{
    width: 330px;
		text-align:left;
}
#syousai_table th{
    border-right:1px solid #FF6600;
    border-bottom:1px solid #FF6600;
    padding:5px;
		line-height:1.3em;
}
#syousai_table td{
    border-right:1px solid #FF6600;
    border-bottom:1px solid #FF6600;
    padding:5px;
		line-height:1.3em;
}
#syousai_table td strong{
	font-weight:bold;
	font-size:95%;
}
#syousai_table td em{
	font-color:red;
	font-size:95%;
}



/* ========================================
　商品詳細テーブル
======================================== */

#info_table{
		text-align:left;
		width: 450px;
}


.info_title{
	font-style:normal;
	font-weight:bold;
	font-size:105%;
	
	color:#FF0000;
	border-left:solid 8px #FF6600;
	border-top:solid 1px #FF6600;
	border-bottom:solid 1px #FF6600;
	border-right:solid 1px #FF6600;
	padding:5px;
}

/* ========================================
　商品検索　レフト
======================================== */
dl.search{
    position:relative;
    background-color:#fff;
    border:1px solid #aaa;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
}
dl.search dt{
    margin-right:20px;
    padding:8px 0 8px 8px;
}
dl.search dt input{
    width:200px;
    height:24px;
    line-height:24x;
    background:none;
    border:none;
}
dl.search dd{
    position:absolute;
    top:10;
    right:10;
}
dl.search dd button{
    display:block;
    padding:5px;
    background:none;
    border:none;
}
dl.search dd button span{
    display:block;
    width:20px;
    height:20px;
    background:url('http://www.aarti-japan.com/zlk/banner/search_01.jpg') no-repeat scroll 0 0;
}



