﻿@charset "UTF-8";

/*------------common---------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
   font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

html { 
	height:100%;  
 overflow-y:scroll;
}

body{
 width: 100%;
 border-top: solid 5px #0067B5;
 background: #fff;
	color: #333;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: 500;
/**
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
**/
}

li {  
 list-style-type:none;
	margin: 0; 
}

img {   
 border: 0;   
} 

address {   
 font-style:normal;   
}

a{  
 /*z-index:10;*/
	color: #007DDC;
}
  
a:hover{  
 /*position:relative;  
 z-index:100; */
	text-decoration: none; 
}  

/*------------Clear hack---------------*/

.clearfix {
  overflow: hidden;
  _overflow:visible;
}
.clearfix:after{
content:".";
line-height:0;
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
/*\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}

/*------------h1---------------*/

h1 a{
 width: 362px;
 height: 40px;
	background:url(../img/common_h1.gif) no-repeat;
	margin: 15px 0 10px 0;
	display: block;
	text-indent: -9999px;
}

/*------------container---------------*/

div#container{
 width: 100%;
	text-align: center;
 background: #fff;
	font-size: 1em;
}

div#header{
 width: 950px;
	margin: auto;
	text-align: left;
}

div#contents{
 width: 950px;
	height: 100%;
 margin: auto;
	padding: 0 15px 0 15px;
	_padding: 0;
	text-align: left;
}

div#footer{
 width: 100%;
 /*border-top: solid 5px #0067B5;*/
	border-top: solid 5px #dddddd;
	text-align: center;font-size: 0.8rem;
}

/*------------common navigation---------------*/

div#navi{
 width: 950px;
 height: 44px;
	margin: auto;
}

div#navi li{
	display: inline;
}

div#navi li a{
 width: 190px;
 height: 46px;
	float: left;
	display: block;
	text-indent: -9999px;
}

div#navi #navi1 a{
	background:url(../img/common_navi_bt001.gif);
}

div#navi #navi2 a{
	background:url(../img/common_navi_bt002.gif);
}

div#navi #navi3 a{
	background:url(../img/common_navi_bt003.gif);
}

div#navi #navi4 a{
	background:url(../img/common_navi_bt004.gif);
}

div#navi #navi5 a{
	background:url(../img/common_navi_bt005.gif);
}

div#navi #navi1_on a{
	background:url(../img/common_navi_bt001.gif) 0 -88px;
}

div#navi #navi2_on a{
	background:url(../img/common_navi_bt002.gif) 0 -88px;
}

div#navi #navi3_on a{
	background:url(../img/common_navi_bt003.gif) 0 -88px;
}

div#navi #navi4_on a{
	background:url(../img/common_navi_bt004.gif) 0 -88px;
}

div#navi #navi5_on a{
	background:url(../img/common_navi_bt005.gif) 0 -88px;
}

div#navi #navi1 a:hover{
	background:url(../img/common_navi_bt001.gif) 0 -44px;
}

div#navi #navi2 a:hover{
	background:url(../img/common_navi_bt002.gif) 0 -44px;
}

div#navi #navi3 a:hover{
	background:url(../img/common_navi_bt003.gif) 0 -44px;
}

div#navi #navi4 a:hover{
	background:url(../img/common_navi_bt004.gif) 0 -44px;
}

div#navi #navi5 a:hover{
	background:url(../img/common_navi_bt005.gif) 0 -44px;
}

/*------------other navigation---------------*/

div#o_navi{
 height: 0;
 text-align: right;
	position: relative;
	top: -70px;
	color: #000000;
}

div#o_navi li{
 display: inline;
	margin-left: 10px;
 background: url(../img/common_lnavi_ic_001.gif) no-repeat;
	background-position: 0 3px;
	padding-left: 10px;
	font-size: 0.8rem;
}

div#s_navi{
 clear: both;
 width: 948px;
	background: #f6f6f6;
	border-bottom: solid 1px #B3B3B3;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
 margin: auto;
 _margin: -15px auto auto auto;
}

div#s_navi ul{
 float: right;
}

div#s_navi li{
 display: inline;
}

div#s_navi li a{
 display: block;
	text-decoration: none;
	background: #ffffff;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	padding: 4px 10px 4px 10px;
	_padding: 7px 10px 6px 10px;
	float: left;
}

/* ie7 only */
*:first-child+html div#s_navi li a{
	padding: 7px 10px 7px 10px;
}

/* ie8 only */
head~/* */body div#s_navi li a{
	padding: 7px 10px 7px 10px;
}

/* firefox3 only */
html>/**/body  div#s_navi li a, x:-moz-any-link, x:default{
	padding: 4px 10px 3px 10px;
}

/* safari only ¥*/
html[xmlns*=""] body:last-child div#s_navi li a{
	padding: 4px 10px 4px 10px;
}

div#s_navi li a:hover{
	background: #eeeeee;
}

