@charset "utf-8";
/* CSS Document */

html, body,
h1, h2, h3, h4, h5, h6,
address, blockquote, p, pre,
em, span, strong,
a,
dl, dd, dt, li, ol, ul,
form,
th, td,
img {
	margin: 0;
	padding: 0;
	line-height: inherit;
	font-style: normal;
	font-weight: normal;
	text-align: inherit;
	text-decoration: none;
}

span,
a,
img {
	font-style: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}

em, strong {
	text-decoration: inherit;
}

li {
	list-style-type: none;
}

fieldset,
img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-size: inherit;
	*font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

body { /*MUST REWRITE*/
	color: #333;
	background: #000027 url(../images/bg_body.gif) left top repeat-x;
	line-height: 1.2;
    font-family:"ＭＳ Ｐゴシック";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}

img {
	border: 0;
}

li {
	list-style: none;
}

a {
	color: #ee5b00;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

h2 {
}

strong {
	font-weight: bold;
}

.txt00 {
    font-weight: bold;
}

.layout_wrapper {
	margin: 0 auto;
	width: 100%;
}
.layout_column {
	padding: 10px 15px 15px;
	width: 840px;
	overflow: hidden;
}
.layout_column .layout_column_mainpart {
margin-right: 25px;
display: inline;
float: left;
width: 580px;
overflow: hidden;
}
.layout_column .layout_column_subpart {
	width: 232px;
	float: left;
	display: inline;
}

.layout_footer {
	margin: 0 auto;
	padding-top: 1px;
	width: 100%;
}

.area_header {
	position: relative;
	min-width: 870px;
	height: 90px;
	overflow: hidden;
}
.area_pageBody {
	margin: 0 auto;
	border-bottom: #ff5f04 1px solid;
	width: 870px;
	background-color: #fff;
}
.area_footer {
	margin: 0 auto;

	height: 80px;
	position: relative;
}



.mod_headerLogo {
	position: absolute;
	top: 23px;
	left: 5px;
}

.mod_infoNavi {
	position: absolute;
	top: 12px;
	right: 15px;
}
.mod_infoNavi li {
	margin-left: 10px;
	display: inline;
}
.mod_infoNavi li a {
	padding-left: 8px;
	background: url(../images/arrow.gif) left 3px no-repeat;
	color: #fff;
	text-decoration: none;
}

.mod_copyright {
	position: absolute;
	top: 30px;
	left: 0;
}
.mod_footerNavi {
	position: absolute;
	top: 28px;
	right: 0;
}
.mod_footerNavi ul {

}
.mod_footerNavi ul li {
	padding:0 5px 0 10px;
	border-left: 1px #fff solid;
	display: inline;
	line-height: 12px;
}
.mod_footerNavi ul li.last-child {
	padding-right: 10px;
	border-right: 1px #fff solid;
}
.mod_footerNavi ul li a {
	color: #fff;
	text-decoration: none;
}

.mod_globalNavi {
	height: 55px;
	overflow: hidden;
	background: #fff url(../images/bg_globalnavi.gif) left bottom no-repeat;
}
.mod_globalNavi ul {
	width: 870px;
	height: 50px;
	background: #fff url(../images/img_globalnavi.jpg) left top no-repeat;
}
.mod_globalNavi ul li {
	display: inline;
}
.mod_globalNavi ul li a {
	float: left;
	display: block;
	width: 124px;
	height: 50px;
	overflow: hidden;
	text-indent: -9999em;
}
.mod_globalNavi ul li.first-child a,
.mod_globalNavi ul li.last-child a {
	width: 125px;
}

.page_top .mod_globalNavi ul li.top a,
.mod_globalNavi ul li.top a:hover {
	background: url(../images/img_globalnavi.jpg) 0 -50px no-repeat;
}
.page_concept .mod_globalNavi ul li.concept a,
.mod_globalNavi ul li.concept a:hover {
	background: url(../images/img_globalnavi.jpg) -125px -50px no-repeat;
}
.page_service .mod_globalNavi ul li.service a,
.mod_globalNavi ul li.service a:hover {
	background: url(../images/img_globalnavi.jpg) -249px -50px no-repeat;
}
.page_works .mod_globalNavi ul li.works a,
.mod_globalNavi ul li.works a:hover {
	background: url(../images/img_globalnavi.jpg) -373px -50px no-repeat;
}
.page_contact .mod_globalNavi ul li.contact a,
.mod_globalNavi ul li.contact a:hover {
	background: url(../images/img_globalnavi.jpg) -497px -50px no-repeat;
}
.page_company .mod_globalNavi ul li.company a,
.mod_globalNavi ul li.company a:hover {
	background: url(../images/img_globalnavi.jpg) -621px -50px no-repeat;
}
.page_recruit .mod_globalNavi ul li.recruit a,
.mod_globalNavi ul li.recruit a:hover {
	background: url(../images/img_globalnavi.jpg) -745px -50px no-repeat;
}



.mod_bannerList ul {
	padding-bottom: 10px;
}
.mod_bannerList ul li {
	margin-bottom: 15px;
}








.mod_mainVisual {
	margin-bottom: 15px;
}

.mod_pageTitle {
	margin-bottom: 20px;
	border-bottom: 1px #e0e3e5 solid;
	width: 580px;
	overflow: hidden;
}
.mod_pageTitle h2 {
	width: 140px;
	float: left;
}
.mod_pageTitle img {
	margin-bottom: 17px;
}
.mod_pageTitle p {
	padding-bottom: 14px;
	margin-left: 140px;
	line-height: 1.2;
}

.mod_pageTitle_privacy p {
	padding-bottom: 14px;
	margin-left: 205px;
	line-height: 1.2;
}

.area_pageContent h3 {
	margin-bottom: 15px;
}
.area_pageContent p {
	margin-bottom: 1em;
	line-height: 1.66;
}
.area_pageContent .section {
	padding-bottom: 40px;
}





body.page_home {
	background: #000027 url(../images/bg_body_home.jpg) left top repeat-x;
}
.page_home .mod_mainVisual {
	margin-bottom: 0;
	height: 300px;
	overflow: hidden;
}
.mod_homeNavi {
	height: 115px;
	background: url(../../images/bg_homenavi.gif) left bottom no-repeat;
}
.mod_homeNavi li {
	float: left;
	width: 290px;
	height: 110px;
	overflow: hidden;
}

.page_home .layout_column {
	padding-top: 15px;
}
.layout_column_leftpart {
	margin-right: 30px;
	display: inline;
	float: left;
	width: 405px;
	overflow: hidden;
}
.layout_column_rightpart {
	display: inline;
	float: left;
	width: 405px;
	overflow: hidden;
}
.layout_column_bottompart {
	width: 840px;
	clear: both;
}

.mod_information li {
	padding: 10px;
	width: 385px;
	overflow: hidden;
	background: url(../../images/line_dotted.gif) left bottom repeat-x;
}
.mod_information li dt {
	float: left;
	display: inline;
	width: 7em;
}
.mod_information li dd {
	margin-left:: 7em;
}

.mod_newworks li {
	padding: 10px;
	width: 385px;
	overflow: hidden;
	background: url(../../images/line_dotted.gif) left bottom repeat-x;
}

.mod_newworks li dt {
	float: left;
	display: inline;
	width: 80px;
}
.mod_newworks li dd {
	margin-left: 95px;
	line-height: 1.66;
}
.mod_newworks li dd span {
	display: block;
}
.mod_newworks .more {
	margin: 10px 0;
	text-align: right;
}
.mod_newworks .more a {
	padding-left: 8px;
	color: #333;
	background: url(../images/arrow_black.gif) left 3px no-repeat;
	text-decoration: none;
}

.mod_homeBannerList {
	padding: 10px 0 0;
}
.mod_homeBannerList ul {
	position: relative;
	width: 840px;
	height: 65px;
	overflow: hidden;
}
.mod_homeBannerList li {
	margin-right: 10px;
	display: inline ;
	float: left;
}
.mod_homeBannerList li.seal {
	margin-right: 0;
	position: absolute;
	right: 0;
	display: block ;
	float: none;
}

.mod_works li {
	padding: 10px;
	width: 560px;
	overflow: hidden;
	background: url(../../images/line_dotted.gif) left bottom repeat-x;
}

.mod_works li dt {
	float: left;
	display: inline;
	width: 300px;
}

.mod_works li dd {
	margin-left: 315px;
	line-height: 1.5;
}

.mod_works li dd span {
	display: block;
}

.mod_formerworks li {
	padding: 10px;
	width: 560px;
	overflow: hidden;
	background: url(../../images/line_dotted.gif) left bottom repeat-x;
}

.mod_formerworks li dt {
	float: left;
	display: inline;
	width: 150px;
}

.mod_formerworks li dd {
	margin-left: 165px;
	line-height: 1.5;
}

.mod_formerworks li dd span {
	display: block;
}

.mod_privacy li {
	padding: 10px;
	width: 580px;
	overflow: hidden;
}

.mod_privacy li dt {
	float: left;
	display: inline;
	width: 575px;
	font-weight: bold;
}

.mod_privacy li dd {
	margin-left: 15px;
	line-height: 1.5;
}

.mod_privacy li dd span {
	display: block;
}

.mod_company li {
	padding: 10px;
	width: 580px;
	overflow: hidden;
	background: url(../../images/line_dotted.gif) left bottom repeat-x;
}

.mod_company li dt {
	float: left;
	display: inline;
	width: 7em;
	font-weight: bold;
}

.mod_company li dd {
	margin-left: 100px;
}