@charset "utf-8";




/* 共通スタイル
---------------------------------------*/
body {
	background:url(../img/common/bg_body.gif) left top repeat-x;
	font-family:verdana,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,Osaka,arial,sans-serif;
	font-size:75%;
	color:#666666;
}


div#wrapper {
	width:890px;
	margin:0 auto;
	text-align:left;
}


/*　header
------------------------------*/
div#header {
	position: relative;
	height: 94px;
	width: 890px;
	margin:0 auto;
	background:url(../img/common/bg_header.gif) center top no-repeat;
}

div#header div#headMenu {
	position: absolute;
	top: 56px;
	right: 32px;
}

div#header div#headMenu ul {
}

div#header div#headMenu li {
	display: inline;
	margin: 0 0 0 2em;
}

div#header h1 {
	display: block;
	position:absolute;
	left:29px;
	top:16px;
	width: 110px;
	height: 66px;
	text-indent:-9999px;
	background:url(../img/common/logo_global.gif) left top no-repeat;
}

div#header h1 a {
	display:block;
	width:110px;
	height:66px;
	overflow:hidden;
}


/*　globalMenu
------------------------------*/
div#globalMenu {
	width:870px;
	height:47px;
	overflow:hidden;
	clear: both;
	margin:0 auto;
	margin-bottom:1px;
}

div#globalMenu ul{
	width:100%;
	height:100%;
	display:block;
}

div#globalMenu ul li{
	width:174px;
	height:100%;
	float:left;
	display:block;
}

div#globalMenu ul li a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	text-decoration: none;
	background-position:left top;
	background-repeat:no-repeat;
}

div#globalMenu ul li#gM01 a{ background:url(../img/common/header1.gif); }
div#globalMenu ul li#gM02 a{ background:url(../img/common/header2.gif); }
div#globalMenu ul li#gM03 a{ background:url(../img/common/header3.gif); }
div#globalMenu ul li#gM04 a{ background:url(../img/common/header4.gif); }
div#globalMenu ul li#gM05 a{ background:url(../img/common/header5.gif); }

body#about div#globalMenu ul li#gM01 a,
body#corp div#globalMenu ul li#gM02 a,
body#hinmoku div#globalMenu ul li#gM03 a,
body#jisseki div#globalMenu ul li#gM04 a,
body#inquiry div#globalMenu ul li#gM05 a,
div#globalMenu ul li a:hover {
	background-position:0 -47px !important;
}

/*　pnkz
------------------------------*/
div#pnkz {
	width:858px;
	padding:6px;
	margin:0 auto;
	margin-bottom:10px;
	font-size:0.8em;
	background:#f7f7f7;
}


/*　mainImg
------------------------------*/
div#mainImg {
	width: 870px;
	height: 100px;
	margin:0 auto;
	margin-bottom: 10px;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
}

body#about div#mainImg { background:url(../img/common/mainImg/about.jpg); }
body#corp div#mainImg { background:url(../img/common/mainImg/corp.jpg); }
body#hinmoku div#mainImg { background:url(../img/common/mainImg/hinmoku.jpg); }
body#jisseki div#mainImg { background:url(../img/common/mainImg/jisseki.jpg); }
body#inquiry div#mainImg { background:url(../img/common/mainImg/inquiry.jpg); }
body#sitemap div#mainImg { background:url(../img/common/mainImg/sitemap.jpg); }
body#gallery div#mainImg { background:url(../img/common/mainImg/gallery.jpg); }
body#shop div#mainImg { background:url(../img/common/mainImg/shop.jpg); }
body#privacy div#mainImg { background:url(../img/common/mainImg/privacy.jpg); }
body#link div#mainImg { background:url(../img/common/mainImg/link.jpg); }
body#news div#mainImg { background:url(../img/common/mainImg/news.jpg); }
body#e404 div#mainImg { background:url(../img/common/mainImg/notfound.jpg); }
body#recruit div#mainImg { background:url(../img/common/mainImg/recruit.jpg); }

/*　main
------------------------------*/
div#main {
	width:870px;
	margin:0 auto;
}

