@charset "UTF-8";

.clear{ clear:both; }

.hr_underpage {
	margin: 0;
    border: 0;
    height:1px;
    background: #aaa;
	display: block;     /* add */
	clear:both;
}

*:first-child+html {
	font-size:86%;
	height:100%;
}

/*
 * "03SmartFontUI" licensed under the IPA Font License Agreement v1.0
 * http://ipafont.ipa.go.jp/
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html
 */
@font-face {
	font-family:'font1';
}

#menu_guide, #header_copy, #attention, #footer_container, #page-top, .site_title, .header_side, .breadcrumb, .site_navi02 {
	font-size: 13px;
	font-family: 'Quicksand',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:focus, *:focus { outline:none; }
a {color:#00A0E9; text-decoration:none; outline:none;}
a:active {color:#00A0E9;}
a:visited {color:#00A0E9; text-decoration:none;}
a:hover {color:#0097E0; text-decoration:none;}
a img:hover {
opacity:0.8;
filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
filter:alpha(opacity=80);
}
input:focus { outline:none; }

#logo img{margin:7px 0 10px 0;}

.breadcrumb li{
	float:left;
	color:#000;
	margin:10px 15px 0 0;
	font-weight:bold;
}
.breadcrumb li h1{
	width: 100%;
	float:left;
	color:#000;
	margin:0 15px 0 0;
	font-weight:bold;
	line-height: 180%;
}
.breadcrumb li a{
	padding:0 20px 0 0;
	color:#19488e;
	background:url("../img/icon/icon_01.gif") no-repeat right center;
}

#navi #language_map {
	width:60px;
	width:65px\9;
	height:23px;
}

*+html #navi #language_map {
	width:60px;
}

#navi #language_map:not(:target) {
	width:65px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#navi #language_map {
	width:65px !important;
}
}

#navi #language_map ul{
	margin:0 0 0 -16px;
	position:absolute;
	z-index:2;
	*margin-left:-83px;
	*margin-top:25px;
}
#navi #language_map ul li{
	float:none;
	width:80px;
	*width:85px;
	width:85px\9;
	height:23px;
	padding:5px 0;
	text-align:center;
	background:#526AA7;
	*margin-bottom:0;
	*margin-top:-5px;
}

*+html #navi #language_map ul li{
	width:80px;
}

#navi #language_map ul li:not(:target){
	width:85px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#navi #language_map ul li{
	width:85px !important;
}
}

#navi #language_map ul li:hover{
	text-align:center;
	background:#1F4289;
}

body {
	border-top: 3px solid #000;
}

body h1{
	float:left;
	width: 700px;
}

body h1 img{
	float:left;
	width:110px;
	max-height:66px;
	*height:66px;
	padding-right:20px;
	margin-right:20px;
	border-right:3px solid #eee;
}

body h1 p{
	float:left;
	font-weight:bold;
	font-size:24px;
	color:#3B73B1;
	padding-top:10px;
	max-width: 500px;
}

body h1 p small{
	font-size:12px;
	color:#333;
	margin-top:10px;
}

#body_underpage {
	border-top: 3px solid #000;
}

body div.site_title{
    float: left;
    width: 700px;
}

body div.site_title img{
    float: left;
    width: 110px;
    max-height: 66px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 3px solid #eee;
}

body div.site_title p{
    float: left;
    font-weight: bold;
    font-size: 24px;
    color: #3B73B1;
    padding-top: 10px;
    max-width: 500px;
}

body div.site_title p small{
    font-size: 12px;
    color: #333;
    margin-top: 10px;
}

/*---------------
header
---------------*/
#header{
/*
	overflow:hidden;
*/
	width:950px;
	height:240px;
	margin:0 auto 10px auto;
	letter-spacing: normal; /* add */
	word-break: normal;     /* add */
	line-height: 1.8em;     /* add */
	font-size: 13px;        /* add */
	position: relative;
	background: #ffffff;
	z-index: 10;
}

