@charset "UTF-8";
/* CSS Document */
a{
	color:#333;
	text-decoration:none;
}

a:hover img {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
 
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
border:none;
}

body{
	border-top:8px solid #1c3574;
}
header{
	width:100%;
	height:100px;
}

header h1{
	font-size:2em;
	padding:30px;
	letter-spacing:2.0px;
	color:#1c3574;
}
header h2{
	font-size:0.8em;
	margin-top:-80px;
	margin-left:90px;
	color:#333;
}

nav{
	width:100%;
	height:50px;
	border-top:2px solid #003366;
	border-bottom:2px solid #003366;
}
nav ul{
	width:980px;
	height:50px;
	margin:0 auto;
}
nav li{
	float:left;
}
#top{
	background-image:url(../img/bg.png);
	height:300px;
	clear:both;
	width:100%;
}

#top figure{
	width:980px;
	margin:0 auto;
}

#flow{
	width:100%;
}

#flow figure{
	width:980px;
	margin:30px auto;
}


/**********共通**********/

#company_main,#cliant_main,#service_main,#contact_main{
	width:980px;
	hegiht:auto;
	margin:40px auto;
}


#company_main h2,#cliant_main h2{
	height:100px;
	margin-bottom:50px;
}

/********company**********/
#leftside{
	width:250px;
	hegiht:500px;
	border-top:5px solid #006;
	float:left;
}
#rightside{
	width:700px;
	height:auto;
	float:right;
}

#leftside li{
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ccc;
	padding-left:10px;
}
#leftside li a{
	display:block;
}

#leftside li a:hover{
	color:#1C7DC1;
}
#leftside figure{
	margin-top:150px;
}


img.shadow{
	-moz-box-shadow:5px 5px 5px #ccc;  /* FF3.5+ */
	 -webkit-box-shadow:5px 5px 5px #ccc;  /* S3+ , GC */
	 box-shadow:5px 5px 5px #ccc; /* O10.5+ */
	 filter: progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=145, Strength=7); /* IE 8 */ 
}
#company_main table{
	width:700px;
	margin-top:40px;
	margin-bottom:50px;
	font-size:.9em;
	letter-spacing:2.0px;
}
#company_main td{
	padding:30px;
	border:1px solid #ccc;
}
.td_c{
	width:140px;
	background-color:#D4E7F3;
}

#company_main #rightside li{
	line-height:30px;
}
#company_main ol{
	padding-left:22px;
}

h1#title{
	width:660px;
	margin-top:50px;
	font-size:1.6em;
	padding:20px;
	background-color:#fcfcfc;
	-moz-box-shadow:2px 2px 5px #ccc;  /* FF3.5+ */
	 -webkit-box-shadow:2px 2px 5px #ccc;  /* S3+ , GC */
	 box-shadow:2px 2px 5px #ccc; /* O10.5+ */
	 filter: progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=145, Strength=7); /* IE 8 */ 
	letter-spacing:2.0px;
}

/*********cliant*********/
h1#cliant_title {
	width:850px;
	height:40px;
	font-size:1.5em;
	border-bottom:1px solid #ccc;
	padding-left:30px;
	margin:0 auto 40px;

}
#cliant_main h3{
	width:810px;
	height:30px;
	background-color:#D4E7F3;
	line-height:30px;
	margin-left:70px;
	padding-left:30px;
	border-bottom:2px solid #006;
	margin-top:30px;
	margin-bottom:30px;
}
#cliant_main table{
	width:840px;
	margin:0 auto;
}
#cliant_main .next{
	border:1px solid #ccc;
	width:400px;
	padding:10px;
}


/*********service*********/

#ser_wrapper{
	width:100%;
	height:1100px;
	background-image:url(../img/service_bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#service_main{
	width:980px;
	height:1000px;
	background-image:url(../img/ser_img.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#service_main figure{
	width:800px;
	margin:20px auto;
}

#service_main #come{
	width:750px;
	margin:0 auto;
	line-height:35px;
	padding:30px;
}
#come h3#bg1{
	background-image:url(../img/h3.png);
	background-repeat:no-repeat;
	padding-left:10px;
	margin:20px 0;
}
#come p{
	margin-left:30px;
}
	
#come h3#bg2{
	background-image:url(../img/h3_2.png);
	background-repeat:no-repeat;
	padding-left:10px;
	margin:20px 0;
}

#come h3#bg3{
	background-image:url(../img/h3_3.png);
	background-repeat:no-repeat;
	padding-left:10px;
	margin:20px 0;
}
/*******contact**********/
#contact_main figure{
	width:550px;
	margin:40px auto;
}

#formWrap p,#formWrap h3{
	width:700px;
	margin:30px auto;
	line-height:30px;
}
table.formTable{
	width:750px;
	margin:0 auto;
}
.formTable th{
	background-color:#E7F5FF;
	text-align:left;
	padding:40px;
	vertical-align:middle;
	border:2px solid #fff;
}
.formTable td{
	vertical-align:middle;
	padding:20px;
	background-color:#f9f9f9;
	border:2px solid #fff;
}
.cw{
	font-size:1.4em;
}
p#sub_btn{
	text-align:center;
}
input.sub_bt{
	width:250px;
	border:none;
	height:50px;
	background-color:#f0f0f0;
	font-size:1em;
	box-shadow:4px 4px 0 #ffff7f;
}
input.sub_bt:hover{
	background-color:#CCC;
	
}

#privacy{
	width:700px;
	height:400px;
	font-size:0.7em;
	line-height:25px;
	margin:0 auto;
	padding-top:50px;
}
.red{
	color:#f00;
	font-size:0.8em;
	margin-left:5px;
}
/********footer*********/
footer{
	clear:both;
	width:100%;
	height:252px;
	background-color:#1c3574;
	color:#fff;
	font-size:0.8em;
	letter-spacing:3.5px;
}

#f_navi{
	width:100%;
	background-color:#E7F5FF;
	height:50px;
}

#f_navi li{
	float:left;
	margin:20px;
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	font-size:14px;
	line-height:15px;
}
#f_navi li a:hover{
	text-decoration:underline;
	color:#1C3574;
}
footer p#copy{
	width:100%;
	text-align:center;
	line-height:40px;
	
}
	

#f_wrapper{
	clear:both;
	width:980px;
	margin:0 auto;
	padding-top:30px;
	background-image:url(../img/footer.png);
	background-repeat:no-repeat;
}
#f_wrapper h3{
	margin-top:10px;
	margin-bottom:15px;
	font-size:1.3em;
	border-bottom:1px solid #fff;
	width:250px;
	text-align:left;
	padding-bottom:5px;
}
#f_wrapper p{
	line-height:20px;
	font-size:0.9em;
}




/****lnk*****/
#link{
	width:700px;
	margin:0 auto;
	
}

#link li {
	width:200px;
	height:50px;
	border:none;
}
a:focus{
  outline: none;
}

/*********top_btn***********/

#top_btn{
	position:fixed;
	bottom:50px;
	right:10px;
}
#top_btn img{
	width:100px;
	height:70px;
}