@charset "utf-8";
/* CSS Document */

html{
height:100%;
}

body{
color:#666666;
font-size:14px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.7;
margin:0;
padding:0;
background-color:#FFFFFF;
min-width:960px;
}

img{
border:none;
}

p{
	margin:0;
}

/* リンクの点線削除 */
a:active,a:focus{ outline:none; }

/* floatの解除 */
.clear {
	clear:both;
}

/*----------------------------------------
 リンク
----------------------------------------*/
/* 通常（青） */
a {
	text-decoration: underline;
	color: #666666;
}
a:link {
	color: #666666;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #005AAB;
}
a:active {
	text-decoration: underline;
	color: #666666;
}

/* 白 */
a.link-w {
	text-decoration: none;
	color: #FFFFFF;
}
a:link.link-w {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited.link-w {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover.link-w {
	text-decoration: underline;
	color: #99CCFF;
}
a:active.link-w {
	text-decoration: none;
	color: #FFFFFF;
}

/* 画像 */
a.link-p {
	text-decoration: none;
	color: #014289;
}
a:link.link-p {
	color: #FFF;
	text-decoration: none;
}
a:visited.link-p {
	color: #FFF;
	text-decoration: none;
}
a:hover.link-p img {
 -moz-opacity:0.6;
 opacity:0.6;
 filter: alpha(opacity=60);
 text-decoration: none;
 }
a:hover.link-p {
	color: #ffffff;
	text-decoration: none;
	background-color:transparent;
} 
a:active.link-p {
	color: #F96;
	text-decoration: none;
}

/*----------------------------------------
 フォント
----------------------------------------*/
/* タイトル */
.text14b{
	text-align:left;
	font-size:14px;
    font-weight: bold;
    color: #EB6556;
}

/* 青テキスト */
.textblue16b{
	text-align:left;
	font-size:16px;
    color: #005AAB;
}

/* 赤テキスト */
.textred16b{
	text-align:left;
	font-size:16px;
    color: #D90000;
}

/* 青背景付テキスト */
.textblue17b{
	text-align:left;
	font-size:17px;
    color: #005AAB;
    background-color: #D7F5FF;
}

/* グレー背景付テキスト */
.textblack16b{
	text-align:left;
	font-size:16px;
    background-color: #EEEEEE;
}

/* テキスト背景オレンジ */
.or{
    background-color: #FFDCD0 !important;
}

/* 赤太テキスト */
.textredb{
	text-align:left;
    color: #FF0000;
    font-weight: bold;
}

/* 右寄せ */
.textright{
	text-align:right;
}

/* 赤太テキスト背景付き */
.textredb2{
	text-align:center;
    color: #FF0000;
    font-weight: bold;
    padding:5px;
    background-color: #FFDCD0;
}

/*----------------------------------------
 ライン
----------------------------------------*/

hr {
    height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px dashed #bbb;
}

/*----------------------------------------
 h1,h2
----------------------------------------*/
h1 {
      width:300px;
      height:29px;
	  float:left;
	  padding-top:18px;
	  margin:0;
}

h2,h3,h4 {
	margin: 0;
    padding: 0;
}

/*----------------------------------------
 ヘッダー
----------------------------------------*/

div#header{
	top:0px;
	clear:both;
	background-image:url(../img/wall.jpg);
	background-position:50% 0%;
	height:150px;
}

div#header_top{
      top:0px;
      width:960px;
      height:70px;
	  margin-left:auto;
	  margin-right:auto;
}

div#header_box{
      top:0px;
      width:320px;
      height:70px;
	  float:right;
}

div#flag{
      width:60px;
      height:25px;
	  margin-top:4px;
    float: right;
    text-align: right;
}

div#header_menu{
      width:250px;
      height:25px;
	  margin-top:5px;
	  font-size:12px;
    text-align: right;
    float: left;
}

div#header_menu ul{
	margin: 0;
	padding:0;
}

div#header_menu li{
	  display: inline;
	  background:url(../img/icon_tri.png) no-repeat left center;
	  list-style-type:none;
      margin-left: 20px;
	  padding-left:10px;
	  padding-right:0px;
}

