@charset "utf-8";

/*----------------------------
  CSS
  Last Update 2012.05.28 S.Hara
----------------------------*/

body#cpn2012 {
	background:transparent url(../../img/cpn2012/bg-wall.gif) repeat;
	color:#000;
}

body#cpn2012 #BodyInner {
	background:transparent url(../../img/cpn2012/bg-container.gif) repeat-y scroll center top;
}

#cpn2012 #Header {
	background:url(../../img/cpn2012/bg-header.gif) repeat-y scroll left bottom #fcf9ec;
	}

#cpn2012 #Header ul {
	position:absolute;
	top:15px;
	right:20px;
	width: 145px;
	height: 14px;
	}

#cpn2012 #Header ul li a {
	display:block;
	width:145px;
	height:12px;
	text-indent:-9999px;
	}

#cpn2012 #Container {
	background-image:none;
}

#cpn2012 #Container #HeadImg {
	margin-bottom:0;
	width:990;
	height:321px;
	border-bottom:1px solid #fff;
	background-image:url(../../img/cpn2012/topimage.jpg);
}

#cpn2012 #Container #HeadImg > h2,
#cpn2012 #Container #HeadImg > p {
	text-indent:-9999px;
}
#cpn2012 #Main{
	width:100%;
	background:transparent url(../../img/cpn2012/bg-main.gif) no-repeat scroll 1px top;
}

#cpn2012 .topBox,
#cpn2012 .itemBox {
	width:920px;
	margin:auto;
	margin-bottom:20px;
}

#cpn2012 .itemBox {
	height:810px;
}

#cpn2012 #TopBox1 p img.link_icon {
	margin:5px 5px 0 0;
}
#cpn2012 #TopBox2 p img.link_icon {
	margin:5px 5px -2px 0;
}

#cpn2012 .topBox p a,
#cpn2012 .itemBox p a {
	color:#676767;
	text-decoration:underline;
}

#cpn2012 .itemBox > h2,
#cpn2012 .itemBox > p {
	text-indent:-9999px;
}

#cpn2012 #TopBox1 {
	width:850px;
	background-color:#fff;
	margin:40px auto;
	padding:30px 30px 30px 40px;
}

#cpn2012 #TopBox1 h2 {
	float:left;
	width:50px;
}

#cpn2012 #TopBox1 p {
	float:left;
	width:480px;
	padding:16px 20px 0 0;
	font-size:13px;
	line-height:1.6em;
}

#cpn2012 #TopBox1 img {
	float:left;
}

#cpn2012 #TopBox2 {
	position:relative;
	background-image:url(../../img/cpn2012/topBoxBgImage2.jpg);
	width:927px;
	height:275px;
	margin-left:35px;
	margin-right:28px;
}

#cpn2012 #TopBox2 h2 {
	text-indent:-9999px;
}

#cpn2012 #TopBox2 p {
	position:absolute;
	top:95px;
	left:50px;
	width:530px;
	font-size:13px;
	line-height:1.6em;
}

#cpn2012 #ItemBox1 {
	background-image:url(../../img/cpn2012/itemBoxBgImage1.jpg);
}
#cpn2012 #ItemBox2 {
	background-image:url(../../img/cpn2012/itemBoxBgImage2.jpg);
}

#cpn2012 #ItemBox3 {
	background-image:url(../../img/cpn2012/itemBoxBgImage3.jpg);
}

#cpn2012 #ItemBox4 {
	background-image:url(../../img/cpn2012/itemBoxBgImage4.jpg);
}

#cpn2012 div.itemWrapper {
	margin-top:210px;
	margin-left:20px;
}

#cpn2012 div.item {
	width:280px;
	height:530px;
	margin:0 20px 0 0;
	padding-top:10px;
	display:inline;
	float:left;
	position:relative;
	text-align:center;
	background-color:#fff;
}

#cpn2012 div.item:nth-child(3n) {
	margin-right:0;
}

#cpn2012 div.item > p {
	width:240px;
	height:100px;
	margin:10px 20px 0 20px;
	font-size:13px;
	line-height:1.4em;
}

#cpn2012 div.item a:hover {
	opacity:0.7;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha(opacity=70);
}

#cpn2012 #FooterWall {
	background-image:none;
	background-color:#e0dacc;
}

#cpn2012 #Footer {
	height:60px;
	}


#cpn2012 #Footer address {
	padding-top:6px;
	}

/* clearfix */
#cpn2012 div.itemBox:after,
#cpn2012 div.topBox:after {
	content: "";
	display:block;
	clear:both;
}