@charset "utf-8";

/********************************************************************** 
共通
***********************************************************************/

h5{
	width: 576px ;
	float: left ;
	margin: 0px ;
	padding: 5px 10px 5px 10px ;
	color: #FFFFFF ;
	font-size: 16px ;
	display: block ;
	}

h5 a:link,
h5 a:visited{
	color: #FFFFFF ;
	}

h5.optional_top{
	background-color: #157EFF ;
	}

h5.optional_act{
	background-color: #D8000D ;
	}

h5.optional_bottom{
	font-size: 12px ;
	background-color: #A1A1A1 ;
	margin: 0px 0px 10px 0px ;
	}

h5.optional_remove{
	margin-bottom: 10px ;
	line-height: 120% ;
	background-color: #6DBE01 ;
	}

#menu_act{
	width: 145px ;
	float: left ;
	padding: 15px ;
	text-align: center ;
	}

/********************************************************************** 
TOP
***********************************************************************/

#optional_select_table{
	width: 596px ;
	float: left ;
	margin: 0px 0px 15px 0px ;
	line-height: 140% ;
	border-top: 1px #666666 dotted ;
	}

.optional_table_comment{
	width: 576px ;
	float: left ;
	padding: 10px 10px 15px 10px ;
	line-height: 180% ;
	}

.optional_select_list{
	width: 596px ;
	float: left ;
	padding: 10px 0px 10px 0px ;
	border-bottom: 1px #666666 dotted ;
	display: block ;
	}

#optional_select_button01 a{
	width: 160px ;
	height: 20px ;
	float: left ;
	text-indent: -9999px ;
	background: url(../optional/images/act_button.gif) no-repeat ;
	}

#optional_select_button01 a:hover{
	background-image: url(../optional/images/act_button_ov.gif) ;
	}

#optional_select_button02 a{
	width: 250px ;
	height: 20px ;
	float: left ;
	text-indent: -9999px ;
	background: url(../optional/images/refine_button.gif) no-repeat ;
	}

#optional_select_button02 a:hover{
	background-image: url(../optional/images/refine_button_ov.gif) ;
	}

#optional_select_button03 a{
	width: 144px ;
	height: 20px ;
	float: left ;
	text-indent: -9999px ;
	background: url(../optional/images/remove_button.gif) no-repeat ;
	}

#optional_select_button03 a:hover{
	background-image: url(../optional/images/remove_button_ov.gif) ;
	}

#optional_select_button04 a{
	width: 144px ;
	height: 20px ;
	float: left ;
	text-indent: -9999px ;
	background: url(../optional/images/sat_button.gif) no-repeat ;
	}

#optional_select_button04 a:hover{
	background-image: url(../optional/images/sat_button_ov.gif) ;
	}

#optional_select_button05 a{
	width: 277px ;
	height: 20px ;
	float: left ;
	text-indent: -9999px ;
	background: url(../optional/images/alsok_button.gif) no-repeat ;
	}

#optional_select_button05 a:hover{
	background-image: url(../optional/images/alsok_button_ov.gif) ;
	}

#optional_select_button06 a{
	width: 95px ;
	height: 20px ;
	float: left ;
	text-indent: -9999px ;
	background: url(../optional/images/dispre_button.gif) no-repeat ;
	}

#optional_select_button06 a:hover{
	background-image: url(../optional/images/dispre_button_ov.gif) ;
	}

#optional_act_comment{
	width: 100px ;
	float: right ;
	margin: 5px 0px 0px 0px ;
	padding: 5px ;
	line-height: 160% ;
	border: 1px #999999 solid ;
	}

.optional_price_frame{
	width: 576px ;
	float: left ;
	margin: 10px 0px 0px 0px ;
	border-bottom: 1px #A1A1A1 solid ;
	}

.optional_price_title{
	width: 570px ;
	float: left ;
	padding: 3px ;
	background-color: #A1A1A1 ;
	text-align: center ;
	color: #FFFFFF ;
	}

.optional_price{
	width: 574px ;
	float: left ;
	border-top: 1px #A1A1A1 solid ;
	border-left: 1px #A1A1A1 solid ;
	border-right: 1px #A1A1A1 solid ;
	background-color: #DFDFDF ;
	}

.optional_price_left{
	width: 225px ;
	float: left ;
	padding: 7px 3px 7px 15px ;
	line-height: 130% ;
	}

.optional_price_right{
	width: 312px ;
	float: right ;
	padding: 7px 3px 7px 15px ;
	line-height: 130% ;
	background-color: #FFFFFF ;
	border-left: 1px #A1A1A1 solid ;
	}

