@charset "utf-8";


/*--------------------*/
/*---- common.css ----*/
/*--------------------*/
/*
border: 1px solid gray;
*/

/*--------------------*/
/*------- 共通  ------*/
/*--------------------*/
body {
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 170%;
	text-align: center;
	color: #202020;
	font-family: sans-serif;
	background-color: #ffffff;
	background-image: url(../common_img/c2_bg_body.gif);
	background-repeat: repeat-x;
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
a:link,
a:visited {
	color: #1d2088;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #1d2088;
	text-decoration: none;
}
h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
}
ul,li {
	margin: 0px;
	padding: 0px;
}
li {
	list-style:none;
}
.display_none {
	display:none;
}
img {
	border: 0px;
}
select {
	/*background : #ffffff;*/
	font-size: 14px;
}
input,textarea {
	margin: 0px;
	padding: 0px;
	/*background : #ffffff;*/
	font-size: 14px;
}
/*===clearfix===*/
/*IE以外のモダンブラウザー用*/
.clearfix:after {
	content : ".";
	display : block;
	height : 0px;
	clear : both;
	visibility : hidden;
}

/*IE7、MacIE5用の指定*/
.clearfix { display : inline-block; }

/*IE6以前用の指定*/
/* Hides from IE-mac ＼*/
* html .clearfix { height : 1%; }
.clearfix { display : block; }
/*End hide from IE-mac */
/*===clearfix関連ここまで===*/



/*--------------------*/
/*------ margin / padding ------*/
/*--------------------*/
.m_t_3 {margin-top: 3px;}
.m_t_5 {margin-top: 5px;}
.m_t_6 {margin-top: 6px;
			   border: 1px solid #808080;}
.m_t_10 {margin-top: 10px;}
.m_t_15 {margin-top: 15px;}
.m_t_20 {margin-top: 20px;}
.m_t_25 {margin-top: 25px;}
.m_t_30 {margin-top: 30px;}
.m_t_35 {margin-top: 35px;}
.m_t_40 {margin-top: 40px;}
.m_t_45 {margin-top: 45px;}
.m_t_50 {margin-top: 50px;}
.m_t_90 {margin-top: 90px;}

.m_b_5 {margin-bottom: 5px;}
.m_b_10 {margin-bottom: 10px;}
.m_b_15 {margin-bottom: 15px;}
.m_b_20 {margin-bottom: 20px;}
.m_b_25 {margin-bottom: 25px;}
.m_b_30 {margin-bottom: 30px;}
.m_b_35 {margin-bottom: 35px;}
.m_b_40 {margin-bottom: 40px;}
.m_b_45 {margin-bottom: 45px;}
.m_b_50 {margin-bottom: 50px;}
.m_b_55 {margin-bottom: 55px;}
.m_b_60 {margin-bottom: 60px;}
.m_b_100 {margin-bottom: 100px;}

.m_r_5 {margin-right: 5px;}
.m_r_10 {margin-right: 10px;}
.m_r_15 {margin-right: 15px;}
.m_r_20 {margin-right: 20px;}

.m_l_4 {margin-left: 4px;}
.m_l_5 {margin-left: 5px;}
.m_l_10 {margin-left: 10px;}
.m_l_15 {margin-left: 15px;}
.m_l_20 {margin-left: 20px;}
.m_l_30 {margin-left: 30px;}

.p_t_5 {padding-top: 5px;}
.p_t_10 {padding-top: 10px;}
.p_t_15 {padding-top: 15px;}
.p_t_20 {padding-top: 20px;}

.p_b_5 {padding-bottom: 5px;}
.p_b_10 {padding-bottom: 10px;}
.p_b_15 {padding-bottom: 15px;}
.p_b_20 {padding-bottom: 20px;}



/*--------------------*/
/*------ font ------*/
/*--------------------*/
.font_12 {
	font-size: 12px;
	line-height: 170%;
}
.font_14 {
	font-size: 14px;
	line-height: 170%;
}
.font_14_00799e {
	font-size: 14px;
	line-height: 170%;
	color: #00799e;
}
.font_16 {
	font-size: 16px;
}
.font_21 {
	font-size: 21px;
	line-height: 170%;
}


/*--------------------*/
/*------ color ------*/
/*--------------------*/
.color_397a00 {
	color: #1d2088;
}
.color_d85200 {
	color: #d85200;
}
.color_e35400 {
	color: #e35400;
}



/*--------------------*/
/*------ icon ------*/
/*--------------------*/
.dotBk {
	padding-left: 13px;
	background-image: url(../common_img/dot_black.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}



/*--------------------*/
/*------ page top ------*/
/*--------------------*/
#buPageTop {
	position: fixed;
	bottom: 60px;
	right: 30px;
}
#buPageTop a {
	background: url(../common_img/bu_pagetop.png) no-repeat;
	width: 43px;
	height: 36px;
	display: block;
}
#buPageTop span {
	display: none;
}



