@charset "utf-8";


/*------------------------------------------------
	common
--------------------------------------------------*/
.column {
	overflow: hidden;
	*zoom: 1;
}
.column:after {
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
.left {
	float: left;
	overflow: hidden;
}
.right {
	float: right;
	overflow: hidden;
}
.center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-right .outlink{
	display: inline;
}

/* font-size */
.font-normal {
	font-size: 75%;
}
.font-large {
	font-size: 100%;
}
.font-btn img.link {
	cursor: pointer;
}
/* icon */
a.outlink,
a.innerlink,
a.pdflink,
a.xlslink,
a.doclink {
	display: block;
	padding-left: 18px;
	background-repeat: no-repeat !important;
	line-height: 1.3;
}
a.outlink {
	background-image: url(../img/icon_outlink.gif) !important;
}
a.innerlink {
	background-image: url(../img/icon_arrow.gif) !important;
}
a.pdflink {
	min-height: 20px;
	*height: auto !important;
	*height: 20px;
	background-image: url(../img/icon_pdf.gif) !important;
	background-position: left 0.1em !important;
}
a.xlslink {
	min-height: 20px;
	*height: auto !important;
	*height: 20px;
	background-image: url(../img/icon_xls.gif) !important;
	background-position: left 0.1em !important;
}
a.doclink {
	min-height: 20px;
	*height: auto !important;
	*height: 20px;
	background-image: url(../img/icon_doc.gif) !important;
	background-position: left 0.1em !important;
}
a.xlslink:hover,
a.pdflink:hover,
a.doclink:hover {
	background-position: -969px 0.1em !important;
}
a.xlslink:hover,
a.outlink:hover,
a.pdflink:hover,
a.doclink:hover {
	background-color: #0066CC !important;
	color: #ffffff;
}
a.fblink:before{
	content: "";
	background: url(../img/icon_fbink.png) no-repeat!important;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: contain !important;
	padding-right: 5px;
	position:relative;
	top:9px;
}
a.twlink:before {
	content: "";
	background: url(../img/icon_twlink.png) no-repeat!important;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: contain !important;
	padding-right: 5px;
	position:relative;
	top:9px;
}
	a.youtubelink:before {
	content: "";
	background: url(../img/icon_youtubelink.png) no-repeat!important;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: contain !important;
	padding-right: 5px;
	position:relative;
	top:9px;
}
	a.instalink:before {
	content: "";
	background: url(../img/icon_instalink.png) no-repeat!important;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: contain !important;
	padding-right: 5px;
	position:relative;
	top:9px;
}
/*------------------------------------------------
	header
--------------------------------------------------*/
/* #header .inner, */
#header #hnavi ul,
#header #unavi ul {
	overflow: hidden;
	*zoom: 1;
}
#header .inner {
	*zoom: 1;
}
#header .inner:after,
#header #hnavi ul:after,
#header #unavi ul:after {
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
#header .inner {
	position: relative;
	margin: 0 auto;
	width: 978px;
	height: 88px;
	background: url(../img/bg_hnavi.gif) no-repeat left top;
}
#header #sitelogo {
	position: absolute;
	left: 20px;
	top: 35px;
	width: 155px;
}
#header #hnavi {
	float: right;
	margin: 0 0 13px;
	padding: 0 3px 0 0;
	width: 761px;
	overflow: hidden;
}
#header #hnavi ul li {
	float: left;
}
#header #unavi {
	float: right;
	padding: 0 14px 0 0;
	width: 676px;
	overflow: hidden;
}
#header #unavi ul li {
	float: left;
}
#header #unavi ul.left {
	width: 322px;
	height: 22px;
	overflow: hidden;
	border-right: 1px solid #b0b0b0;
}
#header #unavi ul.left li {
	margin: 0;
	padding-right: 11px;
}
#header #unavi ul.right {
	width: 344px;
}
#header #unavi ul.right li.searchbox {
	margin-left: 11px;
	width: 235px;
}
#header #unavi ul.right li.searchbox .head-searchbox {
	padding: 3px 5px 3px 7px;
	width: 178px;
	height: 20px;
	background: url(../img/bg_searchbox.gif) no-repeat left top;
	border: none;
	color: #666666;
	/* font-size: 12px !important; */
}

