@charset "utf-8";

html {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
	}

body {
	background:url("../img/body_bg.jpg") no-repeat center 100px;
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 150%;
	text-align:center;
	letter-spacing: 0.1em;
	}
	
a {
	color:#093;
}

a:hover {
	color:#666;
}

#top{
	height:100%;
	}

div#wrap{
	background:url("../img/body_bottom.jpg") no-repeat center 101%;
	width:100%;
	height:100%;
	min-height:100%;
	overflow:visible;
	margin:0;
	padding:0;
	}

body> div#wrap{
	height:auto;
	}

div#contents{
	width:950px;
	margin:0 auto;
	padding:35px 0;
	text-align:center;
	}

/*****LEFT*****/

div#left_clm{
	text-align:left;
	padding:0 30px;
	float:left;
	}

div#left_clm
div#title{
	text-indent:-9999px;
	width:160px;
	height:55px;
	}
	
div#left_clm
div#title a{
	background:url("../img/logo.gif") no-repeat;
	width:160px;
	height:55px;
	display:block;
	}

div#left_clm
div#title a:hover{
     filter: alpha(opacity=25);
    -moz-opacity:0.25;
	-webkit-opacity:0.25;
	-khtml-opacity: 0.25;
    opacity:0.25;
	}



div#left_clm_top{
	width:160px;
	padding:85px 0 0 0;
	}

div#left_clm_top ul li#home,li#company,li#work,li#access,li#mail{width:150px; height:30px; text-indent:-9999px;}

div#left_clm_top ul li a{ background:url("../img/menu01.jpg") no-repeat; display: block; height: 30px; width: 150px;}
div#left_clm_top ul li#home a{ background-position:0 0;}
div#left_clm_top ul li#home a:hover{ background-position:0 -150px;}
div#left_clm_top ul li#company a{ background-position:0 -30px;}
div#left_clm_top ul li#company a:hover{ background-position:0 -180px;}
div#left_clm_top ul li#work a{ background-position:0 -60px;}
div#left_clm_top ul li#work a:hover{ background-position:0 -210px;}
div#left_clm_top ul li#access a{ background-position:0 -90px;}
div#left_clm_top ul li#access a:hover{ background-position:0 -240px;}
div#left_clm_top ul li#mail a{ background-position:0 -120px;}
div#left_clm_top ul li#mail a:hover{ background-position:0 -270px;}

div#left_clm_top ul li.hover01{ background:url("../img/menu01.jpg") no-repeat; background-position:0 -150px; display: block; height: 30px; width: 150px; text-indent:-9999px;}
div#left_clm_top ul li.hover02{ background:url("../img/menu01.jpg") no-repeat; background-position:0 -180px; display: block; height: 30px; width: 150px; text-indent:-9999px;}
div#left_clm_top ul li.hover03{ background:url("../img/menu01.jpg") no-repeat; background-position:0 -210px; display: block; height: 30px; width: 150px; text-indent:-9999px;}
div#left_clm_top ul li.hover04{ background:url("../img/menu01.jpg") no-repeat; background-position:0 -240px; display: block; height: 30px; width: 150px; text-indent:-9999px;}


div#left_clm_foot{
	width:160px;
	padding:240px 0 0 0;
	}

div#left_clm_foot ul li#privacy,li#security,li#exemption,li#sitemap{width:150px; height:30px; text-indent:-9999px;}

div#left_clm_foot ul li a{ background:url("../img/menu02.jpg") no-repeat; display: block; height: 30px; width: 150px;}
div#left_clm_foot ul li#privacy a{ background-position:0 0;}
div#left_clm_foot ul li#privacy a:hover{ background-position:0 -120px;}
div#left_clm_foot ul li#security a{ background-position:0 -30px;}
div#left_clm_foot ul li#security a:hover{ background-position:0 -150px;}
div#left_clm_foot ul li#exemption a{ background-position:0 -60px;}
div#left_clm_foot ul li#exemption a:hover{ background-position:0 -180px;}
div#left_clm_foot ul li#sitemap a{ background-position:0 -90px;}
div#left_clm_foot ul li#sitemap a:hover{ background-position:0 -210px;}

div#left_clm_foot ul li.hover05{ background:url("../img/menu02.jpg") no-repeat; background-position:0 -120px; display: block; height: 30px; width: 150px; text-indent:-9999px;}
div#left_clm_foot ul li.hover06{ background:url("../img/menu02.jpg") no-repeat; background-position:0 -150px; display: block; height: 30px; width: 150px; text-indent:-9999px;}
div#left_clm_foot ul li.hover07{ background:url("../img/menu02.jpg") no-repeat; background-position:0 -180px; display: block; height: 30px; width: 150px; text-indent:-9999px;}
div#left_clm_foot ul li.hover08{ background:url("../img/menu02.jpg") no-repeat; background-position:0 -210px; display: block; height: 30px; width: 150px; text-indent:-9999px;}

div#copy{
	color:#666;
	width:160px;
	text-align:center;
	font-size:10px;
	padding:40px 0 0 0;
	}
/*****LEFT*****/


div#main_clm{
	width:700px;
	text-align:left;
	float:left;
	padding:0 30px 0 0;
	}
	
div#discription{
	margin:0;
	padding:0;
}

