@charset "utf-8";
/* ===================================================================
CSS information

 file name  :home.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/*----------------------------------------------------
	各ページ専用指定
----------------------------------------------------*/
/*
#homepage {
	background: url(../images/home/bg_header.jpg) no-repeat top center;
}
*/

#homepage #swf {
	width: 950px;
	height: 523px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background: url(../images/bg_header.jpg) no-repeat top center;

}
#homepage #swf .slide:focus {outline: none;}
#homepage #swf .slide .slide-dots {
	position: absolute;
	z-index: 3;
	bottom: 50px;
	left: 20px;
	text-align: right;
}
#homepage #swf .slide .slide-dots li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 8px;
	height: 8px;
	margin: 0 5px;
}
#homepage #swf .slide .slide-dots li button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 0;
}
#homepage #swf .slide .slide-dots li button:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	opacity: 1!important;
	border-radius: 8px;
	box-sizing: border-box;
	background: rgba(255,255,255, .5);
	transition: background .35s;
}
#homepage #swf .slide .slide-dots li.slick-active button:before {
	background-color: #fff;
}
#homepage #swf #noswf  {
	width: 950px;
	height: 523px;
	background: url(../images/img_flash.jpg) no-repeat 0 0;
}

/* グローバルメニュー位置 */
#homepage #swf #gnav {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 10;
}

/* サブグローバルメニュー位置 */
#homepage #swf #gsnav {
	position: absolute;
	top: 215px;
	right: 15px;
	z-index: 10;
}

/* お問い合わせ位置 */
#homepage #swf #contact {
	position: absolute;
	bottom: 15px;
	right: 7px;
	z-index: 10;
}

/* ブログ位置 */
#homepage #swf #okami {
	position: absolute;
	bottom: 30px;
	right: 7px;
	z-index: 10;
}
#homepage #swf #bn_box {
	position: absolute;
	/*bottom: 290px;*/
	bottom: 350px;
	right: 7px;
	z-index: 10;
	top: 15px;
}
#homepage #swf #bn_box img{
	margin-bottom:10px;
}


#homepage #contents{
	background:url(../images/bg_flash_bottom.jpg) no-repeat top center;
	margin-top:0;
}

#homepage #box_contents{
	background:url(../images/bg_box_contents_top.gif) no-repeat bottom center;
	margin-top:0;
	height: 1300px;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/

/* .con_topbnarea バナーエリア
----------------------------------------------------*/
/*#homepage .con_topbnarea {
	width: 700px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	background: url(../images/ic_line_main.gif) no-repeat bottom;
	overflow: hidden;
}

#homepage .con_topbnarea p {
	float: right;
}*/

#homepage #contents #box_contents #side #snav .bn_campain {
	margin:10px;
}


/* .box_silde スライドバナー
-----------------------------------------------*/
#homepage .con_topbnarea .box_silde {
	padding: 9px 0 0 0;
	float: left;
}

#homepage .con_topbnarea .bx_wrap {
	width: 344px;
	height: 90px;
	border: 3px #fff solid;
	overflow: hidden;
	position: relative;
}

#homepage .con_topbnarea .next {
	position: absolute;
	top: 38px;
	left: 0x;
	z-index: 10;
}

#homepage .con_topbnarea .bx_container {
	width: 354px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#homepage .con_topbnarea .prev {
	position: absolute;
	top: 38px;
	left: 331px;
	z-index: 10;
}

#homepage .con_topbnarea #slider li {
	width: 354px;
	height: 90px;
	margin: 0 0 0 -10px;
}

#homepage .raku_banner_box{

	width:950px;
	min-height:113px;
	overflow:hidden;
	margin: 20px auto;
	position: relative;
	background-image:url(../images/img_bn_raku.gif);
}

#homepage .raku_banner_box .bn_campain img{
	margin:5px 20px 5px 215px;
}




/* .con_plan プラン
----------------------------------------------------*/
#homepage .con_plan {
	width: 700px;
	margin: 0 0 30px 0;
}