div#main div#alpha {
	width: 670px;
	height:100%;
	float: left;
	line-height: 1.5;
}

div#main div#alpha h2 {
	position:relative;
	height:42px;
	margin-bottom:15px;
}

div#main div#beta {
	width: 180px;
	float: right;
}

div.mds {
	width:180px;
	height:37px;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
}

body#shop div.mds { background:url(../img/common/rightmenu_shop.gif);}
body#hinmoku div.mds { background:url(../img/common/rightmenu_hinmoku.gif);}
body#jisseki div.mds { background:url(../img/common/rightmenu_jisseki.gif);}
body#link div.mds { background:url(../img/common/rightmenu_link.gif);}
body#news div.mds { background:url(../img/common/rightmenu_news.gif);}
body#recruit div.mds { background:url(../img/common/rightmenu_recruit.gif);}

ul.groupList {
	width:180px;
	padding-bottom:15px;
	margin-bottom:10px;
	background:url(../img/common/bg_rightmenu.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

ul.groupList li {
	border-bottom:1px dotted #CCCCCC;
}

ul.groupList li a {
	width:163px;
	border-left:1px solid #C7C7C7;
	border-right:1px solid #C7C7C7;
	padding:10px 0 10px 15px;
	margin:0 auto;
	display:block;
	background:url(../img/common/icon_triangle.gif) 6px center no-repeat #FFFFFF;
}

ul.groupList li a:hover {
	background-color:#f3f3f3;
}

div#main div#beta div#banSpace {
	margin-bottom:10px;
}

div#main div#beta div#betaMenu {}


/*　retTop
------------------------------*/
div#retTop {
	clear:both;
	text-align:right;
	padding: 10px;
	padding-right:200px;
}


/*　footer
------------------------------*/
div#wrapFoot {
	position:relative;
	clear:both;
	width:100%;
	height:200px;
	margin-top:-200px; /* negative value of footer height */  
	background:url(../img/common/bg_wrapFoot.gif) left bottom repeat-x;
}

div#footer {
	position:relative;
	width: 890px;
	height:100%;
	margin: 0 auto;
	background:url(../img/common/bg_footer.gif) center bottom no-repeat;
}

div#footer div#footMenu {
	padding-top:70px;
	width:100%;
	text-align:center;
	margin-bottom: 10px;
}

div#footer div#footMenu ul {
	font-size:0.8em;
	color:#FFFFFF;
}

div#footer div#footMenu li {
	display: inline;
	margin-left: 2em;
}

div#footer div#footMenu li a {
	color:#FFFFFF;
}

div#footer address {
	line-height:1.3;
	padding-left: 1em;
	float: left;
}

div#footer div#copyright {
	text-align: center;
	text-indent:-9999px;
}

div#footer div.companyL,
div#footer div.companyR {
	width:300px;
	padding-left:10px;
	position:absolute;
	color:#000000;
	font-size:12px;
	border-left:4px solid #FFFFFF;
	top: 105px;
}

div#footer div.companyL strong,
div#footer div.companyR strong{
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
}

div#footer div.companyL {
	left:94px;
}
div#footer div.companyR {
	left:493px;
}


/*　汎用
------------------------------*/
.clearfix:after {
	content: ".";  
	display: block;  
	height: 0;  
	clear: both;  
	visibility: hidden;
}
.clearfix {display: inline-block;}  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%;}  
.clearfix {display: block;}  
/* End hide from IE-mac */

