@charset "utf-8";


*{
  padding: 0;
  margin: 0;
}
body{
	font-family: 'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

ol, ul{
  list-style: none;
}

table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

a:link{
	text-decoration:none; color: #000;
}
a:visited{
	text-decoration:none; color: #000;
}
a:active{
	text-decoration:none; color: #000;
}
a:hover{
	text-decoration:none; color: #000;
}


/* ヘッダー */
#header-outer{
	border-bottom: 1px solid #777;
}
#header{
	width:990px;
	height:80px;
	margin:0 auto;
}
h1{
	float:left;
	font-size:12px;
	color: #888;
	line-height:0;
}
#tsize{
	float:right;
	width:74px;
	text-indent: -9999px;
	padding-left:61px;
}
p.logo{
	width: 255px;
	height: 70px;
	font-size:12px;
	float:lef;
	background : url(logo.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	text-indent: -9999px;
}
#head_left{
	float:left;
	margin-top:12px;
}
#head_right{
	float:right;
	margin-top:6px;
/*
	width:380px;
*/
}
#head_right .search{
	overflow:hidden;
}
#head_right .banner{
	overflow:hidden;
}
#head_right .banner .link_area{
	float: right;
	height: 26px;
	margin-top:12px;
}
#head_right .banner .link_area ul li{
	float:left;
	margin:0 2px;
}
.link_area a:hover{ opacity:0.5; }
.sercharea{
	float:left;
	margin:3px 0 0 0px;
}
.sercharea input#g_search{
	width:160px;
}
input#searchbtn,input#g_search{
	font-size:13px;
}
/* グローバルメニュー */
#dropmenu{
  width: 100%;
  margin: 0px auto;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  border-top: 4px solid #777;
  position: relative;
  z-index: 4;
  margin-bottom:40px;
}
#dropmenu ul#parent{
  width: 990px;
  margin: 0 auto;
  list-style-type: none;
}
#dropmenu li{
  position: relative;
  min-width:120px;
  height: 40px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  border-left: 1px solid #aaa;
}
	#dropmenu li.wide{
		width:140px;
	}
	#dropmenu li:last-child,
	#dropmenu li ul li{
	border-right: 1px solid #aaa;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #444;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: -1px;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li ul li{
  overflow: hidden;
  max-width:200%;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
	#dropmenu li.wide ul li{
	max-width:200%;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#dropmenu li:hover > a{
  background: #ddd;
  color: #19619a;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-bottom: 1px solid #aaa;
}

