@charset "Shift_JIS";

body {
text-align: center;
margin: 0;
padding: 0;
font-family:"Osaka", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",sans-serif;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
font-weight: bold;
letter-spacing: 0.1em;
	}
	
img  {
border: none;
}

.clearboth {
clear:both; 
visibility:hidden; 
    }
	
br{
letter-spacing:0;
}
 
 
#container { 
width:1024px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
	}
	
	
/* ****************************************
	MENU
*******************************************/
#menubox {
width:620px;
padding-top: 70px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
float:right; 
}


/* ****************************************
	TOP
*******************************************/
#header_top {
width:1024px;
height:768px;
background-image: url(../img/bg_top.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}


/* ****************************************
	FOOTER
*******************************************/
#footerbox {
width:1024px;
padding-top: 660px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align: right; 
font-size:12px; 
line-height:18px; 
color: #000000;
letter-spacing: 0.1em; 
	}


/* ****************************************
	中ページ
*******************************************/
#header_inner {
width:1024px;
height:768px;
background-image: url(../img/bg_innner.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}


#inner_content {
width:950px;
height:560px;
background-image: url(../img/bg_innner.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}

.logo_margin {
float:left; 
padding-top: 58px;
padding-left:60px;
	}


/* ****************************************
	中ページFOOTER
*******************************************/
#inner_footerbox {
width:1024px;
height:35px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-color: #15ae67;
	}


.footer_text {
padding-top: 10px;
margin-right: 10px;
text-align: right; 
font-size:12px; 
line-height:18px; 
color: #ffffff;
letter-spacing: 0.1em; 
	}


/* ****************************************
	共通_グリーンボックス透過
*******************************************/
#green_box {
margin-left:60px;
margin-top: 30px;
width:546px;
height:566px;
background: rgb(0, 153, 102); /* IE6, 7向け */  
background: rgba(0,153,102,0.7);
float:left; 
}



#green_box_text {
margin-top: 20px;
width:500px;
height:500px;
margin-left: auto;
/*margin-right: auto;*/
text-align: left; 
}






/* ****************************************
	サービス
*******************************************/
#se_cap01 {
margin-right:15px;
margin-top: 30px;
width:387px;
height:546px;
background-image: url(../img/se_cap01.png);
background-repeat: no-repeat;
float:right; 
}


#se_textarea {
width:360px;
margin-left: auto;
margin-right: auto;
	}


.se_textarea01a {
margin-top: 40px;
width:100px;
margin-left: auto;
margin-right: auto;
text-align: left; 
font-size:11px; 
line-height:20px; 
color: #ffffff;
float:left; 
	}


.se_textarea01b {
margin-top: 40px;
width:240px;
margin-left: auto;
margin-right: auto;
text-align: left; 
font-size:9px; 
line-height:20px; 
color: #999999;
float:right; 
	}


.se_textarea02a {
margin-top: 36px;
width:100px;
margin-left: auto;
margin-right: auto;
text-align: left; 
font-size:11px; 
line-height:20px; 
color: #ffffff;
float:left; 
	}


.se_textarea02b {
margin-top: 36px;
width:240px;
margin-left: auto;
margin-right: auto;
text-align: left; 
font-size:9px; 
line-height:20px; 
color: #999999;
float:right; 
	}





.se_textarea03a {
margin-top: 34px;
width:100px;
margin-left: auto;
margin-right: auto;
text-align: left; 
font-size:11px; 
line-height:20px; 
color: #ffffff;
float:left; 
	}


.se_textarea03b {
margin-top: 34px;
width:240px;
margin-left: auto;
margin-right: auto;
text-align: left; 
font-size:9px; 
line-height:20px; 
color: #999999;
float:right; 
	}







/* ****************************************
	ABOUT
*******************************************/
#ab_cap01 {
margin-right:15px;
margin-top: 30px;
width:387px;
height:546px;
background-image: url(../img/ab_cap01.png);
background-repeat: no-repeat;
float:right; 
}



/* ****************************************
	FACILITIES DIVISION_会社概要
*******************************************/
#fa_cap01 {
margin-right:15px;
margin-top: 30px;
width:387px;
height:546px;
background-image: url(../img/fa_cap01.png);
background-repeat: no-repeat;
float:right; 
}


#fa_textarea {
margin-top: 30px;
width:380px;
text-align: left; 
}


#w_box {
width:380px;
background-image: no;
background-repeat: no;
margin-top: 0px;
margin-bottom: 20px;
padding : 0px ;
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
border-radius: 5px;         /* CSS3 */
border: 2px solid #cccccc;  
	}


.w_box_text {
padding: 25px;
	}

.w_box_text2 {
    font-size: 38px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    color: #A7D34E;
    padding-left: 10px;
	}



/* ****************************************
	制作事例
*******************************************/
#wo_cap01 {
margin-right:15px;
margin-top: 30px;
width:387px;
height:546px;
background-image: url(../img/wo_cap01.png);
background-repeat: no-repeat;
float:right; 
}


#wo_green_box_text {
margin-top:20px;
padding-top:10px;
width:450px;
height:450px;
background-color: #ffffff;
float:left;
text-align: center;
}


#wo_next {
margin-top:200px;
margin-left:15px;
float:left; 
}



#wo_textarea {
width:387px;
height:450px;
text-align: left; 
}

#wo_box {
margin-right:22px;
margin-bottom: 22px;
width:110px;
height:110px;
background-color: #ffffff;
float:left; 
border: 2px solid #cccccc;  
}



#wo_box_last {
width:110px;
height:110px;
margin-bottom: 22px;
background-color: #ffffff;
float:left; 
border: 2px solid #cccccc;  
}



.wo_img_margin {
margin: 6px;
	}





/* ****************************************
	FONT
*******************************************/
.basic {
text-align: left; 
font-size:12px; 
line-height:18px; 
color: #ffffff;
	}
	
.ft14 {
text-align: left; 
font-size:13px; 
line-height:18px; 
color: #ffffff;
	}

.h30 {
line-height:30px; 
	}

.ft12gray {
text-align: left; 
font-size:12px; 
line-height:20px; 
color: #999999;
	}
	
	
.ft12gr {
text-align: left; 
font-size:12px; 
line-height:20px; 
color: #009966;
	}	
	
	
	
	
	
	
	
	
	

.ft10bl {
text-align: left; 
font-size:10px; 
line-height:12px; 
color: #2cc6f2;
	}	


.ft10w {
text-align: left; 
font-size:10px; 
line-height:12px; 
color: #ffffff;
	}	
	
	
.ft10 {
text-align: left; 
font-size:10px; 
line-height:12px; 
color: #000000;
	}	
	
.ft11gr {
text-align: left; 
font-size:11px; 
line-height:14px; 
color: #666666;
letter-spacing: 0.2em; 
	}
	
.ft16pk {
text-align: left; 
font-size:16px; 
line-height:20px; 
color: #f85289;
letter-spacing: 0.2em; 
	}


.ft14rd {
text-align: left; 
font-size:14px; 
line-height:18px; 
color: #ff3300;
letter-spacing: 0.2em; 
	}
	
/* ****************************************
	リンク
*******************************************/
#header_top h1 {
font-size:16pt;
text-indent: -9999px;
display: none;
}

	

 a:link
{
color: #0066b5;
text-decoration: none;
}

a:visited
 {
color: #0066b5;
text-decoration: none;
}

a:hover
{
color: #0066b5;
text-decoration: none;
	}
