@charset "UTF-8";


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　トップページ設定　★
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-1．トップメイン画像
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#main_img_bg {
	height:436px;
	background:url(../images/main_bg.jpg) no-repeat center top;
}
#main_img {
	position:relative;
	width:/*960px*/1240px;
	height:436px;
	margin:0 auto;
}
#main_img .btn{
	position:absolute;
	top:261px;
	left:313px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１．トップコンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#top_content{
	padding: 0 0;
}
.top-message {
	width: 960px;
	margin:0 auto;
	text-align:center;
}

.top-message .title-1 {
	font-size:35px;
	font-weight: bold;
	color:#FFA500;
	padding-bottom: 20px;
}

.top-message .title-1 span {
	display: block;
	font-size:25px;
	line-height: 0.8;
	color: #3A89E9;
}

.top-message .text-1 {
	font-size: 18px;
	color:#f00;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-2．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#top_content01_bg{
	background:url(../common_img/bg.jpg) repeat-y center top;
}
#top_content01{
	width:960px;
	margin:0 auto;
}

.t_shimokita_info{
	position:relative;
	width:960px;
	padding-top: 30px;
}

.t_shimokita_info .btn01{
	position:absolute;
	top:73px;
	right:205px;
}
.t_shimokita_info .btn02{
	position:absolute;
	top:73px;
	right:40px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-3．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#top_content02_bg{
	background:url(../images/kousha_info_bg.jpg) no-repeat center top;
}
#top_content02{
	width:960px;
	height:589px;
	margin:0 auto;
	position:relative;
}

#top_content02 .t_sc_btn01{
	position:absolute;
	top:44px;
	left:0px;
}

#top_content02 .t_sc_btn02{
	position:absolute;
	top:24px;
	right:0px;
}
#top_content02 .t_sc_btn03{
	position:absolute;
	top:253px;
	left:183px;
}
#top_content02 .t_sc_btn04{
	position:absolute;
	top:315px;
	right:197px;
}

.btn_sl{
	width:225px;
	height:225px;
	line-height:225px;
	text-align:center;
	position:relative;
}

.btn_sl .btn_sl_ov{
	width:225px;
	height:225px;
	position:absolute;
	bottom:0;
	left:0;
	display:none;
	line-height:50px;
}



#top_content02 .txt{
	font-size:12px;
	color:#585857;
}
#top_content02 .t_sc_txt01{
	width:185px;
	position:absolute;
	top:36px;
	left:230px;
}
#top_content02 .t_sc_txt01 img{
	padding:0 0 10px 40px;
}

#top_content02 .t_sc_txt02{
	width:170px;
	position:absolute;
	top:100px;
	right:225px;
}
#top_content02 .t_sc_txt02 img{
	padding:0 0 10px 20px;
}


#top_content02 .t_sc_txt03{
	width:170px;
	position:absolute;
	top:340px;
	left:28px;
}
#top_content02 .t_sc_txt03 img{
	padding:0 0 10px 36px;
}

#top_content02 .t_sc_txt04{
	width:170px;
	position:absolute;
	top:295px;
	right:28px;
}
#top_content02 .t_sc_txt04 img{
	padding:0 0 10px 36px;
}





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-4．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#top_content03_bg{
	padding:0 0 28px;
	background:url(../common_img/check_bg.jpg) repeat center top;
}
#top_content05_bg{
	padding:0 0 28px;
	background:url(../common_img/check_bg.jpg) repeat center top;
}
#top_content03_img{
	padding:0 0 320px;
	background:url(../images/t_facilities_bg.jpg) no-repeat bottom;
}

#top_content03{
	width:960px;
	margin:0 auto;
}

#top_content03 .tit{
	position:relative;
	width:960px;
	height:265px;
}
#top_content03 .tit h3{
	position: absolute;
	top:0px;
	left:-30px;
}
#top_content03 .tit .btn{
	position: absolute;
	top:184px;
	left:368px;
}
#top_content03 .tit .btn1{
	position: absolute;
	top:430px;
	left:368px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-5．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top_content04_bg{
	background:url(../images/t_bg02.jpg) no-repeat center top;
}
#top_content04{
	width:960px;
	margin:0 auto;
}


#top_content04 .t_contact_bnr{
	position:relative;
	width:960px;
	height:200px;
}
#top_content04 .t_contact_bnr .bg{
	position:absolute;
	top:-31px;
	left:0;
}

#top_content04 .t_contact_bnr .btn{
	position:absolute;
	top:71px;
	left:558px;
}
#top_content04 .t_contact_bnr .ph02{
	position:absolute;
/*	bottom:-67px;*/
	right:0px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-6．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-7．新着
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#t_news_wrap{
/*	float:left;*/
	width:660px;
	height:310px;
	background:url(../images/t_info.png) no-repeat;
	margin:0 auto;
}

#t_news_wrap .t_news_tit{
	position:relative;
	width:600px;
	height:110px;
}

#t_news_wrap .t_news_tit ul li.btn01{
	position:absolute;
	top:58px;
	right:20px;
}
#t_news_wrap .t_news_tit ul li.btn02{
	position:absolute;
	top:58px;
	right:0px;
}

#t_news_wrap .ph01{
	position:relative;
}
#t_news_wrap .ph01 img{
	z-index:1000;
	position:absolute;
	bottom:0;
	right:-5px;
}

