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


/****************************************

          General Setting

*****************************************/

html, body {
	margin:0;
	padding:0;
}

body {
    color: #333;
	font-size: 11pt;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8em;
}


h1,h2,h3,h4,ul,ol,p,dl{
	margin:0;
	padding:0;
}

ul{
	list-style: none;
}

img{
 max-width: 100%;
}




/****************************************

          common

*****************************************/


/* リンク関連 */

a{
	color:#29438E;
	text-decoration:none;
}

a:hover {
	color:#29438E;
	text-decoration:underline;
}

a img{
	border:none;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a.link{
	background: url(../images/link_bl.png) no-repeat left center;	
	padding-left: 15px;
	
}


a.link_btn{
	border:1px solid #aaa;
	padding:3px 6px;
	background:url(../images/link_bl.png)  no-repeat 7px center #fff;
	color:#333;
	padding-left:23px;
}

a.link_btn:hover{
	background:url(../images/link_wh.png)  no-repeat 7px center #FF8A01;
	text-decoration:none;
	color:#fff;
}

a.link_btn_r{
	border:1px solid #aaa;
	padding:3px 6px;
	background:url(../images/link_bl_r.png)  no-repeat 7px center #fff;
	color:#333;
	padding-left:23px;
}

a.link_btn_r:hover{
	background:url(../images/link_wh_r.png)  no-repeat 7px center #FF8A01;
	text-decoration:none;
	color:#fff;
}

a.link_btn_blue{
	background:url(../images/link_arw_white.png)  no-repeat right 7px center #181E67;
	border: 1px solid #181E67;
	color: #fff;
	padding: 10px 40px 10px 20px;
}

a.link_btn_white{
	background:url(../images/link_arw_blue.png)  no-repeat right 7px center #fff;
	border: 1px solid #181E67;
	padding: 10px 40px 10px 20px;
}

a.link_btn_gray{
	background:url(../images/link_arw_gray.png)  no-repeat right 7px center #fff;
	border: 1px solid #aaa;
	padding: 10px 40px 10px 20px;
}


a.link_btn_blue:hover,
a.link_btn_white:hover,
a.link_btn_gray:hover{
	background: url(../images/link_arw_on.png)  no-repeat right 7px center #FF8A01;
	text-decoration: none;
	border: 1px solid #FF8A01;
	color: #fff;
}



.NewWin{
	background: url(../images/new_window_white.png) no-repeat right;
	padding-right: 17px;
}

.NewWin_blue{
	background: url(../images/new_window.png) no-repeat right;
	padding-right: 17px;
}




/* テキスト関連 */

.font18{
	font-size: 18pt !important;
	line-height:1.5em;
}

.colorBlue{
 color: #181E67;
}

.colorRed{
	color: #E00000;
}

.txtCenter{
	text-align: center !important;
}

.txtLeft{
	text-align: left !important;
}

.txtRight{
	text-align: right !important;
}

sup{
	font-weight: normal;
}

/* レイアウト関連 */

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


.fl_left{
	float:left;
}

.fl_right{
	float:right;
}

.marginT60{
	margin-top: 60px !important;
}

.marginT40{
	margin-top: 40px !important;
}

.marginT30{
	margin-top: 30px !important;
}

.marginT20{
	margin-top: 20px !important;
}

.marginT15{
	margin-top: 15px !important;
}

.marginT10{
	margin-top: 10px !important;
}

.marginT5{
	margin-top: 5px !important;
}

.marginB40{
	margin-bottom: 40px !important;
}

.marginB30{
	margin-bottom: 20px !important;
}

.marginB20{
	margin-bottom: 20px !important;
}

.marginB10{
	margin-bottom: 10px !important;
}

.paddingLR20{
	padding: 0 20px;
}

/* パーツ */

hr{
	border: 0;
	height: 3px;
 background: #aaa;
	clear:both;
}

ul.disc{
	list-style:disc;
	margin-left:1.5em;
}

ol.number{
  list-style:decimal;
	margin-left:1.5em;
}

ul.caution li{
	list-style:none;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

ul.caution li:before {
	content:"※ ";
}

.BorderBox{
	border:1px solid #aaa;
}

table.spec{
	width:100%;
	border-collapse: collapse;
}	

table.spec th{
	border:1px solid #aaa;
	padding:5px 10px;
	background:#eee;
	text-align:left;
	font-weight:normal;
}

table.spec td{
	border:1px solid #aaa;
	padding:5px 10px;
	text-align:left;
}

table.fixed{
 width: 100%;
 table-layout: fixed;
}



/* 見出し */

.title{
	font-size: 20pt;
	font-weight: normal;
}

.blueBG{
	background: #181E67;
	color: #fff;
	font-weight: normal;
	padding: 5px 10px;;
	font-size: 13pt;
}


.rectangle{
	border-left: 8px solid #181E67;
	font-size: 11pt;
	font-weight: bold;
	padding: 0 0 0 10px;
}


/****************************************

          Layout
		  
*****************************************/

#wrapper{
	width:100%;
	overflow:hidden;
}

@media print {
#wrapper{width:1000px;}
}


header{
	width:950px;
	margin:0 auto;
	height:85px;
}

.contents{
	width:950px;
	margin:0 auto;
	clear:both;
}

.inner{
	width: 850px;
	margin:0 auto;
}

.col_area{
	display: table;
	width: calc(100% + 80px);
	margin-left: -40px;
	border-spacing: 40px 0;
}

.col_fixed{
 table-layout: fixed;
}

.col_item{
	display: table-cell;
	vertical-align: top;
}

footer{
	width:100%
}





/****************************************

          header
		  
*****************************************/

header h1{
	margin:25px 0 0 0;
	padding:0;
	float:left;
}

header ul{
	margin:35px 0 0 0;
	float:right;
}

header ul li{
	float:left;
	margin-left:20px;	
}

header ul li a.shop{
 line-height: 30px;
	background: url(../images/cart.png) no-repeat left center;	
 padding: 15px 0 10px 30px;
}

header ul li a.amazon img{
 width: 190px;
 margin-top: -5px;
}

header ul li a.contact{
	background: url(../images/mail.png) no-repeat left center;
}


/****************************************

          Navi
		  
*****************************************/

.GlobalNavi{
	background: #181E67;
	color: #fff;
	letter-spacing: 1px;
	line-height: 60px;
	height: 60px;
	clear: both;
}

.GlobalNavi_contents{
	width: 950px;
	margin: 0 auto;
}

.GlobalNavi h1{
	float: left;
	font-size: 18pt;
	font-weight: normal;	
}

.GlobalNavi h1 a{
	color: #fff;
}

.GlobalNavi h1 a:hover{
	text-decoration: none;
	color: #D1D3DF;
}

.GlobalNavi ul{
	text-align: right;
}

.GlobalNavi ul li{
	display: inline-block;
}

.GlobalNavi ul li.on{
	background: url(../images/GlobalNavi_on.png) no-repeat bottom center;
	color: #FF8A01;
}

.GlobalNavi ul li a{
	color: #fff;
	display: block;
	padding: 0 10px;
}

.GlobalNavi ul li a:hover{
	background: rgba(252,252,255,0.2);
	text-decoration: none;
}

.SubNavi{
	background: #D1D3DF;
	height: 60px;
	line-height: 58px;
}

.SubNavi ul{
	text-align: center;
}

.SubNavi ul li{
	display: inline-block;
}

.SubNavi ul li a.on{
	border-bottom: 5px solid #181E67;
	height: 55px;
}

.SubNavi ul li a{
	display: block;
	padding: 0 10px;
}

.SubNavi ul li a:hover{
	background:  rgba(252,252,255,0.2);
	text-decoration: none;
}


/****************************************

          製品リスト（サムネイル）
		  
*****************************************/

ul.product_list{
	display: table;
	width: calc(100% + 40px);
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 20px 0;
	margin-left: -20px;
}

ul.product_list li{
	display: table-cell;
	background: #fff;	
 border: 1px solid #aaa;
 padding: 20px;
 position: relative;
}

ul.product_list li:hover{
 border: 1px solid #181E67;
}

ul.product_list li.blank{
	background: none;	
 border: 2px solid rgba(255,255,255,0);
}

ul.product_list li.blank:hover{
 border: 2px solid rgba(255,255,255,0);
}

ul.product_list li a{
 border: 1px solid rgba(255,255,255,0);
 display: block;
 color: #000; 
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

ul.product_list li a:hover{
 border: 1px solid #181E67;
 text-decoration: none;
}

ul.product_list li img.productPhoto{
 display: block;
}

ul.product_list h2{
 background: #eee;
 font-size: 10pt;
 text-align: center;
 padding: 5px;
 margin: 10px 0 0 0;
}

ul.product_list li .rogo{
 height: 15px;
 margin: 10px 0 0 0;
 text-align: right;
}

ul.product_list li .rogo img{
 height: 15px;
}
	
/****************************************

         footer
		  
*****************************************/	

footer{
	background:#181E67;
	color:#fff;
	padding:30px 0 30px 0;
	margin-top: 40px;
}

footer .footer_link{
	width:950px;
	margin:0 auto;
}

footer .footer_link ul{
	padding: 0 0 10px 0;
}

footer .footer_link ul li {
    float: left ;
    margin-right: 20px;
}

footer .footer_link p.foot_tit{
	font-size:14pt;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
}

footer hr{
	margin: 20px 0;
	height: 1px;
}

footer ul.ThisSite{
	font-size:12px;
}

footer ul.ThisSite li{
	display: inline-block;
	margin: 0 10px 0 0;
}


footer .copy{
	
	font-size:10px;
	padding-bottom:20px;	
}

footer a{
	text-decoration:none;
	color:#fff;
}

footer a:hover {
	color:#FF8A01;
	text-decoration:none;
}

/****************************************

         TOPへ
		  
*****************************************/	
#page-top {
    position: fixed;
    bottom: 20px;
    right: 50px;
}




/****************************************

          トップ intro

*****************************************/

#TopPage #top_intro{
 margin: 60px 0 0 0;
}