.optional_price span{
	font-size: 10px ;
	}

.optional_price span.delete{
	font-size: 12px ;
	text-decoration: line-through ;
	}

#inquiry_table_title{
	width: 576px ;
	float: left ;
	padding: 7px 10px 7px 10px ;
	color: #FFFFFF ;
	font-weight: bold ;
	background-color: #157EFF ;
	display: block ;
	}

#inquiry_table_comment{
	width: 576px ;
	padding: 10px ;
	line-height: 140% ;
	}

#inquiry_table2{
	width: 596px ;
	margin: 0px 0px 15px 0px ;
	line-height: 140% ;
	border-top: 1px #666666 dotted ;
	}

#inquiry_table2_list{
	width: 596px ;
	float: left ;
	padding: 10px 0px 10px 0px ;
	border-bottom: 1px #666666 dotted ;
	display: block ;
	}

#inquiry_table2_left{
	width: 220px ;
	float: left ;
	}

#inquiry_table2_right{
	width: 366px ;
	float: left ;
	padding: 0px 10px 0px 0px ; 
	}

/********************************************************************** 
アクト
***********************************************************************/

#act_table1{
	width: 576px ;
	float: left ;
	padding: 10px 10px 0px 10px ;
	}

#act_table1_left{
	width: 110px ;
	float: left ;
	padding: 0px 5px 10px 0px ;
	}

#act_table1_right{
	width: 461px ;
	float: left ;
	}

#act_table1_right_p{
	width: 461px ;
	padding: 0px 0px 15px 0px ;
	}

#act_table1_right_p ul{
	margin: 0px ;
	padding: 0px 0px 0px 3px ;
	}

#act_table1_right_p li{
	list-style: inside square ;
	}

#act_table2{
	width: 574px ;
	float: left ;
	margin: 0px 0px 10px 0px ;
	border: 1px #D8000D solid ;
	}

#act_table3{
	width: 560px ;
	float: left ;
	padding: 7px ;
	line-height: 140% ;
	}

#act_table3 h6{
	width: 158px ;
	margin: 0px ;
	padding: 0px ;
	font-size: 12px ;
	}

#act_table3_left{
	width: 402px ;
	float: left ;
	}

#act_table3_left_p{
	width: 158px ;
	float: left ;
	padding: 0px 43px 0px 0px ;
	background-image: url(../optional/images/act_howto_bg.gif) ;
	background-repeat: no-repeat ;
	}

#act_table3_right{
	width: 158px ;
	float: left ;
	}

#act_table4{
	width: 574px ;
	float: left ;
	padding: 0px 0px 10px 0px ;
	color: #666666 ;
	font-size: 10px ;
	}

/********************************************************************** 
浄水器
***********************************************************************/

#refine_table_p{
	width: 576px ;
	float: left ;
	padding: 10px 0px 0px 0px ;
	color: #157EFF ;
	text-align: center ;
	font-weight: bold ;
	}

#refine_table1{
	width: 596px ;
	float: left ;
	}

#refine_table1_left{
	width: 381px ;
	float: left ;
	padding: 50px 0px 0px 31px ;
	}

#refine_table1_right{
	width: 150px ;
	float: right ;
	}

#refine_table1_right_title{
	width: 96px ;
	float: left ;
	padding: 5px ;
	font-weight: bold ;
	text-align: center ;
	background: #D7D7D7 ;
	}

#refine_table1_right img{
	width: 106px ;
	float: left ;
	padding: 5px 0px 5px 0px ;
	display: block ;
	}

#refine_table1_right p{
	width: 106px ;
	float: left ;
	margin: 0px ;
	padding: 0px ;
	}

#refine_table2{
	width: 596px ;
	float: left ;
	background-image: url(../optional/images/refine_img_bg2-1.gif) ;
	background-repeat: repeat-x ;
	}

#refine_table2_left{
	width: 76px ;
	float: left ;
	}

#refine_table2_right{
	width: 510px ;
	float: right ;
	}

#refine_table2_right_title{
	width: 500px ;
	float: right ;
	padding: 7px 5px 10px 5px ;
	font-size: 14px ;
	font-weight: bold ;
	}

#refine_table2_right_p{
	width: 500px ;
	float: right ;
	padding: 5px ;
	line-height: 140% ;
	}

#refine_table2_right_p strong{
	color: #FF3300 ;
	}

#refine_table3{
	width: 594px ;
	float: left ;
	border: 1px #666666 solid ;
	}

