@charset "utf-8";

@import url("../packages/default/css/import.css");

/*---------------------------------------------------------------------
	1-1	Yahoo Library Fonts	CSS
-----------------------------------------------------------------------*/



body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

table {
	font-size:inherit;font:100%;
}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*---------------------------------------------------------------------
	1-2	Universal selector
-----------------------------------------------------------------------*/

/* 各ブラウザのタグ認識を解除 */
* {
	margin: 0;
	padding: 0;
}

/*---------------------------------------------------------------------
	1-3 Structure Module
-----------------------------------------------------------------------*/

html {
	overflow-y: scroll;/* firefoxの縦スクロールバーを常に表示 */
}

body {
	background: #000000;
	color: #fff;
font-family:'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',  sans-serif;
}

/*---------------------------------------------------------------------
	1-4 Text Module
-----------------------------------------------------------------------*/

h1,h2,h3,h4,h5 {
font-weight: normal;
}

h1{
	font-size: 1.5em;
	line-height: 1.2;
}

h2 {
        font-size: 1.5em;
	line-height: 1.2;
}

h3 {
	font-size: 1.5em;
	line-height: 1.2;
}

h4{
	font-size: 1.25em;
	line-height: 1.2;
}

h5 {
	font-size: 1em;
	line-height: 1.2;
}

p {
	font-size: 0.8em;
	line-height: 1.6;
}

p.caption {
	font-size: 0.75em;
	line-height: 1.6;
}

p.catchcopy {
	font-size: 2em;
	line-height: 1.2;
}

.clear {
	clear: both;
}

hr {
	display: none;
}

/*---------------------------------------------------------------------
	1-5 HiperText Module
-----------------------------------------------------------------------*/

a {
	text-decoration: none;
}

a:link {
	color: #FF6600; 
}

a:visited {
	color: #FF6600; 
}

a:hover {
	color: #FF6600; 
	text-decoration: underline;
}

a:active {
	color: #FF6600; 
}

/*---------------------------------------------------------------------
	1-6 List Module
-----------------------------------------------------------------------*/

ol,ul {
	list-style: none;
}

/*---------------------------------------------------------------------
	1-7 Edit Module
-----------------------------------------------------------------------*/

/*---------------------------------------------------------------------
	1-8 Forms Module
-----------------------------------------------------------------------*/

fieldset {
	border: 0;
}

input {
	padding: 0;
	border: 0;
	background: #FFF;
}


/*---------------------------------------------------------------------
	1-9 Table Module
-----------------------------------------------------------------------*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

/*---------------------------------------------------------------------
	1-10 Image Module
-----------------------------------------------------------------------*/

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


div#header {
width: 900px;
background: #000;
border-left: 1px solid #333;
border-right: 1px solid #333;
}


div#container {
margin: 0 auto;
padding: 0;
width: 900px;
border-left: 1px solid #333;
border-right: 1px solid #333;
background: #000;
}

div#leftcolumn {
margin: 0;
padding: 0;
width: 225px;

}

div#leftcolumn img {
	margin-bottom: 10px;
}

div#leftcolumn ul {
	margin: 0;
	padding: 0;
}

div#leftcolumn ul li {
	margin:0;
	padding: 0 0 5px 10px;
}

div#three_maincolumn{
margin: 0;
padding: 0;
padding-bottom: 10px;
width: 450px;
border: 1px solid #333;
}

div#three_maincolumn h2.webshop_title{
margin-left: 20px;
width: 410px;
border-bottom: 1px solid #333;
}



div#rightcolumn {
margin-top: 0;
padding-top: 0;
margin-left: 25px;

}

div#rightcolumn h2{
margin: 0;
padding: 0;
width: 165px;
border: 1px solid #333;
}

div#rightcolumn h2 img{
margin: 0;
padding: 0;
}

div#rightcolumn div#cartarea,
div#rightcolumn div#categoryarea,
div#rightcolumn div#loginarea,
div#rightcolumn div#searcharea,
div#rightcolumn div#guidearea {
border: none;
background: #000;
font-size: 0.9em;
}

div#rightcolumn p.btn {
margin-top: 5px;
margin-bottom: 10px;
padding: 0;
}





div#rightcolumn div#categoryarea ul#categorytree li.level1 {
margin: 0;
padding: 0;
background: #000;
list-style: none;
}

div#rightcolumn div#categoryarea ul#categorytree li.level2,
div#rightcolumn div#categoryarea ul#categorytree li.level3,
div#rightcolumn div#categoryarea ul#categorytree li.level4{
margin-left: 10px;
padding: 0;
background: #000;
list-style: none;
}

div#rightcolumn div#guidearea ul li a {
margin-bottom: 10px;
line-height:150%;
width: 150px;
height: 15px;

}

/*---------------------------------------------------------------------
	message
-----------------------------------------------------------------------*/

