br.clear {
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 0;
	line-height: 0;
}

#co-act {
	margin:0;
	text-align:center;
	}

#co-act * {
	text-align:left;
	}

#co-act p {
	margin:7px;
	padding: 0 2px;
	}

#my-contents #co-act h1 {
	font-size:28px;
	font-weight:normal;
	color:#333;
	margin:0 0 30px;
	border-right:1px solid #999;
	border-bottom:1px double #999;
	padding:40px 0 14px 18px;

	background-image:url(../img/h1-act.jpg);
	background-position:100% 100%;
	background-repeat:no-repeat;
}

#co-act ul.act {
	margin:10px 0 20px 0;
	padding:0;
	line-height:1.6em;
	float:right;
	}

#co-act li.act {
	padding-left:15px;
	margin-top:1em;
	margin-bottom:0;
	}

/* TOP commitment */

#co-act .commitment-box {
	width:711px;
	margin-left:20px;
	color:#333;
	}

#co-act .commitment-box p{
	margin:10px 15px;
	}
	
#co-act .commitment-box h2{
	width:711px;
	background-image:url(../img/csr_commit_h2_bg.jpg);
	background-color:#FFF;
	background-repeat:no-repeat;
	margin:0;
	font-size:100%;
	border:none;
	}	

#co-act .commitment-box h2 span{
	color:#333;
	padding:5px 13px 0 13px;
	}

#co-act .commitment-box h3{
	width:680px;
	background-color:#FFF;
	margin:20px 15px 0;
	border-left: #666 solid 4px;
	}	

#co-act .commitment-box h3 span{
	color:#333;
	font-size:100%;
	padding:5px 5px 0;
	}
	
#co-act .commitment-box .link{
	background-image:url(../img/sc_mk.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	margin:10px 30px;
	padding:0 0 0 15px;
	list-style:none;
	}	

#co-act .commitment-box .link a{
	text-decoration:underline;
	color:333;
	}

.main_menu_banner_area .banner{
	margin:0 10px;
	float:left;
}

/*.main_menu_banner_area .banner a{
}*/

.main_menu_banner_area .banner a:hover{
		background-color:#ffe7e7;
		width:202px;
		height:42px;
		float:left;
}
	
.main_menu_banner_area .banner_bg{
		background-image:url(../img/sc_mk2.gif);
		background-repeat:no-repeat;
		background-position:180px;
		width:180px;
		height:20px;
		border:#bbb solid 1px;
		padding:10px;
		display:block;
		float:left;
}

/* common parts */
#co-act h2#sub {
	background-image:url(../img/xxxx.jpg);
	font-size:120%;
	color:#333;
	font-weight:bolder;
	margin:0;
	padding:3px 0;
	text-indent:0.5em;
	border:none;
}

#co-act h2#sub {
	padding-left:5px;
}

#co-act .box-mid {
	width:750px;
	padding:0px;
	margin:20px auto 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background-image:url(../img/img_sponsor/box-bg2.gif);
	background-repeat:repeat-y;
	}

#co-act .box-mid h3 {
	border-left:0 solid #000;
	margin:0 auto 20px;
	background-image:url(../img/csr_h2_bg.jpg);
	border:#bbbbbb solid;
	border-width:0 1px 1px;
	background-repeat:repeat-y;
	background-color:#3a64ba;
	padding:7px;
	color: #FFFFFF;
	font-weight: bold;
	}

#co-act .box-mid h4 {
	clear:none;
	font-size:100%;
	line-height:1.4em;
}
	
#co-act .box-mid div.img{
	text-align:center;
	margin:30px auto;
	}
	
#co-act .box-mid div.img table{
	margin:0 auto;
	border:none;
	}
		
#co-act .box-mid div.img table td,
#co-act .box-mid div.img table td div{
	text-align:center;
	margin:0 auto;
	}

#co-act .box-mid ul, dl{
 	margin:15px 40px;
	color:#333;
	padding:0;
	}
	
#co-act .box-mid div.tbl table{
	width:710px;
	padding-top:0;
	margin:0px auto;
	border-width:1px 0px 0px 1px;
	border-color:#ddd;
}

#co-act .box-mid div.tbl caption{
	text-align:right;
	font-weight:100;
	padding-right:1em;
}

#co-act .box-mid div.tbl table thead th{
	text-align:center;
	padding:0 7px;
}

#co-act .box-mid div.tbl table tbody th{
	text-align:left;
	background-color:#fff;
	padding:0 7px;
}

#co-act .box-mid div.tbl table td{
	text-align:right;
	padding-right:7px;
	border-width:0px 1px 1px 0px;
	border-color:#ddd;
}

