@charset "utf-8";
/*
===========================================================================
▼ : Common style
===========================================================================
*/

html {
    overflow-y:scroll;
    }

body {
	margin:0px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
	background-color: #000000;
}

#container {
	width:900px;
	margin:0 auto;
}


img {
	border:0px;
	vertical-align:bottom;
}

a img {
	border:0px;
	padding:0px;
	margin:0px;
}


/*=============== Clearfix ===============================================*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*
===========================================================================
▼ : Header style
===========================================================================
*/

#header {
	padding:0px;
	margin:0px;
	width: 900px;
	height: 70px;
}

h1#logo{
	padding:0px;
	margin:0px;
	width: 120px;
	height: 70px;
	float: left;
	background:url(../image/logo.jpg) no-repeat;
	display: block;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999em;
overflow: hidden;
line-height: 0;
}

#logo {
	padding:0px;
	margin:0px;
	width: 120px;
	height: 70px;
	float: left;
}
#box {
	padding:0px;
	margin:0px;
	width: 530px;
	height: 70px;
	float: left;
}


#sublogo {
	padding:0px;
	width: 220px;
	height: 38px;
	background-image: url(../image/sublogo.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#gnavi {
	margin:0px;
	padding:0px;
	height: 32px;
	width: 530px;
}

#gnavi ul{
	list-style: none;
	padding: 14px 0px;
	text-align: left;
	margin: 0px;
}


#gnavi ul,#gnavi li {
	list-style: none;
}

#gnavi li {
	float:left;
}

#gnavi a, #gnavi a:link, #gnavi a:visited{
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 14px;
	background: url(../image/menu_link.jpg) no-repeat left center;
	text-decoration: none;
}

#gnavi  a:hover, #gnavi a:active   {
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 14px;
	background: url(../image/menu_linkh.jpg) no-repeat left center;
}

#contact {
	padding:0px;
	margin:0px;
	width: 250px;
	height: 70px;
	background-image: url(../image/contactbox.jpg);
	float: right;
	background-repeat: no-repeat;
	display: inline;
	line-height:110%;
}

#contact p{
	padding:10px;
	margin:0px;
	width: 230px;
	height: 50px;
	font-size: 12px;
	line-height:110%
}



/*
===========================================================================
▼ : Content style
===========================================================================
*/

#content01 {
	width:900px;
	height:320px;
	margin: 30px 0px 10px 0px;
	float: left;
	display: inline;
	/*background:url(../image/top.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999em;
	overflow: hidden;*/
	line-height: 0;
}

/*
===========================================================================
▼ : Body style
===========================================================================
*/

#bodyarea {
	width: 840px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 30px;
	margin: 0px;
	clear: both;
	height: auto;
}

#bodyarea2 {
	width: 840px;
	margin: 0px;
	margin: 0px;
	clear: both;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#bodyarea3 {
	width: 840px;
	margin: 0px;
	margin: 0px;
	clear: both;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#bodyarea4 {
	width: 840px;
	margin: 0px;
	margin: 0px;
	clear: both;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

/*
===========================================================================
▼ : Body 1 AREA
===========================================================================
*/

.box1 {
	float: left;
	width:250px;
	height: auto;
	margin:15px 45px 0px 0px;
	padding:40px 0px 0px 0px;
	background-image: url(../image/aboutus.jpg);
	background-repeat: no-repeat;
	display: inline;
}

.box2 {
	float: left;
	width:545px;
	height: auto;
	margin:15px 0px 0px 0px;
	padding:40px 0px 0px 0px;
	background-image: url(../image/high.jpg);
	background-repeat: no-repeat;
	display: inline;
}
.box2_5 {
	float: left;
	width:545px;
	height: auto;
	margin:15px 0px 0px 0px;
	padding:40px 0px 0px 0px;
	background-image: url(../image/system.jpg);
	background-repeat: no-repeat;
	display: inline;
}