#TopPage #top_intro h2{
 font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
 letter-spacing: 3px;
 font-size: 30pt;
 margin-bottom: 30px;
 color: #333;
 font-weight: normal;
}


/****************************************

          トップ スライド画像
		  
*****************************************/

ul.slider{
	width: 1080px;
	margin: 0 auto;
}



/****************************************

          トップ Products
		  
*****************************************/

#TopPage #products{
	padding: 40px 0;
 background: #eee;
}

#TopPage ul.product_list li h2{
 border-left: 7px solid #181E67;
	font-size: 13pt;
 padding: 0 0 0 10px;
 font-weight: bold;
 margin: 10px 0 0 0;
 text-align: left;
 background: none;
}

#TopPage ul.product_list li h2 span{
 float: left;
}

#TopPage ul.product_list li h2 img{
 float: right;
}







/****************************************

         NEWS
		  
*****************************************/	
.news{
	padding: 40px 0;
}

.news h3{
	background: #181E67;
	color: #fff;
	font-weight: normal;
	padding: 10px 15px;
	font-size: 13pt;
}


.news ul li{
	padding: 10px;
	border: 1px solid #D5D5D5;
	border-top: none;
	clear:both;
	background: #fff;
}

.news ul li dt{
	float:left;
	margin-left: 5px;
}

