@charset "utf-8";

*{
   margin:0;
   padding:0;
}

body{
   font: 13px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
   color:#3f1c16;
   background-image: url("img/bg.jpg");
   background-repeat: repeat-x;
}

a{
   color:#3f1c16;
}

a:hover{
   color:#523f3b;
   text-decoration:none;
}

a:active, a:focus {
   outline: 0;
}

img{
   border:0;
}
.clear{
   clear:both;
}

p{
   margin-bottom:10px;
   line-height:18px;
}

.center{
   text-align:center;
}

.right{
   text-align:right;
}

table {
   argin: 0;
   padding: 0;
   margin-left:20px;
   margin-bottom:10px;
   background-color:#FFF;
}

tr {
   margin: 0;
   padding: 0;
}

th {
   margin: 0;
   padding: 10px;
   background-color:#c8000a;
   color:#FFFFFF;
   vertical-align:top;
   text-align:left;
   border-bottom:#ffffff 1px dotted;
}

td {
   margin: 0;
   padding: 10px;
   text-align:left;
   border-bottom:#cccccc 1px dotted;
}


input#submit_button {
   width: 100px;
   height: 30px;
   margin-right: 10px;
}


/*******************************
全体幅
*******************************/
#header, #container{
   margin: 0 auto;
   width: 960px;
}

#header h1,#header h2, #header h3, #header ul, #header .banners{
   font-weight:normal;
   position:absolute;
   top:3px;
   color: #ffffff;
   font-size: 10px;
   line-height: 21px;
}

#header h2{
   right:0;
}

#container h2{
padding: 0 5px 0 24px;
margin-bottom:10px;
line-height:37px;
font-size: 14px;
font-weight: normal;
color:#c8000a;
background:url("img/h2Bg.png") no-repeat 0 100%;
}

#container h3{
margin-bottom:10px;
padding-bottom:5px;
color: #c8000a;
font-weight: normal;
border-bottom: 1px solid #dddddd;
}




/*******************************
/* ヘッダー
*******************************/
#header{
   position:relative;
   height: 100px;
}

/* ロゴの位置 */
#header h3{
   top: 20px;
}

/* フリーダイヤルの位置 */
#header ul.freedial{
   top: 10px;
   right:0;
   width: 320px;
}

/******************
/* ヘッダーナビゲーション
******************/
#header ul{
   top: 68px;
   right:0;
   width: 320px;
   height: 17px;
   background:url(img/topnav.jpg) no-repeat 0 0;
   line-height:17px;
}

#header ul li{
   float:left;
   list-style:none;
}

#header ul a{
   text-indent: -9999px;
   text-decoration: none;
   display: block;
   height: 17px;
   background:url(img/topnav.jpg) no-repeat;
}

#header ul a#about{background-position:0 0;width: 80px;}
#header ul a#privacy{background-position:-80px 0;width: 80px;}
#header ul a#contact{background-position:-160px 0;width:80px;}
#header ul a#sitemap{background-position:-240px 0;width:80px;}

#header ul a#about:hover, #header ul li.active a#about{background-position:0 -17px;}
#header ul a#privacy:hover, #header ul li.active a#privacy{background-position:-80px -17px;}
#header ul a#contact:hover, #header ul li.active a#contact{background-position:-160px -17px;}
#header ul a#sitemap:hover, #header ul li.active a#sitemap{background-position:-240px -17px;}


/************************************
/* メインナビゲーション
************************************/
ul#mainnav{
   margin: 0 auto;
   width: 960px;
   height: 63px;
   background:url(img/mainnav.png) no-repeat 0 0;
}

ul#mainnav li{
   float:left;
   list-style:none;
   width:120px;
}

ul#mainnav a{
   text-indent: -9999px;
   text-decoration: none;
   display: block;
   width: 120px;
   height: 63px;
   background:url(img/mainnav.png) no-repeat 0 0;
}