div#p_navi{
 width: 950px;
 margin: auto;
	padding: 15px;
	_padding: 15px 0 15px 0;
	border-top: solid 1px #eeeeee;
	text-align: left;
	font-size: 0.8em;
}

div#p_navi a{
	text-decoration: none;
}

/*------------hero graphic---------------*/

div#catch a{
 width: 950px;
	height: 250px;
	background: url(../../img/index_contents_bn001.jpg) no-repeat;
	text-align: center;
	text-indent: -9999px;
	vertical-align: middle;	
	border-bottom: solid 6px #dddddd;
	display: block;
	margin: auto auto 15px auto;
}

div#catch a:hover{
 width: 950px;
	height: 250px;
	background: url(../../img/index_contents_bn001.jpg) no-repeat 0px -250px;
	text-align: center;
	text-indent: -9999px;
	vertical-align: middle;	
	border-bottom: solid 6px #dddddd;
	display: block;
	margin: auto auto 15px auto;
}

/*------------left contents---------------*/

div#contents #left{
 width: 248px;
	float: left;
}

div#contents #left #l_navi .section1{
 border: solid 1px #dddddd;
	padding: 1px;
	margin-bottom: 15px;
}

div#contents #left #l_navi .section1 li{
	border-top: solid 1px #dddddd;
}

div#contents #left #l_navi .section1 li a{
	text-decoration: none;
	background:url(../img/common_lnavi_bg_001.gif) 0 0;
	font-weight: bold;
	font-size: 14px;
 display: block;
	height: 30px;
	padding-left: 25px;
	padding-top: 10px;
}

/* ie7 only */
*:first-child+html div#contents #left #l_navi .section1 li a{
	padding-top: 15px;
	height: 25px;
}

/* ie8 only */
head~/* */body div#contents #left #l_navi .section1 li a{
	padding-top: 15px;
	height: 25px;
}

/* firefox3 only */
html>/**/body  div#contents #left #l_navi .section1 li a, x:-moz-any-link, x:default{
	padding-top: 15px;
	height: 30px;
}

/* safari only ¥*/
html[xmlns*=""] body:last-child div#contents #left #l_navi .section1 li a{
	padding-top: 10px;
	height: 30px;
}

div#contents #left #l_navi .section1 li a:hover{
	text-decoration: none;
	background:url(../img/common_lnavi_bg_001.gif) 0 -50px;
}

div#contents #left #l_navi .section2{
 background: #c7e7fe;
	padding: 10px;
}

div#contents #left #l_navi .section2 .tel-box{
	margin: 0 auto;
	width: 100%;
	border: 1px solid #7EC7FE;
	background-color: #fff;
}

div#contents #left #l_navi .section2 .tel-box p{
	margin: 0 auto;
	font-size: 0.78rem;
}

div#contents #left #l_navi .section2 .tel-box p.icon{
	margin: 0 auto;
	padding: 0.2em;
	display: inherit;
	background-color: #FF9900;
	font-size: 0.78rem;
	color: #fff;
	float: left;
}

div#contents #left #l_navi .section2 .tel-box p.tel{
	margin: 0 auto;
	padding: 0.2em;
	font-size: 1.8rem;
	color: #006aba;
	float: left;
}








div#contents #left #l_navi .section2 #tel{
 width: 217px;
	height: 108px;
	background: #ffffff;
	margin-bottom: 15px;
	border: solid 1px #7ec7fe;
}

div#contents #left #l_navi .section2 #fax{
 width: 217px;
	height: 108px;
	background: #ffffff;
	border: solid 1px #7ec7fe;
}

div#contents #left #l_navi .section3{
 background: #dddddd;
	padding: 15px 15px 5px 15px ;
	margin-bottom: 15px;
}

div#contents #left #l_navi .section3 img{
 margin-bottom: 10px;
}


/*------------right contents sub---------------*/



div#contents #left #l_navi .section_sub li{
	border-top: dotted 1px #dddddd;
}

div#contents #left #l_navi .section_sub li a{
	text-decoration: none;
	background:url(../img/common_lnavi_bg_sub.gif) 0 0;
	font-weight:normal;
	font-size: 13px;
	color: #007DDC;
 display: block;
	height: 25px;
	_height: 20px;
	padding-left: 35px;
	padding-top: 5px;
	_padding-top: 10px;
	_padding-bottom: 5px;
}

/* ie7 only */
*:first-child+html div#contents #left #l_navi .section_sub li a{
	padding-top: 10px;
	height: 20px;
}

/* ie8 only */
head~/* */body div#contents #left #l_navi .section_sub li a{
	padding-top: 10px;
	height: 20px;
}

/* firefox3 only */
html>/**/body  div#contents #left #l_navi .section_sub li a, x:-moz-any-link, x:default{
	padding-top: 9px;
	height: 25px;
}