#navi{
	float:right;
}

#navi li{
	background:#000;
	padding:1px 10px 2px 10px;
	color:#FFF;
	float:left;
	font-size:12px;
	margin-left:6px;
	word-break: normal;
	white-space: nowrap; /* add */
}

#navi li a{
	color:#FFF;
}

#navi small{
	font-size:7px;
}

#navi li:hover {
	background:#1F4289;
	background-image:none;
}

.header_side{
	width:245px;
	*width:260px;
	float:right;
	margin-left:5px;
}

.header_side form.searchform{
	width:231px;
	height:30px;
	margin:5px 0 0 9px;
	float: right;
}
.header_side form.searchform input[type=text]{ 
    width:188px;
   *width:176px;
    height:25px;
	color:#888;
    padding:0 0 0 10px;
	border:2px solid #757575;
	*padding-top:5px;
	*height:23px;
	float:left;
	font-family: Arial; /* add */
	font-size: 13px;    /* add */
}  
.header_side .searchBtn_underpage{
	background:#666;
	float:right;
	padding: 0; /* add */
	*margin-top:1px;
	*width:32px;
	*height:32px;
}
 
.site_navi form.searchform{
	width:316px;
	height:40px;
} 

.site_navi form.searchform input[type=text]{ 
    width:263px;
	font-size:13px;  
    height:33px;
    padding:2px 0 0 10px;
	color:#888;
	border:2px solid #757575;
	padding-top:10px\9;
	height:25px\9;
	*padding:12px 1px 0 10px;
	*height:25px;
	float:left;
}

.site_navi form.searchform input[type=text]:not(:target) {
	padding-top:0px\9;
	height:35px\9;
}

.site_navi .searchBtn_underpage{
	float:right;
	*width:38px;
	*height:39px;
	*border-bottom:1px solid #757575;
	*border-top:1px solid #757575;
} 

*:first-child + html #searchBtn_underpage {  
    top:1px;  
}

#header_copy{
	width:400px;
	line-height:1.0em;
	font-weight:bold;
/*
	margin:10px 0 0 0;
*/
	display:block;
	color:#666;
	letter-spacing:-1px;
	font-weight:bold !important;
	text-decoration:none;
	font-size:12px;
	padding:10px 0 0 0;
}

#logo{
	float:left;
	line-height:1.0em;
	font-weight:bold;
	padding: 0;   /* add */
}

#logo a:hover{
	color:#0180be;
	text-decoration:none;
}

#menu_guide {
	width:949px;
	height:40px;
	position:relative;
	z-index:100;
	margin-top: 15px;
}

#menu_guide li:hover {
	background:#eee;
}

#menu_guide li {
	float: left;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	margin: 0;
	padding:10px 0 0 0;
	min-height:30px;
	width:117.5px;
	position:relative !important;
	border-right:1px solid #C2C6CC;
	border-bottom:1px solid #FFFFFF;
}

#menu_guide li ul {
	display: none;
	position: absolute;
	top:41px;
	left:-5px;
	width:117.4px;
	background-color:#444;
	border:5px solid #FFF;
	padding: 0;
}
#menu_guide li ul li {
  margin: 0;
  padding: 0;
  border: none;
  text-indent:0px;
  width:117.5px;
  min-height:28px;
  font-size:11px;
  color:#FFF;
  text-align:center;
  border-top:#adbbc8 1px solid;
}

#menu_guide a ,#menu_guide li{
	color:#000;
}

#menu_guide li ul li a {
	display:block;
	width:117.4px;
	color:#fff;
	padding:3px 0;
	text-decoration:none;
}
#menu_guide li ul li:hover {
	background:#1F4289;
	width:117.4px;
	background-image:none;
}
#menu_guide li.here {
	background:#eee;
}

h1{
	float:left;
	width:610px;
}

.site_navi{
	float:right;
	width:316px;
	font-size:12px;
	margin-left:23px;
}

