@charset "shift_jis";

/* ===================================================
	Index CSS
====================================================== */


/* ---------------------------------------------------
		Layout and Element
--------------------------------------------------- */



#left{
	width:640px;
	float:left;
	text-align:left;
}

#right{
	width:280px;
	float:right;
}

#whatsnew{
	width:480px;
	height:320px;
	background: url(../img/index/whatsnew_bg.jpg) center top no-repeat;
}

#bn_box{
	width:400px;
	height:65px;
	margin:30px 0px 10px 50px;
}



/* -----  header  ----- */

div.main{
	width:920px;
	margin: 20px 0 10px 0;
}

/* -----  contents  ----- */


h1 {
	display: block;
	float:left;
	margin:20px;
}

h2{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	color:#666666;
}

.img_left{
	float:left;
	margin:10px;
}

.img_right{
	float:right;
	margin:10px;
}

#message p{
	margin:20px;
	line-height:180%;
}
	
#message2 p{
	margin:20px;
	line-height:180%;
}

.margin_top{
	padding-top:30px;
}

#news{
	margin:20px 0 20px 0;
}

.bn_type{
	margin:0px 6px 10px 0px;
}

.bn_type2{
	margin:0px 15px 10px 0px;
}

#contact{
	width:280px;
	height:164px;
	background: url(../img/index/contact_bg.gif) center top no-repeat;
	margin-top:20px;
}

#bn{
	width:360px;
	margin:0px 0 10px 10px;
	background: url(../img/index/bn_bg.gif) center top no-repeat;
	text-align:left;
}

.bn{
	margin:10px 6px 0px 0px;
}

.bn2{
	margin:10px 0px 0px 0px;
}

.bn3{
	margin:10px 6px 0px 0px;
}

.bn4{
	margin:10px 0px 0px 0px;
}

.bn5{
	margin-top:30px;
}

#products{
	background: url(../img/index/bg_products.jpg) center top no-repeat;
	height:550px;
}

.products{
	margin:8px auto;
}

div.search,
div.menu_box{
	margin: 0 12px;
}

.search input#keyword,
.search .select{
	margin-right: 5px;
	width: 220px;
}


.menu.left{
	width: 120px;
	float: left;
}

.menu.right{
	width: 150px;
	float: right;
}

.menu li{
	padding-left: 10px;
	line-height: 150%;
	border-left:solid 5px #996600;
	text-align:left;
	margin:18px 10px;
}

.menu li a:link,
.menu li a:visited {
	color: #fff;
}

.menu li a:hover,
.menu li a:active{
	color: #fff;
	text-decoration: underline;
}


#shousya{
	width:258px;
	padding:5px;
	border:solid 1px #ccc;
	text-align:left;
	line-height:200%;
	color:#333333;
	margin-bottom:20px;
}

#shousya p{
	margin:6px;
}

.shousya_img{
	margin-top:5px;
}

.saiyou_img{
	margin-top:5px;
	margin-right:6px;
	float:left;
}

.english{
	margin:30px 30px 10px 10px;
	float:right;
}