@charset "EUC-JP";
@import "01format.css";
@import "02layout.css";
@import "03common.css";
@import "04category.css";

.ecotrain-group #contents{
	background: url("/images/ecotrain/img_menuback.gif") repeat-y top left;
}

#ecotrain-menu{
	width:163px;
	float:left;
}

#ecotrain-menu img{
	vertical-align: top;
}

.ecotrain-group #main{
	width:677px;
	margin:0;
	padding:0;
}

.ecotrain-group h1{
	margin:0;
	padding:0;
}

.ecotrain-group h2{
	margin:0;
	padding:0;
}

.ecotrain-group h3{
	margin:0;
	padding:0;
	background: none;
}

.ecotrain-group h4{
	margin:0;
	padding:0;
	border:none;
}

#eco-side-banner{
}

#eco-side-banner li{
	border-bottom:solid 1px #fff;
	margin:0;
	padding:0;
}

.ecotrain-group #main #main-inner p{
	clear: both;
	margin: 0 auto;

}

.ecotrain-group #main #main-inner p.messe{
	text-align: left;
	margin: 0 atuo;
	height: auto;
	padding: 10px 0 0 10px;

}




.ecotrain-group #menu-button{
	padding-top:6px;
	background: url("/images/ecotrain/img_menuline.gif") no-repeat top left;
}

.ecotrain-group #menu-button li{
	padding-bottom:6px;
	background: url("/images/ecotrain/img_menuline.gif") no-repeat bottom left;
}

.ecotrain-group #main-inner{
	margin:20px 28px;
	padding: 0;
	/*width: 621px;*/
}




.ecotrain-group #main-conte{
	margin:20px 0 20px 30px;
	padding: 0;
}

.ecotrain-group #main #main-conte p{
	margin-left:0px;
	clear: both;
}



.ecotrain-group #main a:link{
	color:#390;
	text-decoration: underline;
}

.ecotrain-group #main a:visited{
	color:#390;
	text-decoration: underline;
}

.ecotrain-group #main a:hover{
	color:#930;
	text-decoration: none;
}

.ecotrain-group #main a:active{
	color:#930;
	text-decoration: none;
}


#main .to-pagetop a:link {
	color: #005984;
	text-decoration: none;
}

#main .to-pagetop a:visited {
	color: #0082bf;
	text-decoration: none;
}

#main .to-pagetop a:hover {
	color: #cc0000;
	text-decoration: underline;
}
#main .to-pagetop a:active {
	color: #cc0000;
}


/* Top Style
---------------------------------------------------- */

#top-left{
	float:left;
	width:181px;
}

.ecotrain-group #main #top-left p{
	margin:100px 0 0 0;
}

#top-right{
	float:right;
	width:418px;
	text-align: center;
}

#ecotrain-home h2{
	margin:0;
}

.ecotrain-group #main #top-right p{
	margin:0;
}

.ecotrain-group #main #top-right p#contest{
	margin-top:20px;
}

#top-right #whatsnew{
	text-align: left;
}



#top-right #whatsnew dd{
	padding:0 0 5px 15px;
	background: url("/images/ecotrain/icon_whatsnew_point.gif") no-repeat 0px 2px;
	color:#390;
}

/* About Style
---------------------------------------------------- */

#ecotrain-about h2{
	text-align: center;
	margin:0;
	padding-bottom:5px;
	border-bottom:solid 1px #999;
}

#gaiyou{
	margin-top:20px;
	padding-bottom:23px;
	background: url("/images/ecotrain/img_about_bottom.gif") no-repeat bottom left #ffc;
}

#gaiyou dt{
	margin-left:12px;
}

#gaiyou dd{
	margin-left:37px;
	margin-bottom:10px;
	margin-right:12px;
}

#main #gaiyou p{
	margin-top:0;
}

#gaiyou dd dt{
	margin-left:0;
}

#gaiyou dd dd{
	margin-left:0;
}

#gaiyou dd dd.caution{
	margin-top:2px;
}


#gaiyou #hensei dt{
	margin:0;
	float:left;
	width:350px;
	clear:both;
}

#gaiyou #hensei dd{
	margin-left:350px;
	margin-bottom:5px;
}

/* Message Style
---------------------------------------------------- */

