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


/****************************************************/
/**   TOPページ    **/
/****************************************************/

#top #contents02{
	border-top:#997c36 solid 3px;
}

#top #contents02 .box_wrap .title_area > h4{
	color:#FFFFFF;
	font-size:150%;
	font-weight:normal;
}

#top #contents02 .box_wrap .title_area > p{
	background-color:#FFFFFF;
	line-height:300%;
	font-size:120%;
}

#top #contents02 #container01 .title_area{background-color:#598f91;}
#top #contents02 #container01 .title_area > p{color:#598f91;}

#top #contents02 #container02 .title_area{background-color:#588f67;}
#top #contents02 #container02 .title_area > p{color:#588f67;}

#top #contents02 #container03_2 .title_area{background-color:#8e5872;}
#top #contents02 #container03_2 .title_area > p{color:#8e5872;}

#top #contents02 #container03 .title_area{background-color:#8e5872;}
#top #contents02 #container03 .title_area > p{color:#8e5872;}

#top #contents02 #container04 .title_area{background-color:#587b8f;}
#top #contents02 #container04 .title_area > p{color:#587b8f;}

#top #contents02 #container05 .title_area{background-color:#915e5d;}
#top #contents02 #container05 .title_area > p{color:#915e5d;}

#top #contents02 #container06 .title_area{background-color:#8f6f58;}
#top #contents02 #container06 .title_area > p{color:#8f6f58;}


#top #contents02 .box_wrap img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}

#top #contents02 .box_wrap > .padding_container2{
	background:#FFFFFF;
}




/****************************************************/
/**   ABOUTページ    **/
/****************************************************/

#about #contents01 h4{
	font-size:180%;
}


#about #contents01 .box_wrap > p{
	background:#FFFFFF;
	padding:10px;
}


#about #contents02 h4{
	font-size:180%;
	border-top:#000000 solid 2px;
	border-bottom:#000000 solid 2px;
	font-weight:normal !important;
	line-height:200%;
}


#about #contents02 h5{
	font-size:180%;
	font-weight:normal !important;
	line-height:200%;
}

#about #contents02 h5 > span{
	font-size:70%;
}

#about #contents02 dl > *{
	margin-bottom:10px;
}
#about #contents02 dt{
	background:#3b70b6;
	color:#FFFFFF;
	outline:#3b70b6 solid 1px;
	border:#FFFFFF solid 1px;
	width:3em;
	margin-left:auto;
	margin-right:auto;
}


#about #contents02 li{
	background:url(../img/about/icon_shikaku.gif) no-repeat 0 0;
	padding-left:30px;
	margin-right:15px;
	background-size:20px auto;
	line-height:14px;
	float:left;
}

#about #contents02 li:last-child{
	margin-right:0px;
}
#about #contents02 p.with_icon{
	vertical-align:middle;
}

#about #contents02 p.icon01{
	line-height:25px;
}
#about #contents02 p.icon01 > img{
	width:25px;
	height:auto;
}
#about #contents02 p.icon02{
	line-height:19px;
}
#about #contents02 p.icon02 > img{
	width:15px;
	height:auto;
}

#about #contents03 dt{
	font-size:140%;
	background:url(../img/about/icon03.gif) no-repeat 0 0;
	background-size:30px auto;
	line-height:33px;
	vertical-align:middle;
	margin-bottom:10px;
	padding-left:40px;
	text-align:left;
}

#about #contents03 dd{
	border-bottom:#a79d62 solid 1px;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:left;
}





#about #contents04 dt{
	font-size:140%;
	background-size:52px auto !important;
	margin-bottom:10px;
	padding-left:50px;
	text-align:left;
	margin-left:-2.51%;
	min-height:37px;
	padding-top:15px;
}

#about #contents04 dt:nth-of-type(1){background:url(../img/about/mark01.gif) no-repeat 0 0;}
#about #contents04 dt:nth-of-type(2){background:url(../img/about/mark02.gif) no-repeat 0 0;}
#about #contents04 dt:nth-of-type(3){background:url(../img/about/mark03.gif) no-repeat 0 0;}
#about #contents04 dt:nth-of-type(4){background:url(../img/about/mark04.gif) no-repeat 0 0;}
#about #contents04 dt:nth-of-type(5){background:url(../img/about/mark05.gif) no-repeat 0 0;}
#about #contents04 dt:nth-of-type(6){background:url(../img/about/mark06.gif) no-repeat 0 0;}

#about #contents04 dd{
	margin-bottom:10px;
	text-align:left;
}




/****************************************************/
/**   FLOWページ    **/
/****************************************************/

