@charset "UTF-8";
/* CSS Document */

#smile20{letter-spacing:1px; line-height:1.4em;}
#smile20 h2 {margin-bottom: 30px;}
#smile20 h4 {margin-bottom: 15px;}
#smile20 h5 {margin-bottom: 11px;}
#smile20 div#main div#content div#details .clear01 {margin: 0px;padding: 0px;clear: both;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
    TOP
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.promice h4 { margin:50px 0 20px 0 !important;}

.image20y{font-size:90%;line-height:1.4em;}
#smile20 .image20y img {margin-bottom: 10px;}

#smile20 .fl_left {width: 215px;float:left;margin-right:26px;}
#smile20 .fl_center{width: 215px;float:left;}
#smile20 .fl_right {width: 215px;float:right;}

.six_box{widht:700px;font-size:90%;line-height:1.4em;margin: 0 0 80px 0;}
.six_box .box_left,
.six_box .box_right{height: 70px;width: 292px;padding:15px 20px 0 20px; background:url(../images/top/back01.gif) 0 0 no-repeat;}
.six_box .box_left {float: left;margin-bottom: 20px;}
.six_box .box_right {float: right;}
.six_box .box2_left,.six_box .box2_right,
.six_box .box2_right_orange{height: 70px;width: 292px;padding:15px 20px 0 20px;}
.six_box .box2_left {float: left;background:url(../images/top/back02.gif) 0 0 no-repeat;margin-bottom: 20px;}
.six_box .box2_right {float: right; background:url(../images/top/back02.gif) 0 0 no-repeat;}
.six_box .box2_right_orange {float: right; background:url(../images/top/back03.gif) 0 0 no-repeat;}

.six_box img {margin-bottom: 11px;}

.mente_link {
	text-align:center;
	margin:50px 0 60px 0;
}

.mente_link a:hover {
	opacity:0.6;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~
    メンテナンス
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#smile20 .mente_kbw,
#smile20 .mente_smile{width: 648px;position: relative;padding: 22px 25px;margin: 0 0 50px 0; }
#smile20 .mente_smile .txt1 { margin:0 0 10px 0 !important; font-size:75%; }
#smile20 .mente_smile h4.smailkaiin { margin:0 0 20px 0 !important; }
#smile20 .mente_smile .flag { float:right; margin:-22px -25px 0 0; background:#ee7835; color:#fff; font-weight:bold; width:170px; padding:5px 15px;}


#smile20 .mente_kbw {border: 1px solid #008e3f;margin: 0 0 50px 0;}
#smile20 .mente_smile{border: 1px solid #ee7835;margin: 0 0 30px 0;}

#smile20 #main #content #details .photo_kbw {position: absolute;top: 1px;right: 1px;}
#smile20 #main #content #details .photo_smile {position: absolute;top: 30px;right: 25px;}

#smile20 #main #content #details .mente_txt01 {font-size: 75%;line-height: 1.4em;margin: 0 0 10px 0;}
#smile20 #main #content #details .mente_txt02 {width:420px;text-align: right;margin: 10px 0;}
#smile20 #main #content #details .hyou {margin-top: 40px;}
#smile20 #main #content #details .higoro {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 3px 0;
}

#smile20 .attention { font-size:12px; margin:-30px 0 0 0 !important; padding-bottom:60px; text-decoration:none;}
#smile20 .attention span { float:left; }
#smile20 .attention span.t1 { width:15px; }
#smile20 .attention span.t2 { width:680px; }



#smile20 h4.sttl { color:#ed7736; font-weight:bold; font-size:18px; margin:30px 0 15px 0;}
#smile20 .plan-standard,
#smile20 .plan-select,
#smile20 .plan-light { width:93%; padding:20px; margin-bottom:20px; }
#smile20 .plan-standard { border:1px solid #e1769e; }
#smile20 .plan-select { border:1px solid #689b62; }
#smile20 .plan-light { border:1px solid #57aca9; }

#smile20 .plan-standard img,
#smile20 .plan-select img,
#smile20 .plan-light img {
	margin:0 !important;
	float:left;
}

#smile20 .plan-standard p,
#smile20 .plan-select p,
#smile20 .plan-light p {
	margin:5px 0 0 0 !important;
	float:right;
	width:400px;
	vertical-align:central;
}
#smile20 .plan-select p {
	margin-top:15px;
}
#smile20 .plan-standard:after,
#smile20 .plan-select:after,
#smile20 .plan-light:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