.message-box{
	margin-top:20px;
	background: url("/images/ecotrain/img_messagebox_bottom.gif") no-repeat bottom left;
	padding-bottom:17px;
	width:617px;
}

.message-box-inner{
	background: url("/images/ecotrain/img_messagebox-bg.gif") repeat-y top left;
	padding:0 20px 5px;
}

#main .message-box-inner p{
	margin:0;
}

#main .message-box-inner .prof{
	width:193px;
	float:left;
	margin-top:10px;
}

.message-box-inner .message-right{
	width:370px;
	float:right;
}

.message-box-inner h4{
	font-weight:bold;
	margin:10px 0 20px;
}

/* Gallery Style
---------------------------------------------------- */
#gelleryphoto-box{
	text-align:center;
	padding: 0;

}

#gelleryphoto-box p.pos-txt{
	clear:both;
	padding:0 0 10px 0;
	color: #FF6600;

}


#gelleryphoto-box p.pos-txt_l{
	text-align:left;
	padding-left: 30px;
}


#gelleryphoto-box p.pos-txt_l02{
	text-align:left;
	padding-left: 200px;
}



#gelleryphoto-box p.pos-txt_l03{
	text-align:left;
	padding-left: 170px;
}



#gelleryphoto-box p.pos-img{
	text-align:center;
	clear: both;
}



#gelleryphoto-box h2{
	text-align: center;
	margin:0;
	padding-bottom:5px;
	border-bottom:solid 1px #999;
}

#gelleryphoto-box h3{
	margin:10px 0;
}

#gelleryphoto-box h4{
	font-weight:bold;
	margin:10px 0 0px;
	color: #FF6600;
}


#gelleryphoto-box ul.pos{
	margin: 0 auto;
	clear: both;
}

#gelleryphoto-box ul.pos li{
	float:left;
	text-align: center;
	width: 308px;
	line-height: 160%;
	font-size: 80%;
	height: 230px;
}


#gelleryphoto-box ul.pos li.mini{
	height: 210px;
}

#gelleryphoto-box ul.pos li.mini02{
	height: 180px;
}





#gelleryphoto-box ul.pos_menu{
	width: 607px;
	margin: 0;
	padding: 10px 0 0 10px;
}

#gelleryphoto-box ul.pos_menu li{
	float:left;
	font-size: 80%;
	padding-left: 17px;
	margin-bottom: 5px;
	text-align: left;
	width: auto;
	background: url("/images/ecotrain/arow_reaf.gif") no-repeat top left;
	height: 18px;
	padding-top: 3px;
	margin-right: 10px;

}

#gelleryphoto-box ul.pos_menu li.syanai{
	width: 160px;
}



#gelleryphoto-box ul.pos li.pos-name{
	height: 20px;
}



#gelleryphoto-box dl.pos {
	margin: 0;
	/*width: 523px;*/
	padding: 0;
	width: 617px;
}



#gelleryphoto-box dl.pos dt {
	float: left;
	color: #444444;
	clear: both;
	font-weight: bold;
	width: 262px;
	margin-right: 15px;
	padding-left: 8px;
}

#gelleryphoto-box dl.pos dd {
	text-align: left;
	height: 110px;
	margin-bottom: 10px;
	padding-top: 80px;
}




#gelleryphoto-box dl.pos02 {
	margin: 0;
	/*width: 523px;*/
	padding: 0;
	width: 617px;
}



#gelleryphoto-box dl.pos02 dt {
	float: left;
	color: #444444;
	clear: both;
	font-weight: bold;
	width: 360px;
	margin-right: 5px;
}

#gelleryphoto-box dl.pos02 dd {
	text-align: left;
	height: 100px;
	margin-bottom: 10px;
	vertical-align: middle;
	padding-top: 27px;
}





#gelleryphoto-box h4.cat{
	clear: both;
	margin-bottom:10px;
}

#gellery-box{
	background: url("/images/ecotrain/img_gallery_bottom.gif") no-repeat bottom left #F5F5F5;
	padding-bottom:20px;
}

#gellery-box #bnr-link img{
	vertical-align: top;
}

#gellery-box #bnr-link .lt{
	float:left;
}

#gellery-box #bnr-link .rt{
	float:right;
	padding-right: 4px;
}