div#message {
	margin-left: 225px;
	margin-bottom: 10px;
	width: 665px;
}

div#message p {
	float: left;
	font-size:0.7em;
}

div#message img {
	float: right;
}


/*---------------------------------------------------------------------
	サイド
-----------------------------------------------------------------------*/



div#side ul {
	margin: 0;
	padding: 0;
}

div#side ul.navi1 li {
	margin:0;
	padding: 0 0 5px 10px;
}

div#side ul.navi1 li img {
	margin-bottom: 5px;
}

div#side ul.navi2 li {
	margin:0;
	padding: 0 0 0 10px;
}




/*---------------------------------------------------------------------
	footer
-----------------------------------------------------------------------*/

div#footer {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 900px;
background: #000;
	text-align: center;

}

div#pagetop {
background: #000;
}

div#footer ul {
	margin-bottom: 10px;
	text-align: left;
background: #000
}

div#footer ul li {
	display: inline;
	margin-right: 3px;
	padding-left: 7px;
	border-left: 1px solid gray;
	font-size: 0.7em;
}

div#footer ul li.home {
	padding-left: 0;
	border-left: 0;
}

div#footer ul li a:link {
	color: #FF6600; 
}

div#footer ul li a:visited {
	color: #FF6600; 
}

div#footer ul li a:hover {
	color: #FF6600; 
}

div#footer h3 {
	text-align: left;
	color: #FF6600;
	font-size: 1em;
}

div#footer ul li a:active {
	color: #FF6600; 
}

div#footer dl {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 0.7em;
	width: 700px;
}

div#footer dt {
	float: left;
	width: 180px;
}

div#footer dd.adress1 {
}

div#footer dd.adress2 {
}

/*---------------------------------------------------------------------
	top
-----------------------------------------------------------------------*/

div#recomendarea h2,
div#newsarea h2 {
margin: 0;
margin-top: 10px;
padding: 0;
width: 400px;
height: 30px;
border: 1px solid #333;
}

div#newsarea dl {
border: none;
background: none;
}

div#newsarea dl dt {
margin: 0;
padding: 0;
border: none;
background: none;
}


div#recomendarea div.recomendblock {
background: none;
margin: 0;
padding: 0;
overflow: hidden;

}

div#recomendarea div.recomendblock div.recomendleft,
div#recomendarea div.recomendblock div.recomendright {
margin-top: 20px;
width: 410px;
border-bottom: 1px solid #333;
overflow: hidden;
}

div#recomendarea div.recomendblock div.recomendleft h3,
div#recomendarea div.recomendblock div.recomendright h3 {
margin-left: 200px;
}

div#recomendarea div.recomendblock div.recomendleft img,
div#recomendarea div.recomendblock div.recomendright img {
width: 200px;
height: 150px;
margin-bottom: 10px;
}

div#recomendarea div.recomendblock div.recomendleft p,
div#recomendarea div.recomendblock div.recomendright p {
margin-left: 10px;
}





/*---------------------------------------------------------------------
	undercolumn
-----------------------------------------------------------------------*/

div#undercolumn {
margin: 0;
padding: 0;
width: 450px;
}

div#undercolumn h2.webshop_title{
margin-left: 20px;
width: 410px;
border-bottom: 1px solid #333;
}

div#undercolumn div#undercolumn_order h2.title{
margin-left: 20px;
width: 410px;
border-bottom: 1px solid #333;
}



div#undercolumn div#undercolumn_entry {
margin-left: 20px;
padding: 0;
width: 410px;
}

div#undercolumn div#undercolumn_entry h2.title img,
div#undercolumn div#undercolumn_contact h2.title img,
div#undercolumn div#undercolumn_aboutus h2.title img,
div#undercolumn div#undercolumn_order h2.title img {
margin-top: 0;
width: 410px;
border: 1px solid #333;

}



div#undercolumn div#undercolumn_order table,
div#undercolumn div#undercolumn_contact table,
div#undercolumn div#undercolumn_aboutus table,
div#undercolumn div#undercolumn_order table,
div#undercolumn div#undercolumn_entry table {
width: 410px;

}



div#undercolumn div#undercolumn_order table th,
div#undercolumn div#undercolumn_contact table th,
div#undercolumn div#undercolumn_aboutus table th,
div#undercolumn div#undercolumn_order table th,
div#undercolumn div#undercolumn_entry th {
background: #222;
border: 1px solid #333;
font-size: 0.9em;
width: 90px;

}


div#undercolumn div#undercolumn_order table td,
div#undercolumn div#undercolumn_contact table td,
div#undercolumn div#undercolumn_aboutus table td,
div#undercolumn div#undercolumn_order table td,
div#undercolumn div#undercolumn_entry td {
background: #000;
border: 1px solid #333;
font-size: 0.9em;


}

