@charset "utf-8";
/* ================================================================================
	Last Updated: 2014/01/17
	[INDEX]
    1. Common Format: 共通設定
        1.0 global
        1.1 header_about
        1.2 step1-2
        1.3 footer
================================================================================ */

/* ================================================================================
        1.0 global
================================================================================ */
body {
    line-height: 2;
    color: #111;
    text-align: center;
	background-color: #fbf7f7;
    font-size: 75%;
    font-family: "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif ;
}
#container {
	margin:0;
	padding:0;
    width: 100%;
    text-align: center;
	background: #fbf7f7 url("../images/header_bg.jpg") no-repeat center 0;
}
/* ================================================================================
        1.1 header_about
================================================================================ */
#header {
    width: 100%;
    height: 1250px;
    text-align: left;
}
#sitename {
    position: relative;
    margin: 0px auto;
	padding:0;
    width: 860px;
	right:50px;
}
#sitename a:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}
#sitename h1 {
	margin:0;
    position: absolute;
    top: 120px;
	right: -190px;
}
#sitename .about{
    position: absolute;
    top: 396px;
	left: 28px;
}
#sitename .step1{
    position: absolute;
    top: 400px;
	left: 160px;
}
#sitename .step2{
    position: absolute;
    top: 399px;
	left: 295px;
}
#sitename .contact{
    position: absolute;
    top: 392px;
	left: 435px;
}
#sitename .blog{
    position: absolute;
    top: 382px;
	left: 564px;
}
#sitename .title{
    position: absolute;
    top: 474px;
	left: 0;
}
#sitename h2{
    position: absolute;
    top: 700px;
	left: 0px;
}
#sitename .intro{
    position: absolute;
    top: 770px;
	left: 56px;
}
#sitename .txt{
    position: absolute;
    top: 908px;
	left: 56px;
	width: 432px;
}
#sitename .photo{
    position: absolute;
    top: 698px;
	left: 552px;
}
#aboutBox{
	margin: 0 auto;
	padding: 0;
	width: 870px;
	border: 1px solid #ff7585;
}
#aboutBox .txt1{
	padding: 20px;
	float:left;
	text-align:left;
	width:390px;
}
#aboutBox .txt2{
	padding: 20px;
	float:left;
	text-align:left;
	width:390px;
}
#aboutBox .txt2 span{
	color:#ff7585;
}
/* ================================================================================
        1.2 Step1-2
================================================================================ */
#contents {
	position: relative;
    margin: 42px auto 0;
    width: 870px;
    text-align: left;
    background: #fde6e7;
}
#contents h2{
    position: absolute;
    top: 0;
	left: 875px;
}
#contents h3{
    position: relative;
}
#contents .txtBox{
	margin:55px 0 0 20px;;
	width: 420px;
	height: 400px;
	overflow:hidden;    
}
.contents2{
	height: 1620px;
}
#contents .img1{
	position: absolute;
	top: 95px;
	right: 20px;    
}
#contents .img2 img{
	float:left;
}
#contents .img3{
    position: absolute;
    top: 110px;
	left: -40px;
}
#contents .img4{
	position: absolute;
	top: 190px;
	left: 23px;    
}
#contents .img5{
	z-index:2;
	position: absolute;
	top: 256px;
	left: -30px;    
}
#contents .txtBox2{
	z-index:3;
	position: absolute;
	width: 480px;
	top: 340px;
	left: 390px;    
}
#contents .img6{
	position: absolute;
	top: 474px;
	left: -43px;    
}
#contents .img7{
	position: absolute;
	top: 912px;
	left: 23px;    
}
#contents .img8{
	z-index:2;
	position: absolute;
	top: 970px;
	left: -12px;    
}
#contents .txtBox3{
	z-index:3;
	position: absolute;
	width: 460px;
	top: 1060px;
	left: 10px;    
}
#contents .img9{
	position: absolute;
	top: 1186px;
	left: 20px;    
}
/* ================================================================================
        1.3 footer
================================================================================ */
#footer {
	position:relative;
    margin: 100px auto 0;
    width: 100%;
    background: #fe96a2;
}
#footer #contactBox{
	position:relative;
    margin: 0 auto;
    width: 870px;
	height: 536px;
}
#footer #contactBox h2{
    position: absolute;
    top: 20px;
	left: -56px;
}
#footer #contactBox a:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}
#footer #contactBox .img1{
	position: absolute;
	top: 110px;
	left: 0;    
}
#footer #contactBox .btn{
	position: absolute;
	top: 260px;
	left: 110px;    
}
#footer #contactBox .img2{
	z-index:2;
    position: absolute;
    top: 20px;
	left: 520px;
}
#footer #contactBox .img3{
    position: absolute;
    top: 320px;
	left: 0;
}
#footer #contactBox .txtBox{
	z-index: 1;
    position: absolute;
	text-align:left;
	width: 460px;
	top: 374px;
	left: 22px;
	line-height: 1.5;
}

#copyright {
	position: relative;
    margin: 5px auto 10px;
    width: 100%;
    background: #fff;
}
#copyright #copyrightBox{
	color: #e75e6d;
	position: relative;
    margin: 0 auto;
    width: 870px;
	font-size: 72%;
}
#copyright #copyrightBox .txt1{
	float:left;
	text-align: left;
	width:435px;
}
#copyright #copyrightBox .txt2{
	float: left;
	text-align: right;
	width:435px;
}