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


body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	padding-bottom: 0px;
	background-image: url(../img/back1a.png);
	background-repeat: no-repeat;
	background-position: center 0;
	color: #727171;
	margin:0px;
	padding:0px;
	
	
}


#menu {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Candara", "Verdana", "Geneva", sans-serif;
	font-size: 20px;
	color: #f1f1f1;
}
#menu a{
	color: #f1f1f1;
	text-decoration: none;
	background-image: url(../img/menu1.png);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top:4px;
}

#menu a:hover{
	/* a:hover →オンマウスした時 */
	color: #C9CACA;
	background-image: url(../img/menu2.png);	
}
.menu_btn{
	width:242px;/*menu liと、widthの値を揃える*/
	height:25px;
	display:block;
	}
#menu li{
    width:242px;
	border-left: 2px solid  #b4b4b4;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	
}
#menu li:last-child{
	border-right: 2px solid #b4b4b4;
	}
#menu ul {
	text-align: center;
	border-right: 2px solid #b4b4b4;
	padding-left:10px;
	
}
#menu_back {
	background-color: #6a6a6a;
	height: 55px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index:1000;/*レイヤーの指定。大きいほど手前*/
}
#menu_wrapper {
	width: 100%;
	padding-top:10px;
	position: fixed;
	z-index:1100;/*レイヤーの指定。menu_backより手前*/
}






#home{
	width: 990px;
	height: 1569px;
	margin-left: auto ;
	margin-right: auto;
	padding-top:30px;
    }
	
.kura_img{
	float: left;
	padding-left: 50px;
	padding-top: 100px;
	}
#rogo_box{
	padding-top: 220px;
	width: 300px;
	height: 200px;
	float: left;
   }
	
	
a.rogo{
	background-image: url(../img/rogo.png);
	background-repeat: no-repeat;
	background-position: right 90px;
    }
a.rogo:hover{
	background-image: url(../img/rogo2.png);
	}

.rogo{
	width:300px;
	height:300px;
	display:block;
}











.home_txt{
	text-align: right;
	color: #BBBBBB;
	padding-top: 50px;
	width: 300px;
	float: left;
	}
span{
	font-size: 30px;
}

#box1{
	width: auto;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
}


#above{
	height: 45px;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}
.go_above{
	padding-left: 10px;
	float: right;
	}
.above_btn{
	width: 40px;
	height: 40px;
	display: block;	/*戻るボタンは背景を入れ替える方式*/
	background-image: url(../img/ue1.png);
	}
.above_btn:hover{
	background-image: url(../img/ue2.png);	
	}





.go_above2{
	padding-left: 10px;
	float: left;
	width: 43px;
	}	







#concept_box{/*上からの位置調節*/
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	padding-top:100px;
	}

#concept{
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	background-image: url(../img/kura2.png);
	background-repeat: no-repeat;
	background-position: right 0;
	height: 680px;
	   
}
.concept_txt{
	width: 450px;
	line-height: 35px;/*行間*/
	text-align: justify; text-justify: distribute-all-lines;/*文字を均等に並べる*/
	padding-left:40px;
    }





#pictures{
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	padding-top: 100px;
	padding-left:70px;

	}
.pictures_txt{
	width: 890px;
	float: left;
	padding-bottom: 20px;
    }
	
.process_pic2{
	float: left;
    }	
.process_pic{
	width: 930px;
    }			
.ie7 .cover_text{
	top:0px;
    }

.ie7_caution{
	font-size: 20px;
	color: #F70206;
	display: none;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
    }
.ie7 .ie7_caution{
	display:block;
    }


	
	
#intro_position{
	}
	
	
#intro{
	background-image: url(../img/back2a.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
	height: 2500px;
	color: #BBBBBB;	
	}
#intro2{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}	
.rogo_box2{
}
.intro_txt1{
	padding-left: 60px;
	padding-top:570px;
	line-height: 25px;/*行間*/
	}
.in_intro_txt1{
	font-size:20px;
	}	
	
#intro_txt2{
	font-size:18px;
	float: right;
	padding-right: 30px;
	padding-top: 75px;
    }
.homepege_btn{
	color: #BBBBBB;
	text-decoration: none;
	}
#intro_txt2 a{
	padding-left: 40px;
	background-image: url(../img/yoko1.png);
	background-repeat: no-repeat;
	background-position:left -6px;/*○pxで上下位置を調節*/
	height:30px;
	display:block; /*マックで見ると画像下が切れるので、高さに余裕持たせる。heightだけだときかないのでdisplay:blockも入れる*/
	}
#intro_txt2 a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../img/yoko2.png);
	background-repeat: no-repeat;
	background-position:left -6px;/*○pxで上下位置を調節*/
    }


#intro_txt3{
	font-size: 20px;
	float: right;
	padding-right: 85px;
	clear: right;
	padding-top: 15px;
}
.mail_btn{
	text-decoration: none;
	color: #BBBBBB;
	}
#intro_txt3 a{
	padding-left: 40px;
	background-image: url(../img/mail1.png);
	background-repeat: no-repeat;
	background-position:left -6px;/*○pxで上下位置を調節*/
	height:30px;
	display:block; /*マックで見ると画像下が切れるので、高さに余裕持たせる。heightだけだときかないのでdisplay:blockも入れる*/
	}
#intro_txt3 a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../img/mail2.png);
	background-repeat: no-repeat;
	background-position:left -6px;/*○pxで上下位置を調節*/
	}


#copy{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 100px;
}

#copy a:hover{
	color: #333333;
}
.copy{
	color: #727171;
	text-decoration: none;
	}