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

#container{
	width:100%;
	padding-bottom:10%;
	font-size:14px;
	}
	

.heti{
	width:100%;
	margin:0 auto;
	}
	
.heti img{
	width:100%;
	}
	
.headcon{
	width:85%;
	margin:3% auto 1% auto;
	height:110px;
	font-size:14px;
	line-height:130%;
	}
	
.gokkun img{
	margin:10px 0 20px 0;
	width:40%;
	}
	
#container .goktex p{
	text-align:left;
	width:90%;
	margin:0 auto 20px auto;
	font-size:14px;
	}
	
.onayamiti{
    	width: 90%;
		margin:0 auto;
	}

.ti1{
	}
	
.ti1 h2{
	width:96%;
	margin:0 auto;
	line-height:120%;
	font-size:20px;
	font-weight:bold;
	}

	
#container h3{
   	background: none repeat scroll 0 0 #fff799;
    	color: #ff9000;
    	font-size: 16px;
    	line-height: 1.4em;
   	margin: 0 auto;
	padding:10px 0;
	font-weight:bold;
	}
	
.onayami{
    	background-image: url("../image/column17/mamaup.jpg");
    	background-repeat: no-repeat;
    	background-size: cover;
    	height: 80%;
    	margin: 0 auto;
    	padding: 8% 0 10% 0;
    	position: relative;
    	width: 100%;
	}
	
.oarea{
	width:90%;
	margin:0 auto;

	}
	
#cont{
	width:94%;
	margin:0 auto;
	box-shadow: 0px 0px 20px 5px rgba(225,191,91,0.4);
	-moz-box-shadow: 0px 0px 20px #e1cc8d; /* Firefox */
	-webkit-box-shadow: 0px 0px 20px #e1cc8d;/* Chrome, Safari */
	backgroud:#fff;
	text-align:center;
	padding-top:5%;
	padding-bottom:3%;
	}
	

	
	
.accordion{
	width:94%;
	margin:0 auto;
	}
	
.accordion img{
	width:100%;
	}

	
.accordion h4{
	background:#e85a5a;
	border-radius:3px;
	color:#ffffff;
	font-weight:bold;
	padding:5px 0;
	}



#point{
	background:url(../image/column17/bg_co.png) no-repeat center bottom;
	background-size:100%;
	padding:5%;
	width:80%;
	padding-bottom:80px;
	margin:0 auto;
	}
	
.point01_ca{
	font-weight:bold;
	}

ul#point01{
	}	

ul#point01 li{
	}
ul#point01 li p{
	background:url(../image/column17/bg_check.png) no-repeat 0 5px;
	background-size:8%;
	font-weight:bold;
	font-size:16px;
	text-align:left;
	padding:10px 0 15px 35px;
	}
ul#point01 li p.nidan{
	background:url(../image/column17/bg_check.png) no-repeat 0 12px;
}
@media screen and (max-width: 380px) {
ul#point01 li p{
	padding:0px 0 5px 25px;
	}

}
	
ul#point01 li:first-child p{
	width:6em;
	background-size:20%;
	background-position:right 0;
	padding:0;
	font-weight:normal;
	font-size:18px;
	}


.txt_point{
	width:100%;
	margin:20px 0 10px 0;
	}

#point ul#point02 li{
	background:#ffffff;
	border:thin solid #d5e1c4;
	position:relative;
	margin:10px 0 15px 10px;
	height:60px;
	}
#point ul#point02 li p{
	text-align:left;
	padding:10px 5px 0 40px;
	padding-left:40px;
	color:#496b10;
	}
	
@media screen and (max-width: 380px) {
#point{
	background-position:0 -90px;
	padding-bottom:10px;
	}
ul#point01 li{
	margin:10px 0;
	}

#point ul#point02 li{
	margin:10px 0 15px 10px;
	}


}

.ooikoe{
	background:#c03737;
	border-radius:8px;
	color:#ffffff;
	padding-bottom:5px;
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
	}

