@charset "utf-8";

/* ----------------
  ルナ・ウイング
---------------- */
#side_title {
position: fixed;
/*top: 138px;*/
top: 0px;
right: 0px;
z-index: 100;
}


#index_pic_line{
	background-image: url(../img/luna/haikei_button.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
	padding: 0px;
	height: 450px;
	width: 1050px;
}
#index_pic{
	background-image: url(../img/luna/index_pic.jpg);
	background-repeat: no-repeat;
	height: 450px;
	width: 1050px;
}



.index_title01{
	margin: 0px;
	padding-top: 230px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
	font-size:108%;
	line-height: 160%;
	color:#787878;
}


.index_pic{
	display:block;
}

.index_box{
	margin-top:40px;
}

index_box img{
	margin-bottom:25px;
}

.index_box ul{
	list-style-type:none;
	text-align: center;
	}

.index_box li{
	width:300px;
	font-size:108%;
	margin:20px;
	text-align: left;
	display: inline-block;
    vertical-align: top;
	}




#luna_box{
	padding: 0px;
	width: 1050px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
#button_luna_haikei{
	background-image: url(../img/luna/button_haikei.jpg);
	background-repeat: no-repeat;
	height: 67px;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	padding-top:43px;
}

#button_luna{
	height: 45px;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:10px;
	margin-bottom:10px;}



#button_luna h2{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 250px;
	background-image: url(../img/luna/button_logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#button_luna h2 a:link{
	height: 45px;
	width: 250px;
	display:block;
	}


#button_luna ul{
	margin: 0px;
	float: left;
	height: 45px;
	width: 800px;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../img/luna/button_haikei.gif);
	background-repeat: repeat-x;
}
#button_luna li{
	display:inline;
	font-size:100.1%;
	line-height: 45px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

#button_luna li a,#button_luna li a:link,#button_luna li a:visited,#button_luna li a:active{
	text-decoration: none;
	color: #e77800;

}

#button_luna li a:hover{
	text-decoration: none;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #f7ac00;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
	color: #e77800;
}

#button_luna li.active{
	text-decoration: none;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #f7ac00;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
	color: #e77800;
}



/*
#button_luna{
	padding: 0px;
	height: 80px;
	width: 1050px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/luna/haikei_button.gif);
	background-repeat: no-repeat;
}

#button_luna h2{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 80px;
	width: 250px;
	background-image: url(../img/luna/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#button_luna h2 a:link{
	height: 80px;
	width: 250px;
	display:block;
	}

#button_luna ul{
	margin: 0px;
	float: left;
	height: 80px;
	width: 800px;
	text-align: right;
	padding-top: 42px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#button_luna li{
	display:inline;
	font-size:123.1%;
	line-height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 14px;
}

#button_luna li a,#button_luna li a:link,#button_luna li a:visited,#button_luna li a:active{
	text-decoration: none;
	color: #e77800;

}

#button_luna li a:hover{
	text-decoration: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #facd89;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
	color: #bd4300;
}

#button_luna li.active{
	text-decoration: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #facd89;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 14px;
	padding-right: 14px;
	padding-left: 14px;
	color: #bd4300;
}

*/



.contents_box{
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
}

.contents_box_text{
	font-size:108%;
	margin-left:15px;
}

.contents_box_text2{
	font-size:100%;
	line-height: 150%;
	margin-left:15px;
	color: #787878;
	margin-top:5px;
	}

.contents_box_text3{
	font-size:116%;
	margin-top:	0px;
	margin-left:15px;
	margin-bottom:80px;
	}

.contents_box_text4{
	font-size:108%;
	margin-top:	0px;
	margin-left:15px;
	margin-bottom:30px;
	}


.contents_box_img{
	float:right;
	margin-left:30px;
	margin-right:15px;
}

.contents_box_img2{
	float:right;
	margin-left:0px;
	margin-right:15px;
}


hr.line {
	clear:both;
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0));
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}



.title{
	font-size:138.5%;
	color: #FFFFFF;
	margin-bottom:20px;
	font-weight: normal;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #ff8c00;
	text-align: center;
	padding:4px;
	clear:both;}