#t_news_wrap .t_news_content{
	width:570px;
	height:150px;
	overflow:auto;
	margin:0 0 50px 25px;
	padding:0px 10px 0 0px;
}

#t_news_wrap .t_news_content dl dt {
	float:left;
	font-size:12px;
	line-height:1.5;
	color:#FFFFFF;
	padding:15px 0 15px 10px;
}
#t_news_wrap .t_news_content dl dd {
	font-size:12px;
	line-height:1.5;
	color:#FFFFFF;
	padding:15px 0 15px 100px;
	border-bottom:1px solid #598C7C;
}

#t_news_wrap .t_news_content dl dd a,
#t_news_wrap .t_news_content dl dd a:link,
#t_news_wrap .t_news_content dl dd a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

#t_news_wrap .t_news_content dl dd a:hover,
#t_news_wrap .t_news_content dl dd a:active {
	color:#FFFFFF;
	text-decoration:underline;
}





/*_BAK20170215_thanhtung*/

.text-color-01{color: #3a89e9; font-weight: bold; font-size: 20px}
.text-color-02{color: #00b4ff}
.text-color-03{color: #04b467}
.text-color-04{color: #8c3ed5}
.text-color-05{color: #ff9312}


#top-01{min-height: 215px; width: 100%; background: url("../images/top-01.jpg") no-repeat bottom; margin-top: 15px; border: 1px solid #ffffff}

#box_content-01 .content-01{
	min-height: 170px;
	width: 990px; margin: 0 auto;
	background-color: #ffffff;
	border-radius: 20px;
	box-shadow: 2px 2px 3px #DDDDDD, -2px -2px 3px #DDDDDD, -2px 2px 3px #DDDDDD, 2px -2px 3px #DDDDDD;
	margin-top: -25px;
	margin-bottom: 20px;
	padding: 5px 10px;
}
#box_content-01 ul li{font-size: 13px}
.content-01 table tr td{border-right: 1px solid #CCCCCC}
.ul-01 li.w60{width: 60%}
.ul-01 li.w40{width: 40%}

.ul-01 li{
	float: left;
}
.dv1{
	width: 515px;
	float: left;
	padding: 5px;
}
.dv2{
	width: 200px;
	float: left;
	padding: 5px;
}
.dv3{
	width: /*300*/230px;
	float: left;
	padding: 5px;
}

.text1, .text2, .text3, .text4{
	width: 250px;
	text-align: center;
	position: absolute;
}
.text1{top: /*135*/160px; left: /*55*/18px}
.text2{top: /*135*/160px; left: /*370*/340px}
.text3{top: /*135*/160px; left:655px;/*right: 26px*/}
.text4{top: /*135*/160px; right: /*26*/15px}

.t1_a{position: absolute; top: /*230*/260px; left: /*92*/50px}
.t1_b{position: absolute; top: /*265*/300px; left: /*92*/50px}
.t1_c{position: absolute; top: /*300*/340px; left: /*92*/50px}
.t2_a{position: absolute; top: /*230*/260px; left: /*402*/370px}
.t2_b{position: absolute; top: /*265*/300px; left: /*402*/370px}
.t2_c{position: absolute; top: /*300*/340px; left: /*402*/370px}
.t3_a{position: absolute; top:/* 230*/260px; left: 690px}
.t3_b{position: absolute; top: /*265*/300px; left: 690px}
.t3_c{position: absolute; top: /*300*/340px; left: 690px}
.t4_a{position: absolute; top: /*230*/260px; right: 60px}
.t4_b{position: absolute; top: /*265*/300px; right: 60px}
.t4_c{position: absolute; top: /*300*/340px; right: 60px}


.tit_dv1 ul li{
	float: left;
	width: 40%;
	background: url("../images/Dog.png") no-repeat left;
	padding-left: 35px;
	margin-left: 25px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 20px;
	color: #46311f;
}
.tit_dv1{
	width: 800px;
	margin: 0 auto;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-８．トップ　カルーセルスライダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#slider {
  position:relative;
  overflow: hidden;
}
#wrapper {
  background: #fff;
  width: 100%;
  height: /*300px*/200px;
  overflow: hidden;
}
#carousel li {
  float: left;
}
#prev, #next {
  background-color: #fff;
  opacity:0.7;
  filter: alpha(opacity=70);/* ie 6 7 */
  -ms-filter: "alpha(opacity=70)";/* ie 8 */
  zoom:1;
  display: block;
  height: 300px;
  width: 50%;
  top: 0;
  position: absolute;
}
#prev:hover, #next:hover {
  opacity:0.4;
  filter: alpha(opacity=40);/* ie 6 7 */
  -ms-filter: "alpha(opacity=40)";/* ie 8 */
  zoom:1;
}
#prev {
  left: -300px;/* スライドする画像の横半分の値 */
  background:#fff url( ../images/arrow-left.png ) 95% center no-repeat;
}
#next {
  background:#fff url( ../images/arrow-right.png ) 5% center no-repeat;
  right: -300px;/* スライドする画像の横半分の値 */
}
#prev img {
  right:20px;
  top:120px;
  position:absolute;
}
#next img {
  left:20px;
  top:120px;
  position:absolute;
}
#pager {
  text-align:center;
  padding:10px;
}
#pager a {
  border: 2px solid #ccc;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 5px 0 0;
}
#pager a:hover {
  background:#eee ;
}
#pager a span {
  display: none;
}
#pager a.selected {
  background-color: #ccc;
}