* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));}

.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 */

.special {
	padding-bottom: 40px;
}
#header {
	height: 75px;	
}

.clear {
	clear: both;
}
#content #wrapper {
	margin: 0px;
	width: 830px;
	text-align: left;
}

#contents {
	margin: 6px 0px 0px 0px;
	padding: 0px;
	width: 790px;
}
/*ここから*/
#mainarea {
	width: 730px;
	background-color: #000000;
	padding-right: 35px;
	padding-left: 35px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/graphic.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 25px;
}
#head {
	background-image: url(../img/main.gif);
	background-repeat: no-repeat;
	height: 405px;
	width: 830px;
}
#head h1,#head h2,#head h3 {
	display: none;
}
#wrapper .title {
	background-image: url(../img/title.gif);
	background-repeat: no-repeat;
	height: 113px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
.intro .left {
	float: left;
	height: 195px;
	width: 196px;
	margin: 0px;
	padding: 0px;
}
.intro .right {
	float: right;
	width: 506px;
}
.intro {
	font-size: 108%;
	line-height: 1.8em;
	color: #FFFFFF;
	background-image: url(../img/kotoba_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	width: 581px;
	padding-right: 25px;
	padding-left: 194px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	padding-top: 30px;
	position: relative;
	height: 215px;
}
.intro .right h3 {
	margin-bottom: 12px;
}
.intro .right h3 {
	margin-bottom: 12px;
}
*+html .intro .right h3 {
	margin-bottom: 10px;
}
* html .intro .right h3 {
	margin-bottom: 10px;
}

.intro .left img {
	border: 1px solid #FF9300;
}
#mainarea #left {
	float: left;
}
#mainarea #right {
	float: left;
}
#mainarea #left .colexp {
	font-size: 108%;
	line-height: 1.7em;
	color: #FFFFFF;
	margin-bottom: 25px;
}
#left .colexp h3 {
	margin-bottom: 12px;
}
#mainarea .box_r h1 {
	width: 220px;
	height: 311px;
	margin-bottom: 10px;
}
*+html #mainarea .box_r h1 {
	width: 220px;
	height: 311px;
	margin-bottom: 8px;
}
* html #mainarea .box_r h1 {
	width: 220px;
	height: 311px;
	margin-bottom: 8px;
}



#mainarea .box_r h2 {
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 6px;
	padding-top: 5px;
}


#mainarea .box_r p {
	font-size: 93%;
	line-height: 1.5em;
}
*+html #mainarea .box_r p {
	font-size: 93%;
	line-height: 1.6em;
}
* html #mainarea .box_r p {
	font-size: 93%;
	line-height: 1.6em;
}


.box_r h2 a { color: #FFF; text-decoration:none;}
.box_r h2 a:hover {
	color: #FF9300;
	text-decoration:none;
}
.box_r h2 a:active { color: #999; text-decoration:none;}
.box_r .btn a {
	background-image: url(../img/btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 220px;
	margin-top:10px;
	text-indent: -9999px;
}
.box_r .btn a:hover {background-position:0px -30px;}
.box_r .btn a:active { 
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#mainarea .box_r h3 {
	margin-bottom: 16px;
}
#mainarea .box_r span {
	display: block;
	margin-top: 5px;
}

*+html #mainarea .box_r span {
	display: block;
	margin-top: 8px;
}
* html #mainarea .box_r span {
	display: block;
	margin-top: 8px;
}



.volume {
	height: 20px;
	width: 80px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 15px;
}
#left .box {
	font-size: 93%;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	display: block;
	width: 480px;
	margin: 0px 0px 0px 0px;
	line-height: 1.6;
	height: 100%;
	padding: 0px 0px 23px 0px;
}
#left #lineup p {
	width: 360px;
	margin-top: 8px;
}
#left #lineup h2 {
}
#mainarea .box_r {
	color: #FFFFFF;
	width: 220px;
	float: right;
}
#mainarea .box_l {
	width: 480px;
}
.bookimg {
	margin-top: 12px;
}
#lineup h3 {
}
.release {
	background-position: 0px -20px;
}
.vol01 .volume { background-image: url(../img/vol1.gif); }
.vol02 .volume { background-image: url(../img/vol2.gif); }
.vol03 .volume { background-image: url(../img/vol3.gif); }
.vol04 .volume { background-image: url(../img/vol4.gif); }
.vol05 .volume { background-image: url(../img/vol5.gif); }
.vol06 .volume { background-image: url(../img/vol6.gif); }
.vol07 .volume { background-image: url(../img/vol7.gif); }
.vol08 .volume { background-image: url(../img/vol8.gif); }
.vol09 .volume { background-image: url(../img/vol9.gif); }
#lineup_tit {
	margin-bottom: 15px;
}
.foot_area {
	background-image: url(../img/footer.gif);
	height: 35px;
	width: 800px;
	padding-right: 15px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 15px;
}
#container #content {
	margin-top: -20px;
}
#badge {
	position: absolute;
	left: 759px;
	top: -55px;
}
.lineup_tit {
	margin-bottom: 15px;
}
#lineup .box #right {
	padding-left: 15px;
}
.auth_name {
	float: right;
	background-color: #000000;
	margin-top: 5px;
	margin-right: 8px;
	text-align: right;
}
.intro h3 {
	margin-bottom: 12px;
}
.auth_name img {
	margin-bottom: 8px;
}
#mainarea .box_r h2 span {
	display: none;
}
#mainarea .box_r h2 a {
	display: block;
	height: 17px;
	background-image: url(../img/btn_title9.gif);
	background-position: 0px 0px;
	width: 218px;
}

#mainarea .box_r h2 a:hover {
	background-position: 0px -17px;
}