/*------------------------------------------------
	contents
--------------------------------------------------*/
#contents {
	background: url(../img/bg_body-foot.gif) repeat-x left bottom;
}
#contents .inner {
	margin: 0 auto;
	width: 978px;
}
#contents .inner .inner {
	width: auto;
	margin: 0;
}

/*------------------------------------------------
	page-head
--------------------------------------------------*/
#page-head #mnavi {
	height: 52px;
	background: url(../img/bg_mnavi.gif) no-repeat left top;
}
#page-head #mnavi ul {
	padding: 0 0 0 20px;
	overflow: hidden;
	*zoom: 1;
}
#page-head #mnavi ul:after {
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
#page-head #mnavi ul li {
	float: left;
}
#page-head .inner,
#page-head .bread-crumbs ul,
#page-head .font-size ul {
	overflow: hidden;
	*zoom: 1;
}
#page-head .bread-crumbs ul {
	overflow: visible;
}
* html #page-head .bread-crumbs ul li {
	line-height: 1.3;
}
#page-head .inner:after,
#page-head .bread-crumbs ul:after,
#page-head .font-size ul:after {
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
#page-head .bread-crumbs ul li,
#page-head .font-size ul li {
	margin: 0;
	float: left;
	line-height: 1.5;
	*display: inline;
}
*+html #page-head .bread-crumbs ul li {
	float: none;
}
* html #page-head .bread-crumbs {
	height: auto !important;
}
* html #page-head .bread-crumbs ul {
	zoom: 1;
}
* html #page-head .bread-crumbs ul li {
	margin-right: 5px;
	display: iinline;
	float: none;
}
#page-head .bread-crumbs {
	float: left;
	width: 800px;
}
#page-head .font-size {
	padding-right: 4px;
	float: right;
	width: 135px;
}
#page-head .font-size#font-en {
	width: 145px;
}


/*------------------------------------------------
	footer
--------------------------------------------------*/
#footer {
	padding: 0 0 20px;
	background: #ffffff;
	border-top: 3px solid #1eb9f0;
}
#footer .inner,
#footer #fnavi ul {
	overflow: hidden;
	*zoom: 1;
}
#footer .inner:after,
#footer #fnavi ul:after {
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
#footer .inner {
	margin: 1px auto 0;
	padding-top: 13px;
	width: 978px;
}
#footer #fnavi {
	float: left;
	width: 300px;
}
#footer #fnavi ul li {
	float: left;
}
#footer .copyright {
	float: right;
	width: 246px;
}


/*------------------------------------------------
	site search
--------------------------------------------------*/
/* === Suggest === */div.SS_suggest {
  font-weight: normal;
  z-index: 999;
  display: none;
  position: absolute;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  line-height:22px;
  text-align:left;
}
div.SS_suggest div.SS_suggestItemOff { 
  background-color: #FFF;
  border-top: 1px solid #CCC;	
  padding: 1px 2px 1px 4px;
}
div.SS_suggest div.SS_suggestItemOn {
  background-color: #ECF5FA;
  border-top: 1px solid #CCC;	
  padding: 1px 2px 1px 4px;
}
div.SS_suggest span.SS_suggestKey {
  font-size: 100%;
}
div.SS_suggest span.SS_suggestRate {
  width: 100px;
}
#SS_searchForm div.SS_suggest {
left:auto !important;
top:auto !important;
}
*html #SS_searchForm div.SS_suggest {
margin-left:-235px;
margin-top:27px;
}
*+html #SS_searchForm div.SS_suggest {
margin-left:-235px;
margin-top:27px;
}


/* Floats
-------------------------------------------------------------- */
span.italic { font-style: italic;}

/* Floats
-------------------------------------------------------------- */
.flL { display: inline; float: left;}
.flR { display: inline; float: right;}
.clear { clear: both;}
.clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; *zoom: 1; }

/* !Margin
-------------------------------------------------------------- */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb56 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}

/* !Padding
-------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}