@charset "shift_jis";
/* =======================================
	Last Up Date 10/04/01
========================================== */
@import "reset.css";
@import "common.css";

/* =======================================
   Rayout
========================================== */
/* index Rayout 
========================================== */
div#boxBox { float: left; width: 905px; margin: 5px 0; background: url("../images/common/bgbox.gif") top repeat-y;}
div#boxBox div#bgbox_top { float: left; width: 905px; background: url("../images/common/bgbox_top.jpg") no-repeat;}

/* =======================================
   Left coloum
========================================== */
/* 左カラム初期設定 */
div#leftbox { float: left; width: 585px; text-align: left;}
div#leftbox img { margin: 0 auto;}
div#leftbox .pagetop { margin: 20px 0 25px; text-align: right;}
/* グーグルマップ 
========================================== */
div#googlemap_box { float: left; width: 585px; margin: 0 0 5px 0; background: #333;}
div#googlemap_box #left { float: left; width: 169px; margin: 17px 8px 8px 22px;}
* html div#googlemap_box #left { float: left; width: 169px; margin: 17px 8px 8px 10px;}
div#googlemap_box p { margin: 16px 2px 0; line-height: 130%; font-size: 70%; font-weight: normal; color: #CCC;}
div#googlemap_box #map { float: right; width: 370px; height: 188px; margin: 8px 8px 8px 0; line-height: 120%; font-size: 70%; color: #777;}
div#googlemap_box #map a { font-size: 90%;}
div#googlemap_box #map b { font-size: 110%; color: #EF0099;}
/* タブコンテンツ切替 
========================================== */
div#leftbox #tabs #list { width: 585px;}
div#leftbox #tabs #list ul { background: url(../images/common/tab_bg.gif) no-repeat;}
div#leftbox #tabs #list li { display: block; float: left; width: 245px; padding: 7px 15px 7px 30px; text-align: left; list-style: none; font-size: 80%;}
div#leftbox #tabs #list li#tab1 { background: url(../images/common/tab2_bg.gif) no-repeat 0 0 #333; margin: 0 5px 0 0; color: #99CC33;}
div#leftbox #tabs #list li#tab2 { background: url(../images/common/tab1_bg.gif) no-repeat 0 0 #FFF; color: #666;}
div#leftbox #tabs #list li.select { background: transparent;}
div#leftbox #tabs #contents1,#contents2 { clear: both; padding: 0 28px 15px 27px;}
/* 壁紙DL タブ/contents2
========================================== */
div#leftbox #tabs #contents2 { padding-top: 15px; background: #333; line-height: 140%;}
#contents2 strong { font-size: 120%; font-weight: bold; color: #99CC33;}
#contents2 .txt1 { margin: 8px 0 5px; line-height: 150%; font-size: 90%; font-weight: normal; color: #CCC;}
#contents2 h2 { margin: 8px 0 0; font-size: 80%; font-weight: bold; color: #999;}
#contents2 p { margin: 0 0 8px; line-height: normal; font-size: 70%; color: #666;}
#contents2 #existing,#contents2 .archive { float: left; width: 530px; margin-bottom: 15px;}
#contents2 #existing h3,#contents2 .archive h3 { margin: 0 0 12px; padding: 3px 6px; background: #222/*#333*/; font-weight: bold; font-size: 100%; color: #FFF;}
#contents2 #existing .new { margin: 0 8px 0 0; color: #EF0099;}
#contents2 #existing ul,#contents2 .archive ul { margin: 8px 0 40px;}
#contents2 #existing li,#contents2 .archive li { display: block; float: left; list-style: none;}
#contents2 #existing li { margin-bottom: 24px;}
#contents2 .archive li { margin-bottom: 10px;}
#contents2 #existing li.space { width: 24px; font-size: 10%; color: #333;}
#contents2 .archive li.space { width: 10px; font-size: 10%; color: #333;}
/* 製品紹介 タブ/contents1 
========================================== */
div#leftbox #tabs #contents1 { background: #FFF;}
/* 製品紹介 タブ/contents1（製品紹介navi） */
#contents1 .top_navi { width:528px;}
#contents1 .top_navi li { display: inline; float: right; margin: 12px 6px 8px 6px; list-style: none inside; text-align: right; font-size: 80%; color:#666;}
#contents1 .top_navi a:link { color: #666;}
#contents1 .top_navi a:hover { color: #66CC00;}
#contents1 h1 { margin: 15px 0 10px; line-height: 140%; font-size: 80%; font-weight: bold; color: #009933;}
#contents1 h2 { line-height: 140%; font-size: 120%; font-weight: bold;}
#contents1 h3 { margin: 20px 0 5px 0; line-height: 110%; font-size: 90%; color: #99CC33;}
#contents1 strong { line-height: 140%; font-size: 120%; color: #EF0099;}
#contents1 .txt1 { margin: 0 0 20px; text-align: left; line-height:140%; font-size: 90%; font-weight: normal;}
#contents1 .txt2 { margin: 5px 0 15px; text-align: left; line-height: 140%; font-size: 80%; font-weight: normal;}
#contents1 .img1 { margin-bottom: 15px;}
#contents1 .img2 { margin-top: 5px;}
#contents1 .two_colum { width: 530px;}
#contents1 .two_colum .left_colum { float: left; width: 200px; height: 171px; margin-bottom: 10px;}
#contents1 .two_colum .right_colum { float: right; width: 315px; margin-top: 10px; line-height: 140%; font-size: 80%; color: #666;}
#contents1 .detail { margin: 20px 0 10px; padding: 10px; border: #CCC 1px solid; background: #EEE;}
#contents1 .detail .detail_title { text-align: left; line-height: 140%; font-size: 80%; font-weight: bold;}
#contents1 .detail .detail_txt { text-align: left; line-height: 140%; font-size: 70%; font-weight: normal;}
#contents1 .detail .b_buy { margin: 10px 5px 5px 0; text-align: right;}