.news ul dd{
	margin-left:150px;
	}

a.allnews{
	float: right;
	font-weight: normal;
	color:#333;
	background: url(../images/link_bl.png) no-repeat right center;
	padding-right: 15px;
}


/****************************************

          見出し
		  
*****************************************/


.PageTitle h2{
 border-top: 5px solid #181E67;
 background: linear-gradient(to bottom, #eee, #fff);
 padding: 10px;
 font-size: 18pt;
}

h2.blueBG{
 background: #181E67;
}

h3.blueRectangle{
 border-left: 10px solid #181E67;
 font-size: 18pt;
 padding: 5px 10px;
}

h3.square{
 font-size: 1.1em;
}

h3.square:before{
 content: "■ ";
 color: #181E67;
}


/****************************************

          製品ページ
		  
*****************************************/
#function .function_detail hr{
	border: 0;
	height: 4px;
 background: #1E2B58;
	clear:both;
}


#function .function_text .model span{
 background: #D1D3DF;
 color: #181E67;
 padding: 5px 7px;
 font-size: 9pt;
}

#function .function_text h3{
 font-size: 16pt;
 line-height: 1.6em;
}

#function a.to_function_top{
 background: url("../images/to_top.png") no-repeat right 7px center;
 background-size: 20px 20px;
 padding: 5px 35px 5px 0;
}
#ModelName h3{
 float: left;
 margin: 0 0 20px 0;
}

#ModelName a{
	float: right;	
 margin-left: 20px;
 border: 1px solid #181E67;
}

#ModelName a.document{
	background: url(../images/document.png) no-repeat right 5px center #fff;	
 padding: 5px 30px 5px 10px;
}

#ModelName a.shop{
	background: url("../images/cart.png") no-repeat right 5px center #fff;
 padding: 5px 40px 5px 10px; 
}

#ModelName a.document:hover{
	background: url(../images/document.png) no-repeat right 5px center #DDDFED;
 text-decoration: none;
}
#ModelName a.shop:hover{
	background: url(../images/cart.png) no-repeat right 5px center #DDDFED;
 text-decoration: none;
}

.shop_btn a.shop{
	background: url("../images/cart.png") no-repeat right 5px center #fff;
 padding: 10px 40px 10px 10px; 
 border: 1px solid #181E67;
}

.shop_btn a.shop:hover{
	background: url(../images/cart.png) no-repeat right 5px center #DDDFED;
 text-decoration: none;
}


.size{
 clear: both; 
 background: #181E67;
 color: #fff;
 padding: 10px 15px;
 font-weight: bold;
}

.size span{
 font-size: 14pt; 
}

#icon_area	.col_area{
	width: calc(100% + 30px);
	margin-left: -15px;
	table-layout: fixed;
	border-spacing: 15px 0;
}

#icon_area	.col_item div{
	border: 2px solid #181E67;
 background: #eee;
 position: relative;
 padding: 10px;
}