/*--------------------*/
/*------ float & text align ------*/
/*--------------------*/
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.tx_align_r {
	text-align: right;
}
.tx_align_c {
	text-align: center;
}



/*--------------------*/
/*------ width ------*/
/*--------------------*/
.w_70 {width: 70px;}
.w_100 {width: 100px;}
.w_130 {width: 130px;}
.w_150 {width: 150px;}
.w_177 {width: 177px;}
.w_197 {width: 197px;}
.w_200 {width: 200px;}
.w_295 {width: 295px;}
.w_300 {width: 300px;}
.w_315 {width: 315px;}
.w_325 {width: 325px;}
.w_330 {width: 330px;}
.w_338 {width: 338px;}
.w_370 {width: 370px;}
.w_450 {width: 450px;}
.w_505 {width: 505px;}
.w_610 {width: 610px;}



/*--------------------*/
/*------ height ------*/
/*--------------------*/
.h_50 {height: 50px;}
.h_150 {height: 150px;}



/*--------------------*/
/*------ header ------*/
/*--------------------*/
#header {
	position: relative;
	width: 970px;
	height: 163px;
	margin: 0px auto 0px auto;
	text-align: left;
}
#header #logo {
	position: absolute;
	top: 15px;
	left: 0px;
}
#header #logo a {
	display: block;
	width: 400px;
	height:100px;
	background-image: url(../common_img/logo.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#header #logo a span {
	display: none;
}
#header #header_bu_engineer {
	position: absolute;
	top: 57px;
	left: 414px;
}
#header #header_bu_engineer a {
	display: block;
	width: 200px;
	height: 35px;
	background-image: url(../common_img/header_bu_engineer.gif);
	background-repeat: no-repeat;
}
#header #header_bu_engineer a span {
	display: none;
}
#header_contact {
	position: absolute;
	top: 17px;
	left: 622px;
	width: 250px;
	height: 75px;
	background-image: url(../common_img/header_contact.gif);
	background-repeat: no-repeat;
}
#header #header_contact span {
	display: none;
}
#header #header_bu_contact {
	position: absolute;
	top: 23px;
	left: 880px;
}
#header #header_bu_contact a {
	display: block;
	width: 90px;
	height: 69px;
	background-image: url(../common_img/c2_header_bu_contact.gif);
	background-repeat: no-repeat;
}
#header #header_bu_contact a span {
	display: none;
}



/*--------------------*/
/*------ global menu ------*/
/*--------------------*/
#header #gMenu {
	position: absolute;
	top: 105px;
	left: 0px;
}
#header #gMenu li {
	float: left;
}
#header #gMenu li a {
	display: block;
	height: 58px;
	background-image: url(../common_img/c2_g_menu_ex17.gif);
	background-repeat: no-repeat;
}
#header #gMenu li a span {
	display: none;
}