/* =======================================
   Right coloum
========================================== */
/* 右カラム初期設定 */
div#rightbox { float: right; width: 315px; margin: 0 0 /*5px*/ 0; text-align: left;}
div#rightbox .txt1 { margin: 0 auto; padding-left: 2px; text-align: left; line-height: 140%; font-size: 80%; font-weight: normal; color: #CCC;}
div#rightbox .txt2 { width: 277px; margin: 0 auto; text-align: left; line-height: 140%; font-size: 80%; font-weight: normal; color: #CCC;}
div#rightbox a { font-size: 90%; font-weight: normal; color: #6C0;}
div#rightbox a.link2 { display: table; width: 277px; text-align: right; line-height: 140%;}
/* Taiga_Forum 
========================================== */
div#taigabox { clear: both; padding: 14px; background: #666 /*#333*/;}
div#taigabox h4 { margin: 10px 0 8px 0; line-height: 110%; font-size: 80%; font-weight: bold; color: #9C3;}
div#taigabox h5 { margin: 18px 0 5px 2px; line-height: 110%; font-size: 80%; font-weight: bold; color: #9C3;}
div#taigabox .photo2colum { float: left; margin: 12px 0 0;}
div#taigabox .photo2colum .left { float: left; width: 137px; margin: 0 4px 0 2px;}
div#taigabox .photo2colum .right { float: left; width: 137px; margin: 0 0 0 4px;}
div#taigabox p.caption { line-height: 140%; font-size: 70%; font-weight: normal; color: #666;}
div#taigabox #site { width:287px;}
div#taigabox #site p { margin: 5px 2px; font-size: 100%; font-weight: bold; color: #FFF;}
/* FoE 
========================================== */
div#FoEbox { padding: 14px; background: #666;}
div#FoEbox h4 { margin: 15px 0 5px 3px; line-height:140%; font-size: 80%; font-weight: bold; color: #9C3;}
div#FoEbox #t_foejapan { padding: 10px 0 8px; text-align: left;}
/* Shop情報 
========================================== */
div#shopbox { padding: 10px 14px 14px; background: #666 /*#333*/;}
div#shopbox .banner { margin: 15px 0 0; text-align: center;}
div#shopbox .txt2 { width:260px; font-size: 70%}
/* 新着情報 
========================================== */
div#wn { width: 305px; margin: 30px 0 0/*5px*/; padding: 0 0 5px; /*background: #000;*/}
div#wn #title { width: 290px; padding: 0 0 0 15px; font-size: 90%; color: #9C3/*#CC0066*/;}
div#wn #title img { margin: 1px 8px 0 0;}
div#wn #title strong { margin: 0 8px 0 0;}
div#wn ul#contents { overflow-y: scroll; height: 400px; padding: 0 5px 0 15px;}
div#wn ul#contents li { list-style: none; line-height: 120%; font-size: 70%; color: #CCC;}
div#wn ul#contents li.date { margin: 10px 0 0; list-style: none; font-weight: bold;}