div#undercolumn div#undercolumn_entry p.mini {
width: 300px;
}



div#undercolumn div#undercolumn_entry textarea.area470 {

width: 400px;
height: 200px;
font-size: 0.8em;
}

ul.pagecondarea {
margin-left: 20px;
padding: 0;
padding-bottom: 10px;
width: 410px;
background: #000;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #333;
font-size: 0.9em;
}

ul.pagenumberarea {
margin-left: 20px;
margin-right: 20px;
padding: 0;
padding-bottom: 5px;
width: 410px;
background: #000;
border-bottom: 1px solid #333;
font-size: 0.8em;
}

div.listarea {
width: 410px;
margin-left: 20px;
border: none;
background: none;
overflow: hidden;
}

div.listarea div.listrightblock {
margin: 0;
width: 165px;
border: none;

}

div.listarea div.listrightblock h3 {
margin: 0;
padding: 0;
padding-bottom: 5px;
width: 165px;
border-bottom: 1px;
background: #000;
font-size: 0.9em;
}

div.listarea div.listrightblock h3 a {
color: #FFF;
}

div.listarea div.listrightblock p.listcomment {
margin-top: 5px;
padding-top: 5px;
padding-bottom: 3px;
height: 30px;
overflow: hidden;
border-top: 1px solid #333;

}

div.listarea div.listrightblock p.detail_btn {
text-align: right;
}

div.listarea div.listrightblock p span.pricebox {
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #333;
}

div.listarea div.listrightblock div.in_cart {
width: 160px;
margin: 0;
margin-bottom: 5px;
padding: 0;
background: #000;
text-align: right;
border: none;
}

div.listarea div.listrightblock div.in_cart dl{
text-align: left;
}

div.listarea div.listrightblock div.in_cart dl dt{
text-align: left;
}

div.listarea div.listrightblock div.in_cart dl dd{
margin-left: 25px;
}

div#undercolumn div.listarea {
background: none:
border: none;
}


div#undercolumn div.listarea div.listrightblock div.in_cart div.cartbtn{
text-align: right;
}

div#undercolumn h2 {
margin-left: 20px;
font-size: 0.9em;
}



div#detailarea {
width: 410px;
margin-left: 20px;
border: none;
overflow: hidden;

}

div#undercolumn div#detailarea div#rightblock{
clear: both;
margin: 0;
width: 400px;
overflow: hidden;
font-size: 0.9em;
}

div#undercolumn div#detailarea div#rightblock p.btn{
width: 150px;
background: none;
text-align; right;
font-size: 0.9em;

}

div#customervoicearea{
margin-left: 20px;
}

div.whoboughtblock{
margin-left: 20px;
}

div#under02column {

}

div#under02column div#under02column_login {

}

div#under02column div#under02column_login h2 {

}

div#under02column div#under02column_login div.loginarea {
border: 1px solid #333;
}

div#under02column div#under02column_login div.loginarea p.textbox{
border: 1px solid #333;
}

div#under02column div#under02column_login div.loginarea div.inputbox,
div#under02column div#under02column_login div.loginarea div.inputbox02 {
border: 1px solid #333;
background: #000;
}



div#under02column div#under02column_cart h2,
div#under02column div#under02column_login h2,
div#under02column div#under02column_shopping h2 {
width: 700px;
height: 40px;
border: 1px solid #333;
}



div#under02column div#under02column_cart table,
div#under02column div#under02column_customer table,
div#under02column div#under02column_shopping table {
background: #000;
border: 1px solid #333;
color: #FFF;
font-size: 0.9em;
}

div#under02column div#under02column_cart table th,
div#under02column div#under02column_customer th,
div#under02column div#under02column_shopping th{
background: #222;
color: #FFF;
font-size: 0.9em;
}

div#under02column div#under02column_cart table th,
div#under02column div#under02column_cart table td,
div#under02column div#under02column_customer th,
div#under02column div#under02column_customer td,
div#under02column div#under02column_shopping th,
div#under02column div#under02column_shopping td {
border: 1px solid #333;
font-size: 0.9em;
}

div#under02column div#under02column_shopping div#completetext {
borrder: none;
}

div#under02column div#under02column_cart table td {
background: #000;
color: #FFF;
font-size: 0.9em;
}


div#under02column div#under02column_cart p.totalmoneyarea{
border: none;
}

div#under02column div#under02column_error div.messagearea {
border: 1px solid #333;
}

div#under02column div#under02column_customer h2.title {
border: 1px solid #333;
}

div#windowcolumn {
background: #000;
border: none;
}

div#windowcolumn h2 {
    border: 1px solid #333;

}

div#windowarea #completebox {
 border: 1px solid #333;

}

div#zipsearchcolumn,
div#zipsearcharea {
background: #000;
}