@charset "utf-8";
/*ECOUP SITE CSS */



/**************************************/
/* メイン共通                         */
/**************************************/

body {
	font-size: 12px;
	color:#333333;
	margin: 0 auto;
	line-height:1.7;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding:0;
	font-size:12px;
	background:url(../image/bg2.jpg) repeat-x;
	}

#wrap{
	border-top:none;
	}
* html #wrap{
	border-top:none;
	}

.mainImage2 {
margin-left:-25px;
}

* html .mainImage2 {
position:relative;
left:-25px;
margin:1px 0 0 0;
width:950px;
height:149px;
}

/**************************************/
/* main 　　                          */
/**************************************/
#main{
	padding:0 20px 20px 20px;
	}
/**************************************/
/* left box　　                       */
/**************************************/
#m_left{
	width:600px;
	margin:0;
	padding-top:15px;
	display:block;
	float:left;
	}
#m_left #pan{
	font-size:10px;
	color:#666666;
	margin-bottom:0px;
	}
#m_left h2{
	margin:0 0 12px 0;
	padding:0;
	}
#m_left h2 img{
	border:none;
	margin-bottom:15px;
	}
#m_left h3{
	display:block;
	/*border-bottom:1px dotted #999999;*/
	background:url(../contents/image/dotline.gif) repeat-x left bottom;
	padding-bottom:5px;
	font-size:15px;
	font-weight:bold;
	width:600px;
	margin:30px 0 10px 0;
	}
#m_left .box1{
	display:block;
	margin:0;
	width:600px;
	height:141px;
	}
#m_left .box1 h4{
	font-size:14px;
	line-height:140%;
	letter-spacing:0.1em;
	margin:0 0 5px 0;
	}
#m_left .box1 img{
	padding:2px;
	border:1px #cccccc solid;
	margin-right:20px;
	float:left;
	}
#m_left .box2{
	display:block;
	margin:20px 15px 0 0;
	width:185px;
	float:left;
	}

* html #m_left .box2{
	margin:20px 8px 0 0;
	}

#m_left .box2 img{
	padding:2px;
	border:1px #cccccc solid;
	}
#m_left .box3{
	display:block;
	margin:20px 0 0 0;
	width:600px;
	height:350px;
	clear:both;
	text-align:center;
	background:url(../contents/image/point_bg.jpg) no-repeat;
	}
#m_left .box3 h3{
	display:block;
	/*border-bottom:1px dotted #999999;*/
	font-size:15px;
	font-weight:bold;
	width:600px;
	text-align:left;
	margin-bottom:45px;
	}
#m_left .box4{
	display:block;
	margin:0 0 0 15px;
	width:185px;
	float:right;
	text-align:center;
	line-height:135%;
	font-size:0.9em;
	}
#m_left .box4 img{
	padding:2px;
	border:1px #cccccc solid;
	margin:0 0 3px 0;
	}
#m_left table{
	margin:10px;
	border-top:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	width:570px;
	}
#m_left table th{
	padding:5px 10px;
	background:#ECF5FF;
	text-align:right;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	letter-spacing:0.1em;
	}

span.necessary {
color: #FF0000;
font-size:0.85em;
font-weight:normal;
}

span.error {
color: #FF0000;
font-weight:bold;
}

p.error{
color: #FF0000;
font-weight:bold;
text-align:center;
font-size:1.1em;
margin:0;
}

#m_left table td{
	padding:5px 10px;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	}
#m_left #kyoka table {
	margin:10px;
	border-top:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	width:570px;
	}
#m_left #kyoka table th{
	padding:5px 10p;
	background:#DAF5E0;
	text-align:center;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	}
	
#m_left #kyoka table td{
	padding:5px 10px;
	text-align:center;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	}
#m_left .box5{
	display:block;
	margin:20px 0 0 0;
	width:600px;
	clear:both;
	padding:0;
	}
#m_left .box6{
	display:block;
	margin:0 0 20px 0;
	width:299px;
	text-align:center;
	padding:0;
	border:0;
	float:left;
	}
#m_left .box6 .im{
	padding:2px;
	border:1px #cccccc solid;
	margin:0;
	float:none;
	}
#m_left .sm table {
	margin:10px;
	width:275px;
	border:none;
	float:left
	}
#m_left .sm td{
	border:none;
	}
#m_left .sm .bd{
	padding:10px;
	font-size:13px;
	border-bottom:#cccccc 1px solid;
	}

#m_left .sm .bd2{
	padding:10px;
	font-size:13px;
	background:url(../contents/image/dotline2.gif) repeat-x left bottom;
	}

#m_left .btn{
	/*letter-spacing:1em;*/
	/*width:150px;*/
	padding:5px;
	margin:7px;
	}
#m_left .box7{
	display:block;
	margin:0;
	width:600px;
	clear:both;
	padding:20px 0 0 0;
	text-align:center;
	}
#m_left .box7 .im{
	padding:2px;
	border:1px #cccccc solid;
	float:right;
	margin-right:10px;
	}
#m_left .im{
	padding:2px;
	border:1px #cccccc solid;
	float:right;
	margin-left:10px;
	}

/*history----------------------*/
#m_left table.history {
border-collapse:collapse;
margin:0 0 0 10px;
border:none;
}

#m_left table.history td {
font-size:1.0em;
padding:6px 4px;
background:url(../contents/image/dotline2.gif) repeat-x left bottom;
border:none;
width:498px;
vertical-align:top;
}

#m_left table.history td.year {
color:#336666;
width:60px;
}

/*アルミ缶回収ポイント追加---------------*/
.studyMovie {
width:343px;
}


.studyMovie .aruaru {
width:74px;
float:left;
margin:0 3px 0 0;
}

.studyMovie .studyTit {
margin:0 0 5px 0;
}

.studyBtn {
background:url(../contents/image/btn_recycle_study.gif) no-repeat 0 0;
width:172px;
height:38px;
float:left;
margin-left:-3px;
}

.studyBtn em {
position:absolute;
left:-9999px;
}

.studyBtn a {
display:block;
width:172px;
height:38px;
}

.studyBtn a:hover {
background:url(../contents/image/btn_recycle_study.gif) no-repeat 0 -38px;
}

.flashDl {
clear:both;
font-size:10px;
line-height:135%;
width:450px;
margin-top:4px;
}

* html .flashDl {
width:440px;
}

/*経営者メッセージ----------------------*/
h4.h4Vision {
font-size:1.0em;
margin:20px 0 5px 0;
background-color:#DDD;
padding:3px 0 3px 5px;
}

#m_left table.vision {
border-collapse:collapse;
margin:0 0 0 10px;
border:none;
}

#m_left table.vision td {
font-size:1.2em;
padding:0px;
border:none;
vertical-align:top;
line-height:135%;
}

p.visionTxt {
margin:0;
padding:0;
}

p.visionTxt2 {
margin:7px 0 0 0;
padding:0;
color:#339966;
font-weight:bold;
}


/**************************************/
/* right box　　                      */
/**************************************/
#m_right{
	width:230px;
	display:block;
	float:right;
	}
#m_right #rnavi{
	background:#eeeeee;
	padding:35px 0 15px 0;
	margin-bottom:10px;
	}

#m_right .m_r_subNavi {
margin-top:35px;
}


* html .toTop {
margin:20px 0 0 0;
position:relative;
right:-1px;
}