/*=============================
elements : 全体要素
=============================*/
html{
height: 100%;
text-align: center;
font:"ＭＳ ゴシック", "Osaka−等幅", Arial, Helvetica, sans-serif, ;
}

body{
 border: 1px solid re;
 margin:0 auto;
 padding:0;
/* background-color: #f0f0f0; */
 text-align: center;
 height:100%;
 background-image:url(../images/stripe-bg.png);
}

img{
 margin:0;
 padding:0;
 border:0;
}
table,tr,td{
 margin:0;
 padding:0;
 border:0;
 vertical-align:top;
}

p{
 vertical-align:top;
 margin:0;
 padding:0;
}

#clear{ clear: both;}

/*=============================
box : レイアウト大枠
=============================*/

#box{
 width: 960px;
 margin:0 auto;
/* text-align: center; */
 height:100%;
 vertical-align:top;
 background-image:url(../images/bg.png);
 min-height: 100%;
}

body > #box {
    height: auto;
} 

/*=============================
container : レイアウトの中枠
=============================*/

#container{
 width: 950px;
 height: auto;
 vertical-align:top;
 text-align: center;
 margin:0 auto;
 padding:0;
}


/*=============================
header : ヘッダー
=============================*/
#header{
 width: 950px;
 height: auto;
 margin:0;
 padding:0;
 background-color:#f4f4f4;
}

.header-top{
 width: 950px;
 background-image:url(../images/header-top-bg.png);
 margin:0;
 padding:0;
}


/*=============================
header-2nd : 第2階層以降 ヘッダー
=============================*/

#header-2nd{
 width: 950px;
 margin:0;
 padding:0;
 background-color:#f4f4f4;
 float: left;
 height: auto;
}


/*=============================
topic-path : パンくず
=============================*/
#topic-path{
 width: 930px;
 margin: 0;
 padding: 10px 0 0 10px;
 font-size: 12px;
 text-align: left;
 clear:both;
}

/*=============================
header > seach-box : 検索エリア用
=============================*/
#searchform{
 background-image:url(../images/search-bg.gif);
 width: 220px;
 height: 25px;
 background-position:right;
 background-repeat:no-repeat;
 margin:  0 5px 0 0;
 padding: 8px 10px 5px 0;
 float: right;
 text-align: right;
}

input.search-text{
 width:170px;
 font-size: small;
 border:none;
 margin:3px 0 0 5px;
 background:transparent;
 vertical-align:top;
 color:#999999;
}

input.search-submit{
 margin: 0;
 padding:3px 0 0 0;
 border:0;
}


/*=============================
left-menu : TOPページ　左メニュー
=============================*/

#left-menu{
 float:left;
 text-align: left;
 vertical-align: top;
 height: 470px;
 width: 173px;
 margin: 5px 0 0 0;
 padding: 10px 0 0 0;
 background: url(../images/left-menu-bg.png) no-repeat;
}

#left-menu ul{
 margin: 0;
 padding: 0;
 line-height: 1.5em;
}

#left-menu li{
 list-style-type:none;
 font-size: 90%;
 text-indent: 20px;
 line-height: 1.5em;
}

#left-menu_info{
 padding: 2px;
 margin: 0 15px 0 15px;
 font-size: 12px;
 width: 135px;
}

.left-menu-info-title a{
 text-indent: -99999px;
 font-size: 1px;
 display: block;
 width: 173px;
 height: 30px;
 margin: 0;
 padding: 0 0 0 0;
 background:url(../images/left-menu-info-title.gif) no-repeat bottom;
}

.info-day{
 color:#FF6600;
 font-weight:bold;
 padding: 10px 0 0 0;
}

.info-comment{
 color:#333333;
 padding: 2px 0 5px 0;
 border-bottom: 1px dotted #666;
}



/*=============================
footer : フッター
=============================*/

#footer{
 width: 940px;
 height: auto;
 margin: 0 auto;
 padding: 20px 0 0 0;
 clear: both;
 text-align: center;
}

#footer p.footer-navi{
 text-align: left;
 margin: 0;
 padding: 0;
 border: 1px solid #999;
}

#footer p.footer-navi span{
 text-align: left;
 margin: 0;
 padding: 0;
 color: #143661;
 font-size: 11pt;
}

