/* CSS Document */
@import url("reset.css");

html{
	overflow-y:scroll;
}

body{
	text-align:center;
	background:#fafafa;
	font-weight:normal;
	color:#666666;
	line-height:15px;
	font-size:12px;
}


/*-------------Link------------------------*/
a:link {
/*	color:#FF0000;
*/	text-decoration:none;
	color:#0000FF;
}
a:visited {
	color:#0000FF;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:active {
	color:#666;
}

/*-------------wrapper------------------------*/
#wrapper{
	text-align:left;
	background:url(../images/header_bg.gif) top center no-repeat;
	width:100%;
	margin:0 auto;
}

/*-------------header------------------------*/

#header{
	margin:0 auto;
	padding:20px 0 15px 0;
	width:810px;
}

#header #siteTitle{
	float:left;
	padding:0 59px 30px 0;
	width:273px;
	height:72px;
}

#header p{
	float:left;
	padding:28px 0 0 0;
	width:471px;
}

#hd_contents{
	width:810px;
	margin:0 auto;
}

#move_area{
	clear:both;
	padding:30px 29px 60px 31px;
	height:413px;
}

/*-------------g_navi------------------------*/
ul#g_navi{
	background:url(../images/g_navi_bg.gif) 0px 0px no-repeat;
	padding:0;
	/*margin:50px 0 0 0;*/
	width:811px;
	height:70px;
}
ul#g_navi li{
	float:left;
	height:70px;
}


/*-------------contents_area------------------------*/
#contents_area{
	line-height:25px;
	/*clear:both;*/
	width:2410px;
}

/*-------------cont共通------------------------*/

#contents_area #cont01{
	width:800px;
	float:left;
	height:700px;
}

#contents_area #cont02{
	width:800px;
	float:left;
	height:1600px;
}

#contents_area #cont03{
	width:700px;
	float:left;
	height:800px;
}

#cont01 .sectionTitle,
#cont02 .sectionTitle,
#cont03 .sectionTitle{
	padding:50px 0 20px 0;
}

#contents_area #cont01{
	background:url(../images/cont01/cont01_contHead.gif) top left no-repeat;
}

#contents_area #cont02{
	background:url(../images/cont02/cont02_contHead.gif) top left no-repeat;
}

#contents_area #cont03{
	background:url(../images/cont03/cont03_contHead.gif) top center no-repeat;
}



/*-------------cont01------------------------*/
#contents_area #cont01 #areaBox01 .featureUnit{
	padding:30px;
	float:left;
}
#contents_area #cont01 #areaBox01 .featureUnit dl dt{
	padding:15px 0;
	width:200px;
}
#contents_area #cont01 #areaBox01 .featureUnit dl dd{
	width:200px;
	font-size:14px;
	line-height:1.8;
}

#contents_area #cont01 #areaBox01{
	background-color:#FFFFFF;
	width:790px;
	padding-left:10px;
	height:430px;
}

/*-------------cont02------------------------*/
#contents_area #cont02 #areaBox02{
	width:680px;
	padding:0 60px;
}

#contents_area #cont02 #areaBox02 dl{
	margin:10px 0 0 0;
	padding:10px 0 30px 0;
	border-top:#999999 1px dotted;
}

#contents_area #cont02 #areaBox02 dt{
	padding:0 0 10px 0;
}

#contents_area #cont02 #areaBox02 dd{
	border-bottom:#999999 1px dotted;
	padding:0 0 10px 0;	
}

#contents_area #cont02 #areaBox02 dl.dl_icon{
	background:url(../images/cont02/cont02_icon.gif) bottom center no-repeat;
}


/*-------------cont03------------------------*/
#contents_area #cont03{
	font-size:12px;
	padding:30px 0;
}
#contents_area #cont03 p{
	width:310px;
	height:329px;
	float:left;
}
#cont03 .sectionTitle{
	padding:20px 0;
}

#contents_area #cont03 #cont03_right{
	width:480px;
	height:400px;
	float:right;
}

#contents_area #cont03 #cont03_right dl{
	padding:3px 10px;
	border-top:#999999 1px dotted;
	
}

#contents_area #cont03 #cont03_right dl dt{
	float:left;
	width:120px;
	padding:0 30px 0 0;
}

#contents_area #cont03 #cont03_right dl dt dd{
	float:left;
	width:330px;
}

dl.underline dt{
	letter-spacing:1em;
}

/*-------------footer------------------------*/
#footer{
	clear:both;
	text-align:left;
	padding:70px 0 0 0;
	width:100%;
	height:190px;
	background:#333333 url(../images/footer_line.gif) top left repeat-x;
}

#ft_contents{
	width:851px;
	margin:0 auto;
}

#ft_left{
	float:left;
	padding:30px 0 0 20px;
	width:350px;
	height:33px;
}

#ft_left p{
	float:left;
}

#ft_left p#btn_company{
	float:right;
	padding:5px 0;
}

p#ft_right{
	font-size:12px;
	color:#FFFFFF;
	text-align:right;
	line-height:23px;
	float:right;
	padding:25px 0 0 0;
	width:320px;
	height:40px;
}

/*-------------classes------------------------*/
.clear{
	clear:both;
}

.underline{
	border-bottom:#999999 1px dotted;
}
.ltsp01{
	letter-spacing:1em;
}

.ltsp02{
	letter-spacing:0.1em;
}

.ltsp03{
	letter-spacing:0.5em;
}

/*-------------スクロール用------------------------*/
#mask{
	width:800px;
	overflow:hidden;
	margin:0 auto;
}