@charset "utf-8";

/* hero ------------------------------------------------------------ */
#hero-header {
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: 12px;
}

#hero-header ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: url(img/hero_navi_bg.gif) no-repeat 0px 0px;
	position: absolute;
	left: 178px;
	bottom: 16px;
	padding: 0px 43px 0px 44px;
}

#hero-play {
	text-align:center;
	padding-bottom:25px;
}

/* clerfix ----- */
#hero-header ul:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html #hero-header ul { display: inline-block; }
/* no ie mac \*/
* html #hero-header ul { height: 0.1%; }
#hero-header ul { display: block; }
/* */
/* for IE7 */
*:first-child+html #hero-header ul { display: inline-block; }
/* ----- clerfix */

#hero-header ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 0.1em;
	font-size: 0.1em;
}

#hero-inner {
	padding: 0px 22px 0px 23px;
}
/* clerfix ----- */
#hero-inner:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html #hero-inner { display: inline-block; }
/* no ie mac \*/
* html #hero-inner { height: 0.1%; }
#hero-inner { display: block; }
/* */
/* for IE7 */
*:first-child+html #hero-inner { display: inline-block; }
/* ----- clerfix */

#hero-catch-left {
	width: 406px;
	height: 156px;
	background: url(img/hero_bg01.jpg);
	float: left;
}
#hero-catch-left-inner {
	padding: 30px 20px 20px 20px;
	text-align: center;
}
#hero-catch-left-inner p {
	font-size: 106%;
	line-height: 150%;
	color: #414141;
}
#hero-catch-right {
	float: right;
}

#hero-cr {
	text-align: right;
	padding-top: 2px;
	clear: both;
	width: 640px;
}




.hero-atr-box {
	background: url(img/hero_atr_bg_top.gif) no-repeat left top;
	width: 649px;
	margin-bottom: 16px;
}
.hero-atr-box h4 {
	padding: 10px 0px 20px 40px;
}
.hero-atr-box-inner {
	background: url(img/hero_atr_bg_btm.gif) no-repeat left bottom;
	padding: 0px 25px 23px 25px;
	height:135px;
}
/* clerfix ----- */
.hero-atr-box-inner:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .hero-atr-box-inner { display: inline-block; }
/* no ie mac \*/
* html .hero-atr-box-inner { height: 0.1%; }
.hero-atr-box-inner { display: block; }
/* */
/* for IE7 */
*:first-child+html .hero-atr-box-inner { display: inline-block; }
/* ----- clerfix */


.hero-atr-box-inner .txt {
	width: 368px;
	float: left;
}
.hero-atr-box-inner .thumb {
	width: 210px;
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
}
.hero-atr-box-inner .thumb img {
	margin-top: -27px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 30;
}


.hero-atr-list-outer {
	width: 649px;
	overflow: hidden;
}

.hero-atr-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 657px;
}
/* clerfix ----- */
.hero-atr-list:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .hero-atr-list { display: inline-block; }
/* no ie mac \*/
* html .hero-atr-list { height: 0.1%; }
.hero-atr-list { display: block; }
/* */
/* for IE7 */
*:first-child+html .hero-atr-list { display: inline-block; }
/* ----- clerfix */

.hero-atr-list li {
	width: 219px;
	margin: 0px;
	padding: 0px 0px 16px 0px;
	float: left;
}
.hero-atr-list li .thumb {
	width: 210px;
	margin: 0px 0px 3px 0px;
}
.hero-atr-list li .txt {
	width: 210px;
	text-align: center;
}