/* safari only ¥*/
html[xmlns*=""] body:last-child div#contents #left #l_navi .section_sub li a{
	padding-top: 5px;
	height: 25px;
}

div#contents #left #l_navi .section_sub li a:hover{
	text-decoration: none;
	background:url(../img/common_lnavi_bg_sub.gif) 0 -50px;
}




/*------------right contents---------------*/

div#contents #right{
 width: 670px;
	float: right;
	line-height: 1.5em;
}

div#contents #right{
 margin-bottom: 15px;
}

div#contents #right #read{
 clear: both;
 padding: 5px 0 20px 0;
	font-size: 0.9rem;
}

div#contents #right #read p{
 padding: 0 0 1em 10px;
 line-height:1.5em;
}

div#contents #right h3{
	clear: both;
 border-top: solid 3px #0067B5;
 border-left: solid 1px #dddddd;
 border-right: solid 1px #dddddd;
 border-bottom: solid 1px #dddddd;
	background: url(../img/common_h3_ic_001.gif) no-repeat 10px 17px;
	padding: 10px 10px 8px 22px;
	margin: 20px 0 15px 0;
	font-size: 1.1rem;
	background-color: #f8f8f8;
}

div#contents #right h3#product_name,
div#contents #right h3#product_name2{
border: none;
 border-top: solid 3px #0067B5;
 border-bottom: solid 1px #dddddd;
	background: url(../img/common_h3_ic_001.gif) no-repeat 10px 17px;
	padding: 10px 10px 8px 22px;
	margin: 0;
	font-size: 0.9rem;
}

div#contents #right .list h4,
div#contents #right .left h4,
div#contents #right .right h4{
 border-top: solid 3px #0067B5;
 border-bottom: solid 1px #dddddd;
	background: url(../img/common_h3_ic_001.gif) no-repeat 10px 17px;
	padding: 10px 10px 8px 22px;
	margin: 0;
	font-size: 0.9rem;
}

div#contents #right .left{
 border: solid 1px #dddddd;
	font-size: 12px;
	margin-bottom: 15px;
 width: 325px;
 float: left;
}

div#contents #right .right{
 border: solid 1px #dddddd;
	font-size: 12px;
	margin-bottom: 15px;
 width: 325px;
 float: right;
}

div#contents #right .list{
 clear: both;
	font-size: 0.9rem;
	margin: 10px 0 3em 0;
 border: solid 1px #ddd;
}

*:first-child+html div#contents #right .list{
	_margin: 10px 0 3em 0;
}

div#contents #right .comment{
 margin: 15px;
}

div#contents #right h4.spec{
	margin: 0;
	padding: 0;
 font-size: 1.2rem;
 font-weight:600;
	color: #0067B5;
	border: none;
	background: none;
	line-height: 1.5;
}

div#contents #right .photo{
 _width: 180px;
 margin: 0 15px 3em 0;
 _margin: 0 15px 3em 0;
 float: left;
}

div#contents #right .setumei{
 width: 420px;
	margin: 0;
	padding-bottom: 2em;
 float: right;
	/*overflow: hidden;*/
}

div#contents #right .setumei ol{
 width: 420px;
	margin: 0;
 float: right;
	/*overflow: hidden;*/
}

div#contents #right .setumei .feature{
margin:0 0 0 15px;
padding:0 0 1em 0;
list-style-type:circle;
}

div#contents #right .photo_list {
 padding: 10px 0 0 0;
 width:180px;
}

div#contents #right .photo_list h5{
	float: left;
 text-indent: -9999px;
 width: 55px;
 height: 20px;
 margin: 0 5px 0 10px;
 _margin: 0 5px 0 5px;
 background:url(../../img/shohin2_list_bt.gif) no-repeat 0 5px;
}

div#contents #right .photo_list li{
	float: left;
 display: inline;
}

div#contents #right .photo_list li a{
 width: 80px;
 height: 20px;
 display: block;
 text-indent: -9999px;
 margin: 0 4px 8px 4px;
 border: solid 1px #dddddd;
}

div#contents #right .photo_list li a:link,
div#contents #right .photo_list li a:active,
div#contents #right .photo_list li a:visited{
 border: solid 1px #dddddd;
}

div#contents #right .photo_list li a:hover{
 border: solid 1px #007DDC;
}

div#contents #right .photo_list .photo_list1 a{
 background:url(../../img/shohin2_list_bt_001_1.gif);
}

div#contents #right .photo_list .photo_list2 a{
 background:url(../../img/shohin2_list_bt_002_2.gif);
}

div#contents #right .photo_list .photo_list3 a{
 background:url(../../img/shohin2_list_bt_003_3.gif);
}

div#contents #right .photo_list .photo_list4 a{
 background:url(../../img/shohin2_list_bt_004_4.gif);
}

div#contents #right .photo_list .pdf_list1 a{
 background:url(../../img/pdf_list_bt_01.gif);
}

