@charset "UTF-8";

/*----------------------------------------
  index_box01
-----------------------------------------*/

#index_box01 {
  margin-bottom: 50px;
}

/*#tit_box01 #tit_box01_bg {
    background: url("../../img/cmn_cnts_tit01_bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}


#tit_box01 #tit_box01_bg_btm {
    background: url("../../img/cmn_cnts_tit01_bg_btm.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
}


#tit_box01 #tit_box01_bg_pic {
    background: url("../../price/img/price_tit01_pic01.png") no-repeat scroll 35px 25px rgba(0, 0, 0, 0);
    padding: 25px 25px 18px 100px;
}
*/
/* index_intro01
-----------------------------------------*/

#index_intro01 {
  padding-bottom: 30px;
  border-bottom: 1px dashed #CCCCCC;
}

#index_intro01 #index_illust01 {
  float: right;
  margin-left:20px;
}

#index_intro01 dl dt img {
  margin-bottom: 20px;
}

/* index_intro02
-----------------------------------------*/

#index_intro02 {
  padding-bottom: 30px;
}

#index_intro02 #index_illust01 {
  float: right;
  margin: 0 10px 0 20px;
}

#index_intro02 dl dt img {
  margin-bottom: 20px;
}

/* index_box01_01
-----------------------------------------*/

.index_box01_01_l {
  float: left;
  width: 325px;
}

.index_box01_01_r {
  float: left;
  width: 325px;
  margin-left: 35px;
}

p.index_box01_tit01 {
  height: 25px;
  padding: 5px 0 0 20px;
  background: #FFFFFF url(/useful/cleaning/img/index_tit01.png) no-repeat left top;
  font-weight: bold;
}

p.index_box01_tit02 {
  height: 25px;
  padding: 5px 0 0 20px;
  background: #FFFFFF url(/useful/cleaning/img/index_tit02.png) no-repeat left top;
  font-weight: bold;
}

ul#index_list01 {
  margin: 20px 4px 15px;
}

ul#index_list01 li {
  float: left;
  width: 86px;
  margin: 0 5px 5px 0;
  padding: 10px 8px;
  background-color: #F0FEDE;
}

ul#index_list01 li.last {
  float: left;
  width: 86px;
  margin: 0 0 5px 0;
  padding: 10px 8px;
  background-color: #F0FEDE;
}

/*----------------------------------------
  content_l
-----------------------------------------*/

#content_l {
  width: 685px;
}
#content_l p#price_txt01 {
  padding-top: 28px;
  border-top: 1px dotted #ccc;
  text-align: center;
}

/*----------------------------------------
  tit_box01
-----------------------------------------*/

#tit_box01 {
  margin-bottom: 27px;
  border-bottom:1px dotted #ccc;
}
#tit_box01 h1 {
  padding: 6px 0 7px 52px;
  background: #00add2 url(../img/index_tit01_bg01.png) no-repeat left top;
}
#tit_box01 p#lead01 {
  padding-top: 26px;
  border-top: 1px dotted #cccccc;
  line-height: 1.6;
}

/*----------------------------------------
  tit_box02
-----------------------------------------*/

#tit_box02 {
  margin-bottom: 27px;
  border-bottom:1px dotted #ccc;
}
#tit_box02 h1 {
  padding: 6px 0 7px 52px;
  background: #70BB09 url(../img/index_tit02_bg01.png) no-repeat left top;
}
#tit_box02 p#lead01 {
  padding-top: 26px;
  border-top: 1px dotted #cccccc;
  line-height: 1.6;
}

/*----------------------------------------
  tips common style
-----------------------------------------*/

