@charset "utf-8";

/* -------- index ---------- 
	#1 __setUp
	#2 __iepngfix
	#3 __pageSetup
	#4 __header
(cleansui.cssを共通とする)
以下より設定
	#5 __main
		5-1 __info
		5-2 __sugo
		5-3 __hikaku
		5-4 __moniter
		5-3 __attention
	#6 __ather
-------------------------- */

/* ========== #5 __main ========== */

/* 【 5 __main 】 */

#wrapper #main {
	width: 780px;
}

/* 【 5-1 __waza 】 */

#wrapper #main #waza {
	margin: 0 auto;
	width: 710px;
}
#wrapper #main #waza .left_area img {
	width: 132px;
	float: left;
	padding-top: 20px;
	padding-left: 5px;
}
#wrapper #main #waza .right_area {
	width: 550px;
	float: right;
	text-align: left;
}
#wrapper #main #waza .right_area li {
	padding-top: 20px;
	font-size: 9pt;
}
#wrapper #main #waza .come {
	width: 510px;
}
#wrapper #main #waza .come span {
	vertical-align: top;
	height: 57px;
}
#wrapper #main #waza .come_left {
	float: left;
	width: 450px;
	height: 60px;
}
#wrapper #main #waza .come_right img{
	float: right;
	width: 58px;
}
#wrapper #main #waza .last {
	width: 710px;
}
#wrapper #main #waza .last p {
	float: left;
	width: 690px;
	text-align: center;
	font-size: 9pt;
	padding-top: 10px;
	padding-bottom: 20px;
}

/* 【 5-2 __sugo 】 */
#wrapper #main #sugo {
	margin: 0 auto;
	width: 710px;
}
#wrapper #main #sugo p {
	width: 710px;
	font-size: 9pt;
	padding: 10px 0;
	padding-left: 20px;
}
#wrapper #main #sugo img.under {
	padding-bottom: 20px;
}
#wrapper #main #sugo .come_left {
	float: left;
	width: 220px;
	padding-left: 20px;
}
#wrapper #main #sugo .come_right {
	float: right;
	padding-right: 20px;
	padding-bottom: 10px;
}
#wrapper #main #sugo .come_right ul {
	width: 417px;
	height: 158px;
	background: url(../image/sugowaza/come_06.gif) no-repeat;
	text-align: left;
	padding: 12px 0;
	line-height: 140%;
}
#wrapper #main #sugo .come_right li {
	padding: 0 15px
}

/* 【 5-3 __hikaku 】 */

#wrapper #main #hikaku {
	margin: 0 auto;
	width: 710px;
}
#wrapper #main #hikaku #moji_left {
	float: left;
	width: 350px;
	padding-top: 20px;
	padding-left: 20px;
}
#wrapper #main #hikaku #moji_left .come_left {
	float: left;
	width: 86px;
}
#wrapper #main #hikaku #moji_left .come_right {
	padding-left: 95px;
}
#wrapper #main #hikaku #moji_left .come_right li {
	float: left;
	width: 220px;
	text-align: left;
}
#wrapper #main #hikaku #moji_left .kongo {
	float: left;
	width: 330px;
	font-size: 9pt;
	text-align: left;
	padding: 5px 10px;
}
#wrapper #main #hikaku #moji_left .kongo ul {
	padding-top: 5px;
}
#wrapper #main #hikaku #moji_right {
	float: left;
	padding: 20px 0;
}
#wrapper #main #hikaku #moji_right ul {
	width: 306px;
	height: 139px;
	background: url(../image/sugowaza/come_02.gif) no-repeat;
	padding-top: 20px;
}
#wrapper #main #hikaku #moji_right li {
	float: left;
	font-size: 9pt;
	padding: 0 8px;
	text-align: left;
}

/* 【 5-4 __monitor 】 */

#wrapper #main #monitor {
	margin: 0 auto;
	width: 710px;
}
#wrapper #main #monitor #upper .up_left {
	font-size: 9pt;
	float: left;
	width: 440px;
	padding-left: 20px;
	padding-top: 10px;
	text-align: left;
}
#wrapper #main #monitor #upper .up_right {
	padding-top:20px;
}
#wrapper #main #monitor #upper .up_right img {
	float: left;
	width: 237px;
}
#wrapper #main #monitor #down .down_left {
	font-size: 9pt;
	float: left;
	width: 350px;
	padding-left: 20px;
	padding-top: 10px;
	text-align: left;
}
#wrapper #main #monitor #down .down_right {
	float: left;
	padding-top: 20px;
}
#wrapper #main #monitor #down .down_right ul {
	width: 306px;
	height: 243px;
	float: left;
	background: url(../image/sugowaza/come_04.gif) no-repeat;
	padding-top: 10px;
}
#wrapper #main #monitor #down .down_right li {
	float: left;
	padding: 6px 13px;
	font-size: 9pt;
	text-align: left;
	line-height: 150%;
}
#wrapper #main #monitor #last {
	width: 680px;
	float: left;
	padding-left: 30px;
	padding-bottom: 20px;
}
#wrapper #main #monitor #last p {
	width: 600px;
	float: left;
	text-align: center;
	
}

/* 【 5-4 __alkali 】 */

#wrapper #main #alkali {
	margin: 0 auto;
	width: 710px;
}
#wrapper #main #alkali #upper p.dai {
	font-size: 9pt;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
}
#wrapper #main #alkali #upper .up_left {
	font-size: 9pt;
	float: left;
	width: 410px;
	padding-left: 20px;
	padding-top:10px;
	text-align: left;
}
#wrapper #main #alkali #upper .up_right {
	padding-top:10px;
}
#wrapper #main #alkali #upper .up_right img {
	float: left;
	width: 267px;
}
#wrapper #main #alkali #middle {
	width: 660px;
	float: left;
	padding-left: 20px;
	padding-bottom:10px;
	text-align: left;
}
#wrapper #main #alkali #middle li {
	
}
#wrapper #main #alkali #down .down_left {
	font-size: 9pt;
	float: left;
	width: 350px;
	padding-left: 20px;
	padding-top: 10px;
	text-align: left;
}
#wrapper #main #alkali #down .down_left ul {
	width: 340px;
}
#wrapper #main #alkali #down .down_right {
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}
#wrapper #main #alkali #down .down_right ul {
	width: 306px;
	height: 192px;
	float: left;
	background: url(../image/sugowaza/come_06.gif) no-repeat;
	padding-top: 10px;
}
#wrapper #main #alkali #down .down_right li {
	float: left;
	padding: 8px;
	padding-top: 5px;
	font-size: 9pt;
	text-align: left;
}
#wrapper #main #button {
	padding: 20px;
	text-align: center;
}

/* ========== #6 __ather ========== */

#wrapper #main .red {
	border: solid 2px #e60012;
	padding: 5px;
}
#wrapper #main .blue {
	color: #006699;
	font-size: 9pt;
}
#wrapper #main .green {
	border: solid 2px #7fc31c;
	padding: 5px;
}
#wrapper #main .redlink {
	color: #e60012;
	font-size: 9pt;
}
#wrapper #main h3 {
	color: #e60012;
	font-size: 11pt;
}