#co-act .box-mid caption{
	display:none;
}

/* environmental */
#co-act .captxt {
	color: #333333;
	font-weight: bold;
	text-indent:2px;
	border-left:8px solid #717171;
	margin:20px 25px 20px 17px;
}

/* culture */
/* sports */
/* faundation */
#co-act .found-box {
	width:750px;
	margin:30px auto;
	padding:0 0 5px;
}

#co-act .found-title {
	text-indent:0.5em;
	margin:0;
	font-size:120%;
	font-weight: bolder;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#co-act .found-cap {
	text-indent:0.5em;
	margin:0;
	font-size:120%;
	font-weight: bolder;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image:url(../img/xxxx.jpg);
	}

#co-act .found-box dl {
	/*width:710px;*/
	margin:0;
	padding:10px;
	}

#co-act .found-box dt {
	/*width:440px;*/
	margin-top:0.5em;
	text-align:left;
	font-weight: bold;
	line-height:1.6em;
	}

#co-act .found-box dd {
	/*width:440px;*/
	margin-top:0.1em;
	margin-left:1.5em;
	margin-right:0;
	}
	
#co-act .found-box div.txt02 {
	width:430px;
	margin-top:0.1em;
	margin-right:0;
	float:left;
	}
	
#co-act .found-box div.txt02 ul {
	margin-left:15px;
	list-style:decimal;
	background-image:none;
	}
#co-act .found-box div.txt02 ul li {
	list-style:disc;
	margin:0 0 0 20px;
	padding:0;
	background-image:none;
	}

#co-act .found-box div.photo02 {
	width:300px;
	float:left;
	}

#co-act .found-box div.photo02 img {
	margin:10px 0 0 10px;
	display:block;
	}

#co-act .found-box div.txt03 {
	width:520px;
	margin-top:0.1em;
	margin-right:0;
	float:left;
	}

#co-act .found-box div.photo03 {
	width:210px;
	margin-left:10px;
	margin-top:20px;
	float:left;
	}
#co-act .found-box div.photo03 p {
	margin-top:0;
	line-height:1.4em
	}

#co-act .found-box div.btn{
	margin:30px 0 20px;
	}

#co-act .found-box div.btn img {
	margin:0 0 0 10px;
	float:left;
	}

#co-act .found-box div.btn p {
	margin:6px 0 0 10px;
	float:left;
	}

#co-act ul.cate {
	float:right;
	margin:10px 0 20px;
	padding:0;
	line-height:1.6em;
	}

#co-act li.cate {
	text-align:right;
	background-image:url(/img/arrow-s.gif);
	background-position:right 50%;
	background-repeat:no-repeat;
	padding-right:15px;
	margin-top:1em;
	margin-bottom:0;
	}

/* sponsor */

#co-act .box-mid h3 span.news {
	color:#fff;
	background-image:url(../img/img_sponsor/icon_note.gif);
	margin:0;
	padding:1px 3px;
	margin-right:10px;
	float:right;
	background-repeat: no-repeat;
	background-position: right 50%;
	font-size:80%;
	font-weight:normal;
	width:100px;
	background-color:#3a64ba;
	}

#co-act .box-mid h3 span.news a {
	color:#FFFF99;
	text-decoration:underline;
	}

#co-act .box-mid h3 span.news a:hover {
	color:#FFFF99;
	text-decoration:none;
	}

#co-act .spn-box-mid div.txt01 {
	width:550px;
	float:left;
}

#co-act .spn-imgbox {
	width:710px;
	margin:7px auto 3px auto;
	line-height:1.2em;
	}

#co-act .spn-imgbox div.image01 {
	width:215px;
	margin-bottom:10px;
	float:left;
	}

#co-act .spn-imgbox div.image02 {
	width:415px;
	margin-bottom:10px;
	float:left;
	}

#co-act .spn-imgbox div.image03 {
	width:250px;
	margin-bottom:10px;
	float:left;
	}

#co-act .spn-imgbox div.image04 {
	width:180px;
	margin-bottom:10px;
	float:left;
	}

#co-act .ctxt {
	background-image:url(/img/mark-c.gif);
	background-repeat:no-repeat;
	background-position:left 0.2em;
	text-indent:1.1em;
	}

#co-act .spn-imgbox div.banner img {
	margin-bottom:10px;
	border:1px solid #990000;
	display:block;
	}

#co-act .spn-box-mid div.img01 {
	margin:0 5px 0 15px;
	float:right;
}

