@charset "utf-8";
/******************************************************** 
* 初期の共通設定
********************************************************/
html {
	overflow-y: scroll;
}
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;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
	border: 0;
}
span {
	visibility: hidden;
	text-decoration: none;
}
br {
	letter-spacing: 0;
}
a:link {
	text-decoration: none;
	color: #333;
	border: 0;
}
a:visited {
	text-decoration: none;
	color: #333;
	border: 0;
}
a:hover{
	text-decoration: underline;
	color: #006697;
	border: 0;
}

/******************************************************** 
* レイアウト定義
********************************************************/
body {
	background: #FFF;
	color: #333;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.5;
	letter-spacing: 1px;
	text-align: center;
	background-image: url(../image/common/bg_head.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/* for IF6 */
* html body {	
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
/* 900pxのブロック定義 */
#header,
#navi,
#contents,
#bnrWrap,
#wrap,
#banner {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
    zoom: 100%;
}
#header:after,
#navi:after,
#contents:after,
#bnrWrap:after,
#wrap:after,
#banner:after,
#bnrArea:after,
#contact:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#header {
	height: 151px;
}
#header h1 a {
	background-image: url(../image/common/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	width: 320px;
	display: block;
	text-decoration: none;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: left;
	font-size: 0;
}
/* IE6 */
* html #header h1 a {
    margin-left: 5px;
}
#header ol {
	float: left;
	margin-top: 50px;
	margin-left: 20px;
}
/* IE7 */
*:first-child+html #header ol {
	margin-top: 54px;
}
/* IE6 */
* html #header ol {
	margin-top: 56px;
}
#header ol li {
	display: inline;
	font-size: 11px;
	background-image: url(../image/common/icon01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
#contact ul {
	float: left;
	margin-top: 25px;
	margin-left: 20px;
}
/* IE7 */
*:first-child+html #contact ul {
	margin-top: 16px;
}
/* IE6 */
* html #contact ul {
	margin-left: 28px;
}
#contact ul li {
	margin-bottom: 0px;
	padding-right: 3px;
}
/* IE8 */
head~/* */body #contact ul li {  
	margin-top: 5px;
}
/* モダンブラウザ */
html:not(:target) #contact ul li {
	margin-top: 5px;
}
/* IE7 */
*:first-child+html #contact ul li {
	margin-bottom: 5px;
}
/* IE6 */
* html #contact ul li {
	margin-top: 5px;
	zoom: 1;
	font-size:1px;
}
#contact .mail {
	height: 14px;
	width: 224px;
	display: block;
	background-image: url(../image/common/h_mail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#contact .mail a:link {
	height: 14px;
	width: 224px;
	display: block;
	background-image: url(../image/common/h_mail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#contact .mail a:visited {
	height: 14px;
	width: 224px;
	display: block;
	background-image: url(../image/common/h_mail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#contact .mail a:hover {
	height: 14px;
	width: 224px;
	display: block;
	background-image: url(../image/common/h_mail_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#contact .tel {
	background-image: url(../image/common/h_tel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
	width: 224px;
	font-size: 0;
}
#navi ul {
	background-image: url(../image/common/bg_navi.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 900px;
	height: 50px;
}
/* IE8 */
head~/* */body #navi ul {  
	margin-top: 9px;
}
/* モダンブラウザ */
html:not(:target) #navi ul {
	margin-top: 6px;
}
/* IE7 */
*:first-child+html #navi ul {
	margin-top: 12px;
}
/* IE6 */
* html  #navi ul {
	margin-top: 13px;
}
#navi li {
	float: left;
}
#navi .home a:link,
#navi .home a:visited,
#navi .home a:hover,
#navi .home-r a,
#navi .news a:link,
#navi .news a:visited,
#navi .news a:hover,
#navi .news-r a,
#navi .concept a:link,
#navi .concept a:visited,
#navi .concept a:hover,
#navi .concept-r a,
#navi .work a:link,
#navi .work a:visited,
#navi .work a:hover,
#navi .work-r a,
#navi .resi a:link,
#navi .resi a:visited,
#navi .resi a:hover,
#navi .resi-r a,
#navi .contact a:link,
#navi .contact a:visited,
#navi .contact a:hover,
#navi .contact-r a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 150px;
	text-decoration: none;
}
#navi .home a:link,
#navi .home a:visited {
	background-image: url(../image/common/navi01.jpg);
}
#navi .news a:link,
#navi .news a:visited {
	background-image: url(../image/common/navi02.jpg);
}
#navi .concept a:link,
#navi .concept a:visited {
	background-image: url(../image/common/navi03.jpg);
}
#navi .work a:link,
#navi .work a:visited {
	background-image: url(../image/common/navi04.jpg);
}
#navi .resi a:link,
#navi .resi a:visited {
	background-image: url(../image/common/navi05.jpg);
}
#navi .contact a:link,
#navi .contact a:visited {
	background-image: url(../image/common/navi06.jpg);
}
#navi .home a:hover {
	background-image: url(../image/common/navi01_r.jpg);
}
#navi .news a:hover {
	background-image: url(../image/common/navi02_r.jpg);
}
#navi .concept a:hover {
	background-image: url(../image/common/navi03_r.jpg);
}
#navi .work a:hover {
	background-image: url(../image/common/navi04_r.jpg);
}
#navi .resi a:hover {
	background-image: url(../image/common/navi05_r.jpg);
}
#navi .contact a:hover {
	background-image: url(../image/common/navi06_r.jpg);
}
#navi .home-r a {
	background-image: url(../image/common/navi01_o.jpg);
}
#navi .news-r a {
	background-image: url(../image/common/navi02_o.jpg);
}
#navi .concept-r a {
	background-image: url(../image/common/navi03_o.jpg);
}
#navi .work-r a {
	background-image: url(../image/common/navi04_o.jpg);
}
#navi .resi-r a {
	background-image: url(../image/common/navi05_o.jpg);
}
#navi .contact-r a {
	background-image: url(../image/common/navi06_o.jpg);
}

