@charset "utf-8";

html {
	overflow-y: scroll;
	font-size:62.5%;
}
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #333;
	font-size: 12px;
	font-size: 1.3em;
	line-height:1;
	background-color:#f6f6f4;
}

.contentsbody {
	line-height:1.5;
}
.contentsbody p {
	margin-bottom:20px;
}


input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
html, body {
	height: 100%;
}

/* リンク
----------------------------------------------------*/
a:link {
	text-decoration: none;
	color: #666;
	background-color:transparent;
}

a:visited {
	text-decoration: none;
	color: #666;
	background-color:transparent;
}

a:hover {
	text-decoration: underline;
	color: #ff6600;
	background-color:transparent;
	outline:none;
}

a:active {
	text-decoration: none;
	color: #666;
	background-color:transparent;
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC,
.btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}
#nowcon {
	font-size:18px;
	margin:150px 100px;
	color:#666;
}
.left { float:left;}
.right{ float:right;}
.cblock{ clear:both;}
.cblock:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/* font size 
----------------------------------------------------*/
.fs10 {font-size: 10px; font-size: 1.0rem;}
.fs11 {font-size: 11px; font-size: 1.1rem;}
.fs12 {font-size: 12px; font-size: 1.2rem;}
.fs13 {font-size: 13px; font-size: 1.3rem;}
.fs16 {font-size: 16px; font-size: 1.6rem;}
.fs18 {font-size: 18px; font-size: 1.8rem;}
.fs20 {font-size: 20px; font-size: 2.0rem;}
.fs24 {font-size: 24px; font-size: 2.4rem;}
.fs28 {font-size: 28px; font-size: 2.8rem;}
.fs32 {font-size: 32px; font-size: 3.2rem;}
.fs36 {font-size: 36px; font-size: 3.6rem;}


/* space 
----------------------------------------------------*/
.mb0 {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mt0 {margin-top: 0;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}

.orange	{color:#e3550f;}

.qanda dl { clear:both; margin-bottom:20px;}
.qanda dt { float:left; width:30px;}
.qanda dd { margin-left:50px;}



/*=====================
　　　テーブル
=======================*/
table {
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	font-size:13px;
}
table th,table td {
	border-bottom:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	padding:3px;
}
table th {background-color:#F7F7F7;
}


/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
#page {
	width: 1150px;
	margin: 0 auto;
	text-align: left;
}

/*----------------------------------------------------
	#contents（メインとサイド）
----------------------------------------------------*/
#contents {
	width: 1150px;
	/zoom: 1;
	background-color:#FFF;
}
#contents #pankuzu {
	padding:20px;
}

#contents h2 {
	margin-left:20px;
}
#contents #main {
	width: 750px;
	background-color:#FFF;
	margin:0 0 0 200px;
}
#contents #main:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#contents #column2:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#main {
	width: 920px;
	margin:0 115px 20px 115px;
	padding-top:20px;
	line-height:1.5;
}
#main a:link {
	color: #2e6fdc;
	background-color:transparent;
	text-decoration: underline;
}

#main a:visited {
	color: #2e6fdc;
	background-color:transparent;
}

#main a:hover {
	text-decoration: underline;
	color: #ff6600;
	background-color:transparent;
	outline:none;
}

#main a:active {
	color: #2e6fdc;
	background-color:transparent;
}


/* ブラウザの差異対策 */
#main ul li  {padding-left: 0em;margin-left:2em;list-style-position: outside;} 
#main ol li  {padding-left: 0em;margin-left:2em;list-style-position: outside;}

#contents #pagelink {
	width:750px;
	padding-top:20px;
	padding-bottom:20px;
}

/* header（全体）
----------------------------------------------------*/
#globalHeader {
	position: relative;
	width: 1150px;
	height: 93px;
	background:url(../img/company-header.jpg) no-repeat;
	background-position:top center;
}

#globalHeader h1 {
	position: absolute;
	left: 10px;
	top: 10px;
}

#globalHeader h1,#globalHeader h1 a:link,#globalHeader h1 a:visited {
	color:#FFF;
	font-weight:normal;
}
#globalHeader h2.pageti{
	text-indent:-9999999px;
}


#globalHeader nav li {
	float:left;
}

/*Windows ie6*/
* html #globalHeader nav li a:hover {}
/*Windows ie7*/
* + html #globalHeader nav{}

#globalHeader #sitenav {
	position: absolute;
	top:70px;
	right:10px;
	border-left:1px solid #fff;
	margin:0; padding:0;
	}
#globalHeader #sitenav li {
	padding:0 15px;
	border-right:1px solid #fff;
	color:#FFF;
	}	
	
#globalHeader #sitenav a:link,
#globalHeader #sitenav a:visited,
#globalHeader #sitenav a:active {
	color:#FFF;
	}
	
#pankuzu .yaji { padding:0 5px; }	

/* indexのheader
----------------------------------------------------*/
#home #globalHeader {
	position: relative;
	width: 1150px;
	height: 511px;
	background:url(../img/index-header.jpg) no-repeat;
	background-position:top center;
}
#home #globalHeader h2 a {
	position:absolute;
	top:30px;
	left:10px;
	width: 600px;
	height:100px;
	text-indent:-99999px;
}



/*----------------------------------------------------
	footer#globalFooter
----------------------------------------------------*/
footer#globalFoooter {
	clear: both;
	width: 1150px;
	height:80px;

}
	
