@charset "utf-8";

/* RESET STYLE
------------------------------*/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: normal;
	font-style:normal;
}
	* html body {
		font-size: 0.92em;
		text-align: center;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ul,ol,li {
	list-style: none;
}
div,ul,li,.clearfix {
	zoom:1;
}
div:after,ul:after,li:after,.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.001em;
	line-height: 0;
}
fieldset{
	border: 0;
}
select option {
	padding : 0 5px;
}
address, caption, cite, code, dfn, em, strong, th, var{
	font-style: normal;
	font-weight: normal;
}
body{
	color: #000;
	overflow-y: scroll;
}
	* html body{
		overflow-y: scroll;
	}
	*+html body{
		overflow: hidden;
	}
img{
	vertical-align: top;
}
a {
	color: #D31931;
	text-decoration: none;
	overflow: hidden;
}
	* html a {
		overflow: visible;
	}
	*+html a {
		overflow: visible;
	}
a:hover {
	color: #FF879E;
	text-decoration: none;
}
a img{
	border: none;
}
table {
	border-collapse: 0;
}
th,td {
	border-collapse: collapse;
}
strong{
	font-weight: bold;
}
input{
	padding: 0.1em;
	vertical-align: middle;
}
input[type="text"]{
	height: 1.2em;
	line-height: 1.2em;
}
input[type="checkbox"],
input[type="radio"]{
	padding: 0;
	vertical-align: baseline;
}
	*+html input[type="checkbox"],
	*+html input[type="radio"]{
		vertical-align: 0;
	}
input[type="submit"]{
	padding: 0.3em;
	line-height: 1;
}
	*+html input[type="submit"]{
		padding: 0.3em 0.1em 0.2em;
	}
select {
	padding: 0;
	vertical-align: baseline;
	font-size: 13px;
}
	* html select{
		vertical-align: middle;
	}
	*+html select{
		vertical-align: -0.2em;
	}
select option{
	padding : 0 5px;
}
textarea {
	padding: 0.1em;
	line-height: 1.2em;
	vertical-align: middle;
}
.mb10{
	margin: 0 0 10px;
}
.mb12{
	margin: 0 0 12px;
}
.mb15{
	margin: 0 0 15px;
}
.mb20{
	margin: 0 0 20px;
}
.mb25{
	margin: 0 0 25px;
}
.mb30{
	margin: 0 0 30px;
}
.mb35{
	margin: 0 0 35px;
}
.mb40{
	margin: 0 0 40px;
}
.mb45{
	margin: 0 0 40px;
}
.mb50{
	margin: 0 0 50px;
}
.fc_5{
	color: #555;
}


.line_ht{
	
	background:url(../images/line_h.gif) repeat-x left top;
	
}


.line_hb{
	
	background:url(../images/line_h.gif) repeat-x left bottom;
	
}


.line_vr{
	
	background:url(../images/line_v.gif) repeat-y right top;
	
}


.line_vl{
	
	background:url(../images/line_v.gif) repeat-y left top;
	
}



/* HEADER STYLE
------------------------------*/

div#wrap div#header div#header_inner{
	
	margin:0 auto;
	
	width:900px;
	
}


div#wrap div#header div#header_inner ul{
	
	background:url(../images/line_h.gif) repeat-x bottom;
	
	width:900px;
	
	height:25px;
	
	display:block;
	
}



div#wrap div#header div#header_inner ul li{
	
	float:left;
	
	height:25px;
	
	text-indent:-9999px;
	
}


div#wrap div#header div#header_inner ul li a{
	
	text-decoration:none; /* FIREFOXで下線が表示されない様にする */
	
	display:block;
	
	height:25px;
	
	overflow:hidden;
	
}


#logo{
	width: 191px;
	height: 45px;
	position: absolute;
	top: 50px;
	left: 0;
}
#logo a{
	display: block;
	width: 191px;
	height: 45px;
	background: url('../images/common/logo.gif') no-repeat;
	text-indent: -999em;
}



/* NAVIGATION STYLE
------------------------------*/

div#wrap div#header div#header_inner ul li#info a{
	
	background:url(../images/btn_navigation.gif) 0 0 no-repeat;
	
	width:91px;
	
	margin:0 25px 0 0;
	
}


div#wrap div#header div#header_inner ul li#info a:hover,
div#wrap div#header div#header_inner ul li#info_now{
	
	background:url(../images/btn_navigation.gif) 0 -25px no-repeat;
	
	width:91px;
	
	margin:0 25px 0 0;
	
}


div#wrap div#header div#header_inner ul li#outline a{
	
	background:url(../images/btn_navigation.gif) -91px 0 no-repeat;
	
	width:59px;
	
	margin:0 25px 0 0;
	
}


div#wrap div#header div#header_inner ul li#outline a:hover,
div#wrap div#header div#header_inner ul li#outline_now{
	
	background:url(../images/btn_navigation.gif) -91px -25px no-repeat;
	
	width:59px;
	
	margin:0 25px 0 0;
	
}


div#wrap div#header div#header_inner ul li#ourworks a{
	
	background:url(../images/btn_navigation.gif) -150px 0 no-repeat;
	
	width:86px;
	
	margin:0 25px 0 0;
	
}


div#wrap div#header div#header_inner ul li#ourworks a:hover,
div#wrap div#header div#header_inner ul li#ourworks_now{
	
	background:url(../images/btn_navigation.gif) -150px -25px no-repeat;
	
	width:86px;
	
	margin:0 25px 0 0;
	
}


div#wrap div#header div#header_inner ul li#contact a{
	
	background:url(../images/btn_navigation.gif) -236px 0 no-repeat;
	
	width:92px;
	
	margin:0 380px 0 0;
	
}


div#wrap div#header div#header_inner ul li#contact a:hover,
div#wrap div#header div#header_inner ul li#contact_now{
	
	background:url(../images/btn_navigation.gif) -236px -25px no-repeat;
	
	width:92px;
	
	margin:0 380px 0 0;
	
}


div#wrap div#header div#header_inner ul li#online a{
	
	background:url(../images/btn_navigation.gif) -328px 0 no-repeat;
	
	width:117px;
	
}


div#wrap div#header div#header_inner ul li#online a:hover,
div#wrap div#header div#header_inner ul li#online_now{
	
	background:url(../images/btn_navigation.gif) -328px -25px no-repeat;
	
	width:117px;
	
}

/* CONTENTS STYLE
------------------------------*/
#content{
	margin: 0 auto;
	width: 960px;
}
#mainConts{
	float: left;
	width: 720px;
}
#pageTop{
	margin: 0 0 20px;
	padding: 80px 0 0;
	clear: both;
	text-align: right;
}
#pageTop a{
	padding: 0 0 0 12px;
	background: url('../images/common/pagetop.gif') no-repeat 0 4px;
}

/* FOOTER STYLE
------------------------------*/

div#wrap div#footer{
	
	background:url(../../common/images/copyright.gif) center 10px no-repeat;
	
	text-indent:-9999px;
	
}