@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      
 Author:         Your Name (admin)
 Style Info:     
----------------------------------------------------------- */

/*----------------------------------------------------
	エコタワシ
----------------------------------------------------*/

#main-in .type01 {
	border: #6699FF solid 1px;
}

#main-in .type02 {
	border-bottom: #666666 solid 1px;
}

#main-in .type03 {
	border: #FFFFFF solid 1px;
}

#main-in .type03 td{
	border: #FFFFFF solid 2px;
	padding: 3px;
}

#main-in .type04 {
	border: #666666 solid 1px;
}

#main-in .type04 td{
	padding: 3px;
	text-align: left;
}

#main-in .type05 {
	margin-bottom: 5px;
	border: #666666 solid 1px;
}

#main-in .type05 td{
	padding: 3px;
	text-align: left;
}

#main-in .type06 {
	margin-top: 5px;
}

/*----------------------------------------------------
	エコタワシ　new
----------------------------------------------------*/

#main-in .tawashi-img {
	margin-top: 20px;
}	 

#main-in .tawashi-img table {
	margin: 0 auto;
	width: 450px;
}	

#main-in .tawashi-img table th {
	width: 150px;
	text-align: center;
	color: #0099FF;
}

#main-in .tawashi-img table td {
	width: 150px;
	text-align: center;
	padding: 3px;
	color: #333333;
}	

#main-in .tawashi-point {
	width: 580px;
	font-size: 10px;
	margin-top: 20px;
	padding-bottom: 20px;
}

#main-in .tawashi-use {
	margin-top: 20px;
	margin-left: 20px;
}

#main-in .tawashi-link {
	margin-top: 10px; 
	margin-left: 66px;
	clear: both;
}

#main-in .tawashi-book {
	margin-left: 266px;
	margin-top: 20px;
}

#main-in .tawashi-goods {
	margin-top: 20px;
	margin-bottom: 20px;
}

#main-in .tawashi-goods table {
	width: 540px;
}	

#main-in .tawashi-goods table th {
	border: 1px #666666 solid;
	text-align: center;
	font-weight: normal;
	background-color: #3399FF;
}	
	

#main-in .tawashi-goods table td {
	border: 1px #666666 solid;
	text-align: center;
}



#main-in #tawashi-box {
	float: left;
	margin-bottom: 30px;
	width: 172px;
	font-size: 10px;
	border: #C8C8C8 1px solid;
	padding: 5px;
	color: #333333;
	height: 340px
}

#main-in #tawashi-box p {
	margin: 0;
	padding: 0;
}	

#main-in #tawashi-box h4 {
	color: #33CCFF;
	font-weight:bold;
	font-size: 12px;
	margin-top: 3px;
}

#main-in #tawashi-box table td.sub {
	width: 30px;
}	

#main-in #tawashi-box02 {
	float: left;
	margin-bottom: 30px;
	margin-left: 14px;
	margin-right: 14px;
	width: 172px;
	font-size: 10px;
	border: #C8C8C8 1px solid;
	padding: 5px;
	color: #333333;
	height: 340px;
}	

#main-in #tawashi-box02 h4 {
	color: #33CCFF;
	font-weight: bold;
	font-size: 12px;
	margin-top: 3px;
}

#main-in #tawashi-box02 p {
	margin: 0;
	padding: 0;
}

#main-in #tawashi-box02 table td.sub {
	width: 30px;
}					
	


/*----------------------------------------------------
	エコアンダリア
----------------------------------------------------*/

#main-in .midashi {
	margin-bottom: 10px;
	text-align: center;
}

#main-in .main-img {
	margin-bottom: 10px;
	text-align: center;
}

#main-in .setumei {
	width: 580px;
	font-size: 11px;
}

#main-in #andariya {
	margin-top: 20px;
	margin-bottom: 30px;
}

#main-in #andariya td {
	text-align: center;
}

#main-in #point-eco {
	margin-top: 20px;
	
}	

#main-in #point-eco table {
	width: 480px;
	margin: auto ;
	
}

