@charset "UTF-8";

/*------------------------------
indexMainImage
------------------------------*/

#indexMain{
width:900px;
height:220px;
}

/*-----------------------------
PickupBox
-----------------------------*/

#pickup {
margin:30px 0;
padding:10px 10px 0 10px;
width:638px;
border:1px solid #333333;}

#pickupL{
float:left;
width:290px;}

#pickupR{
float:right;
width:340px;}

#pickupL .pickupL01 a,#pickupL .pickupL02 a{
display:block;
margin-bottom:10px;
width:290px;
height:150px;
text-indent:-9999px;}

#pickupL .pickupL01 a { 
background:url(../img/contents_img01.jpg) no-repeat 0 0;
outline:none;
}
#pickupL .pickupL01 a:hover {
background-position:-290px;
}
#pickupL .pickupL02 a { background:url(../img/contents_img02.jpg) no-repeat 0 0;
outline:none;
}
#pickupL .pickupL02 a:hover {
background-position:-290px;
}
#pickupR a{
background:url(../img/contents_img03.jpg) no-repeat 0 0;
display:block;
width:340px;
height:310px;
text-indent:-9999px;
outline:none;
}
#pickupR a:hover {
background-position:-340px;
}

#step {
width:650px;
}
.step-text {
margin-left:100px;
margin-right:10px;
margin-top:10px;
font-weight:bold;
line-height:110%;
}
.step-text2 {
margin-left:100px;
margin-right:10px;
margin-top:10px;
font-size:90%;
line-height:1.3em;
}
.step-text3 {
margin-left:100px;
margin-right:10px;
margin-top:0px;
font-size:65%;
line-height:1.3em;
}
.step01 {
width:470px;
height:115px;
background:url(../img/step01.gif) no-repeat 0 0;
float:left;
}
.step01-r {
width:180px;
height:115px;
float:right;
}
.step02 {
width:470px;
height:155px;
background:url(../img/step02.gif) no-repeat 0 0;
float:left;
}
.step02-r {
width:180px;
height:155px;
float:right;
}
.step03 {
width:470px;
height:140px;
background:url(../img/step03.gif) no-repeat 0 0;
float:left;
}
.step03-r {
width:180px;
height:140px;
float:right;
}
.step04 {
width:470px;
height:115px;
background:url(../img/step04.gif) no-repeat 0 0;
float:left;
}
.step04-r {
width:180px;
height:115px;
float:right;
}
.step05 {
width:470px;
height:125px;
background:url(../img/step05.gif) no-repeat 0 0;
float:left;
}
.step05-r {
width:180px;
height:125px;
float:right;
}

/*-----------------------------
inquiry
-----------------------------*/

#inquiryR{
float:right;
width:400px;
text-align:right;}

#inquiryR p{
font-size:80%;
line-height:1.3;}

#inquiryR a{
font-size:78%;
line-height:1.5;
padding-top:15px;}

.official {
margin-top:7px;
margin-bottom:3px;
}

.per-text {
margin-bottom:8px;
font-weight:bold;
margin-left:10px;
font-size:80%;
}
.per-text a{font-size:130%;
}
.flow-text {
font-size:95%;
margin-left:20px;
line-height:130%;
margin-right:20px;
}
.flow-text2 {
font-weight:bold;
font-size:80%;
margin-top:25px;
margin-left:7px;
margin-bottom:15px;
}
/*-----------------------------
title
-----------------------------*/

#index h3{
display:block;
width:260px;
height:15px;
text-indent:-9999em;}

#index h3.concept{background:url(../img/contents01.gif) no-repeat 0 0;margin-bottom:10px;}
#index h3.inquiry{background:url(../img/contents02.gif) no-repeat 0 0;margin:30px 0 10px 0;}

#index .strong {
	float:right;
	font-size:12px;
	color:#999999;
	margin:120px 0 0 0;
}

h3{
display:block;
width:660px;
height:80px;
text-indent:-9999em;}

.intention h3{ background: url(../img/ttl_intention.gif) top left no-repeat; margin-bottom:1.5em;}
.produce h3{ background: url(../img/ttl_produce.gif) top left no-repeat; margin-bottom:1.5em;}
.flow h3{ background: url(../img/ttl_flow.gif) top left no-repeat; margin-bottom:1.5em;}
.construct h3{ background: url(../img/ttl_construct.gif) top left no-repeat; margin-bottom:1.5em;}
.closeup04 h3{ background: url(../img/ttl_closeup04.gif) top left no-repeat; margin-bottom:1.5em;}
.closeup01 h3{ background: url(../img/ttl_closeup02.gif) top left no-repeat; margin-bottom:1.5em;}
.closeup02 h3{ background: url(../img/ttl_closeup05.gif) top left no-repeat; margin-bottom:1.5em;}
.closeup03 h3{ background: url(../img/ttl_closeup01.gif) top left no-repeat; margin-bottom:1.5em;}
.closeup05 h3{ background: url(../img/ttl_closeup06.gif) top left no-repeat; margin-bottom:1.5em;}
.closeup06 h3{ background: url(../img/ttl_closeup03.gif) top left no-repeat; margin-bottom:1.5em;}
.advantage h3{ background: url(../img/ttl_advantage.gif) top left no-repeat; margin-bottom:1.5em;}
.press h3{ background: url(../img/ttl_press.gif) top left no-repeat; margin-bottom:1.5em;}
.contact h3{ background: url(../img/ttl_contact.gif) top left no-repeat; margin-bottom:1.5em;}
.company h3{ background: url(../img/ttl_company.gif) top left no-repeat; margin-bottom:1.5em;}
.privacy h3{ background: url(../img/ttl_privacy.gif) top left no-repeat; margin-bottom:1.5em;}
.sitemap h3{ background: url(../img/ttl_sitemap.gif) top left no-repeat; margin-bottom:1.5em;}