.title02{
	font-size:138.5%;
	color: #ff8c00;
	margin-bottom:20px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.title03{
	color: #5A5A5A;
	border-buttom-width: 1px;
	border-buttom-style: solid;
	border-buttom-color: #898989;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #898989;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size:153.9%;
}

.title03center{
	font-size:108%;
	font-weight: 600;
	text-align: center;
	padding: 4px;
	border: 1px solid #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}



.title04{
	color: #ee751b;
	border-buttom-width: 1px;
	border-buttom-style: solid;
	border-buttom-color: #898989;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #898989;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size:153.9%;
}

.title05{
	color: #ee751b;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size:153.9%;
	font-weight:bold;
	}






.kihon_title{
	color: #5A5A5A;
	border-buttom-width: 1px;
	border-buttom-style: solid;
	border-buttom-color: #898989;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #898989;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size:153.9%;
}

.kihon_title2{
	color: #ee751b;
	border-buttom-width: 1px;
	border-buttom-style: solid;
	border-buttom-color: #898989;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #898989;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size:153.9%;
}

/*タイトル「Q0：」二行目の段落ち処理*/
.kihon_title2_dan{
	color: #ee751b;
	border-buttom-width: 1px;
	border-buttom-style: solid;
	border-buttom-color: #898989;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #898989;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size:153.9%;
	padding-left: 2em;
	text-indent: -2em;
}



/*class*/



.chart_pic{
	float: left;
	width: 840px;
}

/*アンサーボックス*/
.qa_a_box{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:rgba(201, 201, 201, 0.65098) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(201, 201, 201, 0.65098) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(201, 201, 201, 0.65098) 0px 0px 6px 3px;
	padding: 30px;
}


.img_block{ display:block; }
.qa_fontn{  margin-top: 0px; margin-bottom: 0px; font-size:116%; padding-top: 0px; padding-bottom: 0px; }
.qa_fontn_bottom10{ margin-top: 0px; margin-bottom: 10px; font-size:116%; padding-top: 0px; padding-bottom: 0px; }
.qa_fontn_bottom20{ margin-top: 0px; margin-bottom: 20px; font-size:116%; padding-top: 0px; padding-bottom: 0px; }
.qa_fontn_bottom30{ margin-top: 0px; margin-bottom: 30px; font-size:116%; padding-top: 0px; padding-bottom: 0px; }
.qa_fontn_bottom40{ margin-top: 0px; margin-bottom: 40px; font-size:116%; padding-top: 0px; padding-bottom: 0px; }
.qa_fontn_bottom60{ margin-top: 0px; margin-bottom: 60px; font-size:116%; padding-top: 0px; padding-bottom: 0px; }



/*qa*/
.qa_page_top{
	text-align: right;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 140px;
	margin-left: 0px;
}

.qa_page_top2{
	text-align: right;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
}


.qa_page_top_name{
	padding-top:40px;
	display:block;
	text-decoration: none;
}

.qa_page_top_name_first{
	padding-top:0px;
	display:block;
	text-decoration: none;
}


.contents_box_qa{
	width:1050px;
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	overflow:hidden;
}

.contents_box_qa2{
	width:950px;
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	clear:both;
}


.contents_box_qa a:link { color: #676767; text-decoration: underline; }
.contents_box_qa a:visited { color: #676767; text-decoration: underline; }
.contents_box_qa a:hover {color: #969696; text-decoration: underline; }
.contents_box_qa a:active { color: #676767; text-decoration: underline; }


.qa_font0{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px;	font-size:108%; }
.qa_font10{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 30px; font-size:108%; }
.qa_font20{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 30px; font-size:108%; }
.qa_font30{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 30px; font-size:108%; }
.qa_font40{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 40px; margin-left: 30px; font-size:108%; }
.qa_font60{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 60px; margin-left: 30px; font-size:108%; }


h3.qa{
	font-size:138.5%;
	color: #ff8c00;
	margin-bottom:20px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}



.qa_box_right2{
	width:720px;
	float:right;
	margin-top: 30px;
	}

.qa_box_left2{
	width:200px;
	float:left;
	margin-top: 30px;
	}



.qa_box_left2 ul{
	padding: 0px;
	margin: 0px;
}

.qa_box_left2 li{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;	/*margin-left: 30px;*/
}



/*QA一覧*/
.qa_box_left{
	padding: 0px;
	float: left;
	width: 500px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.qa_box_right{
	padding: 0px;
	float: right;
	width: 500px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}



.qa_box{
	width: 500px;
	float:right;
}

.qa_box table{
	margin-bottom: 60px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size:123.1%;
	}


.qa_box a { display:block; }
.qa_box a:link { color: #5a5a5a; text-decoration: underline; }
.qa_box a:visited { color: #5a5a5a; text-decoration: underline; }
.qa_box a:hover { display:block; color: #a44703; text-decoration: underline; background-color: #fff4db; }
.qa_box a:active { color: #5a5a5a; text-decoration: underline; }

.qa_font0{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px; font-size:108%; }
.qa_font10{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 30px; font-size:108%; }
.qa_font20{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 30px; font-size:108%; }
.qa_font30{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 30px; font-size:108%; }
.qa_font40{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 40px; margin-left: 30px; font-size:108%; }
.qa_font60{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 60px; margin-left: 30px; font-size:108%; }



.qa_button ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}




#support_box p.sp a{
	display:block;
	font-size:167%;
	color: #FFFFFF;
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;   /* Firefox用 */
	margin:0px;
	padding:15px;
	background-color:#e77800;
	text-align:center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border: 1px solid #e77800;
}


.qa_button li{
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
}

.qa_button li a{
	display: block; 
	background-color: #f8c722;
	padding-top:10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: none;
	color: #000000;
	width: 175px;
	margin: 1px 0px;
	text-align: center;
	font-size:116%;
	border-bottom-style: solid;
	border-bottom-color: #f8c722;
	border-bottom-width: 1px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


.qa_button a:link { color: #ffffff; text-decoration: none; }
.qa_button a:visited { color: #ffffff; text-decoration: none;; }
.qa_button a:hover {color: #787878; text-decoration: none; background-color: #ffffff; }
.qa_button a:active { color: #787878; text-decoration: underline; }


li.link_none{
	display: block;
	background-color: #ffffff;
	padding-top:10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: none;
	color: #787878;
	width: 175px;
	margin: 1px 0px;
	text-align: center;
	font-size:116%;
	border-bottom-style: solid;
	border-bottom-color: #f8c722;
	border-bottom-width: 1px;
}


/*color*/
#color01{
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
	}

#color01 p.contents01{
	font-size:108%;
	margin-top: 0px;
	margin-left: 25px;
}


.table_right{
float:right;
margin-left:30px;
}

table.table_right p{
	margin-top: 5px;
	font-size:93%;
	color: #787878;
	line-height: 140%;
}




/*catalog*/

#catalog01{
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
	}
	

/*Lineup*/	

#lineup01{
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
}

#lineup01 img{ display:block;}
#lineup01 p{
color: #ff8c00;
text-align:center;
margin-top:50px;
font-size:153.9%;
line-height: 160%;
}

.lineup02_box{
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
	}
	
.lineup02_box p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
font-size:93%;
}
.lineup02_box img{
	float: right;
	margin-left: 30px;
}	
	
.lineup02_box table{
	width:500px;
border-collapse:collapse;
border:0px;
}


.lineup02_box td{
padding:8px;
background-color:#FFFFFF;
}

.lineup02_box td.color{
padding:8px;
background-color:#F4F4F4;
}

.side01{
width:190px;}

.side02{
width:120px;}

.side03{
width:20px;}


.lineup02_box_left{
width:500px;
float:left;}
.lineup02_box_right{
width:500px;
float:right;
}

/*shade*/

#shade01{
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
}

#shade01 img{
display:block;
margin-bottom:50px;}


.shade01_box_left{
float:left;
}
.shade01_box_right{
float:right;
}



/*layeing procedure*/
.layering_box{
	padding-top: 40px;
	padding-right: 60px;
	padding-bottom: 40px;
	padding-left: 60px;
}

.layering_box h4{
	color:#ff8c00;
	font-size:138.5%;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}
.layering_box p.name{
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.layering_box img.luna{
	vertical-align:middle;
}

.layering_box img.pic{
	float:right;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 30px;
}

.layering_box p{
	margin: 0px;
	padding: 0px;
	font-size:108%;	
	}


.layering_box2{
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
	text-align:center;
	}

.layering_box2 h4{
	color:#ff8c00;
	font-size:138.5%;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
	}

.layering_box2 img.pic{
	margin-bottom: 30px;
}

/*qa*/

.title_qa{
	color: #ff8c00;
	border-buttom-width: 1px;
	border-buttom-style: solid;
	border-buttom-color: #898989;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #898989;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size:153.9%;
}


.title_qa2{
	color: #ff8c00;
	padding: 0px;
	font-size:153.9%;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}



.title_qa2_dan{
	color: #5A5A5A;
	padding: 0px;
	font-size:153.9%;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 2em;
	text-indent: -2em;
}

/*fiberglass*/

.fiberglass_box{
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 120px;
	margin-left: 40px;
}

.fiberglass_table{
	border-collapse: collapse;
	margin-left: 60px;
}
.fiberglass_table td{
    border:1px solid #333;
	font-size:131%;
	text-align:center;
}

.fiberglass_table th{
	border:1px solid #333;
	font-size:108%;
	text-align:center;
	background-color: #F0F0F0;
}

.fiberglass_table td.none,.fiberglass_table th.none{
    border:0px;
	background-color: transparent;
}
p.fiberglass_table{
	margin-left:60px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
}


.fiberglass_img{
display:block;
margin-left:15px;
margin-bottom:40px;
}

/*インフォボタン*/

p.fiberglass_pdf{
margin:0px;
padding:0px;
text-align:center;
}

p.fiberglass_pdf a{
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	font-size:138.5%;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	color: #ae3636;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding: 14px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}


p.fiberglass_pdf a:hover{
background-color:#f5e3dc;
}