.ooi_on{
	background:#c03737;
	border-radius:8px;
	color:#ffffff;
	padding-bottom:5px;
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
}
.ooikoe p{
	background:#e85a5a url(../image/column17/ico_arrow.png) no-repeat right 12px;
	border-radius:8px;
	padding:11px 0;
	font-size:16px;
	font-weight:bold;
}
.ooi_on p{
	background:#e85a5a url(../image/column17/ico_arrow_b.png) no-repeat right 12px;
	border-radius:8px;
	padding:11px 0;
	font-size:16px;
	font-weight:bold;
}
	
.accordion a{text-decoration:none;}

#point ul#point02 li img{
	position:absolute;
	top:-5px;
	left:-20px;
	width:20%;
	max-width:60px;
	}
	
.tips_ta{
	background:url(../image/column17/bg_po.png) no-repeat bottom center;
	background-size:100%;
	padding-bottom:60px;
	margin:20px 0;
	}
	
@media screen and (max-width: 380px) {
.tips_ta{
	padding-bottom:50px;
	}
}
	
.tips_in_A{
	width:91%;
	margin:7px auto 0 auto;
	padding:5px 2% 5px 2%;
	}
	
#a_PP{
	margin:0 0 10px 0;
	width:100%;
	}
#a_PP tr{
	width:100%;
	}
#a_PP td{
	background:#ffffff;
	padding:5px ;
	color:#ff9000;
	font-weight:bold;
	padding-left:10px;
	border:thin solid #fde2ba;
	}
#a_PP td p{
	font-size:14px;
}
	
#a_PP th{
	background:none;
	border:none;
	width:12%;
	}
#a_PP th img{
	width:140%;
	}

	
.tips{
	clear:both;
	background:url(../image/column17/bg_border.jpg) repeat-y;
	position:relative;
	margin:30px 0;
	padding-bottom:7px;
	}
.tips_B{
	background:url(../image/column17/bg_po.png) no-repeat;
	background-size:100%;
	padding-bottom:40px;
	}
.tips_C{
	padding-top:3px;
	}
	
.accordion .tips h4{
	background:#ffb4b4 !important;
	color:#7d0000;
	font-size:15px;
	font-weight:bold;
	padding:10px 0 10px 30px;
	}
.accordion .tips .ttl_ri{
	background:#fff799 !important;
	color:#ff9000;
	padding:10px 0;
	min-height:0;
	}
	
.ti_caption{
	margin-top:10px;
	font-size:14px;
	}
	
@media screen and (max-width: 380px) {
.ti_caption{
	margin-top:10px;
	}
}
.ttl_ri{
	background:#fff799 !important;
	color:#ff9000 !important;
	padding:10px 0 !important;
	font-size:16px;
	min-height:0;
	}
	

.tips .ti_img{
	position:absolute;
	width:20%;
	top:-20px;
	left:-8px;
	min-width:20px;
	}
	

.tips .ti_img2{
	position:absolute;
	width:20%;
	top:-5px;
	left:-8px;
	min-width:20px;
	}
@media screen and (max-width: 380px) {
.tips .ti_img{
	position:absolute;
	top:-10px;
	left:-8px;	
	}
.tips .ti_img2{
	position:absolute;
	top:-10px;
	left:-8px;	
	}
}

.accordion .ti_baby{
	width:60%;
	margin:10px auto;
	}
	
.tips_in{
	background:#ffffff;
	width:91%;
	margin:7px auto 0 auto;
	padding:10px 2% 10px 2%;
	}
	
.tips_in  p{
	text-align:left;
	font-size:14px;
	}
	
.tips_in ul{
	background:url(../image/column17/ico_baby.png) no-repeat;
	background-position:right bottom;
	background-size:20%;
	}
	
.tips_in ul li{
	text-align:left;
	color:#342009;
	margin:10px 0;
	}
.tips_in .ti_a_s{
	padding-top:10px;
	margin:0 auto;
	}
.tips_in .ti_b_s{
	color:#ed6d3d;
	margin:5px auto;
	}
	
.accordion img.img_po{
	width:80%;
	margin:10px 0;
	}