/* Community */
#co-act .com-box-head div.news {
	color:#fff;
	background-image:url(../img/img_sponsor/icon_note.gif);
	margin:0px;
	padding:15px;
	margin-right:10px;
	float:right;
	background-repeat: no-repeat;
	background-position: right 50%;
	}

#co-act .com-box-head div.news a {
	color:#FFFF99;
	text-decoration:underline;
	}

#co-act .com-box-head div.news a:hover {
	color:#FFFF99;
	text-decoration:none;
	}

#co-act .com-box-body div.txt02 {
	width:460px;
	margin-right:0em;
	float:left;
	}
	
#co-act .com-box-body div.txt02 ul {
	margin-left:15px;
	list-style:decimal;
	background-image:none;
	}
#co-act .com-box-body div.txt02 ul li {
	list-style:disc;
	margin:0 0 0 20px;
	padding:0;
	background-image:none;
	}

#co-act .com-box-body div.photo02 {
	width:260px;
	float:left;
	text-align: center;
	font-size: 0.9em;
	}

#co-act .com-box-body div.photo02 img {
	margin:10px 0 0 10px;
	display:block;
	}

#co-act .com-box-mid div.txt01 {
	width:550px;
	float:left;
}

#co-act .com-txtbox {
	width: 500px;
	}

#co-act .com-txtbox dl {
	margin-top:1em;
	margin-bottom:1em;
	}

#co-act .com-txtbox dt {
	text-align:left;
	font-weight: bold;
	line-height:1.6em;
	}

#co-act .com-txtbox dd {
	margin-left:1.5em;
	margin-top:0.1em;
	margin-right:1.5em;
	padding-left:10px;
	background-image:url(/img/arrow-s.gif);
	background-position:left 0.5em;
	background-repeat:no-repeat;
	}

#co-act .com-txtbox dl dd a {
	text-decoration:none;
	border-bottom:1px solid #666;
	}
	
#co-act .com-txtbox dl dd a.tv {
	text-decoration:none;
	border-bottom:1px solid #666;
	background:url(/img/icon_tv.gif) no-repeat 100% 0;
	padding-right:17px;
	line-height:1.2em;
	}

#co-act .com-txtbox dl dd a:hover {
	text-decoration:none;
	border-bottom:1px solid #fff;
	}

#co-act .com-imgbox {
	width:710px;
	margin:7px auto 3px auto;
	line-height:1.2em;
	float: right;
	}

#co-act .com-imgbox div.image01 {
	width:320px;
	margin-bottom:20px;
	float:left;
	text-align: center;
	font-size: small;
	margin-left: 20px;
	}

#co-act .com-imgbox div.image02 {
	width:415px;
	margin-bottom:10px;
	float:left;
	}

#co-act .com-imgbox div.image03 {
	width:250px;
	margin-bottom:10px;
	float:left;
	}

#co-act .com-imgbox div.image04 {
	width:180px;
	margin-bottom:10px;
	float:left;
	}

#co-act .com-imgbox div.banner img {
	margin-bottom:10px;
	border:1px solid #990000;
	display:block;
	}

#co-act .com-box-mid div.img01 {
	margin:0 5px 0 15px;
	float:right;
}

/* Community EOL */
/* past */
#co-act .past-box-head {
	width:746px;
	margin:25px auto 0;
	padding:5px 0px;
	text-indent:1em;
	border-left:4px solid #bbb;
	border-bottom:1px solid #bbb;
	font-size:110%;
	font-weight:bold;
}

#co-act .past-box-mid {
	width:750px;
	margin:0 auto 10px;
}

#co-act .past-box-mid table{
	width:730px;
	margin:0 auto;
	border:none;
	}

#co-act .past-box-mid table th{
	color:#666;
	width:12em;
	background:#FFFFFF;
	}

#co-act .past-box-mid .past-box-mid-inner .past-box-head {
	width:750px;
	margin:10px auto 0;
	padding:0 0 5px 0;
	text-indent:1em;
	border-left:0px;
	border-bottom:1px solid #bbb;
	font-size:100%;
	font-weight:bold;
}

#co-act .past-box-mid .past-box-mid-inner {
	width:750px;
	margin:10px auto 10px;
}

#co-act .past-box-mid .past-box-mid-inner table {
	width:730px;
	margin:0 auto;
	border:none;
}

#co-act .past-box-mid table th, #co-act .past-box-mid table td{
	padding-left:1em;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(/img/dot-line-2.png);
	background-position:0 100%;
	background-repeat:repeat-x;
	text-align: left;
	vertical-align: top;
	border:none;
	}

#co-act .past-box-mid table td{
	width:480px;
	padding-left:1em;
	}