#flow article section h4{
	background:url(../img/flow/h4_bg.gif) no-repeat 0 0;
	background-size:100% 37px;
	line-height:37px;
	vertical-align:top;
	font-size:140%;
	height:37px;
	
}


#flow #contents01 ul > li{
	margin-bottom:30px;
	background:url(../img/flow/allow01.gif) no-repeat bottom center;
	padding-bottom:60px;
	background-size:48px 30px !important;
}

#flow #contents01 ul > li:last-child{
	background:url(../img/flow/allow02.gif) no-repeat bottom center;	
}

#flow #contents01 ul:last-of-type > li:last-child{
	background:none;
	padding-bottom:0;
}

#flow #contents01 li > img{
	width:100%;
	height:auto;
}

#flow #contents01 #flow01{
	background:url(../img/flow/flow01.gif) no-repeat 0 0;
	background-size:100% auto;
	padding:56% 0 3% 0;
}

#flow #contents01 #flow01 img{
	margin-bottom:10px;
}
#flow #contents01 #flow04{
	background:url(../img/flow/flow04.gif) no-repeat 0 0;
	background-size:100% auto;
	padding:82% 0 8% 0;
}

#flow #contents01 .flow_box img{
	width:100%;
	height:auto;
}


/****************************************************/
/**   PRICEページ    **/
/****************************************************/

#price article section img{
	width:100%;
	height:auto;
}

#price #contents01 ul{
	margin-bottom:30px;
}

#price #contents01 li{
	margin-bottom:10px;
}

#price #contents01 .caution{
	background:url(../img/price/caution.gif) no-repeat 0 0;
	background-size:100% auto;
	padding:75% 0 10% 0;
}

#price #contents01 .caution a{
	color:#FF0000 !important;
}



/****************************************************/
/**   VOICEページ    **/
/****************************************************/


#voice #contents02 ul{
	background:url(../img/voice/category_bg.gif) no-repeat 0 0;
	background-size:100% auto;
	padding:5%;
	margin-top:-20px;
}
#voice #contents02 li{
	background:url(../img/voice/category_mark.gif) no-repeat 0 0;
	background-size:12px 12px;
	line-height:12px;
	vertical-align:middle;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#b7b6b3 dotted 2px;
	text-align:left;
	padding-left:20px;
}

#voice #contents03 .voice_box{
	outline:#d7d7d7 solid 1px;
	border-top:#e49956 solid 3px;
	padding:15px;
	background:#FFFFFF;
}


#voice #contents03 .voice_box h4{
	background:url(../img/voice/name_icon.gif) no-repeat 0 0;
	background-size:9px auto;
	line-height:16px;
	vertical-align:middle;
	border-bottom:#a79d62 double 3px;
	font-size:140%;
	padding:0 0 10px 16px;
	text-align:left;
	margin-bottom:10px;
}

#voice #contents03 .voice_box p.cateogry{
	text-align:left;
	background:url(../img/voice/category_mark.gif) no-repeat 0 0;
	background-size:12px 12px;
	line-height:12px;
	vertical-align:middle;
	padding-left:20px;
	margin-bottom:20px;
	
}

#voice #contents03 .voice_box .entry_body{
	text-align:left;
}

#voice #contents03 .voice_box .entry_body img{
	max-width:100%;
	height:auto;
}




/****************************************************/
/**   FAQページ    **/
/****************************************************/


#qa #contents01 h4 img{
	width:100%;
	height:auto;
}
#qa #contents01 ul{
	border-top:#e2e2e2 solid 1px;
}

#qa #contents01 li{
	padding:11px;
	border-bottom:#e2e2e2 solid 1px;
}

#qa #contents01 li:nth-child(2n){
	background:#eeede6;
}

#qa #contents01 #inner01 li a{color:#816304 !important;}
#qa #contents01 #inner02 li a{color:#cb3030 !important;}
#qa #contents01 #inner03 li a{color:#008d03 !important;}
#qa #contents01 #inner04 li a{color:#7591c5 !important;}

#qa #contents02 .qa_box{
	background:#FFFFFF;
	margin-bottom:10px;
}

#qa #contents02 p.category{
	font-size:140%;
	color:#FFFFFF;
	padding:5px 0;
}

#qa #contents02 #faq01 p.category{background-color:#a79d62;}
#qa #contents02 #faq02 p.category{background-color:#e98a8a;}
#qa #contents02 #faq03 p.category{background-color:#5bba5f;}
#qa #contents02 #faq04 p.category{background-color:#7591c5;}

#qa #contents02 .qa_box h4{
	background:url(../img/faq/q_mark.gif) no-repeat 0 3px;
	padding-left:40px;
	font-size:1.3em;
	margin:10px;
	background-size:14px 20px;
	text-align:left;
}