/* メニュー改訂ここから */
#nav {
	position: relative;
	width: 900px;
	height: 50px;
	z-index: 1;
}
#nav ul {
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* IE8 */
head~/* */body #nav ul {  
	margin-top: 9px;
}
/* モダンブラウザ */
html:not(:target) #nav ul {
	margin-top: 6px;
}
/* IE7 */
*:first-child+html #nav ul {
	margin-top: 12px;
}
/* IE6 */
* html  #nav ul {
	margin-top: 13px;
}
#nav li {
	float: left;
	z-index: 1;
}
#nav li img {
	vertical-align: bottom;
	width: 128px;
	height: auto;
	}
	#nav li:nth-child(4) img,
	#nav li:nth-child(5) img,
	#nav li:nth-child(6) img,
	#nav li:nth-child(7) img {
	width: 129px;
	}
#nav ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0!important;
	z-index: 10;
}
#nav li li {
	clear:both;
}
#nav li:hover {
	position:relative;
}
#nav li:hover > ul {
	display: block;
}
/* For IE6 */
* html #nav li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}
#nav .column1 {position:relative;}
#nav .column1 ul {display:block;}
#nav .column1 * ul {display:none;}
/* For IE6 */
/* メニュー改訂ここまで */

#main {
	background-image: url(../image/common/bg_contents.jpg);
	background-repeat: repeat;
	background-position: center top;
	height: 242px;
}
#kuzu {
	background-image: url(../image/common/bg_kuzu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 900px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#kuzu li {
	display: inline;
	font-size: 12px;
}
#kuzu ol {
	padding-left: 10px;
	_padding-top: 3px;
}
/* IE7 */
*:first-child+html #kuzu ol {
	padding-top: 4px;
}
#banner {
	margin-top: 50px;
	_margin-bottom: 30px;
	margin-bottom: 25px;
	padding: 0px;
}
#banner li {
	float: left;
}
#banner .tel {
	background-image: url(../image/common/b_tel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 81px;
	width: 446px;
	margin-right: 8px;
	display: block;
}
#banner .mail {
	background-image: url(../image/common/b_form.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 81px;
	width: 445px;
	display: block;
	text-decoration: none;
}
#banner .mail a:link {
	background-image: url(../image/common/b_form.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 81px;
	width: 445px;
	display: block;
	text-decoration: none;
}
#banner .mail a:visited{
	background-image: url(../image/common/b_form.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 81px;
	width: 445px;
	display: block;
	text-decoration: none;
}
#banner .mail a:hover {
	background-image: url(../image/common/b_form_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 81px;
	width: 445px;
	display: block;
	text-decoration: none;
}
#banner .email {
	background-image: url(../image/common/b_mail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 81px;
	width: 445px;
	display: block;
	text-decoration: none;
}
#banner .email a:link {
	background-image: url(../image/common/b_mail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 81px;
	width: 445px;
	display: block;
	text-decoration: none;
}
#banner .email a:visited {
	background-image: url(../image/common/b_mail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 81px;
	width: 445px;
	display: block;
	text-decoration: none;
}
#banner .email a:hover {
	background-image: url(../image/common/b_mail_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 81px;
	width: 445px;
	display: block;
	text-decoration: none;
}
/******************************************************** 
* フッター定義
********************************************************/
#footer {
	background-color: #F2F2E8;
	background-image: url(../image/common/bg_foot.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#wrap {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 12px;
}
#wrap .corp {
	float: left;
	margin-right: 60px;
}
#wrap .corp h2 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 10px;
}
#wrap .corp p {
	margin-top: 10px;
	margin-left: 10px;
}
#wrap .sitemenu {
	float: left;
	width: 200px;
}
#wrap .bloglink {
	float: left;
	width: 200px;
}
#wrap .siterules {
	float: left;
	width: 200px;
}
#wrap .sitemenu ul,
#wrap .siterules ul,
#wrap .bloglink ul {
	padding-top: 10px;
	padding-left: 8px;
}
#wrap .sitemenu li,
#wrap .siterules li {
	line-height: 210%;
	background-image: url(../image/common/icon02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#wrap .bloglink li {
	line-height: 210%;
	background-image: url(../image/common/icon03.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
#wrap cite {
	display: block;
	clear: both;
	font-size: 11px;
	padding-top: 15px;
	margin-left: 10px;
}
#wrap .siterules h3 {
	background-image: url(../image/common/f_siterule.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 194px;
	height: 14px;
	font-size: 0px;
}
#wrap .bloglink h3 {
	background-image: url(../image/common/f_blog.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 66px;
	height: 14px;
	font-size: 0px;
}
#wrap .sitemenu h3 {
	background-image: url(../image/common/f_sitemenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 117px;
	height: 14px;
	font-size: 0px;
}
#footer p.fb {
position: absolute;
bottom: 30px;
right: 0;
}

