/**********************************************
	サイト構成
**********************************************/
html {
	overflow-y:scroll;
	background-color:#fff;
	background:url("../layout/main_menuline.jpg") repeat-x;
}

body {
	line-height:1.5;
	text-align:center;
	font-size:87.5%;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Verdana,"ＭＳ Ｐゴシック","MS P Gothic",Arial,Helvetica,sans-serif;
	color:#303030;
	background:url("../layout/main_back.jpg") no-repeat center top;
}

.clear {
	clear:both;
}

hr {
	visibility:hidden;
	clear:both;
}

img {
	vertical-align:bottom;
}

/**********************************************
	ページ構造
**********************************************/
#wrapper {
	margin:0 auto;
	width:960px;
	text-align:left;
}

/**********************************************
	ヘッダー
**********************************************/
#header {
	overflow:hidden;
	position:relative;
	margin:0 auto;
	width:960px;
	height:500px;
}

#header h1 {
	text-indent:-9999em;
}

#header #concept {
	text-indent:-9999em;
}

/**********************************************
	メイン
**********************************************/
#main {
	margin:20px 30px;
	width:900px;
	text-align:left;
}

#mainBlock {
	clear:both;
	float:left;
	overflow:hidden;
	padding-right:20px;
	padding-bottom:20px;
	width:680px;
}

#sideBlock {
	float:left;
	overflow:hidden;
	width:200px;
	padding-bottom:20px;
}

/**********************************************
	メインメニュー
**********************************************/
#menu01 a {
	display:block;
	overflow:hidden;
	position:absolute;
	width:101px;
	height:42px;
	top:458px;
	left:60px;
	text-indent:-9999em;
	background:url("../layout/mainmenu.jpg") no-repeat -60px 0;
}

#menu01 a:hover {
	background:url("../layout/mainmenu.jpg") no-repeat -60px -42px;
}

#menu02 a {
	display:block;
	overflow:hidden;
	position:absolute;
	width:100px;
	height:42px;
	top:458px;
	left:167px;
	text-indent:-9999em;
	background:url("../layout/mainmenu.jpg") no-repeat -167px 0;
}

#menu02 a:hover {
	background:url("../layout/mainmenu.jpg") no-repeat -167px -42px;
}

#menu03 a {
	display:block;
	overflow:hidden;
	position:absolute;
	width:101px;
	height:42px;
	top:458px;
	left:273px;
	text-indent:-9999em;
	background:url("../layout/mainmenu.jpg") no-repeat -273px 0;
}

#menu03 a:hover {
	background:url("../layout/mainmenu.jpg") no-repeat -273px -42px;
}

#menu04 a {
	display:block;
	overflow:hidden;
	position:absolute;
	width:84px;
	height:42px;
	top:458px;
	left:380px;
	text-indent:-9999em;
	background:url("../layout/mainmenu.jpg") no-repeat -380px 0;
}

#menu04 a:hover {
	background:url("../layout/mainmenu.jpg") no-repeat -380px -42px;
}

#menu05 a {
	display:block;
	overflow:hidden;
	position:absolute;
	width:101px;
	height:42px;
	top:458px;
	left:470px;
	text-indent:-9999em;
	background:url("../layout/mainmenu.jpg") no-repeat -470px 0;
}

#menu05 a:hover {
	background:url("../layout/mainmenu.jpg") no-repeat -470px -42px;
}

#menu06 a {
	display:block;
	overflow:hidden;
	position:absolute;
	width:128px;
	height:42px;
	top:458px;
	left:577px;
	text-indent:-9999em;
	background:url("../layout/mainmenu.jpg") no-repeat -577px 0;
}

#menu06 a:hover {
	background:url("../layout/mainmenu.jpg") no-repeat -577px -42px;
}

#menu07 a {
	display:block;
	overflow:hidden;
	position:absolute;
	width:186px;
	height:42px;
	top:458px;
	left:711px;
	text-indent:-9999em;
	background:url("../layout/mainmenu.jpg") no-repeat -711px 0;
}

#menu07 a:hover {
	background:url("../layout/mainmenu.jpg") no-repeat -711px -42px;
}

/**********************************************
	サブメニュー
**********************************************/
#menu12 a {
	display:block;
	overflow:hidden;
	position:absolute;
	width:101px;
	height:36px;
	top:128px;
	left:596px;
	text-indent:-9999em;
	background:url("../layout/main_submenu.jpg") no-repeat -596px 0;
}

#menu12 a:hover {
	background:url("../layout/main_submenu.jpg") no-repeat -596px -36px;
}

#menu13 a {
	display:block;
	overflow:hidden;
	position:absolute;
	width:105px;
	height:36px;
	top:128px;
	left:726px;
	text-indent:-9999em;
	background:url("../layout/main_submenu.jpg") no-repeat -726px 0;
}

#menu13 a:hover {
	background:url("../layout/main_submenu.jpg") no-repeat -726px -36px;
}

#menu14 a {
	display:block;
	overflow:hidden;
	position:absolute;
	width:72px;
	height:36px;
	top:128px;
	left:858px;
	text-indent:-9999em;
	background:url("../layout/main_submenu.jpg") no-repeat -858px 0;
}

#menu14 a:hover {
	background:url("../layout/main_submenu.jpg") no-repeat -858px -36px;
}

/**********************************************
	更新情報
**********************************************/
.whatsNew {
	float:left;
	width:226px;
}

.whatsNew li {
	float:left;
	margin-bottom:10px;
	width:216px;
}

.whatsNew dt {
	padding-left:6px;
	font-weight:bold;
	border-left:4px solid #d2370c;
	color:#666;
}

.whatsNew dd {
	font-size:0.9em;
	color:#2b4576;
}

#newsTitle01 {
	margin-bottom:5px;
}

#newsTitle01 a {
	display:block;
	overflow:hidden;
	width:226px;
	height:30px;
	text-indent:-9999em;
	background:url("../images/newsTitle01.png") no-repeat;
}

#newsTitle02 {
	margin-bottom:5px;
}

#newsTitle02 a {
	display:block;
	overflow:hidden;
	width:226px;
	height:30px;
	text-indent:-9999em;
	background:url("../images/newsTitle02.png") no-repeat;
}

#newsTitle03 {
	margin-bottom:5px;
}

#newsTitle03 a {
	display:block;
	overflow:hidden;
	width:226px;
	height:30px;
	text-indent:-9999em;
	background:url("../images/newsTitle03.png") no-repeat;
}

/**********************************************
	フッターバナー
**********************************************/
#footerBanner {
	float:left;
	margin-bottom:10px;
}

#footerBanner li {
	float:left;
}

#footerBanner li p.image {
	float:left; width:200px; padding-left:5px;
}

#footerBanner li p.text {
	float:left; width:240px; padding-left:5px;
}

/**********************************************
	フッターバナー
**********************************************/
.inquiryBanner {
	margin-bottom:40px;
}