@charset "utf-8";
/* Base
 Web¥µ¥¤¥È¤Ë¤ª¤±¤ë»ù±¾¤È¤Ê¤ë¥¹¥¿¥¤¥ë¡£normalize.css¤ÎËû¡¢»ù±¾¤È¤Ê¤ë¥Õ¥©¥ó¥È¥µ¥¤¥º¤ä¥ê¥ó¥¯¥«¥é©`¤òÔO¶¨¤¹¤ë
 */
html, body,
div, span,
object, iframe,
h1, h2, h3, h4, h5, h6,
/*p,*/ blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var,
ul, ol, li, dl, dt, dd,
form, fieldset, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td,
header, main, nav, footer {
  margin: 0;
  padding: 0;
}
body {
	background-color: #FFF;
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", /*YuGothic, "ÓÎ¥´¥·¥Ã¥¯",*/ "¥á¥¤¥ê¥ª", Meiryo, '£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
}
a {
	color: #15c;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	color: #609;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a:active {
text-decoration: underline;
text-align: center;
}
ul,ol {
	list-style: none;
}
img {
border: 0;
line-height: 1;
vertical-align: bottom;
text-align: right;
}
blockquote, q {
  quotes: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: none;
}
.clearfix:after {
	clear: both;
	content:"";
	display: block;
}

@media screen and (max-width: 767px) {	
	body {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	img {
		max-width: 100%;
		height: auto;
		width: auto\9;
	}
}

@media only screen and (min-width: 768px) { /*768px ÒÔÉÏ*/
  body {
    font-size: 93.75%;/*15px*/
  }
}


/* Layout
 ¥Ø¥Ã¥À©`¡¢¥Õ¥Ã¥¿©`¡¢¥«¥é¥à¤È¤¤¤Ã¤¿¡¢Web¥Ú©`¥¸¤Î¥ì¥¤¥¢¥¦¥È¤òÔO¶¨¤¹¤ë
 */

/* header
---------------------------------------------------------- */
@media only screen and (max-width: 767px) {/*767px ÒÔÏÂ*/
	#header {
		border-top: 3px solid #2F3D99;
		position: relative;	
		width: 100%;
	}
	#header_content {
			height: 100px;
			width:96%;
			margin: 0 auto;
			padding:0;
			position: relative;	
	}
	h1.logo {
			margin: 0 70px 0 0;
			padding: 0;
			left: 0px;
			top: 50px;
			position: absolute;
	}
	h1.logo img {
		width: 259px;
		height: 40px;
	}
	#font_block,
	#search_block {
		display: none;
	}
	#header_links {
		font-size: 80%;
		position: absolute;
		top: 5px;
		display: block;
		width: 100%;
		line-height: 30px;
		text-align: center;
	}
	#header_links ul {
	  display: table;
		table-layout: fixed;
		width: 100%;
	}	
	#header_links li {
		background-color: #F0F0F0 !important;
		display: table-cell;
		width: 25%;
		margin-bottom: 5px;
	}
	#header_links li.btn3 {
		display: none;
	}
	#header_links li.btn_shiryou,
	#header_links li.btn_english {
		color: #FFF;
		}
	#header_links li.btn_shiryou {
		/*background-color: #F3696F !important;*/
		background-color: #D53C47 !important;
	}
	#header_links li.btn_english {
		background-color: #2F3D99 !important;
	}
	#header_links li.btn_shiryou a,
	#header_links li.btn_english a  {
		color: #FFF;
		display: block;
	}

	#menu_block_sp {
		background-color: #2F3D99;
		padding: 3px 5px;
	}
	#menu_block_sp .menu {
		background-color: #FFF;
	}
	.menu_inner ul li {
		border-bottom: 1px solid #F0F0F0;
		font-weight: bold;
	}
	.menu_inner ul li a {
		color: #333;
		display: block;
		padding: 14px 20px;
		position: relative;
		line-height: 1.2;
	}
	.menu_inner ul li>a:before {
		content: "";
		margin-top: auto;
		margin-bottom: auto;
		display: block;
		position: absolute;
		top: 0;
		right: 22px;
		bottom: 0;
		border-bottom: 1px solid #5f6e7e;
		border-right: 1px solid #5f6e7e;
		width: 8px;
		height: 8px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.menu_title {
		background-color: #edf3fa;
		font-size: 86.667%;
		padding: 5px 20px;
	}
	.drower_btn {
		position: absolute;
		top: 55px;
		right: 10px;
  cursor: pointer;
	}
 .menu_trigger{display: block; background: none; border: none;padding: 0; outline: none;}
	.menu_trigger img{		width: 60px;		height: 44px;	}
	#wrapper {
		background: #FFF;
		-webkit-transform: translate3d(0px, 0px, 1px);
  transform: translate3d(0px, 0px, 1px);
		-webkit-transition: .2s -webkit-transform ease-in-out;
 transition: .2s -webkit-transform ease-in-out;
		z-index: 1;
	}
	#wrapper.show {
		-webkit-transform: translate3d(-240px, 0px, 1px);
  transform: translate3d(-240px, 0px, 1px);
		min-width: 320px;
	}
		
	#slidemenu.show {
		height: 100%;
		visibility: visible;
		z-index: 1;
		-webkit-transition: z-index 0s linear .2s;
  transition: z-index 0s linear .2s;
	 }
	
	#slidemenu_contents {
		display: none;
		height: 100%;
		position: relative;
		width: 240px;
	}
 .show #slidemenu_contents {display: block;}
	
	#slidemenu {
		background-color: #333;
		right: 0;
		top: 0;
		position: fixed;
		visibility: hidden;
		z-index: -1;
		-webkit-transition: visibility 0s linear .2s;
	 }

}