.mb50{
  margin-bottom:50px;
}
.mb30 {
  margin-bottom:30px;
}
.mb15{
  margin-bottom:15px;
}
.mb10{
  margin-bottom:10px;
}
.mlb15{
  margin:0 0 15px 15px;
}
.mrb15{
  margin:0 15px 15px 0;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.b{
  font-weight:bold;
}

/*----------------------------------------
  box01_blue
-----------------------------------------*/

.box01_blue h2 {
  margin-bottom: 20px;
  padding: 5px 15px 8px;
  background: #F1FBFD url(../img/tips_title01_body.png) no-repeat left bottom;
  border-top: 1px solid #00A2C4;
  border-right: 1px solid #00A2C4;
  border-left: 1px solid #00A2C4;
}

.box01_blue h3{
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #00A2C4;
  line-height: 1;
}

.box01_blue h3 span{
  padding-left: 8px;
  border-left: 5px solid #00A2C4;
}

.box01_blue h4{
  padding: 5px 0 4px 12px;
  background-color: #e8fafe;
}

.box01_blue p.image_box01_r {
  float: right;
  width: 240px;
  height: 160px;
  margin-left: 15px;
  padding: 6px;
  background: url("../img/tips_common_bg_img.png") no-repeat scroll left top transparent;
}

.box01_blue p.image_box01_l {
  float: left;
  width: 240px;
  height: 160px;
  margin-right: 15px;
  padding: 6px;
  background: url("../img/tips_common_bg_img.png") no-repeat scroll left top transparent;
}

/*----------------------------------------
  box01_green
-----------------------------------------*/

.box01_green h2 {
  margin-bottom: 20px;
  padding: 5px 15px 8px;
  background: #EDFCD9 url(../img/tips_title02_body.png) no-repeat left bottom;
  border-top: 1px solid #70BB09;
  border-right: 1px solid #70BB09;
  border-left: 1px solid #70BB09;
}

.box01_green h3{
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #70BB09;
  line-height: 1;
}

.box01_green h3 span{
  padding-left: 8px;
  border-left: 5px solid #70BB09;
}

.box01_green h4 {
    background-color: #edfee8;
    padding: 5px 0 4px 12px;
}
.box01_green p.image_box01_r {
  float: right;
  width: 240px;
  height: 160px;
  margin-left: 15px;
  padding: 6px;
  background: url("../img/tips_common_bg_img.png") no-repeat scroll left top transparent;
}

.box01_green p.image_box01_l {
  float: left;
  width: 240px;
  height: 160px;
  margin-right: 15px;
  padding: 6px;
  background: url("../img/tips_common_bg_img.png") no-repeat scroll left top transparent;
}

.box01_green ul.box_green01_ul li{
    background: url("../../useful/column/img/column_list_ic01.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin-bottom: 5px;
    padding-left: 30px;
}
/*----------------------------------------
  box01_01
-----------------------------------------*/

.box01_01 {
  width: 685px;
  background: url(../img/index_box01_bg01.png) repeat-y;
}

.box01_01 .box01_01_bg_btm {
  width: 685px;
  padding-bottom: 15px;
  background:url(../img/index_box01_bg01_btm.png) no-repeat left bottom;
}

.box01_01 .box01_01_bg_top {
  width: 685px;
  padding-top:15px;
  background: url(../img/index_box01_bg01_top.png) no-repeat left top;
}

.box01_01 h3.stit01{
  margin:0 0 8px;
  padding:0 15px;
  border:0;
}

.box01_01 p{
  padding:0 15px
}

/*  box01_01_l
-----------------------------------------*/

.box01_01_l {
  float: left;
  width: 335px;
}

/*  box01_01_r
-----------------------------------------*/

.box01_01_r {
  float: right;
  width: 335px;
}

/*----------------------------------------
  box01_point
-----------------------------------------*/

.box01_point dt{
  display:inline;
}

.box01_point dd{
  display:inline;
  padding-right:15px;
}

.box01_point img{
  vertical-align:bottom;
}

/*----------------------------------------
  form_btn01
-----------------------------------------*/

.form_btn01{
  margin-bottom:30px;
  padding-top:30px;
  text-align:center;
  border-top:1px dotted #ccc;
}

/*----------------------------------------
  contents_box01
-----------------------------------------*/

#contents_box01 .contents_box01_01 {
  border-bottom: 1px dashed #CCCCCC;
}

#contents_box01 .last01 {
  border-bottom: none;
}

#contents_box01 .contents_box01_01 p.contents_box01_pic01 {
  float: left;
  width: 184px;
  padding: 15px 0 15px 5px;
  background: url(../img/index_photo_bg.png) no-repeat left center;
}

#contents_box01 .contents_box01_01 .contents_box01_txt01 {
  padding: 15px 0;
}

#contents_box01 .contents_box01_01 .contents_box01_txt01 .arrow01 {
	margin-bottom:3px;
  padding-left: 24px;
  background: url(../img/tips_osu_arow1.png) no-repeat left center;
  font-weight: bold;
}

#contents_box01 .contents_box01_01 .contents_box01_txt01 .arrow02 {
	margin-bottom:3px;
  padding-left: 24px;
  background: url(../img/tips_osu_arow2.png) no-repeat left center;
  font-weight: bold;
}

#contents_box01 .contents_box01_01 .contents_box01_txt01 p.contents_box01_link01 {
  text-align: right;
}

/*----------------------------------------
  kanren
-----------------------------------------*/

#kanren {
  margin-bottom: 40px;
  padding-top: 32px;
  background: #FFFFFF url(../../tips/img/kanren_bg_top.png) no-repeat left top;
}

#kanren #kanren_box01 {
  padding: 0 25px 15px;
  background: #FFFFFF url(../../tips/img/kanren_bg_btm.png) no-repeat left bottom;
}

#kanren p.kanren_link01 {
  padding-top: 6px;
  background-color: #FFFFFF;
  text-align: right;
}

/*----------------------------------------
  osusume
-----------------------------------------*/
#osusume {
	margin:50px 0 50px 0;
}

#osusume #osu1_head {
  position:relative;
  height:33px;
  background:url(../img/tips_osu_1_1.png) no-repeat left bottom;
}

#osusume #osu1_head img {
  position: absolute;
  left: 600px;
  top: -33px;
}
/*ie6*/
* html #osusume #osu1_head img {
  position: absolute;
  left: 600px;
  top: -30px;
}
/*ie7*/
*+html #osusume #osu1_head img {
  position: absolute;
  left: 600px;
  top: -25px;
}

#osusume #osu1_body {
  background:url(../img/tips_osu_1_2.png) repeat-y left bottom;
}

#osusume #osu1_body li {
  margin: 0 10px;
  padding:12px 0 10px;
  background:url(../img/tips_osu_2_1.png) no-repeat left top;
}

#osusume #osu1_body li .osu2 {
  padding: 0 12px 12px;
  background:url(../img/tips_osu_2_2.png) repeat-y left bottom;
}

#osusume #osu1_body li .osu2 dt{
  float:left;
}

#osusume #osu1_body li .osu2 dd{
  padding-left:112px;
}

#osusume #osu1_body li .osu2 dd .a1{
  padding-left:20px;
  background:url(../img/tips_osu_arow1.png) no-repeat left center;
}

#osusume #osu1_body li .osu2 dd .a2{
  padding-left: 20px;
  background:url(../img/tips_osu_arow2.png) no-repeat left center;
}

#osusume #osu1_body li .osu2 dd .btmline {
  margin-bottom:8px;
  padding-bottom:5px;
  border-bottom: 1px dashed #cccccc;
}

/*----------------------------------------
  campaign_box
-----------------------------------------*/

#campaign_box dt{
  margin-bottom:5px;
}