span#setsu{color:#f00;padding-left:5px;}

#my-contents #co-act a img{border:0 solid #fff;}

#my-contents #hhh table{width:680px;border:0 solid #fff;
table-layout:fixed;
margin-left:60px;margin-top:10px;margin-bottom:30px;}

#my-contents #hhh table th, #my-contents #hhh table td{vertical-align:top;
border:0 solid #fff;}
#my-contents #hhh table td.naiyou{width:550px;}

#my-contents #hhh table td p{margin-top:0;}

/*index*/

#co-act-e #env-t-1,
#co-act-e #env-t-2,
#co-act-e #env-t-3{
background-position:0;
background-repeat:no-repeat;
padding-left:185px;

height:300px;
border:1px solid #ccc;
margin-bottom:20px;
}

#co-act-e #env-t-1{
height:29em;
background-position:0;
background-image:url(../img/env-t-1.jpg);
}

#my-contents #co-act-e h2{
background-color:#fff;
color:#333;
padding-left:0;
}

#co-act-e #env-t-2{
height:8em;
background-image:url(../img/env-t-2.jpg);
}


#co-act-e #env-t-3{
height:11em;

background-image:url(../img/env-t-3.jpg);
}

#my-sc #my-body #my-contents #co-act-e #co-box a{
text-decoration:none;
}


#my-sc #my-body #my-contents #co-act-e #co-box h3{
border-left:0px solid #fff;
background-color:#fff;
padding:0;
margin:20px 0 5px 0;
}

#my-sc #my-body #my-contents #co-act-e #co-box p{
padding:0;
margin:0;
}
	
#co-act-e #co-box {
	width:260px;
	height:7.0em;
	margin:0 0 0 12px;
	float:left;
	}

html>/**/body #co-act div#co-box .imgbox, 
html>/**/body #co-act div#co-box1 .imgbox {
	margin:10px 5px 0.7em -1px;}

*:first-child+html div#co-box .imgbox, 
*:first-child+html div#co-box1 .imgbox{
margin:20px 5px 0.7em -1px;
border-top:10px solid #fff;
}

;;html>/**/body div#co-box1 .imgbox {
	margin:1.0em 5px 0.7em -1px;
	}
	
;;html>/**/body div#co-box .imgbox {
	margin:1.0em 5px 0.7em -1px;
}

#co-act div#co-box h3, 
#co-act div#co-box1 h3 {
	width:240px;
	margin:15px 0 0;
	float:left;
	border:none;	
	clear:none;
	}
	
#co-act div#co-box h3 a, 
#co-act div#co-box1 h3 a{
text-decoration:none;
	}

	/* Hides from IE-mac \*/
#co-act div#co-box p, 
#co-act div#co-box1 p {
	width:253px;
	margin:10px 0 0 3px;
	float:left;
	border:none;
	clear:none;
	}
/*	
body:first-o<SPAN class=hilite>f</SPAN>-type	#co-act div#co-box p, 
body:first-o<SPAN class=hilite>f</SPAN>-type	#co-act div#co-box1 p {
font-size:10px;
margin-top:0px;
background-color:#fcc;
	}*/
	
/* */
#co-act div#co-box p a, 
#co-act div#co-box1 p a {
	text-decoration:none;
	}

/*#co-act div#co-box p a:hover, 
#co-act div#co-box1 p a:hover {*/
	}

#co-act .product{
		position:relative;
		}

#co-act .product ul{
	padding-top:10px;
	margin-left:210px;
	margin-right:0;
	}
	
#co-act .product ul li span.shuten{
font-size:75%;
	}
	
#co-act .product img{
		position:absolute;
		left:10px;
		top:0px;
		}	
		
#co-act .product1{
		position:relative;
		}
		
#co-act .product1 ul{
	padding-top:10px;
	margin-left:230px;
	margin-right:0;
	}
	
#co-act .product1 ul li span.shuten{
font-size:75%;
	}
	
#co-act .product1 img{
		position:absolute;
		left:10px;
		top:0px;
		}			

@media screen {
	div#greend {
		width:500px;
		margin-left:0px;
		margin-bottom:0;
		float:left;
		}
}

@media screen {
	.env-box-mid div#greend p#ah{
		margin-right:10px 0 0 -20px;
		left:-10px;
		width:500px;
		padding:0;
		}
}

@media screen {
	table#green {
		width:500px;
		margin-left:30px;
		margin-bottom:0;
		float:left;
		}
}

@media screen {
	table#green td{
	vertical-align:top;
	}
}

@media screen {
	table#green thead td{
	text-align:center;
	background-color:#e3e3e3;
	}
}