div#header_google{
      width:265px;
      height:40px;
	  margin:0;
    background-color:#005AAB; 
    float: right;
}

/*----------------------------------------
 ヘッダースライド
----------------------------------------*/

div#slider{
      width:960px;
	  margin-left:auto;
	  margin-right:auto;
      padding-bottom: 20px;
}

/*----------------------------------------
 メニュー
----------------------------------------*/

div#menu{
      width:960px;
      height:80px;
	  margin-left:auto;
	  margin-right:auto;
}

ul#globalnavi{
    width:960px;
    overflow:hidden;
	margin: 0;
	padding: 0;
}

ul#globalnavi li{
    float:left;
    height:80px;
    display:block;
}

ul#globalnavi li a {
    display: block;
    overflow: hidden;
    height: 0px;
    background-image: url(../img/menu.jpg);
    padding-top:80px;
}

/* global navi normal
---------------------*/
    #navi1 a { width:137px; background-position:0       0;}
    #navi2 a { width:137px; background-position:-137px  0;}
    #navi3 a { width:137px; background-position:-274px  0;}
    #navi4 a { width:137px; background-position:-411px  0;}
	#navi5 a { width:137px; background-position:-548px  0;}
	#navi6 a { width:137px; background-position:-685px  0;}
	#navi7 a { width:138px; background-position:-822px  0;}

/* 押したままの状態
---------------------*/
    #navi1a a { width:137px; background-position:0       -80px;}
    #navi2a a { width:137px; background-position:-137px  -80px;}
    #navi3a a { width:137px; background-position:-274px  -80px;}
    #navi4a a { width:137px; background-position:-411px  -80px;}
	#navi5a a { width:137px; background-position:-548px  -80px;}
	#navi6a a { width:137px; background-position:-685px  -80px;}
	#navi7a a { width:138px; background-position:-822px  -80px;}

/* global navi rollover
----------------------*/
    #navi1 a:hover  { width:137px; background-position:0       -80px;}
    #navi2 a:hover  { width:137px; background-position:-137px  -80px;}
    #navi3 a:hover  { width:137px; background-position:-274px  -80px;}
    #navi4 a:hover  { width:137px; background-position:-411px  -80px;}
	#navi5 a:hover  { width:137px; background-position:-548px  -80px;}
	#navi6 a:hover  { width:137px; background-position:-685px  -80px;}
	#navi7 a:hover  { width:138px; background-position:-822px  -80px;}

/*----------------------------------------
 商品小メニュー
----------------------------------------*/

div#menu_sbg{
	clear:both;
	background-color:#D9E6F2;
	height:118px;
    padding-top: 12px;
}

div#menu_s{
    width:960px;
	height:105px;
    margin-left:auto;
	margin-right:auto;
    padding: 0;
}

div#menu_stitle{
    width:48px;
	height:105px;
    float: left;
}

div#menu_scon{
    width:912px;
	height:105px;
    float: left;
}

ul#menu_scon{
    width:912px;
    overflow:hidden;
	margin: 0;
	padding: 0;
}

ul#menu_scon li{
    float:left;
    height:105px;
    display:block;
}

ul#menu_scon li a {
    display: block;
    overflow: hidden;
    height: 0px;
    background-image: url(../img/menu_s.jpg);
    padding-top:105px;
}

/* global navi normal
---------------------*/
    #menus1 a { width:76px; background-position:0       0;}
    #menus2 a { width:76px; background-position:-76px  0;}
    #menus3 a { width:76px; background-position:-152px  0;}
    #menus4 a { width:76px; background-position:-228px  0;}
	#menus5 a { width:76px; background-position:-304px  0;}
	#menus6 a { width:76px; background-position:-380px  0;}
	#menus7 a { width:76px; background-position:-456px  0;}
	#menus8 a { width:76px; background-position:-532px  0;}
	#menus9 a { width:76px; background-position:-608px  0;}
	#menus10 a { width:76px; background-position:-684px  0;}
	#menus11 a { width:76px; background-position:-760px  0;}
	#menus12 a { width:76px; background-position:-836px  0;}