.site_navi li{
	float:left;
	padding:0 9px;
	margin-bottom:10px;
	margin-right:-1px;
	border-right:1px solid #A9AAA9;
	border-left:1px solid #A9AAA9;
}

.site_navi li a{
	color:#333;
}

.site_navi li a:hover{
	color:#1F4289;
	text-decoration:underline;
}

.site_navi02{
	float:right;
	width:130px;
	font-size:12px;
	text-align:center;
	background:#fff;
	line-height: 1.8em; /* add */
}
.site_navi02 li{
	text-align:center;
	background:#000;
	border:none;
	padding:5px 0 4px 0;
	margin-bottom:5px;
	font-weight:bold;
	height: 23px;  /* add */
}
.site_navi02 li a{
	color:#fff;
	text-decoration:none;
}

.site_navi02 li:hover{
	background:#1F4289;
}

ul.child{
    display:none;
    position:absolute;
    padding:0;
}

ul.child li a{
    padding:1px 0;
    display:block;
    color:#fff;
	background:#526AA7;
}

ul.child li a:hover{
    background:#1F4289;color:#3B73B1;
}


/*メインコンテンツ
-----------------------------------*/
#attention{
    background:#f5f5f5;
	text-align:center;
	width:950px;
	color:#ff0000;
	font-weight:bold;
	padding:0px 0;
	margin:0 auto;
	font-size: 13px;         /* add */
	line-height: 1.8em;      /* add */
	letter-spacing: normal;  /* add */
}

div#ContentsWrap.SecondPages{
	padding-top:0px;
}

/*---------------
footer
---------------*/
#footer_sf{
	clear:both;
	margin-top:80px;
	border-top:2px solid #061E4A;
}
#footer_container {
    margin:0 auto;
    padding:15px 0;
    width:950px;
	text-align:center;
	font-size:12px;
	line-height:1.6em;
	letter-spacing: 0;  /* add */
	color: #555;        /* add */
	background: #ffffff;
}

#footer_container a{
	color:#0046c5;
}

#footer_container ul#footerTop{
	height:28px;
	font-size:13px;
}

#footer_container ul#footerTop .left{
	float:left;
}


#footer_container ul#footerTop,#footer_container ul#footerTop a{
	color:#fff;
}
.topArrow{
	padding-left:15px;
	background:url("../img/bg/toparrow.gif") no-repeat 0 50%;
}
#footer_container dl{
	overflow:hidden;
	width:950px;
	text-align:left;
	color:#000;
}
#footer_container dt{
	clear:left;
	font-size:117%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding:10px 5px 5px;
	color: #000000;
}
#footer_container dd{
	float:left;
	display:inline;
	padding:0 5px;
	border-right:1px solid #030E21;
	font-size:84%;
	white-space:nowrap;
}
#copy{
	clear:both;
	font-size:84%;
	text-align:right;
}

#footer_sf .sitenavi {
	font-size:10px;
	float:right;
}

#footer_sf .sitenavi li{
	float:left;
	padding:0 6px;
	border-right:1px solid #030E21;
}

#footer_sf .no-border{
	border:none;
}
#footer_sf .sitenavi li.no-border{
	border:none;
}


#footer_sf .mediasel{
	background-color:#F0F0F0;
	display:none;
	border:1px solid #CCC;
	margin:0 auto 20px;
	padding:5px;
	text-align:center;
	width:230px;
}

#page-top {
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:77%;
}

#page-top a {
	background:#F6F6F6;
	text-decoration:none;
	color:#000;
	width:86px;
	padding:30px 0;
	text-align:center;
	display:block;
	border-radius:45px;
	letter-spacing: 0;   /* add */
	line-height: 2.3em;  /* add */
}

#page-top a:hover {
	text-decoration:none;
	background:#000;
	color:#fff;
}

#footer_sp ,#footer_sp img{
	display:none;
}

.tab_border_left{
	border-left: 1px solid #C2C6CC;
}