@media only screen and (max-width: 321px) {/*321px ÒÔÏÂ*/

	#header_links li {
    white-space: nowrap;
    overflow-x: scroll;

	}
}


@media only screen and (min-width: 768px) { /*768px ÒÔÉÏ*/

	#header {
		border-top: 3px solid #2F3D99;
		position: relative;	
		width: 100%;
	}
	#header_content {
		height: 100px;
		width:1024px;
		margin: 0 auto;
		padding:0;
		position: relative;	
	}
	h1.logo {
		margin: 0;
		padding: 0;
		left: 0px;
		top: 13px;
		position: absolute;
	}
	h1.logo img {
		width: 325px;
		height: 50px;
	}
	#global_nav {
		width: 100%;
		background-image: url(/common/images/bg_global_nav.png) ;
		background-repeat: repeat-x;
		background-position: 0 42px;
	}
	
	.menu_trigger {
		display: none;
	}
	
	.pages #global_nav {
		background-image: url(/common/images/bg_global_nav_pages.png) ;
		background-repeat: no-repeat;
		background-position: center 42px;
	}
	#menu_block {
		height: 500px;
		position: relative;
	    width: 100%;
	}
	.pages 	#menu_block {
		height: 310px !important;
	}
	#menu_block ul {
		width: 1024px;
		margin: 0 auto;
	}
	#menu_block ul li {
		display: inline-block;
		float: left;
	}
	.menu01 {
		border-top: 1px solid #BCCFE2;
		border-bottom: 1px solid #BCCFE2;
		box-sizing: border-box;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.menu01 li {
		line-height: 40px;
		width: 20%;
		text-align: center;
	}
	.menu01 li a {
		border-left: 1px solid #C0CEE0;
		box-sizing: border-box;
		color: #333;
		display: block;
		font-weight: bold;
	}
	.menu01 li.btn5 a {
		border-right: 1px solid #C0CEE0;
	}
	.menu01 li a span {
		background: #FFF url(../images/ico_user.png) 0 center no-repeat;
		padding-left: 19px;
	}
	.menu01 li.btn1 a span { background-position: 0 0px;}
	.menu01 li.btn2 a span { background-position: 0 -25px;}
	.menu01 li.btn3 a span { background-position: 0 -50px;}
	.menu01 li.btn4 a span { background-position: 0 -75px;}
	.menu01 li.btn5 a span { background-position: 0 -95px;}

	.menu02 {
		position: absolute;
    	bottom: 0;
    	left: 0;
	    width: 100%;
	}
	.menu02 li {
		line-height: 60px;
		width: 16.6666%;
		text-align: center;
	}
	.menu02 li a {
		background: #233A9D url(../images/bg_menu02_list.png) no-repeat center bottom;
		border-top: 3px solid #4B67DD;
		border-left: 1px solid #C0CEE0;
		box-sizing: border-box;
		color: #FFF;
		display: block;
		font-weight: bold;
	}
	.menu_title {
		display: none;
	}
	#mv {
		clear: both;
		position: absolute;
		top: 175px;
		left: 0;
		width: 100%;
		height: 310px;
		z-index: 110;
	}
	#header_links {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 80%;
		display: block;
	}
	#header_links li {
		padding-right: 10px;
		padding-left: 15px;
		display: inline-block;
		background: url(/common/images/ico_arr01.png) no-repeat 0 center;
	}
	#header_links li.btn_shiryou,
	#header_links li.btn_english {
		background-image:none !important;
		/*background-color: #F3696F !important;*/
		background-color: #D53C47 !important;
		-moz-border-radius: 0px 0px 3px 3px;
		-webkit-border-radius: 0px 0px 3px 3px;
		border-radius: 0px 0px 3px 3px;
		color: #FFF;
		line-height: 30px;
		padding: 0;
		text-align: center;
	}
	#header_links li.btn_english {
		background-color: #2F3D99 !important;
	}
		#header_links li.btn_shiryou a,
		#header_links li.btn_english a  {
			color: #FFF;
			display: block;
			min-width: 100px;
		}


	#header_utility {
		width: 380px;
		height: 40px;
		margin: 0 0 0 644px;
		position: relative;
		top: 55px;
	}
	#font_block {
		width:136px;
		height:20px;
		position: absolute;
		top: 0;
		left: 0;
		background:url(/common/images/txt_fontresize.gif) 0 center no-repeat;
	}
	#font_block li {
		width:22px;
		height:22px;
		cursor:pointer;
		text-indent:-9999px;
	}
	
	#font_block li.sizeL {
		position: absolute;
		top: 0px;
		left: 116px;
		background:url(/common/images/btn_sizeL.gif) 0 0 no-repeat;
	}
	
	#font_block li.sizeM {
		position: absolute;
		top: 0px;
		left: 92px;
		background:url(/common/images/btn_sizeM.gif) 0 0 no-repeat;
	}
	
	#font_block li.sizeS {
		position: absolute;
		top: 0px;
		left: 69px;
		background:url(/common/images/btn_sizeS.gif) 0 0 no-repeat;
	}
	#search_block {
		position: absolute;
		top: 0px;
		right: 0px;
		display: block;
	}
	
	#search_block input {
		vertical-align: middle;
	}
	
	#search_block input[type="text"] {
		width: 175px;
	}
	#searchsubmit {
		background: #2f3d99 !important;
		border-color: #2f3d99;
		border-radius: 3px;
		color: #fff !important;
	}

}