#gellery-box-inner{
	clear:both;
	background: url("/images/ecotrain/img_gallery_bg.gif") repeat-y top left;
}

#gellery-box-inner h3{
	clear:both;
	padding-top:20px;
	padding-left:5px;
}

#main #gellery-box-inner p{
	padding:0 10px;
}

#gellery-box-inner li{
	float:left;
	padding:0 10px 10px;
}

#gellery-box-inner li.shisatsu{
	padding-left:150px;
}

#photo-list1{
	margin-left:15px;
}

.pos_black{
color:#000000;

}

/* Link Style
---------------------------------------------------- */

#main #link-box p{
	margin:0;
}

#link-box{
	width:617px;
	background: url("/images/ecotrain/img_link_bottom.gif") no-repeat bottom left;
	padding-bottom:15px;
}

#link-box_pos{
	width:617px;
	background: url("/images/ecotrain/img_link_bottom.gif") no-repeat bottom left;
	padding-bottom: 15px;
	margin: 10px 0 15px 0;
}

#link-box_pos p{
	margin:0;
	line-height:130%;
}


#link-box_pos h3{
	margin:10px 0;
	padding:0;
}


#link-box-inner{
	background: url("/images/ecotrain/img_link_bg.gif") repeat-y top left;
	padding:0 28px;
}

#link-box-inner_pos{
	/*background: url("/images/ecotrain/img_link_bg.gif") repeat-y top left;*/
	padding:0 28px 10px 28px;
	background-color:#FFFFCC;
	border-left:1px solid #99cc00;
	border-right:1px solid #99cc00;
}



#link-box-inner dd{
	padding:0 0 15px 80px;
}


/* Contest Style
---------------------------------------------------- */

#contest-box{
	background: url("/images/ecotrain/img_contest_bg.gif") repeat-y top left;
}

#contest-box-inner{
	background: url("/images/ecotrain/img_contest_bottom.jpg") no-repeat bottom left;
	padding:0 20px 200px;
}

#contest-box-inners{
	background: url("/images/ecotrain/img_contest_bottom.jpg") no-repeat bottom left;
	padding:0;
}

#contest-box-inners .to-pagetop {
	color: #005984;
	text-decoration: none;
	margin-right:10px;
	clear:both;
	text-align:right;
	padding-top:40px;
	width:600px;
}

#contest-box-inners .to-pagetop img{
	margin-right:7px;
}


#contest-box-inners .to-pagetop a:link {
	color: #005984;
	text-decoration: none;
}

#contest-box-inners .to-pagetop a:visited {
	color: #0082bf;
	text-decoration: none;
}

#contest-box-inners .to-pagetop a:hover {
	color: #cc0000;
	text-decoration: underline;
}

#contest-box-inners .to-pagetop a:active {
	color: #cc0000;
}



#contest-box-inners h2{
	padding:10px 0;
	text-align: center;
}

#contest-box-inners h3{
	padding:0;
	margin: 0;
}





#main #contest-box p{
	margin:0;
}

#main #contest-box p.nyusyou{
	padding: 0 0 0 250px;

}

#main #contest-box #ttl{
	padding:0 20px;
	margin: 0 auto;
	min-height: auto;
	width: 581px;
}


#main #contest-box #menu{
	background: url("/images/ecotrain/ecoconte_menu_bg.gif") 20px bottom no-repeat;
	padding:0 20px;
	height: 173px;
	margin: 0 auto;
	width: 581px;
	
}





#main #contest-box #menu p.shinsa{
	padding: 50px 0 0 25px;


}



#main #contest-box #menu ul{
	margin:3px 0 12px 10px;
}


#main #contest-box #menu ul li{
	float:left;
	padding-left: 20px;

}

#main #contest-box #menu ul li.shinsa{
	padding: 0 0 0 25px;


}


#main #contest-box #contents_shinsa{
	padding: 0;
	text-align: center;
	width: 621px;
}

#main #contest-box #contents_shinsa ul{
	padding: 10px 10px 20px 10px;
	margin:0;
	width: 600px;
}



#main #contest-box #contents_shinsa ul li{
	float:left;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}


#main #contest-box #contents_shinsa ul.doryoku{
	padding: 0;
	margin:0 15px 0 0;
	width: 600px;

}



