/**基本スタイル**/
body,tr,td,select,input {
	font-size : 13px;
	font-family: 'MS UI Gothic';
	color: #555555;
	line-height: 1.1;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

form {
	margin:3px 0 5px 0;
}

h1, h2, h3 {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

h1{
	margin-left:8px;
	font-weight:normal;
}

img{
	vertical-align:bottom;
	border:none;
}

/*セレクトボックスのデザイン*/
select{ font-size : 13px; font-family: 'MS UI Gothic';}

/*テキストエリアのデザイン*/
textarea{ font-size : 15px; }

/*リンクのデザイン*/
a:link {font-size: 13px; color:#555555;text-decoration : none;}
a:visited {font-size: 13px; color:#555555;text-decoration : none;}
a:active {font-size: 13px; color:#333333;text-decoration : none;}
a:hover {font-size: 13px; color:#333333;text-decoration: underline;position : relative;top:1px}
/*上記以外のリンクのデザイン（削除すると上記が適用される）*/
.link_color{text-decoration: underline;}
.link_button{text-decoration: underline;padding-left:10px;padding-top:2px;border: 0px;background : url(../images/link.gif) no-repeat 0px 4px;}

/*リストのデザイン*/
.list_style{
	list-style-image: url(../images/list.gif);
	list-style-position: outside;
	margin: 8px 0 8px 40px;
	padding: 0px;
}
.list_style li{
	padding: 0px;
	margin-bottom: 4px;
}

/*ボタンのデザイン（削除すると通常のボタンになる）*/

/*商品検索テーブルのデザイン*/
.kensaku_table{height:19px;background-color:#ececec;
border: 1px solid #ececec;padding-left: 3px;padding-right: 3px;
padding-top: 2px;padding-bottom: 2px;}
/*商品検索窓のデザイン*/
.kensaku{width:95px;height:20px;
background-color:#ffffff;border: 1px solid #7f9db9;}
/*購入合計額のデザイン*/
.total{height:19px;background-color:#ffffff;
border: 1px solid #dddddd;padding-left: 7px;
padding-right: 7px;padding-top: 3px;}
.total_text{color:#555555;font-size:12px;text-decoration:none;}
/*検索結果と価格順等のテーブルのデザイン*/
.kensaku_table2{height:19px;background-color:#eeeeee;
border: 1px solid #eeeeee;padding-left: 2px;
padding-right: 3px;padding-top: 2px;padding-bottom: 2px;}

/*中央に表示される小分類のデザイン*/
.bunrui{font-size : 13px;text-decoration : none;color:#555555;}

/*ページ表示のデザイン*/
.page{font-size:13px;text-decoration:underline;padding:0px 3px;margin:1px;border:1px solid #dddddd;}

/*商品詳細画面のテキストのデザイン*/
.detail{font-size : 15px;color:#555555;text-decoration : none; line-height: 120%;}
/*商品詳細画面の上部の色*/
#detail_midasi_color{background-color:#3f4073;}
#detail_midasi_fontcolor{;color:#ffffff;padding: 2px 0px 0px 5px;height: 17px;margin: 0;}

/*お勧め８商品の見出しのデザイン*/
.goods8_top{font-size : 13px;color:#ffffff;text-decoration : none;}
/*お勧め８商品の商品名のデザイン*/
.goods8{font-size : 13px;color:#555555;text-decoration : none;}
/*お勧め８商品の価格のデザイン*/
.goods8_price{font-size : 13px;color:#555555;text-decoration : none;}

#siteFoot{
	width: 800px;
	clear: both;
	border-top: 1px solid #cccccc;
	background-color: #ffffff;
	font-size: 90%;
	color: #999999;
	padding: 7px 0 7px 0;
	margin: -1px auto;
	text-align:center;
}
#siteFoot a{
	font-size: 100%;
	color: #999999;
}

/***ヘッダー部分とメニュー部分など全体的なレイアウト****/
/*** 幅820 左メニュ幅160 右メイン幅650 ****/

#whole_container{
	width: 800px;
	background-color: #ffffff;
	margin: 0px auto;
	padding: 0px;
}

#siteHead{
	width: 800px;
	height:200px;
	padding-top:20px;
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;

	margin: 0px;
	padding: 0px;
	text-align:left;
}

#siteHead h1{
	font-size: 100%;
	color: #555555;
	margin-left:8px;
	margin-top:20px;
	font-weight:normal;
}

#siteHead strong{
	font-weight:normal;
}

#topLogo{
	padding: 10px 0 0 8px;
	float:left;
}

#container{
	width: 800px;
	background: #ffffff url('../images/bg.gif') repeat-y;
	margin: 0px;
	padding: 0px;
	text-align:left;
}

#container hr{
	clear: both;
	width: 97%;
	color: #dddddd;
	height:1px;
	border-width:1px 0 0 0;
	margin: 0;
}

#menu{
	width: 160px;
	padding: 0px;
	background-color: #E6E6E6;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#content{
	float:right;
	width: 600px;
	margin: 12px 0 0 0;
	padding: 0;
}

/*********** #kensaku styles ***********/

.menu_kensaku{
	margin: 0;
	padding: 5px 10px 3px 8px;
	background: url('../images/bg_slash_blue.gif') repeat-y;
	border-bottom: 1px solid #cccccc;
}

.top_kensaku{
	width: 160px;
	margin: 15px 0 0 657px;
	padding: 2px 0 1px 10px;
}

/*********** #menu styles ***********/

#menu ul a:link, 
#menu ul a:visited {display: block;}
#menu ul {list-style: none; margin: 0; padding: 0;}
#menu li {border-bottom: 1px solid #aaaaaa;}

#menu img{
	width: 120px;
}

.menuLinks{
	margin: 0px;
	padding: 0px;
}

.menuLinks h2{
	background: #dddddd url('../images/bg_slash_blue.gif') no-repeat;
	padding: 5px 0px 4px 8px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #bbbbbb;
}

.menuLinks h3{
	background: #dddddd url('../images/bg_slash_blue.gif') no-repeat;
	padding: 5px 0px 4px 8px;
}

.menuLinks a:link{
	padding: 2px 0px 2px 8px;
	border-top: 1px solid #ffffff;
	width: 100%;
	width: auto;
}

.menuLinks a:visited{
	border-top: 1px solid #ffffff;
	padding: 2px 0px 2px 8px;
}

.menuLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #3f4073;
	color: #ffffff;
	padding: 2px 0px 2px 8px;
}

/*********** .imageLinks styles ***********/

.imageLinks{
	margin: 0px;
	padding: 8px;
}

.imageLinks h3{
	background-color: #cccccc;
	padding: 2px 0px 2px 8px;
}

/***TOP1～TOP5のページレイアウト***/
/*** 幅820 左メニュ幅160 右メイン幅650 ****/
#container2{
	clear: both;
	width: 600px;
	background-color: #ffffff;
	margin: 0;
	padding: 0px;
	text-align:left;
}

#container2 hr{
	clear: both;
	width: 100%;
	color: #dddddd;
	height:1px;
	border-width:1px 0 0 0;
	margin: 0;
}

