@charset "utf-8";

/*************************************************
 * common
 *************************************************/
.wrapper { background-image: url(../../img/coin/loop.jpg); background-color: #7a654a; }
.wrapper_frame { background-image: url(../../img/coin/main.jpg); }
#side_column nav { background: #c94364; }
#side_column nav ul li { border-bottom-color: #e4a1b2; }
#side_column nav ul li a { background-image: url(../../img/share/arrow1.png); color: #fff; }

/*************************************************
 * block_service
 *************************************************/
#block_service {
}

	#block_service h2 { margin-bottom: 15px; }
	#block_service .copy { margin-bottom:  20px; text-align: center; }
	#block_service .comment_pic { margin-bottom: 40px; }
		#block_service .comment_pic .comment { float: left; width: 260px; font-size: 12px; }
		#block_service .comment_pic .pic { float: right; margin-left: 20px; width: 321px; }
	#block_service .genre {}
		#block_service .genre dl { background: url(../../img/coin/service_about_genre_pic.jpg) no-repeat 340px bottom; }
			#block_service .genre dl dt {}
			#block_service .genre dl dd { margin-top: 12px; }
				#block_service .genre dl dd ul {}
					#block_service .genre dl dd ul li { float: left; }

/*************************************************
 * block_how_to_use
 *************************************************/
#block_how_to_use {
}

	#block_how_to_use .info {}
		#block_how_to_use .info h2 { margin-bottom: 15px; }
		#block_how_to_use .info h3 { margin-bottom: 15px; }
		#block_how_to_use .info .comment { margin-bottom: 20px; }
		#block_how_to_use .info .photos {}
			#block_how_to_use .info .photos li { display: inline-block; *display: inline; margin-right: 30px; text-align: center; vertical-align: middle; font-size: 12px; *zoom: 1; }
				#block_how_to_use .info .photos li img { margin-bottom: 5px; }