div#contents #right .photo_s{
 margin-right: 15px;
	padding: 5px;
	border: solid 1px #dddddd;
 float: left;
}

div#contents #right .detail a{
 display: block;
 width: 140px;
	height: 27px;
	float: right;
	margin: 10px 0 0 15px;
	text-indent: -9999px;
 background:url(../img/common_detail_bt_001.gif) no-repeat 0 0;
}

div#contents #right .detail a:hover{
 background:url(../img/common_detail_bt_001.gif) no-repeat 0 -27px;
}

div#contents #right .line{
	height: 1px;
 background:url(../img/common_ln_001.gif) repeat-x;
	margin: 10px 0 10px 0;
}

div#contents #right table{
 width: 100%;
	margin: 2em auto 3em auto ;
 font-size: 1rem;
	border: 1px solid #ddd;
}

html>/**/body .foo, x:-moz-any-link, x:default div#contents #right table{
	margin: 10px auto 10px auto ;
}

div#contents #right table th{
	text-align: center;
 background: #f6f6f6;
	padding: 0.6em;
	border: 1px solid #ddd;
}

div#contents #right table td{
	text-align: left;
 background: #ffffff;
	padding: 0.6em;
	border: 1px solid #ddd;
}

div#contents #right #history table th{
	text-align: left;
 background: #ffffff;
	padding: 0.6em;
}

div#contents #right #history table td{
	text-align: left;
 background: #ffffff;
}

div#contents #right #history table .line{
	height: 1px;
 background:url(../img/common_ln_001.gif) repeat-x;
	padding: 0;
}

div#contents #right .movie{
 width: 630px;
	margin: 0 auto;
	/*overflow: hidden;*/
}

div#contents #right .movie .spec{
 font-size: 15px;
 font-weight:bold;
	color: #0067B5;
	line-height: 1.3em;
}

div#contents #right .movie iframe{
	margin:0 auto;
}

/*------------------------------------------------------------
	inquiryForm
------------------------------------------------------------*/


#inquiryForm{
  padding: 20px;
	text-align: left;
	border: solid #7EC7FE;
	border-width: 1px 1px 0 1px;
  background: #c7e7fe;
}

#inquiryForm .caption{
  font-size: 11px;
  color: #203C77;
}

#inquiryForm .form{
	padding: 10px 0;
  margin-top: 10px;
  border: solid 1px #7EC7FE;
  background: #fff;
}

 /*safari4*/
 body:first-of-type #inquiryForm .form{
	 padding: 0;
 }

div#contents #right .section3 #inquiryForm .form table {
  margin: 10px auto;
  width:590px;
  border: none;
}

 /*safari4*/
 body:first-of-type div#contents #right .section3 #inquiryForm .form table {
  width:590px;
   margin: 10px auto 10px auto;
   border: none;
 }

div#contents #right .section3 #inquiryForm .form th {
  padding: 10px 0 10px 10px;
  border: none;
  color: #333;
  font-size:13px;
	vertical-align: top;
	font-weight: normal;
	background-color:#fff;
	border-bottom:1px dotted #ccc;
}

div#contents #right .section3 #inquiryForm .form td {
  border: none;
	vertical-align: top;
  padding: 10px 5px;
  font-size:13px;
  text-align:left;
	border-bottom:1px dotted #ccc;
}

.submit {
	padding: 10px;
  border: solid #7EC7FE;
	border-width: 1px 1px 0 1px;
	text-align: center;
  background: #c7e7fe;
}

.submit #button_mfp_goconfirm {
  margin: 0 auto;
	width: 250px;
	height: 35px;
	background: url(../../img/inquiry_btn.gif) no-repeat;
	border: none;
	border-style: none;
	cursor: pointer;
}

.inquiryFormbtm {
  margin: 0 0 30px 0;
	padding: 0;
	line-height: 0;
}

div#contents #right .section3 h4{
 margin: 0;
	padding: 0;
	line-height: 0;
}

div#contents #right .section3 .comment{
 margin: 0;
	padding: 0;
}



/*------------footer---------------*/

div#pagetop{
 width: 950px;
 clear: both;
	margin: auto;
	text-indent: -9999px;
}

div#pagetop a{
	height: 12px;
 display: block;
	margin-bottom: 15px;
	background:url(../img/common_pagetop.gif) no-repeat right;
}

div#footer #footer_contents{
 width: 950px;
	margin: auto;
	padding: 3em 0;
	_padding: 0;
	line-height: 1.6;
}


div#footer .fArea{
	margin: 0;
	padding: 0;
	width: 650px;
	float: left;
}

div#footer .fArea .footer_link{
	margin: 0;
	padding-bottom: 0.8em;
	width: 650px;
	float: left;
	text-align: left;
}

div#footer .fArea .footer_link ul.category-t{
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	width: 100%;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

