@charset "UTF-8";
/* CSS Document */

body {
	line-height: 1.4;
	text-align: center;
	background: url(../images/body_bg.jpg) no-repeat center top;
		background-color: #dadada;
				color: #444;
}
#pageOuter {
text-align: left;
width: 976px;
margin-right: auto;
margin-left: auto;
padding-bottom: 8px;
background: url(../images/page_bottom_shadow.png) no-repeat center bottom;
}
#page {
text-align: left;
padding-right: 8px;
padding-left: 8px;
margin-top: 30px;
background: url(../images/page_shadow.jpg) repeat-y center top;
}

/* ------- headerArea ------- */
#headerArea {
width: 960px;
}
#headerArea h1 {
display: inline;
float: left;
width: 310px;
margin-bottom: 2px;
margin-left: 24px;
margin-top: 10px;
font-weight: 500;
color: #4198c5;
}
#headerArea #clock {
	float: left;
	margin-left: 90px; 
	margin-top: 10px;
	width: 100px;
	height: 100px;
}
#headerArea #utility {
background: url(../images/utility_bg.png) no-repeat;
display: inline;
float: right;
height: 100px;
width: 320px;
margin-right: 0px;
padding-top: 10px;
padding-left: 10px;
padding-right: 24px;
}
#headerArea #utility li { display: inline; }

/* -------ヘッダーエリア　グローバルナビゲーション------- */
#headerArea #gNav {
clear: both;
width: 960px;
padding-top: 2px;
margin-bottom: 0px;
margin-left: 0px;
}
#headerArea #gNav li { display: inline; }

/* -------コンテンツエリア------- */
#contentsArea {
width: 960px;
padding-left: 24px;
padding-right: 24px;
margin-bottom: 0px;
}
#contentsArea #mainImage { margin-top:10px;margin-bottom: 15px; }
#contentsArea #pankuzu li {
	display: inline;
}

/* ------- column01------- */
#contentsArea #column01 {
float: left;
width: 200px;
padding-top: 20px;
}
#contentsArea #contentsBlock {
margin-bottom: 15px;
padding-bottom: 15px;
}

/* ------- column02------- */
#contentsArea #column02 {
float: right;
width: 718px;
padding-top: 20px;
padding-right: 24px;
}

#contentsArea #column02 #linkbox {
	padding-top: 10px;
}

/* ------- column02_left ------- */
#contentsArea #column02_left {
float: left;
width: 456px;
padding-right: 18px;
}

/* ------- column02_single ------- */
#contentsArea #column02_single {
float: left;
width: 694px;
padding-right: 24px;
}

/* ------- column02_right ------- */
#contentsArea #column02_right {
float: right;
width: 220px;
margin-right: 24px;

}

/* ------- column02_right2 ------- */
#contentsArea #column02_right2 {
float: right;
width: 220px;
margin-right: 24px;
}

/* ------ footerArea ------ */
#footerArea {
background: url(../images/footer_logo.png) no-repeat left top;
width: 960px;
padding-top: 80px;
margin-bottom: 0px;
margin-left: -24px;
padding-bottom: 6px;
}

#footerArea p {
	margin-top:10px;
	padding: 0;
	margin: 0;
	margin-left: 30px;
	margin-top: 8px;
	padding-bottom: 8px;
	font-weight: 700;
	color: white;
	font-size: 120%;
}
#footerArea a {
	color:white;
	text-decoration: none;
}

/* ---- Toppage ---- */
#column01 .column01boxBottom {
	background: url(../images/column01boxBottom.png) no-repeat left bottom;
	width: 200px;
	padding-bottom: 15px;
}

#column01 #column01box {
	background:url(../images/column01boxtop.png) no-repeat left top;
	padding-top: 20px;
	padding-bottom: 9px;
	padding-left: 10px;
}
#column01 #column01box li {
	margin-bottom: 8px;
}