div#discription
h2{
	background:url(../img/home-sub.jpg) no-repeat;
	width:700px;
	height:55px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

div#subtitle{
	padding: 0 0 20px 0;
	}

div#subtitle
h2{
	width:700px;
	height:64px;
	text-indent:-9999px;
	}

div#subtitle h2#company{background:url(../img/subtitle_company.jpg) no-repeat;}
div#subtitle h2#work{background:url(../img/subtitle_works.jpg) no-repeat;}
div#subtitle h2#access{background:url(../img/subtitle_access.jpg) no-repeat;}
div#subtitle h2#privacy{background:url(../img/subtitle_privacypolicy.jpg) no-repeat;}
div#subtitle h2#security{background:url(../img/subtitle_securitypolicy.jpg) no-repeat;}
div#subtitle h2#exemption{background:url(../img/subtitle_exemption.jpg) no-repeat;}
div#subtitle h2#sitemap{background:url(../img/subtitle_sitemap.jpg) no-repeat;}

div#article{
	padding:85px 0 0 0;
	}
/**index**/

/**pnavi**/
div#article
div#pnavi{
	color:#666;
	text-align:left;
	font-size:80%;
	padding:4px 0 6px 0;
	}
/**pnavi**/

div#article
div#index_bn{
	background:url(../img/index_bn.jpg) no-repeat;
	width:700px;
	height:250px;
	text-indent:-9999px;
	margin:0 0 30px 0;
}

div#article
div#info_erea{
	padding:0 10px;
}

div#info_erea
div#info_left{
	width:320px;
	float:left;
}
div#info_erea
div#info_right
h3{
	text-indent:-9999px;
	background:url(../img/info_left_title.jpg) no-repeat;
	width:320px;
	height:34px;
	}

div#info_right
div#infomation{
	width:320px;
	height:290px;
	overflow-x:hidden;
	overflow-y:auto;
}

div#infomation
div#infomation_box{
	text-align:left;
	padding:6px;
}

div#infomation
p.block{
	padding:6px;
	border-bottom:#999 1px dotted;
	}
span.date{
	color:#093;
}



div#info_erea
div#info_right{
	width:320px;
	float:right;
}
div#info_erea
div#info_left
h3{
	text-indent:-9999px;
	background:url(../img/info_right_title.jpg) no-repeat;
	width:320px;
	height:34px;
	}

div.info_box{
	text-align:center;
	padding:6px;
	line-height:2.5em;
}

div.info_box
span.link{
	background:url(../img/link_bg.jpg) no-repeat left center;
	padding:0 0 0 17px;
}
/**index**/

div#article
div#article_box{
	padding:0 20px 20px 20px;
	line-height:1.6em;
	letter-spacing: 0.2em;
}

div#article
div#article_box
p{
	text-align:left;
}

/**company**/

div#article_box
table.def{
	width:96%;
	margin:0 auto 15px auto;
}

div#article_box
table.def
th.title,td.body{
	padding:10px 0;
	border-bottom: 1px solid #CCCCCC;
}

div#article_box
table.def
th.title{
	color:#360;
	width:25%;
	text-align:left;
	font-weight:bold;
	padding:0 0 0 20px;
}

div#article_box
table.def
td.body{
	width:75%;
	text-align:left;
}

div#article_box
div#company_privacy_box{
	padding:0;
	margin:0 0 10px 0;
	}
	
div#company_privacy_box
h3{
	background:url(../img/company_policy_title.jpg) no-repeat left center;
	width:660px;
	height:55px;
	text-indent:-9999px;
	}

div#company_privacy_box
p{
	padding:10px
	}
/**company**/

/**work**/
div#article_box
div.workdisc{
	padding:0;
	margin:0 0 20px 0;
}

div#article_box
div.workdisc
h3{
	background:url(../img/work_top.jpg) no-repeat;
	width:660px;
	height:174px;
	text-indent:-9999px;
}

div#article_box
div.workbox{
	border:3px solid #ddd;
	margin:0 0 20px 0;
}

div.workbox
div.worktitle{
	padding:0;
	margin:0;
}

div.workbox
div.worktitle
h4{
	text-align:left;
	width:654px;
	height:46px;
	text-indent:-9999px;
}

div.worktitle h4#it{background:url(../img/work_it.jpg) no-repeat;}
div.worktitle h4#ad{background:url(../img/work_ad.jpg) no-repeat;}
div.worktitle h4#hp{background:url(../img/work_hp.jpg) no-repeat;}
div.worktitle h4#cp{background:url(../img/work_cp.jpg) no-repeat;}

div.workbox
div.workbody{
	padding:0 10px 10px 10px;
}
/**work**/

/**access**/

div#article_box
div#access{
	background:url(../img/access.gif) repeat;
	text-align:center;
	padding:30px;
}

div#article_box
div.address,div.station{
	text-align:left;
	padding:20px;
}

div.station h3,div.address h3{
	color:#060;
	}

div.station p,div.address p{
	padding:0 0 0 20px;
	}
/**access**/


/**privacy**/
div#article_box
div.privacybox{
	margin:0 0 20px 0;
}

div.privacybox
h3{
	color:#060;
	font-weight:bold;
	text-align:left;
}


div.privacybox
div.privacybody{
	padding:0 10px 10px 10px;
}
/**privacy**/


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

.clearfix {
    display: block;
	}
	
.clear {
    clear: both;
	}