.pdnMgn0 { margin:0; padding:0; }
.mgn0 { margin:0px !important; }
.mgnTop0 { margin-top:0px!important; }
.mgnTop05 { margin-top:5px!important; }
.mgnTop10 { margin-top:10px!important; }
.mgnTop15 { margin-top:15px!important; }
.mgnTop20 { margin-top:20px!important; }
.mgnRgt0 { margin-right:0px!important; }
.mgnRgt05 { margin-right:5px!important; }
.mgnRgt10 { margin-right:10px!important; }
.mgnRgt15 { margin-right:15px!important; }
.mgnRgt20 { margin-right:20px!important; }
.mgnBtm0 { margin-bottom:0px!important; }
.mgnBtm05 { margin-bottom:5px!important; }
.mgnBtm10 { margin-bottom:10px!important; }
.mgnBtm15 { margin-bottom:15px!important; }
.mgnBtm20 { margin-bottom:20px!important; }
.mgnBtm30 { margin-bottom:30px!important; }
.mgnBtm40 { margin-bottom:40px!important; }
.mgnBtm50 { margin-bottom:50px!important; }
.mgnLft0 { margin-left:0px!important; }
.mgnLft05 { margin-left:5px!important; }
.mgnLft10 { margin-left:10px!important; }
.mgnLft15 { margin-left:15px!important; }
.mgnLft20 { margin-left:20px!important; }
.mgnLft25 { margin-left:25px!important; }
.mgnLft30 { margin-left:30px!important; }
.mgnLft35 { margin-left:35px!important; }
.mgnLft40 { margin-left:40px!important; }

.pdgTop0 { padding-top:0px !important;}
.pdgTop05 { padding-top:5px !important;}
.pdgTop10 { padding-top:10px !important;}
.pdgTop15 { padding-top:15px !important;}
.pdgTop20 { padding-top:20px !important;}
.pdgRgt0 { padding-right:0px !important;}
.pdgRgt05 { padding-right:5px !important;}
.pdgRgt10 { padding-right:10px !important;}
.pdgRgt15 { padding-right:15px !important;}
.pdgRgt20 { padding-right:20px !important;}
.pdgBtm05 { padding-bottom:5px !important;}
.pdgBtm10 { padding-bottom:10px !important;}
.pdgBtm15 { padding-bottom:15px !important;}
.pdgBtm20 { padding-bottom:20px !important;}
.pdgBtm25 { padding-bottom:25px !important;}
.pdgBtm30 { padding-bottom:30px !important;}
.pdgBtm35 { padding-bottom:35px !important;}
.pdgBtm40 { padding-bottom:40px !important;}
.pdgLft0 { padding-left:0px !important;}
.pdgLft05 { padding-left:5px !important;}
.pdgLft10 { padding-left:10px !important;}
.pdgLft15 { padding-left:15px !important;}
.pdgLft20 { padding-left:20px !important;}
.pdgBtm0 { padding-bottom:0px !important;}
.around {
	border:1px solid #EEEEEE;
	padding:2px;
}
table.none th,
table.none td {
	border:none !important;
}
table.addform {
}
table.addform th,
table.addform td {
	vertical-align:top !important;
}
ul.usual {
	margin-left: 1em;
	line-height: 1.5;
}
ul.usual li {
	list-style-position: outside;
	padding-left:20px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #CCCCCC;
	background:url(../img/common/icon_circle.gif) left top no-repeat;
	margin-left: 1em;
}

h3.h3TypeA {
	width:618px;
	padding:6px;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:15px;
	border:1px solid #D7D7D7;
	font-size:1.2em;
	font-weight:bold;
	color:#039CD6;
	background:url(../img/common/bg_h3.gif) left center no-repeat;
}

h4.h4TypeA {
	padding:6px;
	padding-left:20px;
	margin-bottom:15px;
	border-bottom:1px solid #CCCCCC;
	background:url(../img/common/icon_square.gif) left center no-repeat;
}

.ardSpcA {
	padding:0 10px 10px 10px;
}


/* 記事内の画像に枠をつける */
div.entryBox img {
	border:1px solid #EEEEEE;
	padding:2px;
}




/*////////////////////////////////////////////////////////////////
//
// フッタ設定、フッタを最下部に固定する
//
////////////////////////////////////////////////////////////////*/
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
div#main {padding-bottom: 200px;}  /* フッターの縦幅と縦幅を指定 */


/*////////////////////////////////////////////////////////////////
//
// 画像リンクオーバー時のアルファ値変更
//
////////////////////////////////////////////////////////////////*/
a.directOpa,
.opaChange a:hover img,
.opaChange ul li a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

a.directOpa,
.opaChange a {
	display:block;
	width:100% !important;
	height:100% !important;
	background-color:#FFFFFF
}

@media print{ 

body {
	_zoom: 72%;  /*WinIE only */
}
}