#main-in #point-eco table td {
	padding: 3px;
	
}

#main-in #point-eco table td.point-midashi {
	color: #FFFFFF;
	background: #1190D0;
	font-size: 14px;
	text-align: center;
	width: 260px;
	border: #999999 1px solid;
}	

#main-in #point-eco table td.point-setsumei {
	border: #999999 1px solid;
	width: 260px;
}

#main-in #andaria-link {
	margin-top: 20px;
}

#main-in #andaria-link table {
	margin: auto;
	width: 480px;
}	

#main-in #andaria-link table td {
	text-align: center;
	height: 30px;
}


/*----------------------------------------------------
	ラタン
----------------------------------------------------*/

#main-in #ratan-bg {
	background: url(../ekocraft/img/ratan_bg.jpg) 0 0 no-repeat;
	height: 690px;
	clear: both;
}



#main-in #ratan-bg .pack-title {
	width: 480px;
	margin-left: 50px;
	margin-top: 10px;
}

#main-in #ratan-collection {
	margin-left: 6px;
}	

#main-in #ratan-collection .ratan-box {
	width: 170px;
	font-size: 10px;
	border: #C8C8C8 1px solid;
	float: left;
	margin-top: 20px;
	padding: 5px;
	color: #333333;
	height: 400px;
}

#main-in #ratan-collection .ratan-box p {
	margin: 0;
	padding: 0;
}	

#main-in #ratan-collection .ratan-box h4 {
	color: #654017;
	font-weight:bold;
	font-size: 12px;
}

#main-in #ratan-collection .ratan-box p.pdf-link {
	color: #CC0033;
}

#main-in #ratan-collection .ratan-box p.pdf-icn {
	background: url(../ekocraft/img/pdf_icon.gif) left center no-repeat;
	padding-left: 20px;
}		

#main-in #ratan-collection .ratan-box td.hinnban {
	width: 40px;
}

#main-in #ratan-collection .ratan-box02 {
	width: 170px;
	font-size: 10px;
	border: #C8C8C8 1px solid;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 5px;
	color: #333333;
	height: 400px;
}

#main-in #ratan-collection .ratan-box02 p {
	margin: 0;
	padding: 0;
}	

#main-in #ratan-collection .ratan-box02 h4 {
	color: #654017;
	font-weight:bold;
	font-size: 12px;
}

#main-in #ratan-collection .ratan-box02 p.pdf-link {
	color: #CC0033;
}

#main-in #ratan-collection .ratan-box02 p.pdf-icn {
	background: url(../ekocraft/img/pdf_icon.gif) left center no-repeat;
	padding-left: 20px;
}

#main-in #ratan-collection .ratang-box02 td.hinnban02 {
	width: 40px;
}

#main-in #color-box {
	clear: both;
	margin-left: 75px;
	margin-bottom: 30px;
}

#main-in #color-box p.sample-txt {
	color: #FF9966;
	margin: 0;
	padding: 0;
}		

#main-in #color-box table td {
	width: 60px;
	padding: 5px;
}

#main-in .ratan-setsumei {
	margin-left: 50px;
}

#main-in .ratan-setsumei table {
	width: 480px;
	margin-top: 10px;
}
	
#main-in .ratan-setsumei table td {
	padding: 5px;
}

#main-in .ratan-item {
	margin-left: 100px;
	margin-bottom: 20px;
}

#main-in .ratan-item table {
	width: 380px;
	margin-top: 30px;
	border: 1px #663333 solid;
}
	
#main-in .ratan-item table td {
	padding: 5px;
}	

#main-in .ratan-link {
	margin-left: 220px;
}	


/*----------------------------------------------------
	エコクラフト手芸
----------------------------------------------------*/


#main-in #ekocraft-box {
	float: left;
	margin-bottom: 10px;
	width: 172px;
	font-size: 10px;
	border: #C8C8C8 1px solid;
	padding: 5px;
	color: #333333;
	height: 380px;
}