div#footer .fArea .footer_link ul.main-m{
	margin: 0;
	padding: 0;
	width: 70px;
	font-weight: 600;
	float: left;
}

div#footer .fArea .footer_link ul.sub-m{
	margin: 0 0 0 80px;
	padding: 0;
	text-align: left;
}

div#footer .fArea .footer_link ul.sub-m li{
	margin: 0;
	padding: 0 1.2em;
	border-right: 1px solid #ddd;
 float: left;
}

div#footer .fArea .footer_link ul.other-m{
	margin: 0;
	padding: 0.8em 0;
	border-top: 1px solid #ddd;
}

div#footer .fArea .footer_link ul.other-m li{
	margin: 0;
	padding: 0 1.2em 0 0;
 float: left;
}


div#footer .fArea .footer_link li a{
	text-decoration: none;
}

div#footer #copyright{
	margin: 0;
	padding: 0;
 width: 300px;
	text-align: right;
 float: right;
}

div#footer #copyright img{
	margin: 0 0 0.5em 0;
	padding: 0;
}

div#footer #copyright p.info{
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
}

div#footer #copyright p.copy{
	margin: 0.8em 0 0 0;
	padding: 0;
	font-size: 0.7rem;
}

/*------------text decoration---------------*/

.caption{
 color: #ff9a00;
	font-size: 12px;
}

.btm10{
	margin-bottom:10px;
}
.btm20{
	margin-bottom:20px;
}









/*------------index---------------*/



#index #contents #left{
 width: 584px;
 _width: 578px;
	float: left;
	margin: 
}



#index div#contents #left .section1 h2,
#index div#contents #left .section3 h2{
  position: relative;
  padding: 0.9em ;
  background: -webkit-linear-gradient(to top, rgb(0, 124, 219), #0068B6);
  background: linear-gradient(to top, rgb(0, 104, 182), #007DDB);
  color: #fff;
	text-shadow: -1px -1px #000;
	font-size: 1.1rem;
	font-weight: 600;
}



#index div#contents #left .section1{
 border: solid 1px #dddddd;
	padding: 1px;
	margin-bottom: 15px;
}

#index div#contents #left .section1 p{
	padding: 15px;
	line-height:1.3em;
}

#index div#contents #left .section1 .day{
 font-weight: bold;
}
#index div#contents #left .section1 dl {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
	clear: both;
}
#index div#contents #left .section1 dl.btm {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	clear: both;
}
#index div#contents #left .section1 dt {
	margin: 0;
	padding: 10px 10px 10px 15px;
	width: 80px;
	vertical-align: top;
	float: left;
	overflow: auto;
	line-height: 1.5em;
	font-weight:normal;
	text-align: left;
}
#index div#contents #left .section1 dd {
	margin: 0;
	width: 440px;
	overflow: auto;
	vertical-align: top;
	padding: 10px 10px 10px 0;
	line-height: 1.5em;
	text-align: left;
}

#index div#contents #left .section1 .infoList {
margin:0 auto;
width: 582px;
height: 310px;
overflow: auto;
font-size: 0.8rem;
}

#index div#contents #left .section2{
 width: 554px;
 _width: 584px;
 background: #c7e7fe;
	padding: 15px;
	margin-bottom: 15px;
}

#index div#contents #left .section2 #address{
	margin-bottom: 17px;
}

#index div#contents #left .section2 #tel{
 width: 265px;
	height: 108px;
 padding: 0 0 1px 1px;
	margin: 0 3px 0 0;
	_margin: 0 5px 0 0;
	border: solid 1px #7ec7fe;
	float: left;
}

#index div#contents #left .section2 #fax{
 width: 265px;
	height: 108px;
	border: solid 1px #7ec7fe;
	margin: 0 0 0 3px;
	_margin: 0 0 0 5px;
 padding: 0 0 1px 1px;
	float: right;
}

#index div#contents #left .section2 #mail a:hover{
	border: solid 1px #0067B5;
}

#index div#contents #left .section3{
 border: solid 1px #dddddd;
	padding: 1px;
	margin-bottom: 15px;
}

#index div#contents #left .section3 .commentWord{
	padding: 10px 15px;
	font-size: 0.9rem;
}

#index div#contents #left .section3 h3{
	clear: both;
 border-top: solid 3px #0067B5;
 border-left: solid 1px #dddddd;
 border-right: solid 1px #dddddd;
 border-bottom: solid 1px #dddddd;
	background: url(../img/common_h3_ic_001.gif) no-repeat 10px 12px;
	padding: 10px 10px 8px 22px;
	margin: 20px 0 15px 0;
	font-size: 14px;
}

#index div#contents #left .section3 .product_name,
#index div#contents #left .section3 .product_name2{
border: none;
 border-top: solid 3px #0067B5;
 border-bottom: solid 1px #dddddd;
	background: url(../img/common_h3_ic_001.gif) no-repeat 10px 11px;
	padding: 9px 10px 8px 22px;
	margin: 0;
	font-size: 0.85rem;
}