/* content
---------------------------------------------------------- */

.topicpath {
	display: block;
	padding: 15px 0;
	font-size: 80%;
}
.topicpath dt {
	display: none;
}
.pages #main {
	line-height: 1.7;
}
.pages #main .gotop {
    clear: both;
    width: 100%;
    height: 24px;
    position: relative;
}
.pages #main .gotop a {
    position: absolute;
    right: 0;
    top: 0;
    width: 97px;
    line-height: 24px;
    background: url(/common/images/img_gotop.png) no-repeat 0 0;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    outline: none;
}
.pages #sidebar h3 {
	background-color: #2f3d99;
	color: #FFF;
    padding: 15px;
}

.pages #sidebar ul {
	margin-right: 0;
}

.pages #sidebar li {
	background: url(/common/images/ico_arr01.png) no-repeat 10px 15px;
	border: 1px solid #c0cee0;
	padding-left: 2em;
	line-height: 40px;
}

.pages #sidebar li+li {
	border-top: none;
}

.pages #sidebar ul li a {
	display: block;
}

.pages #sidebar ul ul{
	margin: 0;
}

.pages #sidebar ul ul li {
	background: url(/common/images/ico_arr02.png) no-repeat 0 center;
	border: none;
	margin-left: 0;
	padding-left: 15px
}

/*.pages #sidebar ul.third,
.pages #sidebar ul.third-igakubu,
.pages #sidebar ul.third-hokenkango {
	display: none;
}*/

@media screen and (max-width: 767px) {	/*767px ÒÔÏÂ*/

	.topicpath dd {
		background-color: #edf3fa;
		border-top: 1px solid #c0cee0;
		border-bottom: 1px solid #c0cee0;
		padding: 4px 10px;
	}
	.topicpath dd a {
		color: #333;
	}
	#content {
		width: 100%;
	}
	#main,	#sidebar {
		width: 96%;
		margin: 0 auto;
	}
  .pages #main {
    margin-bottom: 80px;
  }
	.col-xs-1,
	.col-xs-2,
	.col-xs-3,
	.col-xs-4,
	.col-xs-5,
	.col-xs-6,
	.col-xs-7,
	.col-xs-8,
	.col-xs-9,
	.col-xs-10,
	.col-xs-11,
	.col-xs-12 {
	   float: left;
	   margin-right: 1.953125%;
	   margin-bottom: 10px;
	   box-sizing: border-box;
	 }
	.col-xs-12,
	.col-xs-6:nth-child(2n),
	.col-xs-4:nth-child(3n),
	.col-xs-3:nth-child(4n) {
		margin-right: 0;
	  }
	.col-xs-1  {width: 6.54296875%;}
	.col-xs-2  {width: 15.0390625%;}
	.col-xs-3  {width: 23.53515625%;}
	.col-xs-4  {width: 32.03125%;}
	.col-xs-5  {width: 40.52734375%;}
	.col-xs-6  {width: 49.0234375%;}
	.col-xs-7  {width: 57.51953125%;}
	.col-xs-8  {width: 66.015625%;}
	.col-xs-9  {width: 74.51171875%;}
	.col-xs-10 {width: 83.0078125%;}
	.col-xs-11 {width: 91.50390625%;}
	.col-xs-12 {width: 100%;}
			
}