@media screen {
	table#green thead td.keyaku{
	}

}

@media screen {
	table#green td.fig{
	text-align:right;
	font-weight:900;
	padding-right:14px;
	}
}

@media screen {
	table#green td.hh{
	color:#a00
	}
}

@media screen {
	table#green td.hhh{
	text-align:center;
	font-weight:900;
	}

}

@media screen {
	table#green td.venu{
	text-align:center;

	}
}

@media screen {
	table#green td.mudate{
	text-align:center;
	}
}

@media screen {
	table#green #keiyaku{
	width:70px;
	}
}

#my-sc #my-body #my-contents #env-box-mid p{
margin:20px;
margin-left:0;
padding:0;
}

#my-sc #my-body #my-contents p#caption{
	margin-left:100px;
	margin-top:0em;
	}

img#g-shousho{
	float:right;
	margin:15px;
	}
 
@media screen {
	img#g-shousho1{
		float:right;
		margin:15px;
		}
 }

dl#dlgreen{
	margin:1em 8em 1em 4em;
	font-size:90%;
	}
dl#dlgreen dt{
	font-weight:100;
	}

ul#greend1{
	width:300px;
	float:right;
	}

h3#jisseki{
	clear:both;
	margin-top:5em;
	}

/* START index layout
==============================================*/
#single {
	width:370px;
	background:none;
	border-bottom:#dddddd solid 1px;
}

.coOuter {
	background:url(../../corporate/img/coOuterLine.gif) no-repeat bottom;
	height:100%;
	margin-top:5px;
	margin-bottom:10px;
	}

.coOuter a {
	text-decoration:none;
}

.coOuter .coLBOX {
	width:370px;
	float:left;
	line-height:110%;
	border:#dddddd solid 1px;
	border-bottom:none;
	padding-bottom:10px;
}

.coOuter .coRBOX {
	width:370px;
	float:right;
	line-height:110%;
	border:#dddddd solid 1px;
	border-bottom:none;
	padding-bottom:10px;
}

.coOuter img {
	float:left;
	margin:10px 0 0;
	padding:0 10px 0 0;
}

.coOuter div {
	width:260px;
	float:left;
}

#my-contents .coOuter h3 {
	background:url(/img/mark_red.gif) no-repeat 100% 2px;
	line-height:110%;
	margin:14px 10px 0 0;
	padding:0px 20px 0 0;
	float:left;
	border-left:none;
}

#my-contents .coOuter p {
	width:240px;
	line-height:130%;
	margin:0px;
	padding:7px 0 0;
	clear:both;
}

.coOuter .clear {
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
	clear:both;
}

/* END index layout
==============================================*/


/* START spell for float layout
==============================================*/
*:first-child+html .env-box-mid {
	overflow: hidden;
	position:relative;
	}

.env-box-mid:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;

	}

/*\*/
* html .env-box-mid {
    height: 1em;
    overflow: visible;
}
/**/

/* END spell for float layout
==============================================*/



/* START spell for sidebar
==============================================*/

/* Dx2 */
#my-sc #side-bar div#extra-menu {
	border-top:4px dotted #bbb;
	border-bottom:4px dotted #bbb;
	margin-top:1px;
	margin-bottom:0;
	padding-top:5px;
	padding-bottom:0;
	padding-left:0;	width:215px;
	/*height:7.2em;
	_height:5.5em;*/
	}	
	
#my-sc #side-bar div#extra-menu li a{
	font-size:70%;
	padding-left:0;
	margin-left:0;
	}

#my-sc #side-bar div#extra-menu ul{
	margin-left:3px;
	padding-left:0;
	}
#my-sc #side-bar div#extra-menu li{
	margin-left:0;
	padding-left:0;
	padding-left:12px;
	background-image:url(/img/dot.gif);
	background-position:0 2px;
	_background-position:0 1px;
	background-repeat:no-repeat;
	display:block;
	clear:both;
	
	}
*+html body #my-sc #side-bar div#extra-menu li{background-position:0 4px;}

;;html body #my-sc #side-bar div#extra-menu li{background-position:0 1px;}

#my-sc #side-bar div#extra-menu li a{
text-decoration:none;
background-image:none;
border-bottom:1px solid #fff;
}

#my-sc #side-bar div#extra-menu li a:hover{
text-decoration:underline;
}

*+html body #side-bar div#extra-menu li a{
letter-spacing:0;
}

* html body #side-bar div#extra-menu li a{
letter-spacing:0;
}


/* END spell for sidebar
==============================================*/

#wbc_imgs table,td {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}