#index div#contents #left .section3 .left{
 border: solid 1px #dddddd;
	font-size: 12px;
	margin-bottom: 15px;
	margin-left:10px;
 width: 270px;
 float: left;
}

*html #index div#contents #left .section3 .left{
 border: solid 1px #dddddd;
	font-size: 12px;
	margin-bottom: 15px;
	margin-left:6px;
 width: 270px;
 float: left;
}

#index div#contents #left .section3 .right{
 border: solid 1px #dddddd;
	font-size: 12px;
	margin-bottom: 15px;
	margin-right:10px;
 width: 270px;
 float: right;
}

*html #index div#contents #left .section3 .right{
 border: solid 1px #dddddd;
	font-size: 12px;
	margin-bottom: 15px;
	margin-right:3px;
 width: 270px;
 float: right;
}

#index div#contents #left .section3 .comment{
 margin: 10px 5px 10px 10px;
}

#index div#contents #left .section3 p{
 line-height:1.3em;
 margin:0;
}

#index div#contents #left .section3 .photo_s{
 margin-right: 10px;
	padding: 5px;
	border: solid 1px #dddddd;
 float: left;
}

#index div#contents #left .section3 .detail a{
 display: block;
 width: 140px;
	height: 27px;
	float: right;
	margin: 5px 0 0 15px;
	text-indent: -9999px;
 background:url(../img/common_detail_bt_001.gif) no-repeat 0 0;
}

#index div#contents #left .section3 .detail a:hover{
 background:url(../img/common_detail_bt_001.gif) no-repeat 0 -27px;
}

#index div#contents #left .section3 .line{
	height: 1px;
 background:url(../img/common_ln_001.gif) repeat-x;
	margin: 10px 0 10px 0;
}

#index div#contents #right{
 float: right;
 width: 320px;
}

#index div#contents #right .section1{
 border: solid 1px #dddddd;
 background-color:#f9f9f9;
	font-size: 12px;
	margin-bottom: 15px;
	_padding-bottom: 15px;
}

/* ie7 only */
*:first-child+html #index div#contents #right .section1{
	padding-bottom: 15px;
}

#index div#contents #right .section1 .line{
	height: 1px;
 background:url(../img/common_ln_001.gif) repeat-x;
	margin: 5px;
	clear: both;
}

#index div#contents #right .section1 .link{
 background: url(../img/common_lnavi_ic_001.gif) no-repeat 0 7px;	
	padding: 0 0 5px 10px;
	margin-right: 10px;
	font-size: 0.9rem;
	float: left;
}

#index div#contents #right .section1 .link2{
 background: url(../img/common_lnavi_ic_001.gif) no-repeat 0 5px;	
	padding: 0 0 5px 10px;
	margin-right: 10px;
	float: left;
}

#index div#contents #right #comment1{
 margin: 15px;
	_margin: 15px 15px 25px 15px;
}

#index div#contents #right #comment2{
 margin: 15px;
	_margin: 15px 15px 25px 15px;
}

#index div#contents #right .clear{
 margin: 0;
	clear: both;
}

#index div#contents #right .text{
 width: 184px;
 float: right;
}

#index div#contents #right .photo_s{
 width: 76px;
 margin-right: 15px;
	padding: 5px;
	border: solid 1px #dddddd;
	background-color:#fff;
 float: left;
}

#index div#contents #right .detail a{
 display: block;
 width: 140px;
	height: 27px;
	float: right;
	margin: 10px 0 0 15px;
	_margin: 10px 0 15px 15px;
	text-indent: -9999px;
 background:url(../img/common_detail_bt_001.gif) no-repeat;
}

#index div#contents #right .detail a:hover{
 background:url(../img/common_detail_bt_001.gif) no-repeat;
}

*:first-child+html #index div#contents #right .detail a{
	margin: 10px 0 15px 15px;
}

#index div#contents #right h2{
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #ddd;
	padding: 8px 10px 8px 10px;
	margin: 0;
	font-size: 0.83rem;
	background-image:url('../../img/index_right_h2_back.gif');
	background-repeat:repeat-x;
	text-shadow: 1px 1px #fff;
}

#index div#contents #right .section2{
 clear: both;
 background: #c7e7fe;
	padding: 15px 15px 5px 15px ;
	margin-bottom: 15px;
}

#index div#contents #right .section2 img{
 margin-bottom: 10px;
}

/*------------company---------------*/

#company div#contents #right .left{
	text-align: left;
	float: left;
	width: 40%;
	padding: 0 15px 0 15px;
	border: 0;
}

#company div#contents #right .right{
	text-align: right;
	float: right;
	width: 40%;
	padding: 0 15px 0 15px;
	border: 0;
}

#company div#contents #right iframe{
 border: solid 1px #cccccc;
}