#main #contest-box #contents_shinsa ul.doryoku li{
	float:left;
	text-align: center;
	font-weight: bold;
	padding-left: 20px;
}



#main #contest-box #contents_shinsa p{
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size: 120%;
}



#main #contest-box #contents_coment{
	background-color: #C9D52D;
	text-align: center;
	width: 607px;
	margin: 10px 0 10px 5px;
}

#main #contest-box #contents_coment ul.coment{
	padding:10px 20px;
	line-height:150%;
	text-align:left;
	font-size: 100%;

}

#main #contest-box #contents_coment ul.coment li{
	border-bottom: 2px dotted #9fa72a;
	padding: 10px 0;
}

#main #contest-box #contents_coment ul.coment li.end{
	border-bottom: none;
}


#main #contest-box #contents_coment ul.coment li span{
	font-size:80%;
	line-height: 120%;
}

#main #contest-box #contents_coment ul.coment li strong{
	padding-bottom: 10px;
	line-height: 130%;


}


#main #contest-box #contents_tenji{
	margin: 0 auto;
	text-align: center;
	width: 621px;

}


#main #contest-box #contents_tenji ul{
	background:url(/images/ecotrain/ecoconte_menu08tibg.gif) repeat-y left top;
	padding: 0 30px;
	width: 534px;
	margin: 0 auto;

}

#main #contest-box #contents_tenji ul li{
	text-align:left;
	padding:5px;
	color: #138b43;
	line-height: 120%;
}



#main #contest-box #contents_tenji p{
	text-align: left;
	padding: 5px 10px 0;
}

#main #contest-box #contents_tenji p.kyoutu{
	padding-left: 20px;

}

#main #contest-box #contents_tenji p.gakunen{
	text-align: right;
	padding-right: 10px;
}

#main #contest-box #contents_tenji p.map{
	text-align: left;
	padding: 10px 0 80px 0px;
	width: 360px;
	margin-right: 230px;
}





#main #contest-box #contents_tenji dl{
	margin:10px 0 0 20px;
	text-align: left;
	width: 594px;
}


#main #contest-box #contents_tenji dl dt{
	font-size:100%;
	color:#060;
	margin-top: 10px;
	padding: 0 0 3px 0;
}


#main #contest-box #contents_tenji dl dt img{
	vertical-align:top;
	margin: -2px 3px 3px 0;
}

/*#main #contest-box #contents_tenji dl dt.list1{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest01.gif") no-repeat top left;
}








#main #contest-box #contents_tenji dl.recent dt {
	clear: left;
	float: left;
	width: 8em;
}

#main #contest-box #contents_tenji dl.recent dd {
	margin-left: 8em;
	margin-bottom: 10px;
	zoom: 1;
}
*/




#contest-box-inner h2{
	padding:10px 0;
	text-align: center;
}

#contest-box-inner h3{
	padding:0;
	margin: 0;
}

#contest-box-inner h4{
	font-weight:bold;
	margin:10px 0 0px;
	color: #FF6600;
}


#contest-apply{
	margin:20px 0;
}

#contest-apply h3{
	color:#f60;
}

#contest-apply dt{
	font-weight:bold;
	font-size:110%;
	color:#060;
}

#contest-apply dt.list1{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest01.gif") no-repeat top left;
}

#contest-apply dt.list2{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest02.gif") no-repeat top left;
}

#contest-apply dt.list3{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest03.gif") no-repeat top left;
}

#contest-apply dt.list4{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest04.gif") no-repeat top left;
}

#contest-apply dt.list5{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest05.gif") no-repeat top left;
}

#contest-apply dt.list6{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest06.gif") no-repeat top left;
}

#contest-apply dt.list7{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest07.gif") no-repeat top left;
}

#contest-apply dt.list8{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest08.gif") no-repeat top left;
}

#contest-apply dt.list9{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest09.gif") no-repeat top left;
}

#contest-apply dt.list10{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest10.gif") no-repeat top left;
}

#contest-apply dt.list11{
	padding:2px 0 16px 35px;
	background: url("/images/ecotrain/icon_contest11.gif") no-repeat top left;
}


#contest-apply dd{
	margin:-14px 0 10px 35px;
}