.box3 {
	width:250px;
	height: 70px;
	padding:0px;
	float: left;
	display: inline;
	margin-top: 5px;
	margin-right: 45px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.box4 {
	float: left;
	width:250px;
	height: 70px;
	padding:0px;
	margin-top: 5px;
	margin-right: 45px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.box5 {
	float: left;
	width:250px;
	height: 70px;
	padding:0px;
	display: inline;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.box6 {
	float: left;
	width:250px;
	height: 70px;
	margin:10px 45px 10px 0px;
	padding:0px 0px 0px 140px;
}

.box7 {
	float: left;
	width:250px;
	height: 70px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	display: inline;
}


.boxtext1{
	color: #FFFFFF;
	font-size: 13px;
	line-height: 130%;
	font-weight: normal;
	margin: 0px;
	display: inline;
}

.boxtext2{
	color: #FFFFFF;
	font-size: 13px;
	line-height: 130%;
	font-weight: normal;
	margin: 0px;
	display: inline;
}
h4.system{
font-size:12px;
line-height:130%;
padding:0;
margin:0;
}
.box1_5 {
	float: right;
	width:285px;
	height: 180px;
	margin:15px 0px 0px 0px;
	padding:39px 0px 0px 0px;
	background:url(../image/option_03.jpg);
	background-repeat: no-repeat;
	display: inline;
	text-align:center;
}

.boxtext_seo{
background:url(../image/option_06.jpg) no-repeat;
width:285px;
height:44px;
font-size:1px;
line-height:0;
overflow:none;
display:block;
overflow:hidden;
margin:10px 0;
padding:0;
}
.boxtext_seo a{
background:url(../image/option_06.jpg) no-repeat;
width:285px;
height:44px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999em;
overflow:hidden;
display: block;
}

.boxtext_wp a:hover{
background:url(../image/option_06_on.jpg) no-repeat;
}
.boxtext_wp{
background:url(../image/option_08.jpg) no-repeat;
width:285px;
height:44px;
font-size:1px;
line-height:0;
overflow:none;
display:block;
overflow:hidden;
margin:10px 0;
padding:0;
}
.boxtext_wp a{
background:url(../image/option_08.jpg) no-repeat;
width:285px;
height:44px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999em;
overflow:hidden;
display: block;
}

.boxtext_seo a:hover{
background:url(../image/option_08_on.jpg) no-repeat;
}

.boxtext_rs{
background:url(../image/option_11.jpg) no-repeat;
width:285px;
height:44px;
font-size:1px;
line-height:0;
overflow:none;
display:block;
overflow:hidden;
margin:10px 0;
padding:0;
}
.boxtext_rs a{
background:url(../image/option_11.jpg) no-repeat;
width:285px;
height:44px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999em;
overflow:hidden;
display: block;
}

.boxtext_rs a:hover{
background:url(../image/option_11_on.jpg) no-repeat;
}


#area{
width:840px;
color:#FFFFFF;
padding-left:30px;
font-size:12px;
padding-bottom:20px;
line-height:130%;
}

#area p{
margin:0;
padding:0 0 10px 0;}
#area dl,dt{
margin:0;
padding:0;}

.charge_link{
width:100%;
text-align:right;
}
.charge_link a{
color:#FFFFFF;
text-decoration:underline ;
}

/*
===========================================================================
▼ : Footer style
===========================================================================
*/

#footer_copyright {
	padding:5px;
	text-align:center;
	font-size:12px;
	background-color: #F2F2F2;
	clear: both;
}



/*
===========================================================================
▼ : Share AREA
===========================================================================
*/

#tittle {
	width:900px;
	height:60px;
	margin: 30px 0px 30px 0px;
	float: left;
	clear: both;
}

h1 {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
}

h2 {
	font-size: 18px;
	color: #FF0000;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
}

h3 {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
}

h4 {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
}

.a {
	padding: 0px 0px 20px 0px;
}

.b {
	padding: 0px 0px 20px 0px;
}

.c {
	padding: 0px 0px 20px 0px;
}

.d {
	padding: 0px 0px 30px 0px;
}


.form {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	padding: 10px 0px 30px 0px;
	width: 840px;
}

.text2{
	color: #FFFFFF;
	font-size: 12px;
	line-height: 130%;
	font-weight: normal;
	margin: 10px 0px;
}
.text_se{
	color: #FFFFFF;
	font-size: 16px;
	line-height: 130%;
	font-weight: normal;
	margin: 10px 0px;
}
.text_se2{
	color: #FFFFFF;
	font-size: 16px;
	line-height: 130%;
	font-weight: normal;
	margin: 10px 0px;
}


.samplebox1 {
	float: left;
	width:270px;
	height: 220px;
	margin:30px 15px 20px 0px;
	padding:0px;
	float: left;
	background-image: url(../image/samplebg.jpg);
	background-repeat: no-repeat;
	display: inline;
}

.samplebox1 p{
	/*width:100%;*/
	margin:10px 0 0 5px;
	padding:0px;
	font-size:13px;
	font-weight:bold;
	color:#0066FF;
}
.samplebox1 h2{
	/*width:100%;*/
	margin:10px 0 0 5px;
	font-size:13px;
	padding:0px;
	font-weight:bold;
	color:#0066FF;
}
.samplebox1 h3{
	/*width:100%;*/
	margin:10px 0 0 5px;
	padding:0px;
		font-size:13px;
	font-weight:bold;
	color:#0066FF;
}

