@charset "shift_jis";

/* メインイメージ
---------------------------------------------------- */
#flash {
	height: 389px;
	width: 1213px;
	margin: 0px auto;
	clear: both;
}

#topmain_bg {
	margin: 0px auto;
	height: 370px;
	clear: both;
	background: url(../images/common/main_img.gif) no-repeat center center;
}

#topmain_btn {
	height: 70px;
	margin: 0px auto;
	width: 940px;
	padding-top: 200px;
	text-align: center;
	clear: both;
	padding-left: 20px;
	padding-right: 10px;
}



/* 新着情報
---------------------------------------------------- */
#news_bg {/* 新着情報に特別な背景がある場合 */
	background-image: url(../images/top/news.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 500px;
	padding-top: 30px;
	float: left;
	background: url(../images/common/main_img.gif);
	height: 370px;
}
#news {
	height: 120px;
	width: 700px;
	overflow: auto;
	float: left;
	font-size: 13px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 20px;
}
.news_tab {
	width: 680px;
}
.news_day {
	padding-top: 10px;
	padding-bottom: 2px;
	width: 200px;
	color: #000000;
	font-size: 12px;
	margin-top: 10px;
	padding-left: 10px;
	border-bottom-color: #000000;
	padding-right: 10px;
}
.news_title {
	padding-bottom: 10px;
	font-size: 12px;
	margin-bottom: 5px;
	padding-left: 20px;
	padding-top: 3px;
}
.news_comment {
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

/* メインコンテンツ
---------------------------------------------------- */

.main_box {
	float: left;
	width: 450px;
}

.onayami_box{
	float:right;
	width: 635px;
	border: 1px solid #CCCCCC;
	padding: 1px;
}

.onayami_img{
	float:left;
	padding-top:30px;
}

.contact_box{
	background: url(../images/common/footer_info.jpg) no-repeat left top;
	width: 475px;
	height: 50px;
	margin-bottom: 20px;
	padding-top: 91px;
	padding-left: 485px;
	
}

.contact_mail{
	text-align:right;
	padding-top: 50px;
	padding-right: 15px;
}
.top_eco {
	background: #fffbec url(../images/common/new_bg.gif) no-repeat left;
	padding: 10px 20px 10px 50px;
	margin-bottom: 20px;
}
.eco_li {
	width: 280px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 18px;
}
.eco_list {
	list-style: url(../images/common/check.jpg) inside;
	color: #5bae4a;
	font-size: 12px;
	margin-bottom: 7px;
	letter-spacing: -1px;
}
.eco_li2 {
	width: 160px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: left;
}
.eco_list2 {
	list-style: url(../images/common/check2.jpg) inside;
	color: #5bae4a;
	font-size: 12px;
	margin-bottom: 7px;
}
.eco_li3 {
	width: 170px;
	margin: 10px 10px 10px 25px;
}
.eco_list3 {
	list-style: url(../images/common/check3.jpg) inside;
	color: #2e81cc;
	font-size: 12px;
	margin-bottom: 7px;
	
}.box1 {
	background: url(../images/common/side_box_bottom.jpg) no-repeat center bottom;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 432px;
}

.box2 {
	border : solid 2px #000000;
	width : 800px;
	font-size : 18px;
	text-align : left ;
	padding : 10px;
	line-height : 30px;
	margin-bottom : 40px;
}

/* TOPのtwitterと新着を横に並べる親ボックス*/
.box3 {
	margin: 0 auto;
	left: 200px;
	border : none;
	width : 800px;
	height: 600px;
	font-size : 15px;
	text-align : left ;
	padding : 10px;
	line-height : 30px;
}

/* ワークショップの事業概要を適切な位置に置く */
.box4 {
	width : 960px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

/* 問い合わせのtwitter facebookアイコンを並べる */
.box5 {
	width : 400px;
	margin-right: auto;
	margin-left: 360px;
	text-align : left ;
	padding-right: 10px;
	padding-left: 10px;
}
#btn_box {
	background: url(../images/common/info_bg.gif) repeat-x left top;
	margin-bottom: 20px;
	float: left;
	width: 960px;
	text-align: center;
}