/* .article_plan 見出し
-----------------------------------------------*/
#homepage .con_plan .article_plan {
	width: 700px;
	margin: 0 0 5px 0;
	overflow: hidden;
}

#homepage .con_plan .article_plan h2 {
	float: left;
	margin: 0 0 5px 10px;
}

#homepage .con_plan .article_plan p {
	float: right;
}

/* .box_plan プラン表示部分
-----------------------------------------------*/
#homepage .con_plan .box_plan {
	width: 680px;
	padding: 10px;
	background: url(https://z111.secure.ne.jp/~z111134m01/images/home/bg_plan.jpg) repeat-y;
}

/* .tabnav タブメニュー
------------------------------------------*/
#homepage .con_plan .tabnav {
	width: 680px;
	height: 120px;
	margin: 0 0 10px 0;
	background: url(https://z111.secure.ne.jp/~z111134m01/images/home/menu_plan.jpg) no-repeat 0 0;
	text-indent: -9998px;
}

#homepage .con_plan .tabnav li {
	width: 136px;
	height: 60px;
	float: left;
}

#homepage .con_plan .tabnav li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}


/* .wrap_list_plan プラン表示枠
------------------------------------------*/
#homepage .con_plan .wrap_list_plan {
	width: 674px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	border: 3px #907049 solid;
	background-color: #fff;
}

/* .catch_plan 各カテゴリ説明
------------------------------------------*/
#homepage .con_plan .wrap_list_plan .catch_plan {
	width: 658px;
	margin: 0 0 10px 0;
	padding: 6px 7px;
	background-color: #f8f4ea;
	border-top: 1px #fff solid;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 1px #ede9df solid;
	overflow: hidden;
}

#homepage .con_plan .wrap_list_plan .catch_plan .cat_photo {
	float: left;
}

#homepage .con_plan .wrap_list_plan .catch_plan .cat_txt {
	width: 345px;
	float: right;
}

/* .catch_plan 各カテゴリ説明
------------------------------------------*/
#homepage .con_plan .wrap_list_plan .list_plan {
	width: 640px;
	margin: 0 auto;
	background: url(https://z111.secure.ne.jp/~z111134m01/images/home/ic_line_plan.gif) no-repeat bottom;
	overflow: hidden;
}

#homepage .con_plan .wrap_list_plan .list_plan a {
	width: 95%;
	padding: 5px 15px;
	display:block;
	overflow: hidden;
}

#homepage .con_plan .wrap_list_plan .list_plan a:hover {
	background: url(../images/home/ic_line_plan.gif) no-repeat bottom #ebf8ea;
}

#homepage .con_plan .wrap_list_plan .list_plan .plan_photo {
	width: 152px;
	height: 180px;
	margin: 0 15px 7px 0;
	padding: 5px;
	background: url(https://z111.secure.ne.jp/~z111134m01/images/home/bg_plan_photo.gif) no-repeat 0 0;
	float: left;
}

#homepage .con_plan .wrap_list_plan .list_plan .plan_title {
	font-weight: bold;
}

#homepage .con_plan .wrap_list_plan .bt {
	padding: 0 15px 0 0;
}



/* .con_infoarea 情報エリア
----------------------------------------------------*/
#homepage .con_infoarea {
	width: 680px;
	margin: 0 auto;
	overflow: hidden;
}

/* .con_blog ブログ
-----------------------------------------------*/
#homepage .con_infoarea .con_blog {
	width: 363px;
	height: 401px;
	background: url(../images/home/bg_blog.gif) no-repeat 0 0;
	float: left;
}

#homepage .con_infoarea .con_blog h3 a {
	width: 363px;
	height: 65px;
	display: block;
	overflow: hidden;
	text-indent: -9998px;
}

/* .box_pickup バナー
------------------------------------------*/
#homepage .con_infoarea .box_pickup {
	width: 100%;
	margin: 0 0 15px 0;
}

#homepage .con_infoarea .box_pickup h3 {
	margin: 0 0 15px 0;
}

#homepage .con_infoarea .box_pickup .box_pickup_contents{
	padding:10px 2px;
	background-color:#ad8d69;
}




/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}