@charset "utf-8";


/*---------------------------------------------
トップ　リンク 装飾
---------------------------------------------*/

#top a:link{ color:#666666; text-decoration:underline;}
#top a:visited{ color:#888888; text-decoration:none;}
#top a:hover{ color:#fa9720; text-decoration:underline;}
#top a:active{ color:#fa9720; text-decoration:underline;}

/*---------------------------------------------
トップ　タイトル レイアウト
---------------------------------------------*/
#top h2,
#top h3,
#top h4{ width:740px;padding:11px 10px 10px;margin:20px 0 20px;}
#top h5{ width:720px; padding:11px 0 10px;margin:20px auto 20px;}

#top h2.firstchild,
#top h3.firstchild,
#top h4.firstchild,
#top h5.firstchild{ margin-top:0px;}
#top .bg_img{ padding:0px 15px 5px; width:100%;}

#top h2 img,
#top h3 img,
#top h4 img,
#top h5 img
{ margin-top:-7px; padding-right:10px; vertical-align:-10px; display:inline; }

/*---------------------------------------------
トップ　タイトル 装飾
---------------------------------------------*/
#top h2,
#top h3 {font-size:18px;font-weight:normal; color:#fff; line-height:120%;
background:#504D48;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#top h4 { font-size:18px;font-weight:normal; color:#666666; line-height:120%;
background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#top h5{ font-size:18px;font-weight:normal; color:#666666;}
#top h2 img{line-height:0%; }

#top .bg_img{ background:#504D48;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; color:#fff; 
box-shadow:0px 3px 0px #fa9720;  -moz-box-shadow:0px 3px 0px #fa9720; -webkit-box-shadow:0px 3px 0px #fa9720; font-size:18px; }
#top .bg_pink { box-shadow:0px 3px 0px #F8715A; -moz-box-shadow:0px 3px 0px #f8715a; -webkit-box-shadow:0px 3px 0px #f8715a; }
#top .bg_orange { box-shadow:0px 3px 0px #fa9720;  -moz-box-shadow:0px 3px 0px #fa9720; -webkit-box-shadow:0px 3px 0px #fa9720; }
#top .bg_black{ box-shadow:0px 3px 0px #666;  -moz-box-shadow:0px 3px 0px #666; -webkit-box-shadow:0px 3px 0px #666; }


/*---------------------------------------------
スライド部分
---------------------------------------------*/
/*
#top #sliderimage .sliderimage{ width:1000px; overflow:hidden;}
#top #sliderimage .image { width:2000px;}
#top #sliderimage .image li{ float:left; width:480px;}
#top #sliderimage .comment{ width:480px; overflow:hidden;}
#top #sliderimage .comment li{ width:480px; float:left;}
*/

/*---------------------------------------------
トップ　スライド　レイアウト
---------------------------------------------*/
.sliderimage {width: 1000px; height: 100%; overflow-x: hidden; margin:10px auto -5px; position: relative;}

.slide_all {width: 480px; margin: 10px auto 15px; height: 380px; position: relative;}
.slide_wrap {width: 1470px; position: absolute; left: 50%; margin-left: -735px;height: 380px;}
.slide_body {width: 100%;height: 380px;}