@media only screen and (min-width: 768px) { /*768px ÒÔÉÏ*/

  #content {
    width: 1024px;
    margin: 0 auto;
  }
  #content.fontL{ font-size: 120%; }
  #content.fontM{ font-size: 100%; }
  #content.fontS{ font-size: 80%; }
  
  .oneCol #main {
    width: 100%;
  }
  
  .twoColLt #main {
    float: right;
    width: 676px;
  }
  
  .twoColLt #sidebar {
    float: left;
    width: 328px;
  }
  
  .twoColRt #main {
    float: left;
    width: 676px;
  }
  
  .twoColRt #sidebar {
    float: right;
    width: 328px;
  }

/* Grid system */
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
   }
  .col-1 {
    width: 67px;
  }
  .col-2 {
    width: 154px;
  }
  .col-3 {
    width: 241px;
  }
  .col-4 {
    width: 328px;
  }
  .col-5 {
    width: 415px;
  }
  .col-6 {
    width: 502px;
  }
  .col-7 {
    width: 589px;
  }
  .col-8 {
    width: 676px;
  }
  .col-9 {
    width: 763px;
  }
  .col-10 {
    width: 850px;
  }
  .col-11 {
    width: 937px;
  }
  .col-12 {
    margin-right: 0;
    margin-left: 0;
    width: 1024px;
  }
  
  #univ_top #content {
    margin-top: 20px !important;
  }
  
  #main {
    width: 100%;
  }
  
  #sidebar {
  }
  
  #sidebar ul {
    list-style: none;
  }

}

.alpha,.first {	margin-left: 0 !important; }
.omega,.last  {	margin-right: 0 !important; }
.row,.innerbox {
	margin: 0 0 20px;
}
.row + .row,
.innerbox + .innerbox {
	margin: 20px 0;
}
.row:after,
.innerbox:after {
	content: "";
	display: block;
	clear: both;
}


/* footer
---------------------------------------------------------- */
#back_to_top {
	clear: both;
	width: 100%;
	height: 24px;
	position: relative;
}

#back_to_top .gotop a {
	position: absolute;
	right: 0;
	top: 0;
	width: 97px;
	height: 10px;	
	background: url(/common/images/img_gotop.png) no-repeat 0 0;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
}

#footer {
	background: #E3F7F4 url(../images/bg_footer.png) right bottom no-repeat;
	font-size: 80%;
	width: 100%;
}
	#footer_links {
		background-color: #2f3d99;
		width: 100%;
	}
	#footer_links ul li {
		display: inline;
		padding: 0 10px;
		line-height: 40px; 
	}
	#footer_links li, #footer_links li a {
		color: #FFF;
	}
	#footer_links ul,
	#footer_adr {
		width: 100%;
		margin: 30px auto 0;
	}
	#footer_adr .footer_logo {
		margin-bottom: 10px;
	}
	#footer_adr p {
		line-height: 1.7; 
	}
	#footer .footer_adr_locality,
	#footer .footer_adr_tel {
		padding-left: 1em;
	}
	#copyright {
		clear: both;
		color: #2f3d99;
		text-align: left;
		width: 100%;
		margin: 30px auto 0;
		padding-bottom: 20px;
	}
	
@media screen and (max-width: 767px) {	/*767px ÒÔÏÂ*/
	#back_to_top {
		background-color: #F0F0F0;
		height: auto;
    margin-top: 20px;
    margin-bottom: 0;
		position: static;
	}
	#back_to_top .gotop { margin: 0 }
	#back_to_top .gotop a {
		position: static;
		right: auto;
		top: auto;
		width: 100%;
		background-position: center;
		padding: 12px 0;
		margin: 0;
	}
  #footer_links ul {
    margin-top: 0;
  }
	#footer_links ul:after {
		clear: both;
		content:"";
		display: block;
	}
	#footer_links ul li {
		float: left;
		display: block;
		padding: 0;
		margin: 0;
		text-align: center;
		width: 50%;
	}
	#footer_links ul li a {
		display: block;
	}
	#footer_adr,#copyright {
		text-align: center;
	}
	.footer_adr_tel {
		display: block;
		padding-left: 0!important;
	}
	.hidden_sp { display: none!important;}
}

@media only screen and (min-width: 768px) { /*768px ÒÔÉÏ*/

	#footer_links ul,
	#footer_adr {
		width: 1024px;
		margin: 30px auto 0;
	}
	#copyright {
		clear: both;
		color: #2f3d99;
		text-align: left;
		width: 1024px;
		margin: 30px auto 0;
		padding-bottom: 20px;
	}
	.hidden_pc { display: none;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {

	#back_to_top .gotop a,
  .pages #main .gotop a {
		background-image: url(/common/images/img_gotop@2x.png);
		background-size: 97px 10px;
	}

}