/*------------merit---------------*/

#jigyo div#contents #right #main{
 background: url(../../img/merit_main_pi_001.jpg) no-repeat;
	width: 650px;
	height: 257px;
	text-indent: -9999px;
}

#jigyo div#contents #right table tr:nth-child(odd) td {
	background: #fff;
}

#jigyo div#contents #right table{
	margin-bottom: 25px;
	width: 100%;
	border: 1px solid #eee;
}

#jigyo div#contents #right table th{
	margin: 0;
	padding: 0.6em 0;
	background: #0067B5;
	color: #fff;
	text-align: center;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}

#jigyo div#contents #right table td{
	margin: 0;
	padding: 0;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	background-color: #ddd;
	vertical-align: top;
}

#jigyo div#contents #right table .t1{
 background: #F7F7F7;
	padding: 8px;
	font-weight: bold;
	text-align: center;
}

#jigyo div#contents #right table .t2{
 background: #F7F7F7;
	padding: 15px;
}

#jigyo div#contents #right table .t3{
 background: #ffffff;
	padding: 15px;
}

#jigyo div#contents #right table .thm{
	width: 45px;
 float: left;
	margin-right: 10px;
	padding: 0;
}

#jigyo div#contents #right table .comment{
	width: 240px;
 float: right;
	padding: 0;
	margin: 0;
}

#jigyo div#contents #right table h4{
 background: #0067B5;
	padding: 8px;
	color: #FFFFFF;
}

#jigyo div#contents #right table h4 p{
 background: url(../../jigyo/img/merit_table_h4_ico.gif) no-repeat left;
	padding-left: 10px;
}

#jigyo div#contents #right table .meritline{
	background:#dddddd;
}

#jigyo div#contents #right .section3{
 width: 625px;
	margin: auto;
}

#jigyo div#contents #right .section3 ul{
 margin-bottom: 15px;
}

#jigyo div#contents #right .section3 li{
 display: inline;
}

#jigyo div#contents #right .section3 a{
 display: block;
	text-indent: -9999px;
}

#jigyo div#contents #right #shohin a{
 background:url(../../img/merit_bt_001.gif) no-repeat 0 0;
	float: left;
	width: 309px;
	height: 108px;
}

#jigyo div#contents #right #shohin a:hover{
 background:url(../../img/merit_bt_001.gif) no-repeat  0 -108px;
}

#jigyo div#contents #right #inquiry a{
 background:url(../../img/merit_bt_002.gif) no-repeat 0 0;
	float: right;
	width: 309px;
	height: 108px;
}

#jigyo div#contents #right #inquiry a:hover{
 background:url(../../img/merit_bt_002.gif) no-repeat 0 -108px;
}

/*------------shohin---------------*/

#shohin div#contents #right table{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	border: 1px solid #ddd;
	font-size: 0.9rem;
}

#shohin div#contents #right table th{
	margin: 0;
	padding: 0.6em 0;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	font-weight: normal;
}

#shohin div#contents #right table th span{
	font-size: 0.8rem;
}

#shohin div#contents #right table td{
	margin: 0;
	padding: 0.6em 0;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ddd;
	background-color: #fff;
	font-weight: normal;
}


/**
#shohin div#contents #right th.spectitle_s{
 width: 12%;
 padding: 3px;
	font-size: 11px;
	font-weight:normal;
	text-align:center;
}

#shohin div#contents #right th.spectitle_l{
 width: 20%;
 padding: 3px;
	font-size: 11px;
	font-weight:normal;
	text-align:center;
}

#shohin div#contents #right th.spectitle_no{
 width: 20%;
 padding: 3px;
	font-size: 11px;
	text-align:left;
}

#shohin div#contents #right th.spectitle_20{
 width: 20%;
 padding: 3px;
	font-size: 11px;
	text-align:center;
}

#shohin div#contents #right th.spectitle_16{
 width: 16%;
 padding: 3px;
	font-size: 11px;
	font-weight:normal;
	text-align:center;
}

#shohin div#contents #right th.spectitle_30{
 width: 20%;
 padding: 3px;
	font-size: 11px;
	text-align:center;
}

#shohin div#contents #right th.spectitle_32{
 width: 32%;
 padding: 3px;
	font-size: 11px;
	text-align:center;
}

#shohin div#contents #right th.spectitle_40{
 width: 40%;
 padding: 3px;
	font-size: 11px;
	text-align:center;
}

#shohin div#contents #right th.spectitle_80{
 width: 80%;
 padding: 3px;
	font-size: 11px;
	text-align:center;
}
**/
/* ie7 only */
*:first-child+html #shohin div#contents #right table{
 margin-bottom: 15px;
}

#shohin div#contents #right p.comment{
	margin:15px 0 0 0;
	padding:0;
	clear:both;
}

#shohin div#contents #right .lineBox{
	border-top:2px solid #ccc;
	margin-top:15px;
	padding-bottom:25px;
	clear:both;
}


