@charset "utf-8";

/* -------------------------------------------------------------
local.css
------------------------------------------------------------- */
body#jotop {
	background: url(../images/bg_grade.jpg) repeat-x 0 0;
}

.section {
	border-bottom: 3px solid #000;
}

/*----------------------------------------------------
contents
----------------------------------------------------*/
.section #contents {
	background: url(../images/bg.jpg) no-repeat center 0;
	width: 900px;
	margin: 0 auto;
	position: relative;
}

.section #contents #head {
	padding: 100px 0 0 0;
	height: 349px;
}
.section #contents #head h2 {
	background: url(../images/logo.jpg) no-repeat 0 0;
	width: 71px;
	height: 0;
	padding: 88px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 15px;
	right: 4px;
}
.section #contents #head h1 {
	background: url(../images/lead.jpg) no-repeat 0 0;
	width: 387px;
	height: 0;
	padding: 43px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 27px;
	right: 88px;
}
.section #contents #head p.bg {
	background: url(../images/bg_side.jpg) no-repeat 0 0;
	width: 125px;
	height: 0;
	padding: 165px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -125px;
}

.section #contents #head #idx-mainvisual {
	width: 900px;
	height: 299px;
}

/*0126CM追加*/

.section #contents #head #idx-mainvisual #idx_column{
	float:left;
	width:482px;
	height:335px;
	background:#ffffff;
	text-align:center;

}

.section #contents #head #idx-mainvisual #idx_column #attention {
	padding-top:50px;
}

.section #contents #head #info-box{
	float:left;
	background:url(../images/index_bg.jpg) no-repeat left top;
	width:417px;
	height:335px;
}

.section #contents #head #info-box .copy {
	padding:32px 0 0 24px;
}


.section #contents #head #info-box .contact {
	padding:19px 0 0 3px;
}

.section #contents #head #info-box .btn {
	padding-left:74px;

}





/*-----------------------------*/

.section #contents div#area {
	width: 900px;
	margin: 0 auto;
	padding: 25px 0 20px 0;
}

/*----------------------------------------------------
banner
----------------------------------------------------*/

div#banner {
	width: 418px;
	height: 100px;
	float: left;
}
div#banner dl {
	float: left;
}
div#banner dl.jo,
div#banner dl.ancs {
	margin: 0 14px 0 0;
}
div#banner dl dt a {
	display: block;
	height: 0;
	padding: 50px 0 0 0;
	margin: 0 0 10px 0;
	overflow: hidden;
}
div#banner dl dd {
	height: 0;
	overflow: hidden;
}
/*----------*/
div#banner dl.jo dt a {
	background: url(../images/btn_jo.jpg) no-repeat 0 0;
	width: 200px;
}
div#banner dl.jo dd {
	background: url(../images/txt_jo.gif) no-repeat 0 0;
	width: 200px;
	padding: 40px 0 0 0;
}
/*----------*/
div#banner dl.ancs dt a {
	background: url(../images/btn_ancs.jpg) no-repeat 0 0;
	width: 95px;
}
div#banner dl.ancs dd {
	background: url(../images/txt_ancs.gif) no-repeat 0 0;
	width: 95px;
	padding: 26px 0 0 0;
}
/*----------*/
div#banner dl.emiw dt a {
	background: url(../images/btn_emiw.jpg) no-repeat 0 0;
	width: 95px;
}
div#banner dl.emiw dd {
	background: url(../images/txt_emiw.gif) no-repeat 0 0;
	width: 95px;
	padding: 26px 0 0 0;
}
/*----------*/

/*----------------------------------------------------
news
----------------------------------------------------*/

div#news {
	width: 463px;
	float: right;
}

div#news h3 {
	background: url(../images/tlt_news.gif) no-repeat 0 0;
	width: 463px;
	height: 0;
	padding: 30px 0 0 0;
	margin: 0 0 10px 0;
	overflow: hidden;
	position: relative;
}
div#news h3 a {
	display: block;
	background: url(../images/arrow_more.gif) no-repeat 0 0;
	width: 140px;
	height: 0;
	padding: 11px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 9px;
	right: 0;
}
div#news dl:before,
div#news dl:after {
	margin: 0 0 5px 0;
		content:"";
		display:table;
}
div#news dl:after {
		clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
div#news dl {
		zoom:1;
}

/*--2011.10.24--*/
div#news dl dt {
	float: left;
	font-size: 11px;
	vertical-align: top;
	margin: 0 5px 0 0;
	color:#666666;
	font-weight:700;
	width: 105px;
}
div#news dl dt span {
	display: inline-block;
	width: 47px;
	height: 18px;
	text-indent: -9999px;
	margin: 0 0 0 5px;
}

/*--2011.10.24--*/
div#news dl dd {
	font-size: 12px;
	float: left;
	vertical-align: top;
	padding: 1px 0 0 0;
	width: 353px;
}

div#news dl.jo dt span {
	background: url(../images/icon_jo.gif) no-repeat 0 2px;
}
div#news dl.ancs dt span {
	background: url(../images/icon_ancs.gif) no-repeat 0 2px;
}
div#news dl.emiw dt span {
	background: url(../images/icon_emiw.gif) no-repeat 0 2px;
}



/*----------------------------------------------------
footer
----------------------------------------------------*/

#footer {
	width:900px;
	height: 40px;
	position:relative;
	margin: 6px auto 0 auto;
}
#footer .utilityInfo01{
	background: url(../common/images/cmn_img_tel.gif) no-repeat 0 0;
	width:184px;
	height: 0;
	padding: 16px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 0;
}
#footer .fnav{
	font-size: 0px;
	width:480px;
	height:9px;
	position: absolute;
	top: 15px;
	left: 204px;
}
#footer .fnav li{
	list-style:none;
	text-indent: -9999px;
}
#footer .fnav li a{
	float: left;
	height: 9px;
	margin: 0 15px 0 0;
}
#footer .fnav li.jo a {
	background: url(../common/images/cmn_btn_utility4.gif) no-repeat 0 0;
	width: 81px;
}
#footer .fnav li.emiw a {
	background: url(../common/images/cmn_btn_utility5.gif) no-repeat 0 0;
	width: 42px;
}
#footer .fnav li.ancs a {
	background: url(../common/images/cmn_btn_utility6.gif) no-repeat 0 0;
	width: 43px;
}
#footer .fnav li.csr a {
	background: url(../common/images/cmn_btn_utility1.gif) no-repeat 0 0;
	width: 64px;
}
#footer .fnav li.privacy a {
	background: url(../common/images/cmn_btn_utility2.gif) no-repeat 0 0;
	width: 82px;
}
#footer .fnav li.corporation a {
	background: url(../common/images/cmn_btn_utility3.gif) no-repeat 0 0;
	width: 46px;
}

.copyright {
	background: url(../common/images/cmn_copyright.gif) no-repeat 0 0;
	width:183px;
	height: 0;
	overflow: hidden;
	padding: 10px 0 0 0;
	position: absolute;
	top: 15px;
	right: 0;
}