#smile20 .products {
	padding:20px;
	background:#f5f5f5;
}
#smile20 .products .products-ttl {
	width:610px;
	border-bottom:1px solid #7a7a7a;
	font-weight:bold;
	font-size:16px;
	line-height:180%;
	margin-bottom:20px;
}

#smile20 .products ul li {
	display:inline-block;
	vertical-align:text-top;
	margin-left:20px;
	font-size:12px !important;
}
#smile20 .second {
	margin-top:20px !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
     スマイル会員
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.sm20 section{ }
.sm20 h2{ margin-bottom:20px;}
.sm20 h3{
	font-size:1.6em;
	color:#079040;
	margin-bottom:30px !important;
	padding-bottom:8px;
	border-bottom:1px solid #079040;
	font-weight: bold;
}
.sm20 h4{
	font-size: 1.2em;
	margin-bottom:15px !important;
	color:#079040;
	font-weight: bold;
}
.sm20 h4.sm20_h4_red{
	color:#CC0000;
}
.sm20 h5{ background-color:#E7E7E7; padding:3px; text-align:center;margin-bottom:18px !important;}

.sm20 .read{margin-bottom:60px;}
.sm20 .pran3{margin-bottom:60px;}
.sm20 .pran3 dl{ height:110px; box-sizing: border-box; margin-bottom:20px;}
.sm20 .pran3 dl dt{float:left; width:225px; font-size:1.4em; font-weight:bold; text-align:center; padding:40px 0; }
.sm20 .pran3 dl dt span{ font-size:0.7em; font-weight:normal;}
.sm20 .pran3 dl dd{ float:right; width:468px; height:110px; position:relative; box-sizing: border-box; padding-top:20px; padding-right:20px;}
.sm20 .pran3 dl dd span{width:468px; box-sizing: border-box; position:absolute; bottom:1px; right:0; padding:4px 0 4px 40px;color:#ffffff; font-weight:bold;}
.sm20 .pran3 dl dd span:before{content: url(../images/smile/arrow01.png);}

.sm20 .pran3 a{ display:block;}
.sm20 .pran3 a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
		transition: 0.3s ease-in-out;
}
.sm20 .pran3 dl.standard { border:1px solid #eb88a5;}
.sm20 .pran3 dl.select {border:1px solid #6fba2c;}
.sm20 .pran3 dl.light {border:1px solid #83b9e5;}
.sm20 .pran3 dl.standard dt{ color:#eb88a5;}
.sm20 .pran3 dl.select dt{color:#6fba2c;}
.sm20 .pran3 dl.light dt{color:#83b9e5;}
.sm20 .pran3 dl.standard dd span{ background-color:#eb88a5;}
.sm20 .pran3 dl.select dd span{ background-color:#6fba2c;}
.sm20 .pran3 dl.light dd span{ background-color:#83b9e5;}

.sm20 .taisyou{margin-bottom:60px;}
.sm20 .taisyou ul{
	margin-bottom: 20px;
}
.sm20 .taisyou ul li{
	float:left;
	margin-right:21px;
	margin-bottom: 30px;
}
.sm20 .taisyou ul li:nth-child(3){ float:right; margin-right:0;}
.sm20 .taisyou ul li a{ display:block;}
.sm20 .taisyou ul li a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
		transition: 0.3s ease-in-out;
}

.sm20 .taisyou h5 { font-weight:bold; font-size:120%; height:30px; line-height:30px;}

.sm20 .hosyou{margin-bottom:60px;}
.sm20 .hosyou ul{ margin-bottom:30px;}
.sm20 .hosyou li{
	float:left;
	padding-left:18px;
	line-height: 1.5em;
}
.sm20 .hosyou li:nth-child(5),.sm20 .hosyou li:nth-child(8){ clear:both;}
.sm20 .hosyou li:before {
content: "●";color: #079040;
}

.sm20 .kiyaku{margin-bottom:60px;}
.sm20 .kiyaku a{ display:block;}
.sm20 .kiyaku a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
		transition: 0.3s ease-in-out;
}
.sm20 .kiyaku dl{  height:160px; width:338px; box-sizing: border-box; padding:20px; border:1px solid #d5d5d5; position:relative;}
.sm20 .kiyaku dt{ margin-top:10px; text-align:center;}
.sm20 .kiyaku dd{ width:278px; padding:8px; text-align:center; background-color:#079040; color:#ffffff; position:absolute; bottom:20px;}
.sm20 .kiyaku dd:before{content: url(../images/smile/arrow01.png);}
.sm20 .kiyaku1{ float:left;}
.sm20 .kiyaku2{ float:right;}

.sm20 .sm20_toiawase{margin-bottom:60px;}
.sm20 .sm_service {margin-bottom: 50px;}
.sm20 .toiawase {
	width: 650px;
	margin-left: 20px;
}
.sm20 .smile_left3 {float: left;}
.sm20 .smile_right3 {float: right;margin-bottom: 30px;border: 1px solid #008C3F;width: 270px;padding: 11px 20px;font-size: 90%;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~
     サポートプログラム
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#smile20 .support_program {width: 698px;border: 1px solid #008C3F;margin-bottom: 25px;}
#smile20 h4.taisyo_syohin {padding: 4px;margin-top: 0px;border-bottom: 1px solid #008C3F;text-align: center;}
#smile20 .fl_ss2 {width: 215px;float:left;text-align:center;padding: 0 15px 0 10px;}
#smile20 .fl_cl2{width: 215px;float:left;text-align:center;}
#smile20 .fl_aq2 {width: 215px;float:right;text-align:center;padding-right: 10px;}
#smile20 .support_img {width: 700px;margin-bottom: 30px;text-align: center;}

#smile20 .support_img {margin-bottom:30px;}
#smile20 #wrapper #main #content #details .support_img2 .tuiki {font-size: 90%;line-height: 1.2em;margin: 5px 0 0 0;}
#smile20 .tenken {height: 100px;width: 700px;margin-bottom: 17px;position: relative;}
#smile20 .tenken .box01 {height: 100px;width: 170px;position:absolute;left:0;}
#smile20 .tenken .box02 {height: 100px;width: 160px;position:absolute;left:180px;font-size: 90%;}
#smile20 .tenken .box03 {height: 100px;width: 170px;position:absolute;right: 170px;}
#smile20 .tenken .box04 {height: 100px;width: 160px;position:absolute;right:0px;font-size: 90%;}
#smile20 #main #content .encyo .encyo_left {font-weight: bold;color: #009933;margin: 0;float: left;width: 100px;}
#smile20 #main #content .encyo .encyo_right{margin:0;float: left;}
#smile20 .encyo {width: 670px;padding: 0 0 13px 33px;border-bottom: 1px solid #008C3F;font-size: 90%;margin-bottom: 20px;}
#smile20 .f80percent {font-size: 80%;line-height: 1.3em;}
#smile20 .support_img2 {margin-bottom: 30px;}
#smile20 .sy_img {margin-bottom: 8px;}
#smile20 #wrapper #main #content #details .support_program p {margin-top: 8px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
     会員規約
		 プライバシーポリシー
		 
~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#smile20 #kiyaku20 h5 {
	font-size: 110%;
	color: #333333;
	margin-bottom: 8px;
}
#smile20 #kiyaku20 .kaiin h5 {
	font-size: 110%;
	color: #333333;
	margin-bottom: 8px;
	margin-left:8px;
}


#smile20 div#main div#content div#kiyaku20 p {
	margin-bottom: 3px;
	padding-left: 25px;
}
#smile20 #kiyaku20 {width: 700px;}

#smile20 #wrapper #main #content #kiyaku20 ol li{list-style-type: decimal;}
#smile20 #wrapper #main #content #kiyaku20 ol {
	margin-left: 45px;
}
#smile20 #wrapper #main #content #kiyaku20 .ind1 {
	text-indent: -20px;
	margin-left: 25px;

}
#smile20 #wrapper #main #content #kiyaku20 .ind2 {
	text-indent: -20px;
	margin-left: 50px;

}
#smile20 div#kiyaku20 div {
	margin-bottom: 20px;
}
#smile20 div#kiyaku20 h4 {
	margin:50px 0 20px 0 !important;
}
#smile20 #kiyaku20 .border_gray {
	padding: 10px 10px 10px 30px;
	border: 1px solid #666666;
	width: 345px;
	font-size: 90%;
	margin-left: 30px;
	margin-bottom: 8px;
}
#smile20 #wrapper #main #content  #kiyaku20 .border_gray .ind2 {
	text-indent: -10px;
	padding: 0;
}
#smile20 #wrapper #main #content #kiyaku20 .ind3 {
	text-indent: -20px;
	margin-left: -5px;

}
#smile20 #kiyaku20 .day {
	text-align: right;
	width: 700px;
	margin-bottom: 5px;
	font-size: 90%;
}