/*- --- -*/

h4.headlineA{
margin:20px 0 20px 0px;
display:block;
width:525px;
height:60px;
text-indent:-9999px;
font-size:0;
}
h4.headlineA2{
margin:20px 0 20px 0px;
display:block;
width:525px;
height:90px;
text-indent:-9999px;
font-size:0;
}
.flow h4.headlineA2{ background:url(../img/headline02.gif) no-repeat 0 0;}

.produce h4.headlineA{ background:url(../img/headline01.gif) no-repeat 0 0;}
.flow h4.headlineA{ background:url(../img/headline02.gif) no-repeat 0 0;}
.advantage h4.headlineA{ background:url(../img/headline07.gif) no-repeat 0 0;}
.contact h4.headlineA{ background:url(../img/headline08.gif) no-repeat 0 0;}

h4.headlineB{
display:block;
width:660px;
height:80px;
text-indent:-9999px;
font-size:0;}

h4.headlineB2{
display:block;
width:660px;
height:80px;
text-indent:-9999px;
font-size:0;}

.closeup01 h4.headlineB{ background:url(../img/closeup06-ttl.gif) no-repeat 0 0; height:65px; width:660px; margin-bottom:15px;}
.closeup02 h4.headlineB{ background:url(../img/closeup01-ttl.gif) no-repeat 0 0; height:65px; width:660px; margin-bottom:15px;}
.closeup03 h4.headlineB{ background:url(../img/closeup02-ttl.gif) no-repeat 0 0; height:65px; width:660px; margin-bottom:15px;}
.closeup04 h4.headlineB{ background:url(../img/closeup03-ttl.gif) no-repeat 0 0; height:65px; width:662px; margin-bottom:15px;}
.closeup05 h4.headlineB{ background:url(../img/closeup04-ttl.gif) no-repeat 0 0; height:65px; width:662px; margin-bottom:15px;}
.closeup06 h4.headlineB{ background:url(../img/closeup09-ttl.gif) no-repeat 0 0; height:65px; width:665px; margin-bottom:15px;}
.company h4.headlineB{ background:url(../img/headline09.gif) no-repeat 0 0; height:40px;}

*html body .closeup04 h4.headlineB{ background:url(../img/closeup04-ttl.gif) no-repeat 0 0; height:65px; width:660px; margin-bottom:15px;}
*html body .closeup04 h4.headlineB2{ background:url(../img/js_ttl.jpg) no-repeat 0 0; margin-bottom:15px;}
*html body .closeup05 h4.headlineB{ background:url(../img/closeup05-ttl.gif) no-repeat 0 0; height:65px; width:660px; margin-bottom:15px;}
*html body .closeup06 h4.headlineB{ background:url(../img/closeup09-ttl.gif) no-repeat 0 0; height:65px; width:660px; margin-bottom:15px;}


.style-text{
padding-left:25px;
color:#6fd3fd;
}

h4.headlineC{
margin:4px 0 10px 0px;
display:block;
width:550px;
height:100px;
text-indent:-9999px;
font-size:0;
}
.intention h4.headlineC{ 
background:url(../img/style01.gif) no-repeat 0 0;
}
h4.headlineC02{
margin:10px 0 10px 0px;
display:block;
width:550px;
height:100px;
text-indent:-9999px;
font-size:0;
}
.intention h4.headlineC02{ 
background:url(../img/style02.gif) no-repeat 0 0;
}
h4.headlineC03{
margin:10px 0 10px 0px;
display:block;
width:550px;
height:100px;
text-indent:-9999px;
font-size:0;
}
.intention h4.headlineC03{ 
background:url(../img/style03.gif) no-repeat 0 0;
}
h4.headlineC04{
margin:10px 0 10px 0px;
display:block;
width:550px;
height:100px;
text-indent:-9999px;
font-size:0;
}
.intention h4.headlineC04{ 
background:url(../img/style04.gif) no-repeat 0 0;
}
h4.headlineC05{
margin:10px 0 10px 0px;
display:block;
width:550px;
height:100px;
text-indent:-9999px;
font-size:0;
}
.intention h4.headlineC05{ 
background:url(../img/style05.gif) no-repeat 0 0;
}
h4.headlineC06{
margin-top:10px;
margin-bottom:10px;
display:block;
width:550px;
height:100px;
text-indent:-9999px;
font-size:0;
}
.intention h4.headlineC06{ 
background:url(../img/style06.gif) no-repeat 0 0;
}
.headlineC07{
margin:10px 0 10px 0px;
width:646px;
height:290px;
background:url(../img/style07.gif) no-repeat 0 0;
}
.headlineC08{
margin:10px 0 10px 0px;
width:660px;
height:400px;
background:url(../img/style08.gif) no-repeat;
position:relative;
}
.chart-1 {
position:absolute;
top:105px;
left:11px;
}
.chart-1 p{
font-size:86%;
line-height:1.5;
}