/* 押したままの状態
---------------------*/
    #menus1a a { width:76px; background-position:0       -105px;}
    #menus2a a { width:76px; background-position:-76px  -105px;}
    #menus3a a { width:76px; background-position:-152px  -105px;}
    #menus4a a { width:76px; background-position:-228px  -105px;}
	#menus5a a { width:76px; background-position:-304px  -105px;}
	#menus6a a { width:76px; background-position:-380px  -105px;}
	#menus7a a { width:76px; background-position:-456px  -105px;}
	#menus8a a { width:76px; background-position:-532px  -105px;}
	#menus9a a { width:76px; background-position:-608px  -105px;}
	#menus10a a { width:76px; background-position:-684px  -105px;}
	#menus11a a { width:76px; background-position:-760px  -105px;}
	#menus12a a { width:76px; background-position:-836px  -105px;}

/* global navi rollover
----------------------*/
    #menus1 a:hover  { width:76px; background-position:0       -105px;}
    #menus2 a:hover  { width:76px; background-position:-76px  -105px;}
    #menus3 a:hover  {width:76px; background-position:-152px  -105px;}
    #menus4 a:hover  { width:76px; background-position:-228px  -105px;}
	#menus5 a:hover  { width:76px; background-position:-304px  -105px;}
	#menus6 a:hover  { width:76px; background-position:-380px  -105px;}
	#menus7 a:hover  { width:76px; background-position:-456px  -105px;}
	#menus8 a:hover  { width:76px; background-position:-532px  -105px;}
	#menus9 a:hover  { width:76px; background-position:-608px  -105px;}
	#menus10 a:hover  { width:76px; background-position:-684px  -105px;}
	#menus11 a:hover  { width:76px; background-position:-760px  -105px;}
	#menus12 a:hover  { width:76px; background-position:-836px  -105px;}

/*----------------------------------------
 中ページタイトル
----------------------------------------*/

div#title_l{
	clear:both;
	background-image:url(../img/title/titleback.jpg);
	background-position:50% 0%;
	height:130px;
}

.title_ltext{
	width:925px;
    margin-left:auto;
	margin-right:auto;
    padding-top: 50px;
    padding-left: 35px;
}

/*----------------------------------------
 タイトル下　小メニュー
----------------------------------------*/

div#menu_smbg{
	clear:both;
	background-color:#D9E6F2;
}

div#menu_smbgbox{
    width:960px;
	margin-left:auto;
	margin-right:auto;
    padding: 8px 0px 8px 0px;
    font-size: 13px;
}

div#menu_smbgbox ul{
	margin: 0;
	padding:0;
}

div#menu_smbgbox li{
	  display: inline;
	  background:url(../img/icon_tri_b.png) no-repeat left center;
	  list-style-type:none;
      margin-left: 20px;
	  padding-left:10px;
}

/*----------------------------------------
 コンテンツカラム
----------------------------------------*/

div#contents{
      width:960px;
      padding-top:20px;
      padding-bottom: 50px;  
	  margin-left:auto;
	  margin-right:auto;
}

div#left{
      width:680px;
	  float:left;
}

div#right{
      width:250px;
	  float:right;
}

/* 右カラムバナー */
div#right ul.side_banner{
	list-style:none;
	margin: 0;
	padding: 0;
    line-height: 0;
}

div#right li.side_banner{
	margin: 0 0 3px 0;
	padding: 0;
	list-style:none;
    line-height: 0;
}

/*----------------------------------------
 左カラム　メニュー
----------------------------------------*/
div#menubg{
      width:664px;
      height: 455px;
	  background-color:#E5EEF6;
      padding: 8px;
      margin-bottom: 40px;
}

div#menuimg{
      width:680px;
	  float: left;
}

div#menuimg img{
      margin: 1px;
}

/*----------------------------------------
 共通項目
----------------------------------------*/
/* タイトルバー */
div#title{
      clear:both;
      width:680px;
      height: 38px;
	  background-image: url(../img/title_bar.jpg);
    margin-bottom: 20px;
}