#contest-apply li{
	list-style: disc;
	margin-left:17px;
}

#contest-box .contact dt{
	color:#f60;
	font-weight: bold
}


#kaiga {
background-color:#FFFFFF;
}

#kaiga #award {
	margin:0 auto;
	width:952px;
	text-align: center;
	padding: 0;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}


#kaiga #award02{
	margin:0 auto;
	width:952px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	text-align:left;
	clear: both;
	padding: 0;
}

#kaiga #award02 #boxL{
	float:left;
	background:url(../images/ecotrain/awardfuki_bg.gif) repeat-y top left;
	width: 702px;
	margin: 10px 9px 20px 40px;
	height: auto;
	padding: 0;
}



* html #kaiga #award02 #boxL{
	margin: 10px 9px 0 20px;
	padding: 0;
}



#kaiga #award02 #boxR{
	float:left;
	margin: 0;
	width: 175px;
	font-size: 100%;
	font-weight: bold;
	background:url(../images/ecotrain/kaigaribon.jpg) top left no-repeat;
	padding: 100px 0 0 0;
}



#kaiga #award02 #boxRR{
	float:left;
	margin: 0;
	width: 175px;
	font-size: 100%;
	font-weight: bold;
	background:url(../images/ecotrain/kaigaribon02.jpg) top left no-repeat;
	padding: 100px 0 0 0;
}


#kaiga #award02 #boxL .boxinner{
	background:url(../images/ecotrain/awardfuki_top.gif) top left no-repeat;
	padding: 30px 0 0 0;
	margin:0;
	font-size: 100%;
	width:702px;
}


#kaiga #award02 #boxL .boxinner ul{
width:702px;

}





#kaiga #award02 #boxL .boxinner ul li.cmt{
	background:url(../images/ecotrain/awardfuki_bot.gif) bottom left no-repeat;
	padding: 0 100px 25px 25px;
	width:577px;
	text-align: left;
	height: 100%;
	line-height: 140%;

}


#kaiga #award02 #boxL .boxinner ul li.ttl{
	background:url(../images/ecotrain/awardfukibgline.gif) 10px bottom no-repeat;
	font-weight:bold;
	color:#ED6E34;
	padding: 0 0 15px 50px;
	text-align: left;
	width:652px;
}


#kaiga #award02 img.win{
	margin: 0;
}


#kaiga #closebtn{
	clear:both;
	text-align: center;
	background:url(../images/ecotrain/kaiga_bg.jpg) right bottom no-repeat;
	border-left: 1px solid #cccccc;
	width: 952px;
	margin: 0 auto;
	padding: 0 0 17px 0;
}

/* ecotrain End Styles
---------------------------------------------------- */
#endBox {
	padding: 0px 0 10px 10px;
}

#whatsnewBox {
	width: 420px;
	float: left;
}

#whatsnewBox dd{
	padding:0 0 5px 15px;
	background: url("/images/ecotrain/icon_whatsnew_point.gif") no-repeat 0px 2px;
	color:#390;
}

#bannerBox {
	float: right;
	width: 219px;
}

#bannerBox p {
	margin: 0;
}

#endBox .contentsArea {
	margin-top: 30px;
}

#endBox .to-pagetop {
	padding-top: 20px;
	*padding-top: 0px;
}

.ecotrain-group .to-pagetop {
margin-right:20px;
margin-bottom:20px;
}

.fs84 { font-size:84%;}

.ecotrain-group #bottom-list{
	clear:both;
	clear:both;
	width:800px;
	border-bottom:dotted 1px #ccc;
	padding-bottom:5px;
	margin:16px 20px 0 20px;
	font-size:84%;
}

.ecotrain-group #bottom-list dt{
	border-bottom:dotted 1px #ccc;
	font-weight: bold;
	color: #AA2645;
	margin-bottom:10px;
	padding-bottom:2px;
}

.ecotrain-group #bottom-list dd{
	padding:0 0 5px 14px;
	background:url("/images/common/icon_arrow2.gif") no-repeat 0 3px;
	font-weight:bold;
	margin-left:5px;
}

.ecotrain-group #bottom-list dd a{
	font-weight: normal;
}



/* For DW Design View
---------------------------------------------------- */
.clearfix {
	position: relative;
}