#main2{
	float: left;
	width: 405px;
	background-color: #ffffff;
	padding: 0;
	margin: 10px 0 0 0;
	border-collapse: collapse;
}

#side2{
	float: right;
	width: 200px;
	background-color: #eeeeee;
	margin: 10px 0 0 0;
	padding: 0;
	border-collapse: collapse;
}

#newInfo{
	overflow: auto;
	width: 100%;
	height: 100px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	scrollbar-base-color: #ffcccc;
	scrollbar-face-color: #eeeeee;
	scrollbar-darkshadow-color: #eeeeee;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-track-color: #ffffff;
	scrollbar-shadow-color: #4f5166;
	scrollbar-3dlight-color: #4f5166;
	scrollbar-arrow-color: #4f5166;
}

/*********** #main2 styles ***********/

#main2 ul {list-style: none; margin: 5px 0 5px 8px; padding: 0;}

#main2 hr{
	clear: both;
	width: 100%;
	color: #cccccc;
	height:1px;
	border-width:1px 0 0 0;
	border-style: dotted;
}

#main2 img{
	float: left;
	margin: 10px;
	width: 80px;
}

.main2Block{
	clear: left;
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0px;
}

.main2Block a:link{text-decoration: underline;color: #3f4073;}
.main2Block a:visited{text-decoration: underline;color: #3f4073;}
.main2Block a:hover{text-decoration: underline;color: #00005e;}

.main2Block h2{
	background: #eeeeee url('../images/bg_slash.gif') no-repeat;
	color: #3f4073;
	padding: 5px 0px 0px 8px;
	height: 25px;
	margin: 0;
}

.main2Block h3{
	color: #3f4073;
	padding: 5px 0px 0px 8px;
	margin: 0;
}

.main2Block p{
	margin: 0;
	padding: 5px 6px 6px 8px;
}

.main2Left {
	float: left;
	width: 205px;
	padding-right: 5px;
	margin: 0;
}

/*********** #side2 styles ***********/

#side2 ul {list-style: none; margin: 5px 0 5px 8px; padding: 0;}

#side2 hr{
	clear: both;
	width: 100%;
	color: #cccccc;
	height:1px;
	border-width:1px 0 0 0;
	border-style: dotted;
}

#side2 img{
	float: left;
	margin: 7px;
	width: 75px;
}

.side2Block{
	clear: left;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0px;
}

.side2Block a:link{text-decoration: underline;color: #3f4073;}
.side2Block a:visited{text-decoration: underline;color: #3f4073;}
.side2Block a:hover{text-decoration: underline;color: #00005e;}

.side2Block h2{
	background: #dddddd url('../images/bg_slash_blue.gif') no-repeat;
	color: #3f4073;
	padding: 5px 0px 0px 8px;
	height: 25px;
	margin: 0;
}

.side2Block h3{
	color: #3f4073;
	padding: 5px 0px 0px 8px;
	margin: 0;
}

.side2Block p{
	margin: 0;
	padding: 5px 6px 6px 8px;
}

/*********** .goods_customize styles ***********/

.goods_customize{
	width: 280px;
	margin: 0px 5px 12px 0px;
	padding: 0;
}

.goodsLeft{
	float: left;
	width: 280px;
	margin: 0;
	padding: 0;
}

.goodsRight{
	float: right;
	width: 280px;
	margin: 0;
	padding: 0;
}

.goods_customize img{
	margin: 15px 0px 0px 7px;
	padding: 0;
}

.goods_customize ul {list-style: none; margin: 0; padding: 0;}
.goods_customize li {margin-bottom: 3px; padding: 0;}

.goods_customize a:link{text-decoration: underline;color: #3f4073;}
.goods_customize a:visited{text-decoration: underline;color: #3f4073;}
.goods_customize a:hover{text-decoration: underline;color: #00005e;}

.goods_customize h2{
	background: #eeeeee url('../images/bg_slash.gif') no-repeat;
	color: #3f4073;
	padding: 5px 0px 0px 8px;
	height: 23px;
	margin: 0;
}

.goods_customize h3{
	color: #555555;
	padding: 5px 0px 0px 8px;
	margin: 0;
}

.goods_customize p{
	margin: 0;
	padding: 5px 0px 0px 0px;
}

/*********** #class_container styles ***********/

#class_container{
	overflow: auto;
	width: 620px;
	height: 120px;
	background-color: #ffffff;
	margin: 0 0 5px 0;
	padding: 0;
	text-align:left;
	scrollbar-face-color: #eeeeee;
	scrollbar-darkshadow-color: #eeeeee;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-track-color: #ffffff;
	scrollbar-shadow-color: #3f4073;
	scrollbar-3dlight-color: #3f4073;
	scrollbar-arrow-color: #3f4073;
}

#class_container ul {list-style: decimal inside; margin: 5px 0 5px 20px; padding: 0;}

#class_container a:link{text-decoration: underline;color: #3f4073;}
#class_container a:visited{text-decoration: underline;color: #3f4073;}
#class_container a:hover{text-decoration: underline;color: #00005e;}

#class_container h2{
	background-color: #339933;
	color: #ffffff;
	padding: 5px 0px 0px 8px;
	height: 23px;
	margin: 0;
}

#class_container h3{
	color: #3f4073;
	padding: 3px 0px 0px 8px;
	margin: 0;
}

#class_container p{
	margin: 0;
	padding: 3px 6px 6px 8px;
}

/*********** #detail_customize styles ***********/

#detail_customize{
	width: 600px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	text-align:left;
	border: 1px solid #eeeeee;
}

#detailLeft{
	float: left;
	width: 335px;
	height: 250px;
	background-color: #ffffff;
	padding: 0;
	margin: 10px 0 5px 0;
	border-collapse: collapse;
	text-align: center;
}

#detailRight{
	float: right;
	width: 240px;
	background-color: #ffffff;
	margin: 10px 0 5px 0;
	padding: 0;
	border-collapse: collapse;
}

