@charset "utf-8";

/* @group ƒ[ƒJƒ‹ƒiƒrŠÖ˜A========================================================== */


/*ƒTƒuƒƒjƒ…[Ý’è*/
#lNavi li#lm01 li a {background-image:url(../images/lnavi_info01.gif);}
#lNavi li#lm02 li a {background-image:url(../images/lnavi_info02.gif);}
#lNavi li#lm03 li a {background-image:url(../images/lnavi_info03.gif);}
#lNavi li#lm04 li a {background-image:url(../images/lnavi_info04.gif);}
#lNavi li#lm05 li a {background-image:url(../images/lnavi_info05.gif);}
#lNavi li#lm06 li a {background-image:url(../images/lnavi_info06.gif);}

#lNavi li li.slm01 a {background-position:0 0;}
#lNavi li li.slm02 a {background-position:0 -20px;}
#lNavi li li.slm03 a {background-position:0 -40px;}
#lNavi li li.slm04 a {background-position:0 -60px;}
#lNavi li li.slm05 a {background-position:0 -80px;}
#lNavi li li.slm06 a {background-position:0 -100px;}

#lNavi li li.slm01 a:hover {background-position:-180px 0;}
#lNavi li li.slm02 a:hover {background-position:-180px -20px;}
#lNavi li li.slm03 a:hover {background-position:-180px -40px;}
#lNavi li li.slm04 a:hover {background-position:-180px -60px;}
#lNavi li li.slm05 a:hover {background-position:-180px -80px;}
#lNavi li li.slm06 a:hover {background-position:-180px -100px;}

#lNavi li li.slm01 a.ac {background-position:-180px 0;}
#lNavi li li.slm02 a.ac {background-position:-180px -20px;}
#lNavi li li.slm03 a.ac {background-position:-180px -40px;}
#lNavi li li.slm04 a.ac {background-position:-180px -60px;}
#lNavi li li.slm05 a.ac {background-position:-180px -80px;}
#lNavi li li.slm06 a.ac {background-position:-180px -100px;}

/* @end */


#mainArea h1 {
	position:relative;
	border:none;
}

#mainArea h1 img#crayon,
#mainSingle h1 img#crayon {
	position:absolute;
	left:0;
	top:0;
	behavior:expression(IEPNGFIX.fix(this));
}

#mainSingle h1 img#crayon.kInd {left:345px;}

#mainInner {
	margin:20px 0 0;
	padding:50px 0 25px 28px;
	background:url(../images/main_bg.gif) left top repeat-x;
	border:solid 2px #eee;
}

#mainSingle #mainInner {
	padding-top:12px;
}

#mainSingle #mainImageArea {
	padding:0 0 30px;
}

#mainSingle #mainImageArea h2,
#mainSingle #mainImageArea .text {
	float:left;
	width:570px;
}

#mainSingle #mainImageArea h2 {
	padding:30px 0 20px;
}

#mainSingle #mainImageArea .text {
	padding-bottom:18px;
}

#mainSingle #mainImageArea .mainImage {
	float:right;
	width:303px;
}

#mainSingle #mainImageArea .mainImage img {
	behavior:expression(IEPNGFIX.fix(this));
}

#infoAreaA {
	width:887px;
	margin:0 0 34px 15px;
	padding:0 0 50px;
	background:url(../images/info_bg01_foot.gif) left bottom no-repeat;
}

#infoAreaA .inner {
	padding:47px 0 0;
	background:url(../images/info_bg01_head.gif) left top no-repeat;
}

#infoAreaB {
	width:887px;
	margin:0 0 0 15px;
	padding:0 0 50px;
	background:url(../images/info_bg02_foot.gif) left bottom no-repeat;
}

#infoAreaB .inner {
	padding:47px 0 0;
	background:url(../images/info_bg02_head.gif) left top no-repeat;
}

.infoBlock {
	float:left;
	width:415px;
}

.infoBlock#info02,
.infoBlock#info04 {
	float:right;
	position:relative;
	right:15px;
	/*margin-right:15px;*/
}

.infoBlock h2 {
	position:relative;
	left:-30px;
	padding:0 0 28px;
}

.infoBlock h2 img {
	behavior:expression(IEPNGFIX.fix(this));
}

.infoBlock .text {
	float:left;
	position:relative;
	left:42px;
	width:220px;
	/*margin:0 0 12px 42px;*/
	margin:0 0 12px;
}

.infoBlock .thumb {
	float:right;
	width:145px;
}

.infoBlock .btn {
	clear:both;
	padding:10px 0 0 43px;
}


/*===================
clearfix
====================*/

#mainImageArea:after,
.inner:after,
.infoBlock:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}

#mainImageArea,
.inner,
.infoBlock {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #mainImageArea,
* html .inner,
* html .infoBlock {
	height:1%;
}

#mainImageArea,
.inner,
.infoBlock {
	display:block;
}
/* End hide from IE-mac */