ul#mainnav a#top{background-position:0 0;}
ul#mainnav a#menu1{background-position:-120px 0;}
ul#mainnav a#menu2{background-position:-240px 0;}
ul#mainnav a#menu3{background-position:-360px 0;}
ul#mainnav a#menu4{background-position:-480px 0;}
ul#mainnav a#menu5{background-position:-600px 0;}
ul#mainnav a#menu6{background-position:-720px 0;}
ul#mainnav a#menu7{width:120px;background-position:-840px 0;}


ul#mainnav a#top:hover, ul#mainnav li.active a#top{background-position:0 -60px;}
ul#mainnav a#menu1:hover, ul#mainnav li.active a#menu1{background-position:-120px -60px;}
ul#mainnav a#menu2:hover, ul#mainnav li.active a#menu2{background-position:-240px -60px;}
ul#mainnav a#menu3:hover, ul#mainnav li.active a#menu3{background-position:-360px -60px;}
ul#mainnav a#menu4:hover, ul#mainnav li.active a#menu4{background-position:-480px -60px;}
ul#mainnav a#menu5:hover, ul#mainnav li.active a#menu5{background-position:-600px -60px;}
ul#mainnav a#menu6:hover, ul#mainnav li.active a#menu6{background-position:-720px -60px;}
ul#mainnav a#menu7:hover, ul#mainnav li.active a#menu7{width:120px;background-position:-840px -60px;}


/*******************************
メインバナー
*******************************/
#mainbanner{
   padding: 20px 10px 0 0;
   float: left;
   width: 750px;
   height: 300px;
}

#brandlineup{
   float: right;
   width: 200px;
   padding: 20px 0 0 0;
}

/*******************************
メインコンテンツ
*******************************/
#leftcontent{
   padding: 20px 10px 0 0;
   float: left;
   width: 740px;
}

#rightcontent{
   float: right;
   width: 200px;
   padding: 20px 0 0 0;
}

/*******************************
メディアコンテンツ
*******************************/
#mediacontent {
   width: 718px;
   border: 1px solid #ccc;
   padding: 10px;
   margin-bottom: 10px;
   height: 240px;
}

#carousel {
   margin: 0 auto;
   width: 668px;
   height: 240px;
   text-align: left;
   position: relative;
}
 
#carousel_prev,
#carousel_next {
   top: 50px;
   width: 20px;
   height: 212px;
   background: #000;
   cursor: pointer;
   position: absolute;
}
#carousel_prev {
   left: -30px;
   background:transparent url(/img/prev.jpg) no-repeat top left;
}
#carousel_next {
   right: -30px;
   background:transparent url(/img/next.jpg) no-repeat top left;
}
 
#carousel ul li {
   width: 168px;
   float: left;
   display: inline;
   text-align: center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
#carousel ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#carousel ul {
    display: inline-block;
    overflow: hidden;
}



/*******************************
ニュースコンテンツ
*******************************/
#newscontent {
   width: 738px;
   border: 1px solid #ccc;
}

#newsblock {
   width: 100%;
   padding: 10px;
   margin-bottom: 15px;
   margin-top: 5px;
   clear: both;
}

#newsleft {
   float: left;
   width: 100px;
}

#newscenter {
   float: left;
   width: 100px;
}

#newsright {
   float: left;
   width: 518px;
   margin-bottom: 15px;
}

/*******************************
製品情報
*******************************/
#products {
   width: 200px;
   margin-bottom: 10px;
}

#productscontent {
   border: 1px solid #ccc;
   padding: 10px;
   width: 178px;
}

#productscontent img {
   margin-bottom: 10px;
}

/*******************************
フッター
*******************************/
#footer {
   background-image: url("img/footerbg.jpg");
   background-repeat: repeat-x;
   padding: 30px 0;
   width: 100%;
   text-align: center;
   background-color: #222;
   height: 20px;
   clear: both;
   position: relative;
   color: #FFF;
}

#rotator img { position: absolute; }