/**********************************************
	サイト構成
**********************************************/
html {
	overflow-y:scroll;
	background-color:#eeeeee;
}

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/back.jpg") repeat-x;
}

.clear {
	clear:both;
}

/**********************************************
	ページ構造
**********************************************/
#wrapper {
	margin:0 auto;
	width:820px;
	background:url("../layout/main_back.jpg") repeat-y;
}

#contents {
	width:820px;
	text-align:left;
	background:url("../layout/header.jpg") no-repeat;
}

/**********************************************
	リンクの設定
**********************************************/
a:link {
	color:#336;
	text-decoration:none;
}
a:visited {
	color:#204ec3;
	text-decoration:none;
}
a:active {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#690;
	text-decoration:underline;
}

/**********************************************
	ヘッダー
**********************************************/
#header {
	position:relative;
	margin:0 auto;
	width:820px;
	height:130px;
}

#header h1 {
	font-size:13px;
	line-height:23px;
	text-align:center;
}

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

/**********************************************
	メイン
**********************************************/
#main {
	margin:0 20px;
	margin-top:190px;
	width:780px;
	text-align:left;
}

#mainContents {
	margin:0;
}

/**********************************************
	フッター
**********************************************/
#footer {
	margin:0 auto;
	background:#505050 url("../layout/footer-bg.jpg") repeat-x;
}

#footerContents {
	margin:0 auto;
	width:820px;
	height:80px;
	text-align:center;
	background:#505050 url("../layout/footer.jpg") no-repeat 50% 0;
}

#footerCorpName {
	padding-top:5px;
	font-size:1.1em;
	font-weight:bold;
}

/**********************************************
	メインメニュー
**********************************************/
#mainMenu {
	width:780px;
	height:140px;
}

#login_menu {
	position:absolute;
	top:240px;
	right:30px;
}

#login_menu a {
	display:block;
	overflow:hidden;
	width:240px;
	height:80px;
	text-indent:-9999em;
	background:url("../layout/login_menu.jpg") no-repeat 0 0;
}

#login_menu a:hover {
	background:url("../layout/login_menu.jpg") no-repeat 0 -80px;
}

#mainMenu ul {
	width:780px;
	height:140px;
	background:url("../layout/main_menu.jpg") no-repeat 0 0;
}

#mainMenu li {
	display:inline;	/* IEのフロート時にマージン倍がになるバグ対策 */
	float:left;
	margin:10px;
}

#menu01 {
}

#menu01 a {
	display:block;
	overflow:hidden;
	width:240px;
	height:120px;
	text-indent:-9999em;
}

#menu01 a:hover {
	background:url("../layout/main_menu.jpg") no-repeat -10px -150px;
}

#menu02 {
}

#menu02 a {
	display:block;
	overflow:hidden;
	width:240px;
	height:120px;
	text-indent:-9999em;
}

#menu02 a:hover {
	background:url("../layout/main_menu.jpg") no-repeat -270px -150px;
}

#menu03 {
}

#menu03 a {
	display:block;
	overflow:hidden;
	width:240px;
	height:120px;
	text-indent:-9999em;
}

#menu03 a:hover {
	background:url("../layout/main_menu.jpg") no-repeat -530px -150px;
}

#mainMenuText {
	width:780px;
}

#mainMenuText ul {
}

#mainMenuText li {
	display:inline;
	float:left;
	margin:10px;
	width:240px;
	font-size:85%;
}

.mainBox {
	clear:both;
	margin:10px;
	padding-top:20px;
}

/**********************************************
	フッターナビゲーション
**********************************************/
#footerNavi {
	padding:20px 60px;
}

.footerNaviList {
	list-style-type:none;
	font-size:0.85em;
}

.footerNaviList li {
	display:inline;
	padding:0 12px;
}

.footerNaviList li + li {
	border-left:1px solid #999;
}

/**********************************************
	アクセスカウンター
**********************************************/
#accessCounter {
	line-height:300%;
	text-align:center;
	font-size:0.9em;
}

/**********************************************
	その他
**********************************************/
.top_banner {
	margin-bottom:10px;
}

.top_banner img {
	vertical-align:bottom;
}

.roundBox {
	padding:10px 20px;
	background-color:#f0f0f0;
}

.roundBox dt {
	margin-bottom:10px;
	padding-left:10px;
	font-size:1.1em;
	font-weight:bold;
	color:#268ac0;
	border-left:8px solid #268ac0;
}

.roundBox dd {
	font-size:0.9em;
}