@charset "utf-8";

@import url("common.css");
@import url("lightbox.css");


/*	common
-------------------------------------------------- */

div#container h2 {
	height: auto;
	}
	
div#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	}
	
div#container p.mainimage {
	margin-left: 8px;
	}
	



/*	head
-------------------------------------------------- */
div#head {
	overflow: hidden;
	width: 980px;
	margin: 0 auto 10px auto;
	}
	
div#head h1 {
	float: left;
	}
	
div#head p {
	display: none;
	}

div#head ul.sublink {
	float: right;
	}

/* リンク フッターも共通利用*/
ul.sublink {
	margin-top: 15px;
	border-left: 1px solid #CCCCCC;
	}

ul.sublink li {
	float: left;
	border-right: 1px solid #CCCCCC;
	font-size: 68%;
		*font-size: 60%;
	}
	
ul.sublink li a {
	padding: 0 6px;
	line-break: none;
	white-space: nowrap;
	}






ul#headmenu {
	clear: both;
	width: 980px;
	height: 37px;
	margin-top: 10px;
	margin-bottom: 7px;
	}
	
ul#headmenu li {
	float: left;
	}










ul#mainmenu {
	margin-right: -8px;
	/width: 988px;
	}

ul#mainmenu li {
	float: left;
	width: 240px;
	min-height: 130px;
	margin-top: 7px;
	margin-right: 7px;
	
	background: url(../img/index/btn_back.gif) top no-repeat;
	}

ul#mainmenu li:hover {
	background-color: #F2F7FB;
	}

ul#mainmenu li a {
	display: block;
/*	overflow: hidden; おそらく不必要*/
	width: 220px;
	min-height: 135px;
	padding: 5px 10px 0 10px;
	background: url(../img/index/btn_back2.gif) bottom no-repeat;
	
	font-size: 68%;
	}
	
*ul#mainmenu li a {/* ie6のみ適用 */
/*	height: 125px;
*/	}
	
*html ul#mainmenu li a {
	padding-bottom: 10px;
	}

ul#mainmenu li a:hover {
	text-decoration: none;
	}

ul#mainmenu li a img.title {
	margin: 10px 0;
	}

ul#mainmenu li a img.photo {
	float: right;
	width: 107px; /* webkit対策 */
	height: 78px; /* webkit対策 */
	margin-left: 5px;
	}








/*	info
--------------------------------------------------  */
div#info {
	float: left;
	width: 733px;
	min-height: 234px;	
	margin-top: 7px;
	padding-bottom: 15px;
	background: url(../img/index/infobottom.gif) bottom no-repeat;
	clear:both;
	}
*html div#info {/* ie6のみ適用 */
	height: 234px;
	}

div#info dl {
	font-size: 68%;
		*font-size: 80%;
	margin-top: 9px;
	margin-left: 33px;
	line-height: 1.6;
	}

div#info dl dt{
	}

div#info dl dd {
	margin-top: -1.5em;
	margin-left: 9em;
	margin-bottom:10px;
	}


div#info dl dd a {
	text-decoration: underline;
	}


/*	banner
-------------------------------------------------- */
div#banner {
	float: right;
	width: 240px;
	margin-top: 7px;
	}
* html div#banner {/* ie6のみ適用 */
	margin-left: 4px;
	}

div#banner ul {
	}

div#banner ul li {
	margin-bottom: 8px;
	}

div#banner ul li .li-banner{
	margin-bottom: 3px;
	}



/*	link
-------------------------------------------------- */
div#link {
	clear: both;
	padding-top: 8px;
	padding-bottom: 0;
	}
	
div#link h2 {
	clear: both;
	margin: 15px 0 5px 15px;
	}
	
div#link h3 {
	float: left;
	width: 2.5em;
	margin: 0 0 0 30px;
	_margin: 0 0 0 15px;
	padding: 0;
	font-size: 68%;
	font-weight: bold;
	}
	
div#link ul {
	overflow: hidden;
	font-size: 68%;
	margin: 0 0 5px 45px;
	}
	
div#link ul li {
	float: left;
	margin-left: 20px;
	}
	
	
div#link ul li a {
	padding-left: 0.8em;
	background: url(../img/index/arrow.gif) left 2px no-repeat;
	}
	
	
/*	更新左右
-------------------------------------------------- */
div#main {
	background: url(../img/index/b-btn_back3.gif) no-repeat scroll right bottom transparent;
}

div#main:after {
		content: " ";
		display:block;
		clear:both;
		height: 0;
}

div#main {
	display:inline-block;
}

div#main {
	display:block;
}


div#main-left {
	float:left;
}

div#main-left ul {
	width:744px;
}
	
div#main-left li {
	float: left;
	width: 240px;
	min-height: 135px;
	margin-top: 7px;
	margin-right: 7px;
	background: url(../img/index/btn_back.gif) top no-repeat;
}

*div#main-left li {/* ie6のみ適用 */
/*	height: 125px;
*/}


div#main-right {
	float:right;
}

div#main-right ul {
	width:240px;
}


div#main-right li {
	background:url(../img/index/b-btn_back.gif) no-repeat scroll center top transparent;
	min-height: 282px;
}

*div#main-right li {/* ie6のみ適用 */
	height: 240px;
}

div#main-right li a {
	display: block;
/*	overflow: hidden; おそらく不必要*/
	width: 220px;
	min-height: 282px;
	padding: 5px 10px 0 10px;
	font-size: 68%;
}

*div#main-right li a {/* ie6のみ適用 */
	height: 200px;
}


*html ul#mainmenu li a {
	padding-bottom: 10px;
	}

div#main-right li a:hover {
	text-decoration: none;
	}

div#main-right li a img.title {
	margin: 9px 0;
	}


/* ie6のみ適用　ロールオーバーちらつき防止用 */
html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}