#refine_table3_title{
	width: 584px ;
	float: left ;
	padding: 5px ;
	font-weight: bold ;
	background-color: #D7D7D7 ;
	}

#refine_table3_p{
	width: 584px ;
	float: left ;
	padding: 5px ;
	}

#refine_table3_p ul{
	margin: 0px ;
	padding: 0px ;
	line-height: 160% ;
	}

#refine_table3_p li{
	list-style: inside square ;
	}

/********************************************************************** 
SAT119
***********************************************************************/

#sat_table1{
	width: 596px ;
	float: left ;
	padding: 10px 0px 10px 0px ;
	border-top: 2px #0033FF solid ;
	}

#sat_table1_left{
	width: 190px ;
	float: left ;
	}

#sat_table1_right{
	width: 391px ;
	float: right ;
	line-height: 160% ;
	}

#sat_price_frame{
	width: 391px ;
	float: left ;
	margin: 20px 0px 0px 0px ;
	border-bottom: 1px #A1A1A1 solid ;
	}

#sat_price_title{
	width: 385px ;
	float: left ;
	padding: 3px ;
	background-color: #A1A1A1 ;
	text-align: center ;
	color: #FFFFFF ;
	}

#sat_price{
	width: 389px ;
	float: left ;
	border-top: 1px #A1A1A1 solid ;
	border-left: 1px #A1A1A1 solid ;
	border-right: 1px #A1A1A1 solid ;
	background-color: #DFDFDF ;
	}

#sat_price_left{
	width: 85px ;
	float: left ;
	padding: 7px 3px 7px 15px ;
	line-height: 130% ;
	}

#sat_price_right{
	width: 262px ;
	float: right ;
	padding: 7px 3px 7px 15px ;
	line-height: 130% ;
	background-color: #FFFFFF ;
	border-left: 1px #A1A1A1 solid ;
	}

/********************************************************************** 
除菌・抗菌
***********************************************************************/

#remove_table1 strong,
#remove_table2 strong,
#remove_table2_title strong,
#remove_table3 strong{
	color: #6DBE01 ;
	}

#remove_table1{
	width: 596px ;
	float: left ;
	padding: 0px 0px 20px 0px ;
	line-height: 220% ;
	}

#remove_table2{
	width: 596px ;
	float: left ;
	padding: 0px 0px 10px 0px ;
	line-height: 180% ;
	}

#remove_table2_title{
	width: 596px ;
	float: left ;
	margin: 0px 0px 7px 0px ;
	padding: 0px 0px 5px 0px ;
	border-bottom: 1px #999999 solid ;
	}

#remove_table3{
	width: 596px ;
	float: left ;
	padding: 0px 0px 12px 0px ;
	line-height: 130% ;
	}

#remove_table3_left{
	width: 291px ;
	float: left ;
	border-bottom: 1px #999999 solid ;
	border-right: 1px #999999 solid ;
	}

#remove_table3_right{
	width: 291px ;
	float: right ;
	border-bottom: 1px #999999 solid ;
	border-right: 1px #999999 solid ;
	}

.remove_item1{
	background-image: url(../optional/images/remove_img02.jpg) ;
	background-repeat: no-repeat ;
	}

.remove_item2{
	background-image: url(../optional/images/remove_img03.jpg) ;
	background-repeat: no-repeat ;
	}

.remove_item3{
	background-image: url(../optional/images/remove_img04.jpg) ;
	background-repeat: no-repeat ;
	}

.remove_item4{
	background-image: url(../optional/images/remove_img05.jpg) ;
	background-repeat: no-repeat ;
	}

#remove_table3_title{
	width: 155px ;
	float: right ;
	padding: 3px 0px 3px 0px ;
	text-align: center ;
	border-top: 1px #999999 solid ;
	border-bottom: 1px #999999 solid ;
	border-left: 1px #999999 solid ;
	}

#remove_table3_comment{
	width: 146px ;
	float: right ;
	padding: 5px ;
	}

#remove_table4{
	width: 580px ;
	float: left ;
	padding: 7px ;
	line-height: 160% ;
	border: 1px #999999 solid ;
	}

#remove_table4 strong{
	width: 580px ;
	float: left ;
	padding: 0px 0px 7px 0px ;
	font-size: 16px ;
	display: block ;
	}

#remove_table5{
	width: 576px ;
	padding: 0px 21px 15px 21px ;
	}

#remove_table5_bottom{
	width: 562px ;
	float: left ;
	padding: 7px ;
	line-height: 120% ;
	}