.detailBox{
	background-color: #ffffff;
	margin: 0px 5px 5px 0;
	padding: 5px 0 0px 7px;
}

.detailBoxgray{
	background-color: #eeeeee;
	margin: 10px 5px 5px 0;
	padding: 5px 0 5px 7px;
}

#detail_customize ul {list-style: none; margin: 0; padding: 0;}
#detail_customize li {margin-bottom: 3px; padding: 0;}

#detail_customize a:link{text-decoration: underline;color: #3f4073;}
#detail_customize a:visited{text-decoration: underline;color: #3f4073;}
#detail_customize a:hover{text-decoration: underline;color: #00005e;}

#detail_customize h2{
	background: #eeeeee url('../images/bg_slash.gif') no-repeat;
	color: #3f4073;
	padding: 5px 0px 0px 8px;
	height: 23px;
	margin: 0;
}

#detail_customize h3{
	color: #3f4073;
	padding: 3px 0px 0px 8px;
	margin: 0;
}

#detail_customize p{
	margin: 0;
	padding: 3px 6px 6px 8px;
}

#detailSetumei{
	clear: both;
	padding:7px 5px 7px 5px;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*********** #detail_container styles ***********/

#detail_container{
	clear: both;
	width: 100%;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	text-align:left;
}

#detail_container ul {list-style: decimal inside; margin: 5px 0 5px 20px; padding: 0;}

#detail_container a:link{text-decoration: underline;color: #3f4073;}
#detail_container a:visited{text-decoration: underline;color: #3f4073;}
#detail_container a:hover{text-decoration: underline;color: #00005e;}

#detail_container h2{
	background: #eeeeee url('../images/bg_slash.gif') no-repeat;
	color: #3f4073;
	padding: 5px 0px 0px 8px;
	height: 25px;
	margin-top: 10px;
}

#detail_container h3{
	color: #3f4073;
	padding: 5px 0px 0px 8px;
	margin: 0;
}

#detail_container p{
	margin: 0;
	padding: 3px 6px 6px 8px;
}