/*------------shohin設置例---------------*/

#shohin div#contents #right .example_pic{
width:33%;
 padding: 5px;
	font-size: 11px;
	text-align:center;
	vertical-align:top;
}

#shohin div#contents #right .example_pic_c{
width:34%;
 padding: 5px;
	font-size: 11px;
	text-align:center;
	vertical-align:top;
}

#shohin div#contents #right .example_pic p{
padding:5px;
font-size: 12px;
	text-align:center;
}
#shohin div#contents #right .example_pic_c p{
padding:5px;
font-size: 12px;
	text-align:center;
}
/*------------shohin設置例 2分割---------------*/

#shohin div#contents #right .example_pic2{
width:50%;
 padding: 5px;
	font-size: 11px;
	text-align:center;
	vertical-align:top;
}
#shohin div#contents #right .example_pic2 p{
padding:5px;
font-size: 12px;
	text-align:center;
}
/*------------sitemap---------------*/

#sitemap div#contents #right .section2{
 border-top: solid 3px #0067B5;
	padding: 15px;
	_padding: 15px 0 0 0;
	line-height: 2.3em;
	margin: 15px 0 130px 0;
}

#sitemap div#contents #right .section2 li{
 background: url(../img/common_lnavi_ic_001.gif) no-repeat;
	background-position: 0 14px;
	padding-left: 10px;
}

/* ie7 only */
*:first-child+html #sitemap div#contents #right .section2 li{
	padding-left: 10px;
}

/* ie8 only */
head~/* */body #sitemap div#contents #right .section2 li{
	padding-left: 10px;
}

/* firefox3 only */
html>/**/body #sitemap div#contents #right .section2 li, x:-moz-any-link, x:default{
	padding-left: 10px;
}

/* safari only ¥*/
html[xmlns*=""] body:last-child #sitemap div#contents #right .section2 li{
	padding-left: 10px;
}

#sitemap div#contents #right .section2 .sub li{
 background: url(../img/common_h3_ic_001.gif) no-repeat;
	background-position: 0 14px;
	padding-left: 10px;
	margin-left: 20px;
}

#sitemap div#contents #right .section2 .sub2 li{
 background: none;
	background-position: 0 14px;
	padding-left: 10px;
	margin-left: 40px;
}

#sitemap div#contents #right .left{
 font-size: 14px;
	text-align: left;
	float: left;
	width: 65%;
	border: 0;
}

#sitemap div#contents #right .right{
 font-size: 14px;
	text-align: left;
	float: right;
	width: 35%;
	border: 0;
}

/*------------privacy---------------*/

#privacy #right ul{
 margin: 15px;
	font-size: 13px;
}

#privacy #right ol{
 margin: 15px;
	font-size: 13px;
}

#privacy #right ol li{
	list-style-type: decimal;
}

#privacy #right li{
 display: block;
}

/*------------common h2---------------*/


#shohin div#contents #left #l_navi .section1 h2,
#jigyo div#contents #left #l_navi .section1 h2,
#company div#contents #left #l_navi .section1 h2,
#inquiry div#contents #left #l_navi .section1 h2,
#sitemap div#contents #left #l_navi .section1 h2,
#privacy div#contents #left #l_navi .section1 h2{
  position: relative;
  padding: 1.4em 0.9em;
  background: -webkit-linear-gradient(to top, rgb(0, 124, 219), #0068B6);
  background: linear-gradient(to top, rgb(0, 104, 182), #007DDB);
  color: #fff;
	text-shadow: -1px -1px #000;
	font-size: 1.1rem;
	font-weight: 600;
}


#jigyo div#contents #right #err h2{
 width: 650px;
	height: 58px;
	text-indent: -9999px;
	background: url(../../img/file_not.gif) no-repeat;
	margin-bottom: 15px;
}

#shohin div#contents #right #product-nm h2,
#jigyo div#contents #right #product-nm h2,
#company div#contents #right #product-nm h2,
#sitemap div#contents #right #product-nm h2,
#privacy div#contents #right #product-nm h2,
#inquiry div#contents #right #product-nm h2{
     position: relative;
	margin: 0 0 20px 0;
     padding:0.8em 0.2em 0.7em 1.5em;
	width: 630px;
	height: auto;
     border-top: 6px solid #006ABA;
     border-bottom: 1px solid #ccc;
	background-image: none;
	background-color: #f6f6f6;
	font-size: 24px;
	font-weight: 700;
}
 
#shohin div#contents #right #product-nm h2::after,
#jigyo div#contents #right #product-nm h2::after,
#company div#contents #right #product-nm h2::after,
#sitemap div#contents #right #product-nm h2::after,
#privacy div#contents #right #product-nm h2::after,
#inquiry div#contents #right #product-nm h2::after{
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:25px;
     background-color: #006ABA;
}
