@CHARSET "EUC-JP";
@import url('../c-css.php');

* {
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  height: 100%;
  font-size: 80%;
  /font-size:70%;
  _font-size:70%;
  overflow-y: scroll;
}

body {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.2em;
  font-family:"Lucida Grande", "Geneva", "Arial", "Verdana", "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

img {
  border: none;
}

h2{
	font-size:105%;
	margin-top:20px;
}

ul{
	list-style-type:none;
}

strong{
	font-weight:normal;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.clear{
	clear:both;
}

.auto{
	margin-left:auto;
	margin-right:auto;
}

#container{
	background-color:#ffffff;
	min-width:1200px;
}


#header{
	position:relative;
	top:0;
	left:0;
}	

#description{
	background-color:#ffe5e5;
	color:#8a0202;
}

#description p{
	width:1000px;
}

#title{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#title_name{
	width:400px;
	height:100px;
	float:left;
	background:transparent url(../images/title_name.png) no-repeat left bottom;
}

#title_name h1{
	display:none;
}


#design{
	position:absolute;
	left:550px;
	top:30px;
	width:620px;
}

* html #design{
	left:400px;
}


#design li{
	display:inline;
	float:left;
	margin-right:10px;
}

/* メニュー */

#navigation{
	background-color:#ffffff;
	margin-left:570px;
	padding-top:75px;
}

#navigation ul{
	height:35px;
	overflow:hidden;
}

#navigation li{
	float:left;
	display:inline;
	width:100px;
	margin-left:5px;
	line-height:35px;
}

#navigation li a{
	display:block;
	width:100%;
	line-height:35px;
	background:#ffffff url(../images/navigation_sub.png) no-repeat left top;
	color:#676767;
	text-decoration:none;
	font-weight:bold;
}

#navigation li a:hover{
	background:#ffffff url(../images/navigation_sub.png) no-repeat left bottom;
}

#space{
	height:10px;
	background-color:#ffe5e5;
	margin-bottom:20px;
}

/* コンテイン */

#contain{
	position:relative;
	width:1100px;
}

/* サブ */

#sub{
	position:absolute;
	width:240px;
	left:20px;
	top:0;
}

#sub h2{
	background:url(../images/point.gif) no-repeat center left;
	padding-left:24px;
}

#free{
	margin-bottom:10px;
}

#free p{
	margin-left:-12px;
	padding:10px 0 0 64px;
	height:64px;
	background:url(../images/cart.png) no-repeat left top;
}

.text-box{
	border:1px solid #cccccc;
	background-color:#f3f3f3;
}

.search_header{
	padding:50px 30px 20px 30px;
	background:#ffffff url(../images/search_top.gif) no-repeat center top;
}

.search_header h2{
	border-bottom:2px dotted #444444;
}

.search_header form,.search_header ul,.search_header p{
	margin-top:10px;
}

.search_header li{
	font-size:110%;
	text-align:left;
	line-height:35px;
	border-bottom:1px solid #cccccc;
	font-weight:bold;
}

.search_header li a{
	padding-left:40px;
	display:block;
	text-decoration:none;
	color:#888888;
}

.search_header li a:hover{
	color:#ffb727;
}

.bedding{
	background:url(../images/bedding.png) no-repeat left center;
}

.bedding a:hover{
	background:#eeeeee url(../images/bedding.png) no-repeat left center;
}

.interior{
	background:url(../images/interior.png) no-repeat left center;
}

.interior a:hover{
	background:#eeeeee url(../images/interior.png) no-repeat left center;
}

.kitchen{
	background:url(../images/kitchen.png) no-repeat left center;
}

.kitchen a:hover{
	background:#eeeeee url(../images/kitchen.png) no-repeat left center;
}

.health{
	background:url(../images/health.png) no-repeat left center;
}

.health a:hover{
	background:#eeeeee url(../images/health.png) no-repeat left center;
}

.clean{
	background:url(../images/clean.png) no-repeat left center;
}

.clean a:hover{
	background:#eeeeee url(../images/clean.png) no-repeat left center;
}

.bath{
	background:url(../images/bath.png) no-repeat left center;
}

.bath a:hover{
	background:#eeeeee url(../images/bath.png) no-repeat left center;
}

.grocery{
	background:url(../images/grocery.png) no-repeat left center;
}

.grocery a:hover{
	background:#eeeeee url(../images/grocery.png) no-repeat left center;
}

