@charset "utf-8";

/*------------------------------------------------
  content all
----------------------------------------------- */
body.home {background:url(images/common/bg_front.gif) repeat-x top; }
body { background: url(images/common/bk_page.jpg) repeat-x top;}
.wrapper {width: 980px; height: auto;margin: 0 auto; text-align: center; }

/*------------------------------------------------
  body
----------------------------------------------- */
body { font-family: "ＭＳ Ｐゴシック","Hiragino kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"Lucida Sans Unicode","sans-serif";	}
body {color:#666666; text-align: center; font-size: 95%; line-height: 2; }


* html body {font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body { font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;} 
p,
ul li,
ol li { color:#666666; font-size: 12px; line-height: 2;  }
table td { color:#666666; font-size: 12px; line-height: 1.6;}

/*-----------------
Font Size
%（パーセント）表記 px換算
63%	10.08px
69%	11.04px
75%	12px
82%	13.12px
88%	14.08px
94%	15.04px
100%	16px
------------------*/

/*------------------------------------------------
  header 
----------------------------------------------- */
#header { text-align:center; width:100%; margin: 0; padding: 0; position: relative;}
/*FrontPage*/
.home #header { height:72px; background: url(images/common/header01.jpg) no-repeat top;}
/*MainPage*/
#header { height:160px; background: url(images/common/header_page.jpg) no-repeat top; }
#header .logo a{ width:230px; height:39px; position: absolute; top:19px; left:0; display: block; }

#header ul.header-nav { position: absolute; top:26px; right:205px; width:270px; height:21px;background: url(images/common/bar_footer.gif) repeat-y right;  }
#header ul.header-nav li {float:left; display:inline;}
#header ul.header-nav li a { padding:5px 10px; background: url(images/common/bar_footer.gif) repeat-y; display: block; }
#header h1.title { position: absolute; top: 121px; left: 0;}

#header .banner { float:right; padding-top:18px;}

.seibun #header h1.title,
.archive #header h1.title,
.news-list #header h1.title,
.item #header h1.title,
.item_s #header h1.title { height: 26px; font-size: 24px; position: absolute;top: 116px!important; color: #fff;}


/*------------------------------------------------
  基本　link
----------------------------------------------- */

a{ color:#666666; text-decoration:none; }
a:visited { color: #666666; text-decoration: none; }
a:hover{ color:#ec3200!important; text-decoration:underline; }

.or { color: #f16540!important;} /*オレンジ*/
.red { color:#ec3200!important;} /*赤*/
.blue {color:#004986!important; font-weight: bold;}/*赤*/

/* img opacity:0.7;*/
#mbanner a:hover img,
#slider a:hover img,
#f_news_banner a:hover img,
#ubanner a:hover img,
.toTop a:hover img,
.header-nav a:hover img,
.contents a:hover img {opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background: #fff;}

/* img no opacity */
.h2title a:hover img, .title_seibun a:hover img {
	opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";
}

/*------------------------------------------------
  content 
----------------------------------------------- */
/*FRONT PAGE*/
#top-image {clear: both; width: 980px ;height: 650px; margin: 0 auto; padding-bottom: 22px;}

.home #mbanner { margin: 0 auto 26px; clear: both;}
#mbanner { width: 980px; margin: 58px auto 26px; clear: both; overflow : hidden;}

#mbanner ul {width: 1000px; margin-right :-19px; overflow : hidden; _zoom : 1;}
#mbanner li {float: left; margin-right : 19px; }

#slider { background: #131313; width: 980px; height: 370px; margin: 0 auto 60px; clear: both; position: relative; overflow : hidden; _zoom:1; display: block}
#slider ul { position: absolute; top: 25px;left: 25px; width: 933px; height: 320px; margin-right : -7px; overflow : hidden; _zoom : 1; }
#slider li { float: left; margin-right: 7px;}

#slider #sbt-arrow { position: absolute; top:180px;}
#slider #sbt-arrow.bt-left {left: 8px; }
#slider #sbt-arrow.bt-right{right:8px;}

/* top news　*/
#f_bottom {width: 980px; height: 226px; margin: 0 auto 26px; clear: both; position: relative;}
#f_news { position: absolute; width: 800px; height: 226px; text-align: left;top: 0; left: 0;	background: url(images/top/bk-new.jpg) repeat-x;}
#f_news_banner {position: absolute; right: 0;top: 0; width: 168px; height: 226px;}
#f_news p.w-new {position: absolute;top: 15px; left: 8px;}
#f_news dl.l_news {position: absolute;top: 0px;left: 130px;}

dl.l_news { height: 21em; overflow: auto; margin: 6px 2px; font-size: 12px; line-height: 1.3; width: 664px; padding: 0px 0 4px; margin-top: 10px; }
dl.l_news .flexcroll{ min-height: 23em;	margin-bottom: 4px;	overflow: auto; }
dl.l_news dt.date { font-size:12px; clear: left; float: left; font-weight:500; width: 7em; padding: 10px 1.8em; letter-spacing: 1px; background:url(images/top/bt_new.gif) no-repeat 0px 13px; }
dl.l_news dd { font-size:12px; margin-left: 0; padding: 10px 0.5em 10px 8em;  border-bottom: 1px dotted #bbb;}

/* お知らせ一覧　*/
#news_day,
#news_list { margin-top: 10px; float: left; width: 731px; height: auto; position: relative;}
#calender_r { margin-top: 20px; float: right; width: 200px; position: relative;}
#news_list dl.l_news { height: auto;	font-size: 1.1em;  width: 731px;} 

.post li.cal {float: right;}


/*------------------------------------------------
  footer
----------------------------------------------- */
#footer { width: 100%; clear: both; background: url(images/common/bg_footer.gif) repeat; height:auto; min-height: 280px; text-align: center; margin-top: 100px;}
#footer .inbox { width:980px; min-height: 280px; text-align:left; margin:0 auto; position:relative;}

/* footer-nav */
#foot-nav { overflow: hidden; position: absolute; top: 26px; left: 0px;	width: 650px;	background: url(images/common/bar_footer.gif) repeat-y right; }

dl.footmenu {	padding-bottom: 32767px; margin-bottom: -32767px; 
	margin-right: 10px; float:left;
	background: url(images/common/bar_footer.gif) repeat-y ;
	height: 100% !important;
}

#foot-nav {line-height: 20px;}

#foot-nav dt.f_tit { margin-left: 12px; margin-bottom: 3px;}
#foot-nav dd { margin-left: 14px; margin-bottom: 1px; }
#foot-nav  a  {color: #909090;font-size: 11px; line-height: 14px;}
.f_tit001 {margin-top: 4px; margin-left: 14px;}
.f_tit002 {margin-top:22px; margin-left: 14px;}

/* page top */
.toTop a { position: absolute; top: -28px; right: 103px; background:url(images/common/totop.gif) no-repeat ;text-indent: -9999px;	height: 20px;width: 87px;display: block;}
#footlogo a{position: absolute; right: 54px; top: 56px;}


/*------------------------------------------------
  scroll bar
----------------------------------------------- */
.flexcroll {
 overflow: auto;/*javascript無効時*/
 position: relative;/*javascript無効時*/
}
/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 15px;background: #fff url(images/common/scrollbar2.gif) -15px 0px repeat-y;}
.vscrollerbarbeg {height: 8px !important;width: 15px;background: url(images/common/scrollbar2.gif) -30px -0px no-repeat;}
.vscrollerbarend {height: 8px;width: 15px;background: url(images/common/scrollbar2.gif) -30px -8px no-repeat;}
.vscrollerbase {width: 15px;background: #fff url(images/common/scrollbar2.gif) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 15px;height: 8px !important;background: url(images/common/scrollbar2.gif) -45px -8px no-repeat;}
.vscrollerbaseend {height: 8px;width: 15px;background: url(images/common/scrollbar2.gif)  -45px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}/*?*/
.hscrollerbar {height: 16px; background-color: black;}/*?*/
.vscrollerbar, .hscrollerbar {padding: 8px;z-index: 2;}/*上下のpadding*/
/*.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #fff;}不使用*/

/*------------------------------------------------
  table setting
----------------------------------------------- */
table { border-collapse: collapse; font-size: 0.88em;  line-height: 1.4; margin-bottom:28px;}

/*------------------------------------------------
  form-set setting
----------------------------------------------- */
#form-set span { color:#dd0000; font-weight:600; }

/*------------------------------------------------
  MAIN Page
----------------------------------------------- */

/* breadcrumb */
#breadcrumb { position: absolute; top: 28px;text-align: left; font-size: 0.69em; height: 12px; width:auto;}
#breadcrumb a {padding-left: 2px; padding-right: 4px;}

/*------------------------------------------------
  NEWS pege navi single
----------------------------------------------- */
.nextnav {text-align: center;}
div.nav-below {width:280px; position: relative; padding-top: 130px; margin: 0 auto; }
div.nav-below a{font-size: 12px;}
div.nav-below .nav-previous a{float: left;  margin-right: 3em;}
div.nav-below .bt-next a{float: right; }



/* Localized */