/* メインイメージ */
.clearfix::after{
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.clearfix{
	display: inline-block;
	overflow: hidden;
}
.jssorb05{
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av{
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background : url(b05.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div{
	background-position: -7px -7px;
}
.jssorb05 div:hover, .jssorb05 .av:hover{
	background-position: -37px -7px;
}
.jssorb05 .av{
	background-position: -67px -7px;
}
.jssorb05 .dn, .jssorb05 .dn:hover{
	background-position: -97px -7px;
}
.jssora22l, .jssora22r{
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background : url(a22.png) center center / auto auto no-repeat scroll padding-box border-box transparent;
    overflow: hidden;
}
.jssora22l{
	background-position: -10px -31px;
}
.jssora22r{
	background-position: -70px -31px;
}
.jssora22l:hover{
	background-position: -130px -31px;
}
.jssora22r:hover{
	background-position: -190px -31px;
}
.jssora22l.jssora22ldn{
	background-position: -250px -31px;
}
.jssora22r.jssora22rdn{
	background-position: -310px -31px;
}

/* ニュースティッカー */
.ticker{
	margin: 20px auto 0;
	padding: 10px;
	width: 668px;
	text-align: left;
	font-size: 14px;
	border: #ccc 1px solid;
	position: relative;
	overflow: hidden;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	background : url(img_news.gif) -2px -1px / auto auto no-repeat scroll padding-box border-box transparent;
	line-height:0;
}

.ticker ul{
	width: 100%;
	position: relative;
	text-indent:60px;
}
.ticker ul li{
	width: 100%;
	display:none;
}
.ticker ul li a{
	width:100%;
	padding:10px 0;
	box-sizing:border-box;
	margin-top:-10px;
	margin-bottom:-10px;
	display:block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* ボックスメニュー */
.box-menu dl{
  margin:12px auto;
  width: 180px;
}
.box-menu dt{
  height: 150px;
}
.box-menu dd{
  height: 70px;
  overflow: hidden;
  width: 180px;
  margin-top:5px;
}
.box-menu{
  width: 100%;
  margin:20px 0 10px 0;
}
.box-menu::after{
  content: "."; 
  display: block; 
  visibility: hidden;   
  clear: both;
}
.box-menu ul.menu-block{
  width: 900px;
  margin: 0 auto;
  list-style-type: none;
}
.box-menu ul.menu-block li{
  position: relative;
  width:200px;
  height:250px;
  margin: 0 20px 0 0;
  padding: 0;
  border: 1px solid #aaa;
  float:left;
}
.box-menu ul.menu-block li ul{
  list-style: none;
  position: absolute;
  bottom: 0;
  left: -1px;
  margin: 0;
  padding: 0;
  text-align:center;
  z-index: 3000;
}
.box-menu ul.menu-block li ul li{
  height: 40px;
  line-height: 40px;
  border:none;
  margin-right:0;
  border: 1px solid #aaa;
  border-bottom:none;
  background:#fff;
}
.box-menu ul.menu-block li ul li a{
  overflow: hidden;
  width: 100%;
  display:block;
  color: #666;
  font-size: 12px;
  padding:0 12px;
  box-sizing:border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box-menu ul.menu-block li ul li a:hover{
	background:#ddd;
}

/* フッター */
footer{
	width:100%;
	border-top: 3px solid #999;
	overflow:hidden;
}
#footer{
	width:990px;
	margin:0 auto;
	color:#666;
}
#footer .link_area{
	float: right;
	height: 26px;
	margin-top: 12px;
}
#footer #footer_menu{
	float:left;
	margin-top:12px;
	overflow:hidden;
	width:50%;
}
#footer #footer_menu ul{
	line-height:20px;
	width:100%;
}
#footer #footer_menu ul li{
	float: left;
}
#footer #footer_menu ul li::after{
	content: "|";
	margin-left: 6px;
	margin-right: 6px;
}
#footer #footer_menu ul li:last-child::after{
	content: "";
	margin-left: 0;
	margin-right: 0;
}
#footer #footer_menu ul li a{
	color: #666;
}
#footer .link_area ul li{
	float: left;
	margin: 0 2px;
}
#footer #footer_right{
	width: 50%;
	float: right;
}
#footer #copyright{
	float: right;
	margin-top: 14px;
	text-align: right;
	width: 100%;
}

/* コンテンツ */
#contents_wrap{
	margin: 24px 0;
	width: 100%;
	overflow: hidden;
}
#contents{
	margin: 0 auto;
	overflow: hidden;
	width: 990px;
}
#contents h2{
	border-bottom: 2px dotted #777;
	font-size: 140%;
	margin:24px auto;
}
/* コンテンツ -小型液晶モニターなどスライドがあるページ- */
#contents_head{
	margin: 0 auto;
	overflow: hidden;
	width: 990px;
}

/* コンテンツ -サイトマップ- */
.sitemap_wrap h3{
	box-sizing: border-box;
	background: #eee;
	font-size: 120%;
	padding: 6px;
}
.sitemap_wrap{
	overflow:hidden;
}
.sitemap_box{
	float: left;
	margin:0 15px;
	width: 460px;
}
ul.sitemap{
	box-sizing:border-box;
	float: left;
	margin: 12px 15px 24px 15px;
	padding:0 12px;
	width: 200px;
}
ul.sitemap li{
	list-style-type: disc;
	padding: 3px 0;
}
ul.sitemap li a{
	color:#666;
}
ul.sitemap li a:hover{
	text-decoration:underline;
}

/* 小型液晶コンテンツ */
/* ニュースティッカー */
.picker{
	margin: 20px auto 40px;
	padding: 10px;
	width: 100%;
	text-align: left;
	font-size: 14px;
	border: #ccc 1px solid;
	position: relative;
	overflow: hidden;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	background : url(img_pickup.gif) -2px -1px / auto auto no-repeat scroll padding-box border-box transparent;
	line-height:0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.picker ul{
	width: 100%;
	position: relative;
	text-indent:60px;
}
.picker ul li{
	width: 100%;
	display:none;
}
.picker ul li a{
	width:100%;
	padding:10px 0;
	box-sizing:border-box;
	margin-top:-10px;
	margin-bottom:-10px;
	display:block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}