.healing{
	background:url(../images/healing.png) no-repeat left center;
}

.healing a:hover{
	background:#eeeeee url(../images/healing.png) no-repeat left center;
}

.search_bottom{
	padding:0px 30px 20px 30px;
	height:2px;
	background:#ffffff url(../images/search_bottom.gif) no-repeat center bottom;
}

/* メイン */

#main{
	margin:0 245px 0 295px;
	padding:0 20px 20px 20px;
	width:500px;
	min-height:1250px;
	font-family:"Lucida Grande", "Geneva", "Arial", "Verdana", "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	overflow:hidden;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

/* パンくずリスト */
.breadcrumbs a{
	color:#888888;
	text-decoration:none;
}

.breadcrumbs a:hover{
	color:#ffb727;
}

.breadcrumbs .bread_top a{
	padding-left:18px;
	background:url(../images/home.gif) no-repeat left center;
}

.breadcrumbs .bread_top a:hover{
	padding-left:18px;
	background:url(../images/home_hover.gif) no-repeat left center;
}

.breadcrumbs .bread_arrow{
	margin-left:3px;
	padding-left:14px;
	background:url(../images/arrow.gif) no-repeat left center;
}

.breadcrumbs li{
	float:left;
	display:inline;
	font-size:90%;
}

#banner p img{
	margin-top:20px;
	border:solid 4px #888888;
}

#recommend{
	padding-top:20px;
}

#recommend h2,#seller-list h2{
	color:#444444;
	padding-left:30px;
	line-height:26px;
	background:#ffffff url(../images/h2_bar.png) no-repeat top center;
}

#recommend ul{
	height:100px;
	padding:5px 10px;
	overflow:scroll;
	background:url(../images/sozai_bg_side.png) repeat-y center;
}

#recommend li{
	font-size:80%;
	margin:10px 0;
}

#recommend .date{
	font-weight:bold;
	font-style:italic;
	color:#676767;
}

#recommend .topic a{
	font-weight:bold;
	color:#037bff;
}

#recommend .new:after{
	margin-left:5px;
	content:url(../images/new.gif);
}

#seller-list table{
	width:500px;
	padding:20px 0 10px 0;
	background:url(../images/sozai_bg_side.png) repeat-y center;
}

#seller-list .article_banner{
	width:500px;
	background:url(../images/sozai_bg_side.png) repeat-y center;
}

#seller-list table table{
	font-size:80%;
	width:90px;
}

#seller-list table table .image{
	height:90px;
	/padding-top:20px;
	/margin-top:10px;
}

#seller-list table table .matter{
	height:70px;
}

#seller-list table .new{
	background:url(../images/new.gif) no-repeat top left;
}

#seller-list table .n_one{
	background:url(../images/ranking_1.gif) no-repeat top left;
}

#seller-list table .n_two{
	background:url(../images/ranking_2.gif) no-repeat top left;
}

#seller-list table .n_three{
	background:url(../images/ranking_3.gif) no-repeat top left;
}

#seller-list table .n_four{
	background:url(../images/ranking_4.gif) no-repeat top left;
}

#seller-list table .n_five{
	background:url(../images/ranking_5.gif) no-repeat top left;
}

.main_bg_bottom{
	height:5px;	
	background:url(../images/sozai_bg_bottom.png) no-repeat center center;
}

/* アド */

#advertisement{
	position:absolute;
	width:240px;
	right:0;
	top:0;
}

.ad_header{
	padding:60px 30px 30px 30px;
	background:#ffffff url(../images/list_top.gif) no-repeat center top;
}

.ad_content{
	padding:0px 30px 20px 30px;
	height:2px;
	background:#ffffff url(../images/list_bottom.gif) no-repeat center top;
}

/* フッター */

#footer{
	position:relative;
	margin-top:20px;
	padding-bottom:5px;
	height:20px;
}

#copy_right{
	padding:5px 0 5px 0;
	background-color:#ffe5e5;
	font-weight:bold;
}

#footer ul{
	width:1000px;
}

#footer li{
	float:left;
	margin-right:4px;
	font-weight:bold;
}

#footer li a{
	text-decoration:none;
	color:#444444;
	padding-left:16px;
	background:url(../images/footer_list.png) no-repeat left bottom;
}

#footer li a:hover{
	color:#b1b1b1;
	background:url(../images/footer_list_hover.png) no-repeat left bottom;
}