.tips_in p.txt_point_b{
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
	background:url(../image/column17/bg_check_B.png) no-repeat 0 5px;
	padding:0 0 5px 25px;
	background-size:5%;
	}
	
.tips_in p.txt_point_b span{
	color:#e85a5a;
	}
	
.tips_in .in_2nd{
	margin-top:40px;
	padding:0 0 10px 0;
	font-weight:normal;
	text-align:left;
	}
.tips_in p.under{
	padding-bottom:10px;
	border-bottom:#e95464 dashed 2px;
	margin-bottom:20px;
}
	
	
@media screen and (max-width: 380px) {
.tips_in .in_2nd{
	margin-top:10px;
	}
}
	
.txt_2n{
	}
	
#container .ico_exa{
	width:10%;
	margin:15px auto;
	}
	
#container .in_2n_bottom{
	width:70%;
	margin:20px auto 10px auto;
	}
	
.tips_in .ti02_img{margin-top:10px;}
	
.tips_in .txt_3rd{
	margin:0px 0 10px 0;
	padding-top:10px;
	text-align:left;
	}
.tips_in .txt_3rd span{
	color:#ed6d3d;
	}
	
	
.da_check{
	overflow:hidden;
	border-top:2px dashed #e95464;
	margin:10px 0;
	padding:10px 0;
	}
.accordion img.ic_maru{
	width:80%;
	margin:0 auto 10px auto;
	}
.accordion img.img_da{
	width:30%;
	padding-right:10px;
	float:left;
	}
.da_check p{
	font-size:14px;
	margin-top:20px;
	}

	
.st_bottom{
	line-height:1.6;
	margin-bottom:20px;
	}
.st_bottom .sb_01{color:#ed6d3d; font-weight:bold;}
.st_bottom .sb_02{color:#ea68a2; font-weight:bold;}


.kanshu{
	background-image: url("../image/column17/hito.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25% auto;
    padding:5% 0;
    
	}
	
.hitotx p{
	font-size: 14px;
    	padding-left: 33%;
    	text-align: left;
	}
	
.yamaguchisan{
	color:#ef8b94;
	line-height:2.5;
	}
	
.tips h5{
	background:#e4f0be;
	color:#3f6305;
	font-size:16px;
	padding:10px 0;
	}
	
.tips h5.h5_b{
	color:#ff9000;
	background:#fff799;
	}
	
.tips table{
	border:thin solid #040000;
	border-collapse: collapse;
	width:100%;
	margin:10px 0;
	}
.tips table th{
	color:#3f6305;
	font-size:15px;
	background:url(../image/column17/bg_table.jpg);
	border:thin solid #cac9c9;
	padding:3px;
	}
.tips table td{
	font-size:15px;
	border:thin solid #cac9c9;
	padding:3px;
	font-weight:normal;
	}
	
.tips table.ta_B th{
	color:#ff9000;
	background:url(../image/column17/bg_table_B.jpg);
	}

.accordion .tips h4.h4_B{
	background-color:#f0c486 !important;
	color:#6a4600;	
	}
.accordion img.ico_rei{
	width:15%;
	float:left;
	margin-bottom:10px;
	}
.txt_3rd_t{
	color:#f39800;
	clear:both;
	font-weight:bold;
	font-size:16px;
	}
	
.t_point_bottom{
	width:90%;
	margin:0 auto;
	background:#fff9ef;
	border:thin solid #ffcfcf;
	padding:10px;
	}
.t_point_bottom p{
	background:url(../image/column17/bg_check_B.png) no-repeat 0px 3px;
	padding:0 0 10px 25px;
	margin:5px 0 0 0;
	background-size:5%;
	font-weight:bold;
	}
.st_top{
	font-weight:bold;
	margin-bottom:10px;
	font-size:16px;
	}
	
.su_check{
	background:url(../image/column17/bg_su_check.jpg);
	padding:10px;
	overflow:hidden;
	}
	
.su_check img{
	width:25%;
	float:right;
	margin-top:-80px;
	}

.ti_img00{
	margin:10px 0;
	}
	
@media screen and (max-width: 380px) {
.ti_img00{
	margin-top:0px;
	}

}