.slide {width: 480px;height:350px;text-align:center; margin-right:10px !important;}
.slide .txt {width: 480px;padding:0 5px; margin:10px auto 0; visibility: hidden;}
.slide img {width: 480px; vertical-align: bottom; opacity: 0.5;}
.slide a { background: #000; display: block; border-radius: 5px;}

.slide.active a { background: #fff;}
.slide.active .txt { visibility: visible;}
.slide.active img { opacity: 1;}

.bx-pager {text-align: center;height: 25px;}

.bx-pager-item {display: inline-block;}


.sliderimage .bx-controls-direction {
	position: absolute;
	top: -230px;
	left: 439px;
	width: 582px;
	background: #ccc;
	
}
.sliderimage .bx-controls-direction a {
	position: absolute;
	top: 0;
	margin-top: -7px;
	outline: 0;
	width: 41px;
	height: 80px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-prev {
	left: 0;
	background: url(../img/main_arrow01.png) no-repeat 0 0;
}
.bx-controls-direction:after {
	content: "　";
	position: absolute;
	top: -120px;
	left: -204px;
	width: 1px;
	height: 307px;
	border-left: 6px solid #C0B4A8;
	border-radius:6px;
}
.bx-controls-direction:before {
	content: "　";
	position: absolute;
	top: -120px;
	right: -214px;
	width: 1px;
	height: 307px;
	border-right: 6px solid #C0B4A8;
	border-radius: 6px;
}
.bx-next {
	right: 0;
	background: url(../img/main_arrow02.png) no-repeat 0 0;
}

.bx-pager-item a{display: block;text-indent: -9999px; margin:10px 16px 0 2px; width:13px; height:13px;}
.bx-controls-direction {/*display:none;*/}
.bx-controls {position: absolute;bottom: 5;z-index: 100;width: 100%;}


/*---------------------------------------------
トップ　スライド　装飾
---------------------------------------------*/
.slide .txt { font-size:14px;}
.slide a {border:6px solid #C0B4A8; border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px; overflow: hidden;}

.bx-pager-item a{ border-radius: 10px; color:#F69081;border:2px solid #F69081 ; background:#fff;}
.bx-pager-item a.active { background: #F69081;}


/*---------------------------------------------
トップ　お知らせ　レイアウト
---------------------------------------------*/
#top #newsarea{ margin-bottom:30px;}

#top #news_topics{ float:left; width:480px;}
#top #news_topics .tab{ width:100% ; margin-bottom:20px;}
#top #news_topics .tab a{ display:inline-block; padding:5px 10px 3px; width:190px;}

#top #news_topics  ul{ margin-left:10px;}
#top #news_topics  a>li{ text-decoration:none;}
#top #news_topics  li { padding:0 0 10px;margin-bottom:10px;}
#top #news_topics  li .date{ margin-bottom:5px;}

#top #news_topics  li .img{ float:left; width:120px; border:3px solid #b7b7b7; line-height:0%;}
#top #news_topics  li .img img{ width:100%; display:inline; }

#top #news_topics  li .img_height{ float:left; width:120px; height:120px; border:3px solid #b7b7b7; line-height:0%; overflow:hidden; }
#top #news_topics  li .img_height img{ width:100%; display:inline; margin-top:-50%; }

#top #news_topics  li .text{ width: 330px; float:left; margin-left:20px;}

#top #news_topics  .linkarea{ text-align:right; padding-right:10px;}

#top #news_topics  li a:hover img{ opacity:0.6;}

/*---------------------------------------------
トップ　お知らせ　装飾
---------------------------------------------*/
#top #news_topics .tab{border-bottom:3px #FB9620 solid;}
#top #news_topics .tab a{  font-size:14px; -webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px; 
 color:#fff; text-decoration:none;background:#B9AB9E; }
#top #news_topics .tab a.active{ background:#FB9620;}

#top #news_topics  li { border-bottom:1px dotted #CCCDD2; }
#top #news_topics  li .date{ color:#F77159;}
#top #news_topics  li .ttl{ font-size:14px;}

/*---------------------------------------------
トップ　お知らせ幅いっぱい　レイアウト
---------------------------------------------*/
#top #newsarea .width_all{ float:none!important; width:100%!important;}

/*---------------------------------------------
トップ　メディアニュース レイアウト
---------------------------------------------*/
#top #news_media{ width:250px; float:right;}
#top #news_media  li { padding:0 0 10px; margin-bottom:10px;}
#top #news_media  li .date{ margin-bottom:5px;}
#top #news_media  li .sourse{padding-left:20px; margin-top:7px;}

#top #news_media  .linkarea{ text-align:right; padding-right:10px;}


/*---------------------------------------------
トップ　メディアニュース 装飾
---------------------------------------------*/
#top #news_media  li {border-bottom:1px dotted #CCCDD2;}
#top #news_media  li .date{ color:#F77159;}
#top #news_media  li .ttl{ font-size:14px;}
#top #news_media  li .sourse{ background:url(../img/icn_s_03.png) 0 0 no-repeat; font-size:12px;}


/*---------------------------------------------
トップ　お役立ち レイアウト
---------------------------------------------*/
#top #tips{ clear:both; width:740px; margin-top:20px; }
#top #tips li{ width:233px; float:left; margin-right:10px;box-sizing: content-box; height:260px; margin-bottom:20px;}
#top #tips li .ttl{  padding:10px 30px;}
#top #tips li .read{ padding:10px;}


/*---------------------------------------------
トップ　お役立ち 装飾
---------------------------------------------*/
#top #tips li{  border:3px solid #E8E8E8;}
#top #tips li .img img{ border-bottom:2px solid #E8E8E8;}
#top #tips li .ttl{ background:url(../img/icn_s_02.png) 10px 12px no-repeat; padding:10px 30px; font-size:14px; font-weight:bold;}
#top #tips li .read{ padding:10px; background:url(../img/line.gif) 0 top repeat-x;}

#top #tips a:hover li{ background:#FA9720; color:#fff;}
#top #tips a:hover li .ttl{ background:url(../img/icn_s_01.png) 10px 12px no-repeat;}


/*---------------------------------------------
トップ　事務サポート レイアウト
---------------------------------------------*/
#top #support{ clear:both; width:740px; margin-bottom:50px;}
#top #support li{ width:235px; float:left; margin:0 15px 10px 0;}
#top #support .img{ margin-bottom:15px;}
#top #support .ttl{ padding-bottom:15px; }



/*---------------------------------------------
トップ　事務サポート 装飾
---------------------------------------------*/
#top #support .ttl{ font-size:14px; background:url(../img/line.gif) 0 bottom repeat-x;font-weight:bold;}
#top #support a:hover img{ opacity:0.5;}