#icon_area	.col_item div:after {
  content: "";
  clear: both;
  display: block;
}

#icon_area	.col_item div:hover{
 background: #fff;
}

#icon_area	.col_item img{
 float: left;
}

#icon_area	.col_item p{
 width: 100px;
 float: right;
 font-size: 10pt;
 color: #181E67;
 line-height: 1.4em;
}

#icon_area	.col_item a{
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

#icon_area	.blank{
	background: none;	
 border: 2px solid rgba(255,255,255,0);
}

#icon_area	.blank:hover{
 border: 2px solid rgba(255,255,255,0);
}


/*　製品トップ アイコン絞り込み　*/
#product_top #function .reset,
#product_top #function .choose{
 border: 1px solid #aaa;
 padding: 10px;
}

/*#select label.selected {
 color: #181E67;
} */

#product_top #icon_area	.col_item p{
 width: 120px;
}

#product_top #icon_area	.col_item div.off{
 border: 2px solid #eee;
}

#product_top #icon_area	.col_item div.off:hover{
 background: #eee;
}

#product_top #result div.off{display: none}

#product_top #result [class*="hidden-"] div.off{display: block; opacity: 0.5;}

#product_top #result [class*="hidden-"] div.on{display: none}

#simulation .base{
 border: 1px solid #aaa;
 padding: 10px;
 display: table;
 width: calc(100% - 22px);
}

#simulation .base p,
#simulation .base div{
 display: table-cell;
}

#simulation .base p{
 width: 200px;
}

#simulation .base div{
 padding: 5px 10px;
 background: #eee;
}

#simulation .base div span{
 float: right;
}

#simulation .option{
 border: 1px solid #aaa;
 padding: 10px;
 display: table;
 width: calc(100% - 22px);
}

#simulation .option p,
#simulation .option .item{
 display: table-cell;
}

#simulation .option p{
 width: 200px;
}

#simulation .option p span{
 display: block;
 font-size: 0.8em;
}

#simulation .option label{
 display: block;
 padding: 5px 10px;
}

#simulation .option label.on{
 background: #eee;
}

#simulation .option label .optionPrice{
 float: right;
}

#simulation .base span:after,
#simulation .option label .optionPrice:after,
#simulation .sum dl dd:after{
 content: " 円";
}

#simulation .sum{
 background: #eee;
 width: 405px;
 float: right;
 padding: 10px 20px 20px 20px;
}

#simulation .sum dl{
 display: table;
 border-bottom: 1px solid #aaa;
 width: 100%;
}

#simulation .sum dl dt,
#simulation .sum dl dd{
 display: table-cell;
 padding: 10px 0;
}

#simulation .sum dl dd{
 text-align: right;
 font-weight: bold;
 font-size: 13pt;
}


.text {
  display: none;
}
.text01 {
  display: block;
}

/****************************************

          FAQ
		  
*****************************************/

#faq .faq_tab{
 border-bottom: 3px solid #181E67;
}

#faq .faq_tab ul{
 display: table;
	width: calc(100% + 80px);
	margin-left: -40px;
	border-spacing: 40px 0;
}

#faq .faq_tab ul li{
 display: table-cell;
 border: 3px solid #181E67;
 border-bottom: none;
 width: 405px;
 font-size: 13pt;
 text-align: center;
 height: 40px;
 line-height: 40px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

#faq .faq_tab ul li.on{
 background: #181E67;
 color: #fff;
}

#faq .faq_tab ul li a{
 text-decoration: none;
 display: block;
 height: 100%;
 color: #000;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

#faq .faq_tab ul li a:hover{
 background: #eee;
 
}

#faq .faq_q{ 
 cursor: pointer; 
 border-top: 3px solid #181E67;
 background: url("../images/faq_open.jpg") no-repeat right 10px center #eee;
 margin-top: 40px;
 padding: 10px;
 font-weight: bold;
}

#faq .faq_q:before{
 content: "Q：";
}

#faq .faq_q_on{
 background: url("../images/faq_close.jpg") no-repeat right 10px center #eee;
}

#faq .faq_a{
 display: none;
 padding: 20px 10px;
}

/****************************************

          保守終了
		  
*****************************************/

#support_end .anchor_link{
 display: table;
 border-collapse: separate;
 border-spacing: 10px 0;
 width: calc(100% + 20px);
 margin-left: -10px;
 table-layout: fixed;
}
#support_end .anchor_link li{
 display: table-cell;
 text-align: center;
}

#support_end .anchor_link li a{
 border: 1px solid #aaa;
 display: block;
 padding: 5px 10px;
 color: #000;
 background: url("../images/link_bl_dwn.png") no-repeat right 10px center;
}

#support_end .anchor_link li a:hover{
 text-decoration: none;
 background: url("../images/link_bl_dwn.png") no-repeat right 10px center #eee;
}