#footer p.footer-navi img{
 color: #143661;
 border-right: 1px solid #999;
 margin-right: 5px;
 padding: 2px 5px 2px 5px;
 height: 40px;
 vertical-align: middle;
}

#footer p.cp-info{
 padding: 20px 0 30px 0;
 text-align: center;
 font-size: 12px;
 color: #333;
}


/*=============================
link : テキストリンク
=============================*/
a {
 text-decoration: none;
 color: #143661;
}


a:hover {
 text-decoration: underline;
 color: #0066FF;
}


#footer p.footer-navi a {
 text-decoration: none;
 color: #143661;
 font-weight: bold;
}


#footer p.footer-navi a:hover {
 text-decoration: underline;
 color: #0066FF;
  font-weight: bold;
}


#left-menu li a {
 text-decoration: none;
 color: #143661;
 font-weight: bold;
 height: 25px;
 width: 173px;
 display:block;
}


#left-menu li a:hover {
 text-decoration: none;
 color: #0066FF;
 font-weight: bold;
 background: #DAE8FE;
 height: 25px;
 width: 173px;
}




/*=============================
h : 見出し
=============================*/
h1{
 font-size: 12px;
 font-weight: normal;
 color: #333;
 text-align: left;
 float: left;
 margin: 15px 0 0 10px;
}

h2{
 text-indent: -99999px;
 font-size: 1px;
 display: block;
 width: 220px;
 height: 60px;
 margin: 0;
 padding: 0;
}

h2.title-shop{
 background: url(../images/title-shop.gif) no-repeat right;
}

h2.title-support{
 background: url(../images/title-support.gif) no-repeat right;
}

h2.title-showroom{
 background: url(../images/title-showroom.gif) no-repeat right;
}

h2.title-privacy{
 background: url(../images/title-privacy.gif) no-repeat right;
}

h2.title-cp{
 background: url(../images/title-cp.gif) no-repeat right;
}

h2.title-info{
 background: url(../images/title-info.gif) no-repeat right;
}

h2.title-ebook{
 background: url(../images/title-ebook.gif) no-repeat right;
}
h2.title-catalog{
 background: url(../images/title-catalog.gif) no-repeat right;
}

h2.priv{
 text-align:center;
 padding: 10px 0 0 0;
}

h2.search{
 text-indent: -99999px;
 display: block;
 width: 900px;
 height: 65px;
 margin: 0 0 10px 0;
 padding:0;
 background:url(../images/title-search.gif) no-repeat center;
}

h2.maker-category{
 text-indent: -99999px;
 display: block;
 width: 900px;
 height: 40px;
 margin: 0 0 20px 0;
 padding:0;
 background:url(../products/images/list-h2.gif) no-repeat center;
}


h3{
 font-size: 15px;
 font-weight: bold;
 color: #333;
 text-align: left;
 margin: 0 0 0 20px;
 padding: 0 0 20px 30px;
 background:url(../images/h3-bg.png) no-repeat left;
 width: 590px;
 height: 30px;
 line-height: 30px;
}

h3.info{
 font-size: 15px;
 font-weight: bold;
 color: #333;
 text-align: left;
 margin: 0 0 0 25px;
 padding: 0 0 0 25px;
 background:url(../images/h3-bg-info.png) no-repeat left top;
 border: 1px solid #000000 bottom;
 width: 590px;
 height: 30px;
 line-height: 20px;
}



/*=============================
スペーサー
=============================*/
.top-5{
 margin-top: 5px;
}

.top-10{
 margin-top: 10px;
}

.top-20{
 margin-top: 20px;
}

.top-25{
 margin-top: 25px;
}

.top-30{
 margin-top: 30px;
}

.top-40{
 padding-top: 40px;
}

.top-70{
 margin-top: 100px;
}

.right-10{
 padding-right: 10px;
}

/*=============================
text-style : 文字装飾
=============================*/
.text-color-red{
 color: #CC0000;
}

.text-color-orange{
 color:#FF3300;
}

.text-color-l-orange{
 color:#FF6600;
}

.text-right{
 text-align:right;
}

.border-1{
 border: 1px solid #666;
}

.font12{
 font-size: 12px;
}

.font10{
 font-size: 10px;
}