.style08-t{
position:absolute;
top:0px;
left:280px;
}
.chart01 a:hover{
background:url(../img/style08-r01.gif);
}

/*- --- -*/

h5{
background:#202020 url(../img/icon02.gif) 8px 5px no-repeat;
display:block;
width:640px;
height:22px;
padding:3px 0 0 20px;
font-weight:bold;
font-size:82%;
line-height:1.4;
color:#FFFFFF;
margin-bottom:20px;
margin-top:20px;}

h6{
background:#000000 url(../img/icon01.gif) 0px 5px no-repeat;
display:block;
margin-bottom:1em;
height:22px;
padding:3px 0 0 8px;
font-weight:bold;
font-size:78%;
line-height:1.4;
color:#35CE02;}

.closeup-nm{
background:#000000 url(../img/icon01.gif) 0px 5px no-repeat;
display:block;
margin-bottom:1em;
width:192px;
height:22px;
padding:3px 0 0 8px;
font-weight:bold;
font-size:78%;
line-height:1.4;
color:#35CE02;
}
.closeup-bt{
background:#000000 url(../img/closeup-bt.jpg) 0px 5px no-repeat;
display:block;
margin-bottom:1em;
width:192px;
height:22px;
padding:3px 0 0 8px;
font-weight:bold;
font-size:78%;
line-height:1.4;
color:#35CE02;
}
.closeup-bt2{
background:#000000 url(../img/closeup-bt2.jpg) 0px 5px no-repeat;
display:block;
margin-bottom:1em;
width:192px;
height:22px;
padding:3px 0 0 8px;
font-weight:bold;
font-size:78%;
line-height:1.4;
color:#35CE02;
}
.closeup-bt3{
background:#000000 url(../img/closeup-bt3.jpg) 0px 5px no-repeat;
display:block;
margin-bottom:1em;
width:192px;
height:22px;
padding:3px 0 0 8px;
font-weight:bold;
font-size:78%;
line-height:1.4;
color:#35CE02;
}


/*- --- -*/

.flowFrame{
width:600px;
border:1px solid #333333;
padding:5px;
margin:10px 0 10px 25px;}

.flowFrame .flowL{ 
float:left;
width:250px;}

.flowFrame .flowL p{ 
display:block; 
width:230px;
padding:0 5px;
font-size:86%;
line-height:1.5;}

.flowFrame .flowR{ 
float:right;
width:350px;}

.flowFrame .flowR p{ 
display:block; 
width:325px;
border-left:3px solid #999999;
padding:0 5px 0 10px;
font-size:86%;
line-height:1.5;}

/*- --- -*/

.icon02{
background:url(../img/icon04.gif) no-repeat 0 0;
margin:0 0 10px 5px;
padding:3px 0 5px 22px;}

.icon02 a{
font-size:88%;
font-weight:bold;
color:#00DFFF;
text-decoration:none;}

.icon03{
background:url(../img/icon05.gif) no-repeat center left;
padding:5px 0 5px 22px;
font-size:96%;}

.icon03 a{
font-size:78%;
font-weight:bold;
text-decoration:none;}

/*- --- -*/
.news {
width:660px;
height:200px;
border:1px solid #333333;
margin-top:5px;
}
.news_left {
width:325px;
height:200px;
float:left;
overflow:scroll;
overflow-x:hidden;
border:1px solid #333333;
scrollbar-face-color: #414141;
scrollbar-track-color: #8f8e8d;
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color: #8f8e8d;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
}
.news_right {
width:325px;
height:200px;
float:right;
overflow:scroll;
overflow-x:hidden;
border:1px solid #333333;
scrollbar-face-color: #414141;
scrollbar-track-color: #8f8e8d;
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color: #8f8e8d;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000; 
}
.adress {
width:250px;
float:right;
}
.news-text {
margin-left:15px;
margin-top:9px;
float:left;
margin-bottom:10px;
}
.news-pic {
margin-left:5px;
margin-top:40px;
width:200px;
float:right;
font-size:90%;
padding-top:2px;
}
.news-pic2 {
margin-left:35px;
width:260px;
font-size:90%;
margin-bottom:15px;
line-height: 1.3em;
}
.news-pic3 {
margin-left:35px;
margin-top:15px;
width:400px;
font-size:80%;
}