@charset "utf-8";
/* CSS Document */
/*--------------------------------------------
初期化
--------------------------------------------*/
body { margin: 0; padding: 0; background-color: #FFFFFF; color: #1f1f1f; font-size: 78%; line-height:135%; width:100%;  font-family:'Heiti', Arial,'Simhei','sans-serif';  }
a{ text-decoration:underline; color:#0033FF; outline:none;}
a:hover{ text-decoration:none;}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,form { margin: 0; padding: 0;}
input { margin: 0; padding: 0;}
img{ margin:0; padding:0; border:0;}
a{border:0;}
ul,li,dl,dt,dd{ list-style-type:none; margin:0; padding:0;}

/*--------------------------------------------
強制的にclearするセレクタ
--------------------------------------------*/
.clear {
	display: block;
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
	}
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	display: inline-table;
	min-height: 1%;
	}
/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */

/*--------------------------------------------
共通
--------------------------------------------*/
p.ImgArea{ font-size:0; line-height:0; clear:both;}
/*-----------------------------------------------------------------
ヘッダー
-----------------------------------------------------------------*/
#header #logo{ width:186px; height:75px; background:url(../images/common/logo.gif); text-indent:-9999px; color:#FFFFFF; float:left;}

#header #LinkArea{ float:right; margin:32px 7px 15px 0; width:200px;}
#header #LinkArea .global{margin:0 7px 0 5px;padding:0 0 5px 0; }
#header #LinkArea ul{ margin:0 7px 0 0;}
#header #LinkArea ul li{ float:left; margin:0 0 0 5px; font-size:0; line-height:0;}
#header #logo a { margin: 0px; display: block; width:186px; height:75px; }
/*-----------------------------------------------------------------
ナビ
-----------------------------------------------------------------*/
ul#NaviArea{ margin:11px auto; border-bottom:1px dashed #c7c7c7; padding:0 0 9px 0; width:917px;}
ul#NaviArea li{ float:left; margin:0 1px; font-size:0; line-height:0;}
ul#NaviArea li.last{ float:left; margin:0 0 0 1px; font-size:0; line-height:0;}

ul#BreadArea{ margin:14px 0 0 20px; clear:both;}
ul#BreadArea li{ float:left; display:inline; color:#000000; margin:0 0 0 5px;}
ul#BreadArea li a{ color:#000000; text-decoration:none; margin:0 5px 0 0;}
ul#BreadArea li a:hover{ text-decoration:underline;}

ul#LnaviArea{ margin:25px 7px 0 6px; float:left; display:inline; *margin:25px 7px 0 0; _margin:25px 7px 0 0;}
ul#LnaviArea li#current{ background:url(../company/images/lnavi_bg.gif) no-repeat; padding:9px 0 9px 21px; width:169px; border-bottom:1px solid #b2b0b1; color:#cc0000; font-weight:normal;}
ul#LnaviArea li#subtitle{ background:none; padding:0; margin:0; border:none;}
ul#LnaviArea li a{ display:block; font-weight:normal; color:#1f1f1f; text-decoration:none; padding:9px 0 9px 21px; width:169px; border-bottom:1px solid #b2b0b1;}
ul#LnaviArea li a:hover{ background:url(../company/lnavi_bg.gif) no-repeat; color:#cc0000; font-weight:normal;}
/*--------------------------------------------
全体を包むコンテナ
--------------------------------------------*/
#wrapper{ width: 956px; margin: 0 auto; text-align: left;}

/*-----------------------------------------------------------------
コンテンツボックス
-----------------------------------------------------------------*/
#LPBox{ width:956px; clear:both; margin:0 0 10px 0;}
#LPBox .link-btn{ width:956px; clear:both; margin:60px 0 20px 0;}
/*-----------------------------------------------------------------
メインボックス
-----------------------------------------------------------------*/
#LPBox div#lpBox{ width:865px; margin:0 auto; padding:9px 0; clear:both;}
#LPBox div#lpBox .outline{ margin:0; font-size:16px; padding:10px 0; line-height: 24px; font-weight: normal;}

#LPBox div#lpBox h2{font-size: 24px; font-weight: normal; width:845px; color: #000000; padding:20px 0 20px 20px; border-top: solid 1px #d7021b; border-bottom: solid 1px #d7021b; margin: 30px 0;}
#LPBox div#lpBox h3{font-size: 16px; font-weight: normal; border-left: solid 5px #d7021b; padding: 10px 0 10px 10px; margin: 20px 0;}
#LPBox div#lpBox h3.icon{font-size: 16px; font-weight: normal; border-left: solid 5px #d7021b; padding: 3px 0 3px 10px; margin: 20px 0;}
#LPBox div#lpBox h4{font-size: 16px; font-weight: bold; padding: 10px 0; margin: 10px 0;}
#LPBox div#lpBox .icon-img{vertical-align: -8px;}
#LPBox div#lpBox .shop-link{width:218px; margin: 30px auto;}
#LPBox div#lpBox .movie-area{width:640px; margin: 30px auto; height: auto; border: 1px solid #f4f4f4;}

#LPBox div#lpBox .detail-box {display:flex;flex-direction: row;justify-content: space-between;}
#LPBox div#lpBox .detail-box>li{padding: 5px 0; margin: 0 ;list-style: none;}
#LPBox div#lpBox .detail-box>li .r-img{padding: 5px 0; margin: 0 0 0 20px ;list-style: none;}
#LPBox div#lpBox .txt{font-size:16px; line-height: 22px; font-weight: normal;margin: 10px 0 20px 0; }
#LPBox div#lpBox .attention{font-size:14px; line-height: 18px; font-weight: normal;margin: 10px 0; border: 1px solid #FF0000; color: #FF0000;padding: 10px; }
table.product{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 865px;
}

table.product tr:last-child{
  border-bottom:solid 1px #ddd;
}

table.product th{
  text-align: center;
  padding: 10px 0;
  border-top:solid 1px #ddd;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
  width: 350px;
}


table.product tr:nth-child(2) td{
  font-size: 20px;
}
table.product tr:nth-child(5) td{
  font-size: 20px;
}

table.product td{
  text-align: center;
  padding: 7px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;  
  width: 350px;
}

table.parts{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 865px;
}

table.parts tr:last-child{
  border-bottom:solid 1px #ddd;
}

table.parts th{
  text-align: center;
  padding: 10px 0;
  border-top:solid 1px #ddd;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
  width: 268px;
}


table.parts tr:nth-child(2) td{
  font-size: 20px;
}
table.parts tr:nth-child(5) td{
  font-size: 20px;
}

table.parts td{
  text-align: center;
  padding: 7px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;  
  width: 268px;
}

/*--------------------------------------------
フッター
--------------------------------------------*/
ul#Fnavi{ width:697px; margin:0 auto; border-top:1px dashed #8d8d8d; background:url(../images/common/footer_bg.gif) repeat-x; padding:0 0 6px 220px; clear:both; line-height:0;height:37px;}
ul#Fnavi li{ float:left; font-size:0; }