@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
html, body {
	padding: 0px;
	margin: 0px;
}
body {
	font-family:Meiryo UI,Meiryo,"メイリオ",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 85%;
	color: #000000;
}
img {
	border: none;
	vertical-align: top;
}
.width {
	width: 960px;
	padding:0px;
	margin: 0 auto;
}
.w:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
a:link {
	color: #0068b7;
	text-decoration: underline;
}
a:visited {
	color: #0068b7;
	text-decoration: underline;
}
a:active {
	color: #0068b7;
	text-decoration: underline;
}
a:hover {
	color: #0068b7;
	text-decoration: none;
}

/* =========================================================
headerAreaWrap
========================================================= */
#headerAreaWrap {
	border-top:10px solid #0068b7;
	background:url(../image/bg_header.gif) top left repeat-x;
	height: 92px;
}
#headerArea {
	clear: both;
    *zoom: 1; 
}
#headerArea:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#headerArea .logo {
	float: left;
	width: 380px;
	margin-top:12px;
}
#headerArea .logo img{
	vertical-align:middle;
}
#headerArea .logo .logo_div{
}
#headerArea .logo .logo_div img{
	border-left:1px solid #000;
	margin-left:10px;
	padding:10px 0 10px 10px;
}
#headerArea .headerNaviwrap {
	float: right;
	width: 570px;
	text-align: right;
}
#headerArea .headerNavi {
	display: inline-block;
	vertical-align: middle;
	*display: inline;  
    *zoom: 1; 
}
#headerArea .headerNavi li {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	padding-right: 15px;
	padding-top:17px;
	*display: inline;  
    *zoom: 1; 
}
#headerArea .headerNavi li.download a{
	background:url(../image/ico_download.png) left top no-repeat;
	padding-left:20px;
}
#headerArea .headerNavi li.englishSite a{
	background:url(../image/ico_language.png) left top no-repeat;
	padding-left:20px;
}
#headerArea .headerNavi li a {
	padding-left: 8px;
}
#headerArea .fontSize {
	background:url(../image/bg_language.jpg) left top no-repeat;
	height:45px;
	width:197px;
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
	clear:both;
	*display: inline;  
    *zoom: 1; 
}
#headerArea .fontSize:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#headerArea .fontSize dt, #headerArea .fontSize dd, #headerArea .fontSize ul,#headerArea .fontSize li,#headerArea .fontSize li a {
	float:left;
	height: 18px;
}
#headerArea .fontSize dt{
	width:108px;
	background:url(../image/tit_size.jpg) left top no-repeat;
	display:block;
	text-align: left;
	text-indent: -9999px;
	overflow:hidden;
	margin-top:17px;
	*display: inline;  
    *zoom: 1; 
}

#headerArea .fontSize li {
	margin-top:17px;
	list-style: none;
}
#headerArea .fontSize li a {
	display:block;
	text-align: left;
	text-indent: -9999px;
	width: 21px;
	overflow:hidden;
	*display: inline;  
    *zoom: 1; 
}
#headerArea .fontSize li.larger a {
	background: url(../image/bt_fontsize-l_off.jpg) left top no-repeat;
}
#headerArea .fontSize li.larger a:hover, #headerArea .fontSize li.larger a.textresizer-active {
	background: url(../image/bt_fontsize-l_on.jpg) left top no-repeat;
}
#headerArea .fontSize li.medium a {
	background: url(../image/bt_fontsize-m_off.jpg) left top no-repeat;
}
#headerArea .fontSize li.medium a:hover, #headerArea .fontSize li.medium a.textresizer-active {
	background: url(../image/bt_fontsize-m_on.jpg) left top no-repeat;
}
#headerArea .fontSize li.small a {
	background: url(../image/bt_fontsize-s_off.jpg) left top no-repeat;
}
#headerArea .fontSize li.small a:hover, #headerArea .fontSize li.small a.textresizer-active {
	background: url(../image/bt_fontsize-s_on.jpg) left top no-repeat;
}

/* =========================================================
globalNaviArea
========================================================= */
#globalNavi {
	clear: both;
	zoom: 100%;
	background:url(../image/bg_menu.gif) left top repeat-y;
	padding:4px 0;
	*padding:4px 0 5px 0;
}
#globalNavi:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#globalNavi li {
	list-style: none;
	display: table-cell;
	vertical-align:middle;
	background:#0068b7;
	*display: inline;  
    *zoom: 1;
	border-right:1px solid #ffffff;
}
#globalNavi li.active,#globalNavi li.pathActive {
	background:url(../image/bg_menu_on.gif) left top repeat-y;
}
#globalNavi li.news {
	border-right:none;
}
#globalNavi li a {
	color:#FFF;
	width: 149px;
	padding:0.4em 5px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	line-height:1.4em;
	display: table-cell;
	vertical-align:middle;
	*display: inline;  
    *zoom: 1; 
	*padding:0.1em 5px 0.3em 5px;
}