div#titleimg{
      clear:both;
      width:680px;
      height:372px;
    margin-bottom: 20px;
}

div#title2{
      clear:both;
      width:680px;
      height: 38px;
	  background-image: url(../img/title_bar.jpg);
}

.titletext{
	text-align:left;
    font-weight:normal;
    font-size: 20px;
    padding-top: 0px;
	padding-left: 35px;
}

.title_s{
      clear:both;
      width:100%;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px dotted #AAAAAA;
}

.title_new{
      clear:both;
      width:100%;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px dotted #AAAAAA;
}

/* 小タイトルバー */

/* テキスト */
div#context{
      width:660px;
      height: auto;
      padding: 0px 0 40px 20px;
}

div#context2{
      width:660px;
      height: auto;
      padding: 0px 0 20px 20px;
}

/* マップ */
 #map {
   width: 100%;
   height: 400px;
   background-color: grey;
 }

/*----------------------------------------
 ニュース
----------------------------------------*/
div#newsinfo{
      width:638px;
      height: 37px;
      margin-left: 20px;
      padding-top:13px;
      border-bottom:1px dotted #999999;
}

/* 日付 */
.newsdate{
    width:130px;
    float: left;
}

/* アイコン */
.newsicon{
    width:80px;
    height: 20px;
    float: left;
}

/* コメント */
.newstext{
      width:425px;
    float: right;
}

/* スクロール */
.news_s {
        overflow:auto;
        width:677px; height:260px;
        border:1px solid #DDDDDD;
}

/* スクロール */
div#newsyear{
      width:638px;
      height: 37px;
      margin-left: 20px;
      padding-top:13px;
}

/*----------------------------------------
 おすすめ
----------------------------------------*/
div#recleft{
    width:310px;
    padding-right: 20px;
      float: left;
}

div#recbox{
    width:660px;
    padding-bottom: 20px;
    float: left;
}


div#item_title_g{
    width:310px;
    border-bottom:1px solid #DDDDDD;
    text-align:center;
    font-weight: bold;
	font-size:16px;
    color: #005507;
    margin-bottom: 5px;

}

div#item_title_gl{
    width:310px;
    border-bottom:1px solid #DDDDDD;
    text-align:left;
    font-weight: bold;
	font-size:16px;
    color: #005507;
    margin-bottom: 5px;

}

.spec{
    font-size:12px;
}

.spec_b{
    font-size:12px;
    background-color: #e6efe6;
}

.img{
    border: 1px;
}

/*----------------------------------------
 新商品
----------------------------------------*/

div#newitemleft{
    padding-right: 20px;
    float: left;
}

div#newitemright{
    width: 480px;
    float: left;
}

/*----------------------------------------
 カタログ
----------------------------------------*/

div#catalog_l{
      width:160px;
	  margin-right:40px;
      float: left;
}

div#catalog_r{
      width:440px;
      float: right;
}

div#free_l{
	  margin-right:40px;
      float: left;
}

div#free_r{
      float: left;
}

/*----------------------------------------
 商品紹介
----------------------------------------*/
div#itembox{
      width:150px;
      height:190px;
      border:1px #CCCCCC solid;
      padding: 5px;
     margin-right: 2px;
     margin-top: 2px;
      font-size:11px;
      float: left;
    line-height: 18px;
}

div#itemtitle{
    height: 50px;
}

div#itemtitle_c{
    height: 50px;
    text-align: center;
}

div#itemimg{
    text-align: center;
    margin-left:auto;
	margin-right:auto;
}

.model_numbers{
    font-size: 11px;
    color:#FFFFFF;
    background-color: #005AAB;
    padding-left:3px;
    padding-right:3px;
    margin-right: 5px;
}

/*----------------------------------------
 TREVENTO
----------------------------------------*/
div#treleft{
    width:330px;
      float: left;
}

div#treright{
    width:290px;
      float: right;
}

.tvcimg{
    margin-left: 10px;
    margin-top: 20px;
}


