@charset "Shift_JIS";

/*================================================
	reset propaties 
================================================*/

html,body {background:#FFFFFF; color:#666666}

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0;}
img {
  border-style:none;
    max-width	: 95%;
    max-height	: 95%;
}
a{text-decoration:none;}
a:hover{text-decoration:none;}

a.btn{
	height:50px;
	display:block;
	overflow:hidden;
}

a.btn span{
	visibility:hidden;
}

.wrap{background:transparent;}
.wrap:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.left{
	float:left;
}

.right{
	float:right;
	text-align:left;
}

/*================================================
	#wrappper
================================================*/
#wrapper{
	width:960px;
	margin:0px auto 0px auto;
}

* html #wrapper{
	text-align:center;
}
/*================================================
	#siteHeader
================================================*/
#siteHeader{width:100%; height:56px;}
#siteHeader2{width:100%; height:56px; border-bottom:1px solid #CCCCCC;}
#head_wrap01{width:960px; margin:0 auto;text-align:center;}
#head_wrap01 a#siteid{display:block; width:161px; height:56px; float:left;text-align:left;}
#head_wrap01 dl{width:552px; height:56px; float:right;}
#head_wrap01 dl dt,
#head_wrap01 dl dd{float:left}
#head_wrap01 dl dt{width:552px; height:27px; text-align:right;}
#head_wrap01 dl dd{height:29px;overflow:hidden;}

#head_wrap01 dl dd.dd01{width:122px;margin-right:10px;}
#head_wrap01 dl dd.dd02{width:21px;margin-right:10px;}
#head_wrap01 dl dd.dd03{width:58px;margin-right:10px;}
#head_wrap01 dl dd.dd04{width:68px;margin-right:25px;}
#head_wrap01 dl dd.dd05{width:78px;margin-right:10px;}
#head_wrap01 dl dd.dd06{width:60px;margin-right:10px;}
#head_wrap01 dl dd.dd07{width:60px;}

#head_wrap01 dl dd a{
	display:block;
	width:inherit;
	height:29px;
	overflow:hidden;
	background-image:url(/index_imgs/index_btns_util.gif);
	background-repeat:no-repeat;
}

#head_wrap01 dl dd a:hover{text-decoration:none;}
#head_wrap01 dl dd.dd01 a{background-position:0 0;}
#head_wrap01 dl dd.dd01 a:hover{ background-position:0 -30px;}
#head_wrap01 dl dd.dd02 a{background-position:-132px 0;}
#head_wrap01 dl dd.dd02 a:hover{ background-position:-132px -30px;}
#head_wrap01 dl dd.dd03 a{background-position:-163px 0;}
#head_wrap01 dl dd.dd03 a:hover{ background-position:-163px -30px;}
#head_wrap01 dl dd.dd04 a{background-position:-231px 0;}
#head_wrap01 dl dd.dd04 a:hover{ background-position:-231px -30px;}
#head_wrap01 dl dd.dd05 a{background-position:-325px 0;}
#head_wrap01 dl dd.dd05 a:hover{ background-position:-325px -30px;}
#head_wrap01 dl dd.dd06 a{background-position:-413px 0;}
#head_wrap01 dl dd.dd06 a:hover{ background-position:-413px -30px;}
#head_wrap01 dl dd.dd07 a{background-position:-483px 0;}
#head_wrap01 dl dd.dd07 a:hover{ background-position:-483px -30px;}
#head_wrap01 dl dd a span{visibility:hidden;}




/*================================================
	#siteGnavi
================================================*/
#siteGnavi{width:100%; height:50px;}
#navi_area{
	width:960px;
	height:50px;
	text-align:center;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}

#navi_area ul#menu{
	display:block;
	width:960px;
	clear:both;
}

#navi_area #menu li {
	position:relative;
	display:block;
	float:left;
	margin:0;
	padding:0px;
	width:120px;
	background-image:url(/shared/img/cojp_cmn_nav.jpg);
	background-repeat:no-repeat;
	border:0;
	height:50px;
}

#navi_area #menu li span{
	display:none;
}

#menu .li01{background-position:0 0;}
#menu .li02{background-position:-120px 0;}
#menu .li03{background-position:-240px 0;}
#menu .li04{background-position:-360px 0;}
#menu .li05{background-position:-480px 0;}
#menu .li06{background-position:-600px 0;}
#menu .li07{background-position:-720px 0;}
#menu .li08{background-position:-840px 0;}

#menu .li01:hover{background-position:0 -60px; width:120px;}
#menu .li02:hover{background-position:-120px -60px; width:120px;}
#menu .li03:hover{background-position:-240px -60px; width:120px;}
#menu .li04:hover{background-position:-360px -60px; width:120px;}
#menu .li05:hover{background-position:-480px -60px; width:120px;}
#menu .li06:hover{background-position:-600px -60px; width:120px;}
#menu .li07:hover{background-position:-720px -60px; width:120px;}
#menu .li08:hover{background-position:-840px -60px;}


/*================================================
	#siteFooter
================================================*/

#siteFooter{
	width:960px;
	padding-top:20px!important;
	height:30px;
	background:none!important;
	border-top:1px solid #cccccc;
	clear:both;
	overflow:hidden;
}

#siteFooter span{visiblly:hidden}

#siteFooter #copy{
	height:10px;
	width:400px;
	background:url(/shared/img/cmn_copyright_002.gif) -2px -7px no-repeat;
	float:left;
}
#siteFooter #copy:hover{
	background:url(/shared/img/cmn_copyright_002_o.gif)  -2px -7px no-repeat;
}


#siteFooter #copy span{
	visibility:hidden;
}

#siteFooter ul{
	float:right;
	display:block;
	width:288px;
	height:16px;
}

#siteFooter ul li{
	display:block;
}


#siteFooter ul li a span{
	visibility:hidden;
}

#siteFooter ul li.li001 {
	width:110px;
	overflow:hidden;
	float:left;
}

#siteFooter ul li.li001 a{
	width:110px;
	background:url(/index_imgs/cmn_btn_102.gif) -2px -10px no-repeat;
	height:12px;
	overflow:hidden;
}
#siteFooter ul li.li001 a:hover{
	background:url(/index_imgs/cmn_btn_102_o.gif) -2px -10px no-repeat;
}
#siteFooter ul li.li002 {
	width:178px;
	overflow:hidden;
	float:right;
}

#siteFooter ul li.li002 a{
	width:178px;
	background:url(/index_imgs/cmn_btn_103.gif) -2px -10px no-repeat;
	height:12px;
	overflow:hidden;	
}
#siteFooter ul li.li002 a:hover{
	background:url(/index_imgs/cmn_btn_103_o.gif) -2px -10px no-repeat;
}