#globalNavi li.news a{
	border-left:none;
	width: 150px;
}

/* =========================================================
mainAreaWrap
========================================================= */
#mainAreaWrap {
	clear: both;
	zoom: 100%;
}
#mainAreaWrap:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea {
	clear: both;
	zoom: 100%;
}
#mainArea:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*-----------------------------------------
newsArea
-----------------------------------------*/


#mainArea .newsArea{
	clear: both;
	zoom: 100%;
	margin:0 20px;
}
#mainArea .newsArea:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea .newsArea h2{
	padding-right:20px;
	background:url(../../image/ico_news-topics.png) 12px 52% no-repeat #e5ebf7;
	display:block;
	clear: both;
	zoom: 100%;
	border-top:5px solid #0068b7;
	color: #0068b7;
	padding-left:52px;
	font-size:100%;
	line-height:60px;
}
#mainArea .newsArea h2:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea .newsArea h2 span{
	float:left;
	font-size:130%;
}
#mainArea .newsArea h2 a{
	float:right;
}
#mainArea .newsArea li{
	list-style:none;
	padding:15px 17px;
	border-bottom:1px solid #e6e6e6;
}
#mainArea .newsArea li dl{
	clear: both;
	zoom: 100%;
}
#mainArea .newsArea li dl:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mainArea .newsArea li dt{
	float:left;
	font-weight:bold;
}
#mainArea .newsArea li dd{
	padding-left:8em;
}
#mainArea .newsArea li dd img{
	float:left;
	margin-right:15px;
}
#mainArea .newsArea li dd span{
	display:block;
	padding-left:140px;
}
#mainArea .newsArea li dd span a{
	background:url(../../image/ico_arrow_red.png) left 2px no-repeat;
	padding-left:15px;
}
#mainArea .newsArea li dd span span{
	padding-left:15px;
	padding-top:3px;
}
/*-----------------------------------------
.backTop
-----------------------------------------*/

.backTop {
	clear: both;
	zoom: 100%;
	margin-top:40px;
	margin-right:20px;
}
.backTop:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
.backTop a {
	text-indent: -9999px;
	display: block;
	float:right;
	width: 135px;
	height: 35px;
	background:url(../image/bt_pagetop_off.png) left top no-repeat;
}
.backTop a:hover {
	background:url(../image/bt_pagetop_on.png) left top no-repeat;
}
/* =========================================================
footerAreaWrap
========================================================= */
#footerAreaWrap {
	border-bottom:5px solid #0068b7;
	background:url(../image/bg_footer.gif) center top repeat-x #eff1f3;
	clear: both;
	zoom: 100%;
	line-height:60px;
}
#footerAreaWrap:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#footerAreaWrap #footerArea ul {
	float:left;
	padding-left:20px;
}
#footerAreaWrap #footerArea ul li {
	list-style: none;
	display: inline-block;
	*display: inline;  
    *zoom: 1; 
}
#footerAreaWrap #footerArea ul a {
	padding:5px 0 5px 20px;
	margin-right: 15px;
}
#footerAreaWrap #footerArea ul li.access a{
	background:url(../image/ico_access.png) left 50% no-repeat;
}
#footerAreaWrap #footerArea ul li.privacy a{
	background:url(../image/ico_privacy.png) left 50% no-repeat;
}
#footerAreaWrap #footerArea .copyright {
	float:right;
	padding-right: 20px;
}

/* =========================================================
etc
========================================================= */
.w60p{
	width:60% !important;
}
.pt0{
	padding-top:0px;
}
.pt10{
	padding-top:10px;
}
.pt20{
	padding-top:20px;
}
.mt0{
	margin-top:0px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt60{
	margin-top:60px;
}
.mb0{
	margin-bottom:0px !important;
}
.mt1-6em{
	margin-top:1.6em;
}
.tLeft{
	text-align:left;
}
.tRight{
	text-align:right;
}
.tCenter{
	text-align:center;
}

.fLeft{
	float:left;
}
.fRight{
	float:right;
}
.fLeftImage{
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}
.fRightImage{
	float:right;
	margin-left:30px;
	margin-bottom:20px;
}
span.fRightImage{
	margin:0px;
}
span.fRightImage img{
	padding-top:20px;
}
.txtBold{
	font-weight:bold;
}
.txtRed{
	color:#af2b2f;	
}
.wordBreak{
	word-break:break-all;
}
.vAlignM{
	vertical-align: middle;
}
.clear{
	clear: both;
	zoom: 100%;
}
.clear:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
.fs14px{
	font-size:14px !important;
}