#column01 .column01accessboxBottom {
	background: url(../images/column01accessboxBottom.png) no-repeat left bottom;
	width: 200px;
	padding-bottom: 15px;
}

#column01 #column01accessbox {
	background:url(../images/column01accessboxtop.png) no-repeat left top;
	margin-top: 20px;
	padding-top: 45px;
	padding-bottom: 9px;
	padding-left: 10px;
}

#column02_left_aboutus {
	background: url(../images/column02_left_aboutus_bg_top.png) no-repeat center top;
	width: 456px;
	padding-top: 29px;
	padding-bottom: 9px;
}
#column02_left_aboutus p {
	width: 416px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 110%;
	line-height: 1.8em;
}

.column02_left_aboutus_boxBottom {
	background: url(../images/column02_left_aboutus_bg_bottom.png) no-repeat center bottom;
	width: 456px;
	padding-bottom: 20px;
}

#column02_left_aboutusBlock {
	background: url(../images/column02_left_aboutusBlock_bg_top.png) no-repeat center top;
	width: 456px;
	padding-top: 29px;
	padding-bottom: 9px;
}
#column02_left_aboutusBlock p {
	width: 416px;
	padding-left: 16px;
	padding-right: 20px;
	font-size: 140%;
	line-height: 1.8em;
}

.column02_left_aboutusBlock_boxBottom {
	background: url(../images/column02_left_aboutusBlock_bg_bottom.png) no-repeat center bottom;
	width: 456px;
	padding-bottom: 40px;
}

#column02_left_aboutusBlock ul {
	margin-top: 10px;
	padding-left: 16px;
	padding-right: 20px;
	margin-bottom: 10px;
}

#column02_left_aboutusBlock li {
	font-size: 140%;
	list-style: disc;
	line-height: 1.4em;
	margin-left: 16px;
	padding-right: 20px;
}
.column02_single_companyBlock_boxBottom {
	background: url(../images/column02_single_companyBlock_bg_bottom.png) no-repeat center bottom;
	width: 694px;
	padding-bottom: 30px;
}

#column02_single_companyBlock {
	background: url(../images/column02_single_companyBlock_bg_top.png) no-repeat center top;
	width: 694px;
	padding-top: 30px;
	padding-bottom: 9px;
}

#column02_single_companyBlock dl {
	padding: 0;
	font-size: 160%;
	font-weight: 600;
	color: #1b1b1b;
}

#column02_single_companyBlock dl dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	width: 8em;
	float: left;
		color: #444;
}
	
#column02_single_companyBlock dl dd {
	margin: 0 0 0 8em;
	padding: 0.3em 1em;
				color: #444;
}

#column02_single_LINKBlock {
	background: url(../images/column02_single_companyBlock_bg_top.png) no-repeat center top;
	width: 694px;
	padding-top: 30px;
	padding-bottom: 9px;
}

#column02_single_LINKBlock dl {
	padding: 0;
	font-size: 120%;
	font-weight: 600;
	color: #1b1b1b;
}

#column02_single_LINKBlock dl dt {
	margin: 0;
	padding: 1em 0 0.1em 1em;
	width: 20em;
	float: left;
		color: #444;
}
	
#column02_single_LINKBlock dl dd {
	margin: 0 0 0 8em;
	padding: 1em 1em;
				color: #444;
				font-weight: 500px;
}
#column02_single_LINKBlock dl dd a {
					font-weight: 500px;
				text-decoration: none;
}
#column02_single_LINKBlock dl dd a:hover {
					font-weight: 500px;
					color: gray;
					text-decoration: underline;
}

#kokuban {
	background-image: url(../images/column02_left_aboutus02.png);
	height: 353px;
}

.clock_face {
	width: 100px;
	height: 100px;
	background-image: url("../images/hogehoge/clock_face.png");
	position: relative;
}

.clock_hours,
.clock_minutes,
.clock_seconds {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
}