#qa #contents02 .qa_box .entry_body{
	background:url(../img/faq/a_mark.gif) no-repeat 2px 3px;
	background-size:16px 12px;
	padding-left:40px;
    padding-bottom: 10px;
	text-align:left;
	margin:0 10px;
}

#qa #contents02 .qa_box .entry_body a{
	color:#FF0000 !important;
}

#qa #contents02 .qa_box .entry_body img{
	max-width:100%;
	height:auto;
}



/****************************************************/
/**   ACCESSページ    **/
/****************************************************/


#access article section img{
	width:100%;
	height:auto;
}

/****************************************************/
/**   CONTACTページ    **/
/****************************************************/


#contact #contents01 .contact_inner01{
	background:url(../img/contact/img01.gif) no-repeat 0 0;
	background-size:100% auto;
	padding:38% 7% 105% 5.5%;
	box-sizing:border-box;
}

#contact #contents01 .contact_inner01 a > img{
    margin-bottom: 5%;
}

#contact #contents01 .contact_inner02{
	background:url(../img/contact/img03.gif) no-repeat 0 0;
	background-size:100% auto;
	padding:73% 7% 3% 6%;
	box-sizing:border-box;
}
#contact #contents01 .contact_inner02 a > img{
    margin-bottom: 5%;
}

#contact #contents01 .contact_inner03{
	background:url(../img/contact/img05.gif) no-repeat 0 0;
	background-size:100% auto;
	padding:59% 15% 60% 15%;
	box-sizing:border-box;
}

#contact #contents01 .contact_inner01 img,
#contact #contents01 .contact_inner02 img,
#contact #contents01 .contact_inner03 img{
	width:100%;
	height:auto;
}


#contact p.cautions{
	background:url(../img/contact/caution_mark.gif) no-repeat center top;
	background-size:22px 22px;
	padding-top:30px;
}


#contact #contents02 dt{
	border-top:#dddddc solid 1px;
	border-bottom:#dddddc solid 1px;
	background:#f4f4f4 url(../img/contact/dt_mark.gif) no-repeat 10px center;
	background-size:12px 12px;
	padding:5px 5px 5px 25px;
	text-align:left;
}

#contact #contents02 dt > span{
	display:inline-block;
	margin-left:10px;
}

#contact #contents02 dd{
	padding:10px;
}

#contact #contents02 .btn_submit{
	width:145px;
	height:57px;
	background:url(../img/contact/btn_submit.gif) no-repeat 0 0;
	margin:0 auto;
	background-size:145px 57px;
}



/****************************************************/
/**   LINKSページ    **/
/****************************************************/
#links .contents_inner{
	border:#d7d7d7 solid 1px;
	background:#FFFFFF;
}

#links .contents_inner h4{
	color:#FFFFFF;
	background:#e49956;
	font-size:140%;
	line-height:200%;
	vertical-align:middle;
	border-bottom:#d7d7d7 solid 1px;
}

#links .contents_inner ul{
	margin:15px;
}

#links .contents_inner li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#d7d7d7 double 3px;
}

#links .contents_inner dt img{
	max-width:50%;
}

#links .contents_inner dd a{
	color:#FF0000 !important;
}




/****************************************************/
/**   BLOGページ    **/
/****************************************************/
#blog .entry_area{
	background:#FFFFFF url(../img/blog/body_footer.gif) no-repeat left bottom;
	background-size:100% auto;
	padding:10px 10px 50% 10px;
}

#blog .entry_area h4{
	background:url(../img/blog/h4_mark.gif) no-repeat 0 0;
	background-size:23px 23px;
	padding:0 0 10px 30px;
	border-bottom:#a79d62 double 3px;
	margin-bottom:10px;
	text-align:left;
	font-size:140%;
	font-weight:normal;
}

#blog .entry_area p.date{
	text-align:right;
	line-height:17px;
	vertical-align:middle;
	margin-bottom:15px;
}

#blog .entry_area p.date > img{
	height:17px;
	width:auto;
	margin-right:5px;
}

#blog .entry_area .entry_body{
	text-align:left;
}

#blog .entry_area .entry_body img{
	max-width:100%;
}

#blog .pager{
	background:#dfddcf;
	padding:5px 10px;
}

#blog .pager a{
	color:#000000 !important;
}

#blog .pager p.prev{
	float:left;
	background:url(../img/blog/prev_mark.gif) no-repeat left center;
	background-size:9px auto;
	padding-left:12px;
}

#blog .pager p.next{
	float:right;
	background:url(../img/blog/next_mark.gif) no-repeat right center;
	background-size:9px auto;
	padding-right:12px;
}