@charset "UTF-8";
@import 'global.css';
@import 'menu.css';

body#top {
	font-size:100%;
	background-image: url(../images/top/back_shadow.gif);
	background-repeat: repeat-x;
	background-position: 0px 316px;
}

body#top #container{
	width: 800px;
	padding-bottom:80px;
}
*html body#top #container{
	padding-bottom:40px;
}
body#top .pagetop{
	left:680px;
}
#flash{
	width: 100%;
	height: 302px;
	background-image: url(../images/top/flash_back.gif);
	text-align: center;
	background-repeat: repeat-x;
	background-position: center;
}
#flashwrap{
	height: 260px;
	padding-top:20px;
}
#toparea{
	margin-bottom:10px;
}
#topcopy{
	width:590px;
	float:left;
}
#topcopy p{
	color:#254769;
	font-weight:bold;
}
#information{
	float:right;
	width:190px;
}
#infobtn{
	background:url(../images/top/info_btm.gif) no-repeat;
	width:190px;
	height:31px;
	text-align:center;
}
#boxtop{
	padding:6px 0 0 0;
	background:url(../images/top/bg_boxtop.gif) left top no-repeat;
	min-height:170px;
	_height:170px;
}
#boxtop:after,
#boxbtm:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#boxtop p{
	color:#254769;
}
#boxbtm{
	background:url(../images/top/bg_boxbtm.gif) bottom no-repeat;
	padding:10px 0;
	margin-bottom:30px;
}
#leftbox,#centerbox,#rightbox{
	width:250px;
	float:left;
	padding:0 8px;
}
ul#used {
	background:url(../images/top/line.gif) bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:10px;
}
ul#used li{
	float:left;
	padding:0 10px;
}
ul#used li.button{
	margin-top:10px;
	margin-left:8px;
}

#usedlist{
	font-size:77%;
	margin-bottom:10px;
}
#usedlist ul li{
	background:url(../images/top/bluearrow.gif) left 0.3em no-repeat;
	padding-left:16px;
	float:left;
	width:230px;
	margin-left:15px;
}
#usedlist ul li a{
	color:#254769;
}
#usedlist ul a:hover{
	text-decoration:underline;
	color:#3F79B3;
}

#bottomarea{
	margin-bottom:20px;
}
#bottomarea p{
	color:#254769;
}
#originalarea{
	width:288px;
	float:left;
}
#oritop{
	background:url(../images/top/bg_originaltop.gif) top no-repeat;
	padding:6px 7px 0 6px;
}
#newsarea{
	float:right;
	width:470px;
}
#newsarea ul{
	font-size:77%;
	height:260px;
    overflow:auto;
}
#newsarea ul li{
	border-bottom:#D1CEBF 1px dotted;
	padding:3px 0 3px 25px;
}
#newsarea ul li.ten{
	background:url(../images/top/news_ten.gif) left 0.3em no-repeat;
}
#newsarea ul li.pc{
	background:url(../images/top/news_pc.gif) left 0.5em no-repeat;
}
#newsarea ul li.mc{
	background: url(../images/top/news_mc.gif) left 0.5em no-repeat;
	}
#newsarea ul li a:hover{
	text-decoration:underline;
}





h1{
	margin-bottom:15px;
}
h3{
	margin-bottom:5px;
	position:relative;
}
h3 .detail{
	position:absolute;
	right:4px;
	top:4px;
}
#boxbtm h3 .detail{
	right:12px;
}
#boxbtm h3{
	margin-bottom:10px;
	padding:0 7px;
}
*html h3 .detail{
	position:absolute;
	top:4px;
	right:12px;
}
h4{
	border-top:#3f79b3 1px solid;
	border-bottom:#d0cebf 1px solid;
	margin-bottom:0.5em;
}
p.productimage{
	border:#d0cebf 1px solid;
	margin-bottom:10px;
}
#custom #right{
	float:right;
	width:85px;
}
#custom #right img{
	margin-bottom:7px;
}
#custom #left{
	float:left;
	width:150px;
}
#oritop p img{
	float:left;
}
#sale{
	background:url(../images/top/bg_originalbtm.gif) bottom no-repeat;
	width:288px;
	text-align:center;
	padding:6px 0;
}
#formarea{
	text-align:center;
	background:url(../images/top/btnarea.gif) center top no-repeat;
	padding:14px 0;
}

input#window{
	height:18px;
	width:200px;
}