#main-in #ekocraft-box p {
	margin: 0;
	padding: 0;
}	

#main-in #ekocraft-box h4 {
	color: #009933;
	font-weight:bold;
	font-size: 12px;
	margin-top: 3px;
}

#main-in #ekocraft-box table td.sub {
	width: 30px;
}	

#main-in #ekocraft-box02 {
	float: left;
	margin-bottom: 10px;
	margin-left: 14px;
	margin-right: 14px;
	width: 172px;
	font-size: 10px;
	border: #C8C8C8 1px solid;
	padding: 5px;
	color: #333333;
	height: 380px;
}	

#main-in #ekocraft-box02 h4 {
	color: #009933;
	font-weight: bold;
	font-size: 12px;
	margin-top: 3px;
}

#main-in #ekocraft-box02 p {
	margin: 0;
	padding: 0;
}

#main-in #ekocraft-box02 table td.sub {
	width: 30px;
}

#main-in #nis {
	margin-bottom: 20px;
	clear: both;
}

#main-in #nis table {
	width: 580px;
	margin-top: 20px;
}

#main-in #nis table td {
	font-size: 10px;
}


/*----------------------------------------------------
	エコクラフトマスコット
----------------------------------------------------*/


#main-in #ekocraft-box03 {
	float: left;
	margin-bottom: 10px;
	width: 172px;
	font-size: 10px;
	border: #C8C8C8 1px solid;
	padding: 5px;
	color: #333333;
	height: 380px;
}

#main-in #ekocraft-box03 p {
	margin: 0;
	padding: 0;
}	

#main-in #ekocraft-box03 h4 {
	color: #009933;
	font-weight:bold;
	font-size: 12px;
	margin-top: 3px;
}

#main-in #ekocraft-box03 table td.sub {
	width: 30px;
}	

#main-in #ekocraft-box04 {
	float: left;
	margin-bottom: 10px;
	margin-left: 14px;
	margin-right: 14px;
	width: 172px;
	font-size: 10px;
	border: #C8C8C8 1px solid;
	padding: 5px;
	color: #333333;
	height: 380px;
}	

#main-in #ekocraft-box04 h4 {
	color: #009933;
	font-weight: bold;
	font-size: 12px;
	margin-top: 3px;
}

#main-in #ekocraft-box04 p {
	margin: 0;
	padding: 0;
}

#main-in #ekocraft-box04 table td.sub {
	width: 30px;
}

#main-in #nis {
	margin-bottom: 20px;
	clear: both;
}

#main-in #nis table {
	width: 580px;
	margin-top: 20px;
}

#main-in #nis table td {
	font-size: 10px;
}



/*----------------------------------------------------
	こども手芸
----------------------------------------------------*/


#main-in .main-img {
	margin-bottom: 5px;
}

#main-in #kodomo {
	margin-left: 100px; 
}	

#main-in #kodomo .kodomo-box {
	width: 170px;
	font-size: 10px;
	border: #C8C8C8 1px solid;
	float: left;
	margin-top: 20px;
	padding: 5px;
	color: #333333;
	height: 360px;
}

#main-in #kodomo .kodomo-box p {
	margin: 0;
	padding: 0;
}	

#main-in #kodomo .kodomo-box h4 {
	color: #87DA10;
	font-weight:bold;
	font-size: 12px;
}

#main-in #kodomo .kodomo-box td.hinnban {
	width: 30px;
}

#main-in #kodomo .kodomo-box02 {
	width: 170px;
	font-size: 10px;
	border: #C8C8C8 1px solid;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	padding: 5px;
	color: #333333;
	height: 360px;
}

#main-in #kodomo .kodomo-box02 p {
	margin: 0;
	padding: 0;
}	

#main-in #kodomo .kodomo-box02 h4 {
	color: #87DA10;
	font-weight:bold;
	font-size: 12px;
}

#main-in #kodomo .kodomo-box02 td.hinnban {
	width: 30px;
}
				


	


		
		




		
			