/******************************************************** 
* 共通パーツ設定
********************************************************/
div.division-navi {
}
div.division-navi:after {
    content : "";
    display : block;
    height : 0px;
    clear : both;
}
ul.page_navi {
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	_border-top-style: solid;
	border-bottom-style: dotted;
	_border-bottom-style: solid;
	border-top-color: #CCCCCC;
	_border-top-color: #D8D8D8;
	border-bottom-color: #CCCCCC;
	_border-bottom-color: #D8D8D8;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.page_navi:after {
    content : "";
    display : block;
    height : 0px;
    clear : both;
}
ul.page_navi li {
	display: inline;
}
ul.page_navi li span {
	visibility: visible;
	height: 20px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border: 1px solid #D8D8D8;
	font-size: 12px;
	background-color: #6DA400;
	font-weight: bold;
	color: #FFFFFF;
}
ul.page_navi li span,
ul.page_navi li a:link,ul.page_navi li a:visited {
	visibility: visible;
	height: 20px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border: 1px solid #D8D8D8;
	font-size: 12px;
}
ul.page_navi li span,
ul.page_navi li a:hover {
	visibility: visible;
	height: 20px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border: 1px solid #D8D8D8;
	font-size: 12px;
	background-color: #6DA400;
	color: #FFFFFF;
	text-decoration: none;
}

#contents .top {
	height: 15px;
	width: 104px;
	background-image: url(../image/common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #CCCCCC;
	display: block;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
#contents .top:after {
    content : "";
    display : block;
    height : 0px;
    clear : both;
}
#contents .top a:link {
	height: 15px;
	width: 104px;
	background-image: url(../image/common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
	display: block;
	font-size: 0px;
}
#contents .top a:visited {
	height: 15px;
	width: 104px;
	background-image: url(../image/common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
	display: block;
	font-size: 0px;
}
#contents .top a:hover {
	height: 15px;
	width: 104px;
	background-image: url(../image/common/pagetop_r.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
	display: block;
	font-size: 0px;
}

#bnrArea {
	background-color: #FBFBF9;
	background-image: url(../image/common/bg_bnrarea.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#bnrWrap {
	position: relative;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-bottom: 5px;
	*padding-bottom: 10px;
}
#bnrArea img {
vertical-align: bottom;
}
#bnrArea ul {
margin-right: -10px;
zoom: 1;
}
#bnrArea li {
float: left;
margin-right: 6px;
margin-bottom: 5px;
}

/* meerkat =================================================== */
.close-meerkat {
position: absolute;
display: block;
width: 59px;
height: 59px;
background: url(../image/common/backsp_close.png) no-repeat 0 0;
cursor: pointer;
text-indent: -9000px;
z-index: 10;
}
.backSP {
z-index: 5;
}
.meerkat {
display: none;
}
.pos-bot .backSP {
width: 816px;
height: 170px;
position: absolute;
left: 50%;
margin-left: -408px;
}
.pos-bot .backSP {
bottom: 10px;
}
.pos-bot .close-meerkat {
top: 0;
right: 0;
}