.samplebox1 img {
	float: left;
	width:200px;
	height: 150px;
	margin:0px 0px 0px 35px;
	padding:0px;
	float: left;
	display: inline;
}

.samplebox2 {
	float: left;
	width:270px;
	height: 220px;
	margin:30px 15px 20px 0px;
	padding:0px;
	float: left;
	background-image: url(../image/samplebg.jpg);
	background-repeat: no-repeat;
	display: inline;
}
.samplebox2 p{
	/*width:100%;*/
	margin:10px 0 0 5px;
	padding:0px;
	font-weight:bold;
	color:#0066FF;
	font-size:13px;
}

.samplebox2 h2{
	/*width:100%;*/
	margin:10px 0 0 5px;
	font-size:13px;
	padding:0px;
	font-weight:bold;
	color:#0066FF;
}
.samplebox2 h3{
	/*width:100%;*/
	margin:10px 0 0 5px;
	padding:0px;
	font-weight:bold;
	color:#0066FF;
	font-size:13px;
}


.samplebox2 img {
	float: left;
	width:200px;
	height: 150px;
	margin:0px 0px 0px 35px;
	padding:0px;
	float: left;
	display: inline;
}

.samplebox3 {
	float: left;
	width:270px;
	height: 220px;
	margin:30px 0px 20px 0px;
	padding:0px;
	float: left;
	background-image: url(../image/samplebg.jpg);
	background-repeat: no-repeat;
	display: inline;
}

.samplebox3 p{
	/*width:100%;*/
	margin:10px 0 0 5px;
	padding:0px;
	font-weight:bold;
	color:#0066FF;
	font-size:13px;
}

.samplebox3 h2{
	/*width:100%;*/
	margin:10px 0 0 5px;
	font-size:13px;
	padding:0px;
	font-weight:bold;
	color:#0066FF;
}
.samplebox3 h3{
	/*width:100%;*/
	margin:10px 0 0 5px;
	padding:0px;
	font-size:13px;
	font-weight:bold;
	color:#0066FF;
}


.samplebox3 img {
	float: left;
	width:200px;
	height: 150px;
	margin:0px 0px 0px 35px;
	padding:0px;
	float: left;
	display: inline;
}

#list {
	width: 840px;
	clear: both;
	padding: 10px 0px 20px 0px;
	margin: 0px;
}

#list ul {
	text-align: center;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#list ul li {
	display: inline;
}

#list a, #list a:link, #list a:visited {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
}

#list a:hover, #list a:active {
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
}

.achievements {
	width: 840px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 130%;
}

.achievements td {
	padding: 5px;
	vertical-align: top;
}
/*===============================================================
form
=================================================================
*/
.input_style{
background:#DDFFFF;

}
.input_style2{
background:#DDFFFF;
height:25px;
}
#textarea{
width:400px;
height:120px;
}
#message_inquery{
padding:15px 0 30px 5px;
color:#FFFFFF;
line-height:150%;
font-size:14px;
}
#message_inquery2{
padding:15px 0 30 5px;
color:#FFFFFF;
line-height:150%;
font-size:14px;
text-align:center;
}

#k_b{
width:250px;
height:70px;
background:url(../image/button_inquary.jpg) no-repeat top left;
border:none;
}
#s_b{
width:250px;
height:70px;
background:url(../image/button_inquary2.jpg) no-repeat top left;
border:none;
}
.form_area {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	padding: 10px 0px 150px 0px;
	width: 840px;
}

/*=====================================================

SEO
======================================================*/
#seo_h1{
margin:0;
padding:0;
font-size:12px;

}
#seo_image1{
margin:0;
padding:0;

}

#seo_h2{
color:#a4eef7;
font-weight:bold;
}



#area a{
color:#FFFFFF;
text-decoration:none;
cursor: text;
}

/*=====================================================
CHAEGE
======================================================*/


.red{
color:#CC0033;

}

.charge_div1{
width:800px;
margin:20px auto;
}
.charge_div1 table{
	width:800px;
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}

.charge_div1 table tr th{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    color:#FFFFFF;
    background-color:#3366CC !important;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;


}

.charge_div1 table td{
    border-right:1px solid #3366CC;
    border-bottom:1px solid #3366CC;
    padding:0.3em 1.4em;
	background-color:#FFFFFF;
	font-size:14px;
}

.charge_div1 table td.td_1{
	width:40px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}

.charge_div1 table td.td_2{
	width:190px;
}

.charge_div1 table td.td_3{
	width:100px;
}

.charge_title{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	border-left:5px #FFFFFF solid;
	padding-left:5px;
	font-size:18px;
	padding-bottom:3px;
	margining-bottom:3px;
}