/*----------------------------------------
 取扱メーカー
----------------------------------------*/
.maker {
    width:620px;
    margin:20px 0px 20px 20px;
    padding:0px;
 }
 .maker th {
     width:180px;
     height: 40px;
     text-align:center;
     vertical-align:middle;
 }
 .maker td {
     padding:10px;
     vertical-align:middle;
 }

div#makerno{
    text-align: right;
    padding-right: 80px;
}

/*----------------------------------------
 店頭プロモーション
----------------------------------------*/
div#proleft{
    width:260px;
    margin-right: 30px;
      float: left;
}

div#proright{
    width:370px;
      float: right;
}

/*----------------------------------------
 テーブル
----------------------------------------*/
/* 会社概要・お問い合わせ */
.table01 {
    width:100%;
    margin:0px 0px 10px 0px;
    padding:0px;
    border-collapse:collapse;
    border-top:1px dotted #999999;
 }
 .table01 th {
     width:25%;
     padding:10px 2px 10px 10px;
     text-align:left;
     vertical-align:top;
     color:#666666;
     background-color:#E5EEF6;
     border-bottom:1px dotted #999999;
 }
 .table01 td {
     padding:10px 2px 10px 10px;
     border-bottom:1px dotted #999999;
     border-left:1px solid #CCCCCC;
 }

/* スペック */
.table02 {
    width:100%;
    margin:0px 0px 10px 0px;
    padding:0px;
    border-collapse:collapse;
    border:1px solid #666666;
 }
 .table02 th {
     padding:10px 5px 10px 5px;
     text-align:center;
     color:#666666;
     background-color:#E5EEF6;
     border:1px dotted #666666;
     border-bottom:1px solid #666666;
 }
 .table02 td {
     padding:10px 5px 10px 5px;
     text-align:center;
     border-bottom:1px dotted #666666;
     border:1px dotted #666666;
 }

/* スペック　欄小さ目 */
.table04 {
    width:100%;
    margin:0px 0px 10px 0px;
    padding:0px;
    border-collapse:collapse;
    border:1px solid #666666;
 }
 .table04 th {
     padding:5px 5px 5px 5px;
     text-align:center;
     color:#666666;
     background-color:#E5EEF6;
     border:1px dotted #666666;
     border-bottom:1px solid #666666;
 }
 .table04 td {
     padding:0px 5px 0px 5px;
     text-align:center;
     border-bottom:1px dotted #666666;
     border:1px dotted #666666;
 }

/* 背景ラインなし */
.table03 {
    width:100%;
    margin:0px 0px 10px 0px;
    padding:0px;
    border-collapse:collapse;
    border:none;
 }
 .table03 th {
     width:7%;
     padding:10px 2px 10px 10px;
     text-align:left;
     vertical-align:top;
     color:#666666;
     border:none;
 }
 .table03 td {
     padding:10px 2px 10px 10px;
     border:none;
 }

/*----------------------------------------
 フッター
----------------------------------------*/
/* サイトマップ */
div#footer{
	clear:both;
	background-color:#005AAB;
	height:147px;
    padding-top: 18px;
}

div#sitemap{
      width:960px;
      height:128px;
      background-image:url(../img/sitemapwall.png);
	  margin-left:auto;
	  margin-right:auto;
}

div#sitemap126{
      width:126px;
      height:128px;
      float: left;
      line-height: 18px;
      font-size: 13px
}

div#sitemap197{
      width:174px;
      height:128px;
      float: left;
      padding-left: 23px;
      line-height: 18px;
      font-size: 13px
}
div#sitemap_etc{
      width:291px;
      height:49px;
      float: right;
      padding-left: 23px;
      line-height: 18px;
      font-size: 13px
}
div#sitemap_com{
      width:291px;
      height:70px;
      float: right;
      padding-left: 23px;
      padding-top: 9px;
      line-height: 20px;
      font-size: 12px;
      color: #FFFFFF;
}

/* コピーライト */
div#footer_copy{
    clear:both;
	background-color:#005097;
	background-position:50% 0%;
	height:30px;
}

div#footer_copytext{
	  width:960px;
	  margin-left:auto;
	  margin-right:auto;
      text-align: center;
      font-size: 12px;
      color: #FFFFFF;
      padding-top: 5px;
}