@charset "euc-jp";

body .page{
color:#474747;
line-height:1.5;
}

/*---------------------------------------*/
.page{
width:655px;
text-align:left;
}

.page ul,
.page li,
.page h1,
.page h2,
.page h3,
.page input,
.page p
{margin:0;padding:0;}
.page ul{list-style:none;}
.page img{border:0;vertical-align:bottom;}

.page h2{
padding-bottom:20px;
}

.page p{
margin-bottom:15px;
}

/*---------------------------------------*/
.page .innner{
margin-left:20px;
width:600px;
overflow:hidden;
background:url(http://image.webftp.jp/design/gcom073/data-images/bg-sppage.jpg) repeat-y;
}

.page .innner .spBottom{
height:10px;
overflow:hidden;
font-size:0;
line-height:0;
background:url(http://image.webftp.jp/design/gcom073/data-images/bg-sppage-bottom.jpg) no-repeat bottom;
}

.page .pageSection{
padding-bottom:20px;
}

.page .pageSection h3{
padding-bottom:20px;
}

/*---------------------------------------*/
.page .pHeader{
background:url(http://image.webftp.jp/design/gcom073/data-images/bg-sttl-sppage.jpg) no-repeat;
}
.page .pHeader p{
margin:0;
padding:0 15px 25px 15px;
}

.page .pHeader2{
background:url(http://image.webftp.jp/design/gcom073/data-images/bg-sttl-sppage.jpg) no-repeat;
}
.page .pHeader2 h2{
margin:0;
padding-bottom:15px;
}

.page .pHeader2 p{
text-align:center;
margin:0;
padding:5px 15px 25px 15px;
}

/*---------------------------------------*/
/* Manufacture */
/*---------------------------------------*/
.manufacture01{
margin-bottom:30px;
height:510px;
position:relative;
background:url(http://image.webftp.jp/design/gcom073/data-images/bg-manufacture01.jpg) no-repeat;
}

.manufacture01 h3{
top:0;
left:265px;
position:absolute;
}

.manufacture01 .photo01{
top:0;
left:15px;
position:absolute;
}

.manufacture01 .photo02{
top:110px;
left:220px;
position:absolute;
}

.manufacture01 .inTxt{
top:300px;
left:15px;
width:190px;
position:absolute;
}

/*---------------------------------------*/
.manufacture02{
margin-bottom:45px;
height:510px;
position:relative;
background:url(http://image.webftp.jp/design/gcom073/data-images/bg-manufacture02.jpg) no-repeat;
}

.manufacture02 h3{
top:0;
left:0;
position:absolute;
}

.manufacture02 .photo01{
top:0;
left:340px;
position:absolute;
}

.manufacture02 .photo02{
top:110px;
left:15px;
position:absolute;
}

/*---------------------------------------*/
.manufacture03{
padding-bottom:80px;
text-align:center;
}

/*---------------------------------------*/
/* Process */
/*---------------------------------------*/
.process01,
.process02,
.process03,
.process04,
.process05
{
margin-left:15px;
width:570px;
}
/*---------------------------------------*/
.process01 .blockLeft{
width:300px;
}

.process01 .blockRight{
width:255px;
}

/*---------------------------------------*/
.process02 .blockLeft{
width:185px;
}

.process02 .blockRight{
width:370px;
}

/*---------------------------------------*/
.process03 .blockLeft{
width:370px;
}

.process03 .blockRight{
width:185px;
}

/*---------------------------------------*/
.process04 .blockLeft{
width:255px;
}

.process04 .blockRight{
width:300px;
}

/*---------------------------------------*/
.process05{
padding-bottom:80px;
}

.process05 .blockLeft{
width:370px;
}

.process05 .blockRight{
width:185px;
}

/*---------------------------------------*/
/* consulting */
/*---------------------------------------*/


.consulting01 .left-box{
width:245px;
float:left;
}

.consulting01 .right-box{
width:300px;
float:right;
}

.consulting01 .boxinner{
padding:10px 15px 15px 15px;
overflow:hidden;
position:relative;
}

.consulting02 .left-box{
width:220px;
float:left;
}

.consulting02 .left-box p{
margin-bottom:10px;
}

.consulting02 .right-box{
width:315px;
float:right;
}

.consulting02 .boxinner{
padding:15px 15px 0 15px;
overflow:hidden;
position:relative;
}

.consulting02 .bottom{
padding:0 15px 10px 15px;
}

.consulting03{
padding:15px 15px 80px 15px;
text-align:center;
margin-right:auto;
margin-left:auto;
}

.consulting03 h3{
padding-bottom:15px;
}

.consulting03 a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
}

.consulting04 .boxinner{
padding:20px 15px 20px 15px;
overflow:hidden;
position:relative;
}

.consulting04 .left-box{
width:300px;
float:left;
}

.consulting04 .right-box{
width:255px;
float:right;
}

.consulting05 .boxinner{
padding:10px 15px 20px 15px;
overflow:hidden;
position:relative;
}

.consulting05 .left-box{
width:200px;
float:left;
}

.consulting05 .right-box{
width:351px;
float:right;
}

.consulting06 .boxinner{
padding:10px 15px 20px 15px;
overflow:hidden;
position:relative;
}

.consulting06 .left-box{
width:350px;
float:left;
}

.consulting06 .right-box{
width:200px;
float:right;
}

.consulting06 .bottom{
padding:0 15px 15px 15px;
}

.consulting07 .boxinner{
padding:10px 15px 0 15px;
overflow:hidden;
position:relative;
}

.consulting07 .left-box{
width:200px;
float:left;
}

.consulting07 .right-box{
width:360px;
float:right;
}

.consulting08{
margin-bottom:30px;
overflow:hidden;
position:relative;
}

.consulting08 .bg-top{
height:10px;
background:url(http://image.webftp.jp/design/gcom073/data-images2/bg-consulting01.jpg) no-repeat;
}

.consulting08 .bg-main{
background:url(http://image.webftp.jp/design/gcom073/data-images2/bg-consulting02.jpg) repeat-y;
}

.consulting08 .bg-main td.text1{
padding:15px 10px 0 20px;
width:50%;
vertical-align:top;
}

.consulting08 .bg-main td.text2{
padding:15px 20px 0 10px;
width:50%;
vertical-align:top;
}

.consulting08 .bg-bottom{
height:10px;
background:url(http://image.webftp.jp/design/gcom073/data-images2/bg-consulting03.jpg) no-repeat;
}

.consulting09{
padding-bottom:80px;
}

.consulting09 a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
}

.consulting09 h3{
padding-bottom:15px;
}

/*---------------------------------------*/
/* saron */
/*---------------------------------------*/

.saron01 .boxinner{
padding:20px 15px 10px 15px;
overflow:hidden;
position:relative;
}

.saron01 .left-box{
width:260px;
float:left;
}

.saron01 .right-box{
width:280px;
float:right;
}

.saron02 .boxinner{
padding:20px 15px 10px 15px;
overflow:hidden;
position:relative;
}

.saron02 .left-box{
width:260px;
float:left;
}

.saron02 .right-box{
width:280px;
float:right;
}

.saron03 .boxinner{
padding:20px 15px 10px 15px;
overflow:hidden;
position:relative;
}

.saron03 .left-box{
width:294px;
float:left;
}

.saron03 .right-box{
width:245px;
float:right;
}

.saron04{
padding-top:15px;
text-align:center;
}

.saron05{
text-align:center;
padding-bottom:80px;
}

.saron05 h3{
padding-bottom:15px;
}

.saron05 p{
padding:25px 0 0 0;
}

.saron05 a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
}

/*---------------------------------------*/
/* shop */
/*---------------------------------------*/

.shop01{
	padding:0 15px 30px 15px;
	text-align:center;
}

.shop01 h3{
	padding-bottom:30px;
}

.shop01 a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
}

.shop02{
	text-align:center;
}

.shop02 h3{
	padding-bottom:20px;
}

.shop03{
	margin:0 15px;
	padding-bottom:80px;
}