@charset "UTF-8";

/* to avoid reading CSS bug of Safari */
#null {
	margin: 0px;
}

a,
a:link,
a:visited {
	color:#365FB2;
}
a:hover,
a:focus {
	color: #FF9900;
	text-decoration:underline;
}
a:active {
	color: #FF00FF;
	text-decoration:underline;
}

/*-----------basic---------*/

*{
	font-size:11px;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif ;
	line-height:1.3em;
	color:#444;
	}
		
p {
	margin:0;
	padding:0;
}

/*-----------clear---------*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix{display:inline-block;}


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

#mainContent {
	margin: 0px;
	padding: 1px;
	width: 520px;
	float: left;
	background-color: #e5e5e5;
	overflow: visible;
	height: 480px;
}

#mainContentArea {
	width: 520px;
	height: 480px;
	margin: 0;
	padding: 0;
	background-image: url(../img/data/top_bg.gif);
	overflow: visible;
}

#mainContentArea h1#titleImg {
	width: 520px;
	height: 69px;
	margin: 0;
	padding: 0;
	background-image: url(../img/data/titleimg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent:-9999px;
}

/*---------------index page design------------------*/

#mainContentArea h2#h2-labindex {
	background: url(../img/index/description.gif) no-repeat;
	display:block;
	width: 520px;
	height: 39px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}
	
#mainContentArea div#content {
	width:480px;
	margin:0 20px;
	background:#fff;
	}

#mainContentArea div#caption01 a {
	background: url(../img/index/caption01_off.gif) no-repeat;
	display:block;
	margin:10px 0 0 0;
	}

#mainContentArea div#caption01 a:hover {
	background: url(../img/index/caption01_on.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption02 a {
	background: url(../img/index/caption02_off.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption02 a:hover {
	background: url(../img/index/caption02_on.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption03 a {
	background: url(../img/index/caption03_off.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption03 a:hover {
	background: url(../img/index/caption03_on.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption04 a {
	background: url(../img/index/caption04_off.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption04 a:hover {
	background: url(../img/index/caption04_on.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption05 a {
	background: url(../img/index/caption05_off.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption05 a:hover {
	background: url(../img/index/caption05_on.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption06 a {
	background: url(../img/index/caption06_off.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption06 a:hover {
	background: url(../img/index/caption06_on.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption07 a {
	background: url(../img/index/caption07_off.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption07 a:hover {
	background: url(../img/index/caption07_on.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption08 a {
	background: url(../img/index/caption08_off.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption08 a:hover {
	background: url(../img/index/caption08_on.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption09 a {
	background: url(../img/index/caption09_off.gif) no-repeat;
	display:block;
	}

#mainContentArea div#caption09 a:hover {
	background: url(../img/index/caption09_on.gif) no-repeat;
	display:block;
	}

#mainContentArea h3 {
	text-indent:-9999px;
	width:480px;
	height:19px;
	margin:0;
	padding:0;
	display:block;
	}

#mainContentArea p.textA {
	display:block;
	background:url(../img/index/txtbg_a.jpg) no-repeat;
	width:460px;
	height:42px;
	margin:0;
	padding:8px 10px;
	}
	
#mainContentArea p.textB {
	display:block;
	background:url(../img/index/txtbg_b.jpg) no-repeat;
	width:460px;
	height:28px;
	margin:0;
	padding:8px 10px;
	}
	
#mainContentArea p.textC {
	display:block;
	background:url(../img/index/txtbg_c.jpg) no-repeat;
	width:460px;
	height:53px;
	margin:0;
	padding:8px 10px;
	}

/*--------control area------*/
#mainCntl div.cntlBody div {
	padding:5px 5px 0 5px;
	cursor:pointer;
	}