@charset "utf-8";


/***** LAYOUT *****/

* { border-collapse:collapse; font-size:100%; font-style: normal; list-style: none; margin:0; padding:0; line-height:150%;}
img{ border:none; }

body{ 
	font-family: "Arial", "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; 
	color: #666666;
	font-size:85%
}
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }

a, a:link, a:visited {color:#0066FF; text-decoration:none; text-decoration:underline;}
a:hover {color:#0066FF; text-decoration:underline;}



/***** HEADER *****/
#header { width:850px; margin: 25px auto 0 auto; }

/***** NAVI *****/
#navi { width:850px; height:30px; margin: 20px auto 5px auto; background-image:url(/img/h_navibg.jpg);}
#navi li { display:block; color:white; padding: 5px 0 0 10px; float:left; 	letter-spacing:1px; }
#navi .border {color:#d5fba6;}
#navi a { color:white;} 


/***** WHTA'S NEW *****/
#whatsnew { width:850px; margin: 1px auto 1px auto; color:white;}
#whatsnew ul { margin: 38px 10px 0 15px; height:350px; overflow:hidden;}
#whatsnew li { margin-bottom:10px; font-weight:bold;}

/***** MAIN *****/
#main { width:850px; margin: 5px auto 30px auto;}
#main h1 {font-size:18px; margin: 20px 0 5px 0; }
#main h2 { height:26px; background-image:url(/img/bg_h2_green.gif); font-size:14px; margin: 20px 0 5px 0; padding: 4px 30px 0 10px; color:white;}
#main h2.light { background-image:url(/img/bg_h2.gif); color:#333333;}
#main h2.navi { background-image:url(/img/bg_h2_navi.gif); color:black;}
#main h2.red { background-image:url(/img/bg_h2_red.gif); }
#main h3 { height:25px; background-image:url(/img/bg_h3.gif); margin: 5px 0 5px 0; padding: 15px 30px 0 20px;}
#main p {padding: 10px 5px 10px 25px}

#main #corp_l {float:left; width:500px; margin-right:20px;}
#main #corp_r {float:left; width:320px;}

#main #id { font-weight:bold; line-height:120%;}
#main #spec table {margin: 10px 0 5px 0;}
#main #spec th {font-size:12px; text-align:left; font-weight:normal; background-color:#e8f1dc; padding:2px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; }
#main #spec td {font-size:12px; text-align:left; font-weight:normal; background-color:#e5e5e5; padding:2px; border-bottom:2px solid #ffffff; }
#main #inquire {text-align:right;}
#main a.button       {display:block;width:142px;height:50px;background-position: top left;   background:  url("/img/md_otoiawase.jpg") no-repeat;}
#main a.button:hover {display:block;width:142px;height:50px;background-position: bottom left;}

#main #photo img {float:left: margin-left:5px;}


#itemcell a {border:2px solid #f1f1f1; width:200px; height:170px; margin:2px; padding:2px; float:left; text-align:center; overflow:hidden; text-decoration:none;}
#itemcell a:hover {border:2px solid #9FA78C; background-color:#F9F8F4;}
#itemcell img {width:200px; height:150px; overflow:hidden;}


/***** FOOTER *****/
#footerwrap { width:100%; background-image:url(/img/f_bg.jpg); padding-top:5px;}
#footer { width:850px; margin: 0 auto 0 auto; color:#333333;}
#footer a {color:#333333;}


/***** OTHER *****/
a.enter       {display:block;width:142px;height:50px;background-position: top left;   background:  url("/img/enter.jpg") no-repeat;}
a.enter:hover {display:block;width:142px;height:50px;background-position: bottom left;}