#gMenu_1 a {
	width: 161px;
}
#gMenu_1 a:hover {
	width: 161px;
	background-position: 0px -58px;
}
#gMenu_1_d a {
	width: 161px;
	background-position: 0px -116px;
}
#gMenu_2 a {
	width: 161px;
	background-position: -161px 0px;
}
#gMenu_2 a:hover {
	width: 161px;
	background-position: -161px -58px;
}
#gMenu_2_d a {
	width: 161px;
	background-position: -161px -116px;
}
#gMenu_3 a {
	width: 165px;
	background-position: -322px 0px;
}
#gMenu_3 a:hover {
	width: 165px;
	background-position: -322px -58px;
}
#gMenu_3_d a {
	width: 165px;
	background-position: -322px -116px;
}
#gMenu_4 a {
	width: 161px;
	background-position: -487px 0px;
}
#gMenu_4 a:hover {
	width: 161px;
	background-position: -487px -58px;
}
#gMenu_4_d a {
	width: 161px;
	background-position: -487px -116px;
}
#gMenu_5 a {
	width: 161px;
	background-position: -648px 0px;
}
#gMenu_5 a:hover {
	width: 161px;
	background-position: -648px -58px;
}
#gMenu_5_d a {
	width: 161px;
	background-position: -648px -116px;
}
#gMenu_6 a {
	width: 161px;
	background-position: -809px 0px;
}
#gMenu_6 a:hover {
	width: 161px;
	background-position: -809px -58px;
}
#gMenu_6_d a {
	width: 161px;
	background-position: -809px -116px;
}



/*--------------------*/
/*------ wrapper ------*/
/*--------------------*/
#contLeft {
	float: left;
	width: 690px;
}
#contRight {
	float: right;
	width: 240px;
}



/*--------------------*/
/*------ social ------*/
/*--------------------*/
.boxSocial {
	float: right;
	display: inline-block;
/*	margin-left: 13px;*/
}

iframe.twitter-share-button {
	width: 110px!important;
}



/*--------------------*/
/*------ footer ------*/
/*--------------------*/
#wrapFooter {
	width: 100%;
	margin-top: 90px;
	background-image: url(../common_img/bg_footer.gif);
}
#footer {
	width: 100%;
	background-image: url(../common_img/bg_footer_top.gif);
	background-repeat: repeat-x;
	background-position: top center;
}
#wrapFooterContact {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#footerContact {
	position: relative;
	width: 736px;
	height: 103px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../common_img/bg_footer_contact.gif);
	background-repeat: no-repeat;
}
.bu_footer_contact {
	position: absolute;
	top: 50px;
	left: 522px;
}
#footerIn {
	width: 970px;
	margin: 50px auto 50px auto;
	text-align: left;
	color: #ffffff;
}
.boxFooterMenu {
	float: left;
	width: 220px;
}
.boxFooterMenu a:link,
.boxFooterMenu a:visited {
	color: #ffffff;
	text-decoration: none;
}
.boxFooterMenu a:hover,
.boxFooterMenu a:active {
	color: #ffffff;
	text-decoration: underline;
}
.boxFooterMenu .menuL {
	margin-bottom: 15px;
	padding-left: 23px;
	padding-bottom: 7px;
	background-image: url(../common_img/arrow_fot_l.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	border-bottom: 1px solid #999999;
	font-weight: bold;
}
.boxFooterMenu .menuS {
	margin-left: 8px;
	margin-bottom: 5px;
	padding-left: 14px;
	padding-bottom: 6px;
	background-image: url(../common_img/arrow_fot_s.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	line-height: 160%;
}

#footerBottom {
	width: 100%;
	height: 40px;
	background: #333333;
}
#footerBottomIn {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 13px;
	text-align: center;
}
address {
	width: 420px;
	height: 15px;
	margin: 0px auto 0px auto;
	background-image: url(../common_img/tx_copyright.gif);
	background-repeat: no-repeat;
}
address span {
	display: none;
}