footer#globalFoooter #bgimg {
	width: 1150px;
	height:48px;
	position: relative;
	background-color:#000;
	background-image:url(../img/footer.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	}
footer#globalFoooter #bgimg .add1 {
	text-indent:-99999px;
}
footer#globalFoooter #bgimg .add2 {
	text-indent:-99999px;
}

footer#globalFoooter #bgimg .add3 a {
	position:absolute;
	width:240px;
	height:20px;
	text-indent:-99999px;
	left:0;
	top:25px;
	left:200px;
}
footer#globalFoooter #bgimg .add4 a {
	position:absolute;
	width:240px;
	height:20px;
	text-indent:-99999px;
	left:0;
	top:25px;
	left:450px;
}
/* copyright
----------------------------------------------------*/
footer#globalFoooter p.copyright {
	color: #666;
	font-size: 10px; font-size: 1.0rem;
	padding-top:10px;
	text-align:right;
}


/*----------------------------------------------------
	#トップページ
----------------------------------------------------*/
#home #contents #main {
	width: 960px;
	background-color:#FFF;
	margin:0 0 0 115px;
}

#home #globalHeader #sitenav {
	top:55px;
	}
	
#home #contents p {
	font-size:11px;
	line-height:1.5;
}

#home #contents #point00 {
	position:relative;
	width:920px;
	height:88px;
	padding-bottom:20px;
	margin-bottom:10px;
	border-bottom:1px solid #c0c0c0;
}
#home #contents #point00 img {
	position:absolute;
	width:88px;
	height:88px;
	top:0;
	left:0;
}
#home #contents #point00 p {
	position:absolute;
	width:800px;
	height:78px;
	top:10;
	left:100px;
	font-size:13px;
	line-height:1.6;
}
#home #contents #column2 {
	width:920px;
	border-bottom:1px solid #c0c0c0;
	padding:0 0 10px 0;
	margin-bottom:20px;
}
#home #contents .ti{
	margin-bottom:10px;
}

#home #contents #point01 {
	float:left;
	position:relative;
	width:460px;
	height:360px;
	border-right:1px solid #c0c0c0;
}
#home #contents #point01 .block {
	position:absolute;
	width:460px;
	height:285px;
	background-image:url(../img/index-point01p.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
#home #contents #point01 .block p {
	position:absolute;
	width:220px;
	height:100px;
	top:140px;
	left:212px;
}

#home #contents #point02 {
	float:right;
	position:relative;
	width:414px;
	height:360px;
}
#home #contents #point02 .block {
	position:absolute;
	width:460px;
	height:285px;
	background-image:url(../img/index-point02p.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
#home #contents #point02 .block p {
	position:absolute;
	width:130px;
	top:130px;
	left:280px;
}
#home #contents #point02 .block p.btm {
	position:absolute;
	width:450px;
	height:60px;
	top:270px;
	left:0;
}

#home #contents #point03 {
	position:relative;
	width:920px;
	height:460px;
	border-bottom:1px solid #c0c0c0;
}
#home #contents #point03 .block {
	position:absolute;
	width:920px;
	height:366px;
	background-image:url(../img/index-point03p.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
#home #contents #point03 .block .setsumei {
	position:absolute;
	top:0; right:0;
	width:520px;
	border-top:none;
	border-left:none;
}
#home #contents #point03 .block table {
	border-top:none;
	border-left:none;
	border-bottom:1px solid #c0c0c0;
}

#home #contents #point03 .block th,#home #contents #point03 .block td {
	border:none;
	padding:5px;
}

#home #contents #pagelink {
	position:relative;
	width:920px;
	height:100px;
	margin-top:20px;
}
#home #contents #pagelink .butt {
	position:absolute;
	top:0;
	left:0;
}
#home #contents #pagelink .txt {
	position:absolute;
	bottom:0;
	right:0;
}



/*----------------------------------------------------
	#COMPANY
----------------------------------------------------*/
#company #contents #block:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#company #contents #block #left {
	width:220px;
	float:left;
}

#company #contents #block #right {
	width:500px;
	float:right;
}
#company #contents #block #right dl {
		margin:0; padding:0;
}
#company #contents #block #right dt {
	width:80px;
	float:left;
}
#company #contents #block #right dd {
	width:400px;
	margin-left:100px;
}
#company #contents #block #right .b01 {
	border-left:3px solid #F90;
	padding-left:20px;
}
#company #contents #block #right .b02 {
	border-left:3px solid #000;
	padding-left:20px;
}

#company #contents #map {
	border-top:1px solid #000;
	margin-top:20px;
	padding-top:20px;
	clear:both;
}
#company #contents #map iframe {
	border:1px solid #c0c0c0;
	margin-top:5px;
}
/*----------------------------------------------------
	#CONTACT
----------------------------------------------------*/
#contact #globalHeader {
	background:url(../img/contact-header.jpg) no-repeat;
}
#contact #contents #block {
	padding:20px 0 30px 0;
}

/*----------------------------------------------------
	#LINK
----------------------------------------------------*/
#link #globalHeader {
	background:url(../img/link-header.jpg) no-repeat;
}
#link #contents #block {
	padding:20px 0 30px 0;
}
#link #contents ul{
	margin:0; padding:0;
}

#link #contents li.top{
	border-top:1px solid #c0c0c0;
}
#link #contents li{
	padding:15px 0;
	border-bottom:1px solid #c0c0c0;
	list-style-position:inside;
}