@charset "shift_jis";

/* ****************************************************
index.css
Define index layout.
***************************************************** */

/* ****************************************************
1: Contents
2: Footer
3: Main
99: extra
***************************************************** */

/*1: Contents
=========================================*/
#index div#contents {
	margin:0 auto;
	background:none;
}

/*2: Footer
=========================================*/
#index #footer {
	background:none;
}

/*3: Main
=========================================*/
#index div#contents div#main-flash {
	clear:both;
}
#index div#contents div#main-flash .substitution-area {
	height:268px;
	border:1px solid #777777;
}
/* for IE6 */
* html #index div#contents div#main-flash .substitution-area { 
	height:270px;
}

#index div#contents div#main-flash .substitution-area p {
	margin:80px 0 30px 0;
	text-align:center;
}
#index div#contents div#main-flash .substitution-area dl {
	margin:0 0 0 140px;
}
#index div#contents div#main-flash .substitution-area dl dt {
	float:left;
	width:160px;
	height:41px;
	margin:0 10px 0 0;
	line-height:0;
}
#index div#contents div#main-flash .substitution-area dl dd {
	float:left;
	width:600px;
	margin:5px 0 0 0;
}
#index div#contents .main-column {
	clear:both;
	width:980px;
	background:url(../../images/index_bg01.gif) no-repeat 100% 0;
	line-height:1.4;
}
#index div#contents .main-column .main-left {
	float:left;
	width:750px;
	background:url(../../images/index_bg02.gif) no-repeat 0 0;
}
#index div#contents .main-column .main-left .wrap {
	background:url(../../images/index_bg03.gif) no-repeat 0 100%;
}
#index div#contents .main-column .main-left .wrap .left {
	float:left;
	width:370px;
	padding:0 0 15px 0;
}
#index div#contents .main-column .main-left .wrap .right {
	float:right;
	width:370px;
	padding:0 0 15px 0;
}
#index div#contents .main-column .main-left .wrap .right .introductions {
	clear:both;
	width:370px;
	margin:15px 0 0 0;
	line-height:1.2;
}
#index div#contents .main-column .main-left .wrap .right .introductions p {
	margin:0;
}
#index div#contents .main-column .main-left .wrap .right .introductions .left {
	float:left;
	width:184px;
	padding:0;
}
#index div#contents .main-column .main-left .wrap .right .introductions .right {
	float:right;
	width:184px;
	padding:0;
}
#index div#contents .main-column .main-left .wrap .right .introductions .photo {
	float:left;
	width:50px;
	margin:0 7px 0 0;
}
#index div#contents .main-column .main-left .wrap .right .introductions .about {
	float:left;
	width:114px;
}
#index div#contents .design-info {
	clear:both;
	margin:20px 0 0 0;
	position:relative;
}
#index div#contents .design-info span {
	position:absolute;
	top:0.45em;
	right:10px;
}
#index div#contents .important-info {
	margin:1px 0 0 0;
	border:1px solid #e0e0e0;
}
#index div#contents .important-info dl.info-area {
	width:748px;
	overflow:hidden;
}
#index div#contents .important-info dl.info-area dt {
	margin:12px 0 0 20px;
}
#index div#contents .important-info dl.info-area dd {
	margin:-1.5em 0 -2px 0;
}
#index div#contents dl.info-area dt {
	margin:11px 0 0 20px;
}
#index div#contents dl.info-area dt img {
	margin: -0.1em 1.5em 0 -5.5em;
	position:relative;
	vertical-align:middle;
}
#index div#contents dl.info-area dd {
	margin:-1.5em 0 0 0;
	padding:1px 20px 10px 10em;
	background:url(../images/com_bg02.gif) repeat-x 0 100%;
}
/* for IE6 */
* html #index div#contents dl.info-area dd {
	height:1px;
}

#index div#contents .backnumber {
	margin:10px 0 0 0;
	text-align:right;
}
#index div#contents .backnumber p {
	margin:0;
}
#index div#contents .main-column .main-right {
	float:right;
	width:200px;
}
#index div#contents .main-column .main-right .box {
	width:200px;
	margin:10px 0 0 0;
	background-color:#ebe8df;
}
#index div#contents .main-column .main-right .box p {
	margin:0;
}
#index div#contents .main-column .main-right .box .text {
	padding:7px 7px 5px;
	text-align:right;
}
#index div#contents .main-column .main-right .outline {
	border:2px solid #ebe8df;
}

/* Inline link */
div#contents .inline-blank {
	display:inline;
	padding:0 0 2px 0;
	text-indent:0;
	background:url(../images/com_ic05.gif) no-repeat 0em 0.35em;
}
/* for IE6 */
* html div#contents .inline-blank {
	padding:0 0 0 0;
	background:url(../images/com_ic05.gif) no-repeat 0em 0.5em;
	height:1%;
}

div#contents .inline-blank a {
	padding:0 0 0 13px;
}

/* adjust */
#index div#contents .main-column .mt1 {
	margin:1px 0 0 0;
}
#index div#contents .main-column .mr1 {
	margin:0 1px 0 0;
}

/*99: extra
=========================================*/
/* ==================================
Clear fix
================================== */
#index div#contents .main-column:after,
#index div#contents .main-column .main-left:after,
#index div#contents .main-column .main-left .wrap:after,
#index div#contents .main-column .main-left .wrap .right .introductions:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#index div#contents .main-column,
#index div#contents .main-column .main-left,
#index div#contents .main-column .main-left .wrap,
#index div#contents .main-column .main-left .wrap .right .introductions {
	min-height: 1px;
}

/* for IE6 */
* html #index div#contents .main-column,
* html #index div#contents .main-column .main-left,
* html #index div#contents .main-column .main-left .wrap,
* html #index div#contents .main-column .main-left .wrap .right .introductions {
	height: 1px;
}

/* for IE7 */
*:first-child+html #index div#contents .main-column,
*:first-child+html #index div#contents .main-column .main-left,
*:first-child+html #index div#contents .main-column .main-left .wrap,
*:first-child+html #index div#contents .main-column .main-left .wrap .right .introductions {
	zoom: 1;
}