@charset "utf-8";

/* Basic */
* {
	margin: 0;
	padding: 0;
}

img { border-style: none; }

li { list-style-type: none; }

.clearfix { clear: both; }

a { text-decoration: none; }
a:link    { color: #300 }    
a:visited { color: #300 }   
a:hover   {
	color: #600;
	text-decoration: underline;
} 
a:active  { color: #300 } 

/* Layout */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	color: #444;
	background: #E7E1DA url(/img/sell/null.gif) no-repeat fixed;
}

h1 {
	font-size: 10px;
	margin-bottom: 5px;
	color: #999;
	margin-left: 5px;
	font-weight: normal;
}

#wrap {
	margin: auto;
	width: 890px;
	background-image: url(/img/base/bg02.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#header { }
#header .logo {
	width: 300px;
	float: left;
}

#header .headmenu {
	float: left;
	text-align: right;
	width: 590px;
	padding-top: 35px;
}


#image {
	background: #FFF;
	padding: 10px;
	height: 280px;
	margin-bottom: 10px;
}

#contents {
	width: 660px;
	float: left;
}

/* side bar */
#sidebar {
	float: left;
	margin-left: 10px;
	background: #FFF;
	width: 220px;
}

#menu { /* main menu */
	padding: 10px 10px 0px;
	width: 200px;
}

#menu li,
#subbtn li {
	text-indent: -9999px;
	overflow:hidden;
	margin-bottom: 10px;
}

#menu li a,
#subbtn li a{
	display: block;
	height: 125px;
	width: 200px;
}

#menu li.menu0 a {
	background: url(/img/base/menu0.jpg);
	height: 20px;
}

#menu li.menu1 a { background: url(/img/base/menu1.jpg); }

#menu li.menu2 a { background: url(/img/base/menu2.jpg); }

#menu li.menu4 a { background: url(/img/base/menu4.jpg); }

#submenu  {
	padding: 10px;
	border-top: 10px solid #EAE5DF;
}

#submenu .textlink li{
	padding: 5px 15px 5px 30px;
	background: url(/img/base/mark01.gif) no-repeat 10px center;
}

#subbtn {
	width: 200px;
}
#subbtn li.menu7 a {
	background: url(/img/base/menu7.jpg);
	height: 45px;
}
#subbtn li.menu8 a {
	background: url(/img/base/menu8.jpg);
	height: 45px;
}

#menu li.menu1 a:hover { background: url(/img/base/menu1on.jpg); }

#menu li.menu2 a:hover { background: url(/img/base/menu2on.jpg); }

#menu li.menu4 a:hover { background: url(/img/base/menu4on.jpg); }

#subbtn li.menu7 a:hover { background: url(/img/base/menu7on.jpg); }

#subbtn li.menu8 a:hover { background: url(/img/base/menu8on.jpg); }

#bn {
	padding: 10px;
	text-align: center;
	border-top: 10px solid #EAE5DF;
}

/* footer */
#retbar {
	text-align: right;
	padding-top: 20px;
	border-bottom: 1px solid #333;
	width: 890px;
}

#footer {
	padding: 5px;
	text-align: center;
}

#company {
	padding: 10px;
	border-top: 10px solid #EAE5DF;
	font-size: 11px;
	line-height: 1.4em;
	}

#company strong { font-size: 12px; }

#about {
	padding: 10px;
	border-top: 10px solid #EAE5DF;
	font-size: 11px;
	line-height: 1.7em;
	background: #D8D1C6;
}