@charset "utf-8";

/*------------------------------------
　　　			base
------------------------------------*/

/*--------other----------*/
body {
	text-align: center;
	background: url("/common/img/ptn_body.gif") transparent;
}

#container {
	text-align: left;
}

/*------------------------------------
　　　			header
------------------------------------*/

#h1_s {
	display: none;
}

#wrapper h2#main_s {
	display: none;
}

#hcont_s {
	display: none;
}

#header {
	background: url("/common/img/bg_header.gif") repeat-x;
	height: 178px;
	border-top: solid 10px #eeb300;
	text-align: center;
}

#header .inner {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#header  h1 {
	font-size: 80%;
	position: relative;
	top: 15px;
	text-align: left;
	width :960px;
	margin: 0 auto;
}

.flex_s {
	display: none;
}

/*--------------head_navi---------------*/

#header .inner #head_navi {
	overflow: hidden;
	zoom: 1;
	width: 457px;
	position: relative;
	left: 503px;
	top: -16px;
}

#header .inner #head_navi li {
	float: left;	
	display: inline;
}

#header .inner #head_navi a {
	background: none;
	height: 33px;
	width: auto;
	display: block;
}

#header .inner #head_navi a:hover {
	  background-color  :transparent;
}

#header .inner #head_navi a:hover img {
  visibility: hidden;
}

 #head_navi li#head_01,
 #head_navi li#head_01 a:hover {
	background: transparent url("/common/img/btn_head_news_o.gif") no-repeat left top;
	width: 99px;
}

#head_navi li#head_02,
#head_navi li#head_02 a:hover {
	background: transparent url("/common/img/btn_head_sitemap_o.gif") no-repeat left top;
	width: 135px;
}

#head_navi li#head_03,
#head_navi li#head_03 a:hover {
	background: transparent url("/common/img/btn_head_access_o.gif") no-repeat left top;
	width: 115px;
}

#head_navi li#head_04,
#head_navi li#head_04 a:hover {
	background: transparent url("/common/img/btn_head_contact_o.gif") no-repeat left top;
	width: 108px;
}

#header .inner #head_content {
	overflow: hidden;
}

#header .inner #head_content li {
	float: left;	
	display: inline;
	font-size: 80%;
}

#header .inner #head_content li.head_tel {
	position: relative;
	top: 20px;
}

#header .inner #head_content li.btn {
	margin: 30px 20px 0;
	line-height: 1.1;
    font-size: 98%;
    width: 262px;
}

/*#header .inner #head_content li.btn .tri {
	position: absolute;
	top: 15px;
	left: 5px;
	width: 0;
     height: 0;
     border: 6px solid transparent; 
     border-left: 6px solid #000;
     z-index: 1;
}

#head_content li.btn a {
	z-index: 0;

	font-weight: bold;
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 120%;
	position: relative;
	top: 2px;
	width: 100%;
	padding: 7px 0px 4px 16px;
	background :#ef410b;

}*/

#head_content li.btn a:hover {
	opacity: 0.8;
}

/*#head_content li.btn a span {
	padding: 0 0 0 14px;
}*/

#header .btn_s {
	display: none;
}

#header .inner #head_content li p {
	margin: 0 0 5px;
	line-height: 120%;
}


/*---------global_menu---------*/

#header .inner #global_s {
	display: none;
}

#header .inner #global_navi {
	overflow: hidden;
	zoom: 1;
	margin: 34px auto 0;
	width: 960px;
}

#header .inner #global_navi li {
	float: left;
	display: inline;
}

#global_navi a {
	background: none;
	height: 34px;
	width: auto;
	display: block;
}

#global_navi li a img {
	margin: 0;
	padding: 0;
}

#global_navi a:hover {
	  background-color  :transparent;
}

#global_navi a:hover img {
  visibility: hidden;
}

#global_navi li#global_01,
#global_navi li#global_01 a:hover {
	background: transparent url("/common/img/btn_global_home_o.png") no-repeat left top;
	width: 73px;
}

#global_navi li#global_02,
#global_navi li#global_02 a:hover {
	background: transparent url("/common/img/btn_global_about_o.png") no-repeat left top;
	width: 209px;
}

#global_navi li#global_03,
#global_navi li#global_03 a:hover {
	background: transparent url("/common/img/btn_global_recruitment_o.gif") no-repeat left top;
	width: 190px;
}

#global_navi li#global_04,
#global_navi li#global_04 a:hover {
	background: transparent url("/common/img/btn_global_regulations_o.gif") no-repeat left top;
	width: 162px;
}

#global_navi li#global_05,
#global_navi li#global_05 a:hover {
	background: transparent url("/common/img/btn_global_contact_o.gif") no-repeat left top;
	width: 162px;
}

#global_navi li#global_06,
#global_navi li#global_06 a:hover {
	background: transparent url("/common/img/btn_global_announce_o.gif") no-repeat left top;
	width: 162px;
}

.top_txt {
	margin: 10px 0;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	font-weight: bold;
}



/*------------------------------------
　　　			container
------------------------------------*/

#container {
	width: 960px;
	margin: 0 auto 30px;
	zoom: 1;
}

#container #ttl_h2 {
	margin: 20px 0 15px;
	position: relative;
	left: -2px;
	width: 750px;
	float: left;
}

#container .crumb {
	clear: both;
	padding: 10px;
	font-size: 85%;
	background-color: #f6f1e2 ;
	overflow: hidden;
	zoom: 1;
	width: 722px;
}

#container .crumb li {
	float: left;
	display: inline;
	zoom: 1;
}

#container .crumb li a {
	color: #0f2e78;
}

#container .crumb li a:hover {
	color: #4d6bb1;
}

/*------------------------------------
　　　			main_inner_column
------------------------------------*/
#main_inner_column {
	line-height: 120%;
	float: left;
	margin: 5px 22px 0 0;
	width: 740px;
}

#main_inner_column h2 {
	margin-bottom: 20px;
}

#main_inner_column h3.title {
	width: 726px;
	background: url("/common/img/bg_access_ttl.gif") repeat scroll left top;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #fff;
	font-size: 110%;
	letter-spacing: 0.1em;
	padding: 9px 8px 7px;
	margin: 10px 0;
	zoom: 1;
}

#main_inner_column h3.title span {
	border-left: 3px solid #fff;
	padding: 2px 0 0 10px;
}

#main_inner_column h4.title,
#main_inner_column .title_h4 {
	width: 726px;
	font-weight: bold;
	color: #000;
	border-bottom: 2px solid #eeb300;
	padding: 6px;
	margin: 10px 0;
}

#main_inner_column h4.title span,
#main_inner_column .title_h4 span {
	display: block;
	background: url("/common/img/icon_access_ttl.gif") no-repeat left center transparent;
	padding-left: 15px;
}

#nav_list {
	overflow: hidden ;
	margin: 15px 0 20px 10px;
}

#nav_list li {
	font-size: 90% ;
	float: left ;
}

/*pdf*/
a.pdf {
	background: url("/common/img/icon_pdf.png") no-repeat center right;
	padding-right: 20px;
}

/*xls*/
a.xls {
	background: url("/common/img/icon_excel.png") no-repeat center right;
	padding-right: 20px;
}

/*word*/
a.word {
	background: url("/common/img/icon_word.png") no-repeat center right;
	padding-right: 20px;
}


/*------------------------------------
　　　			side_menu_column
------------------------------------*/

#side_menu_column {
	width: 198px;
	float: left;
	position: relative;
	top: -149px;
}

#side_menu_column ul#sidemenu {
	color: #fff;
	background-color: #eeb300;
	box-shadow: 1px 1px 5px #DDD;
	-webkit-box-shadow: 1px 1px 5px #DDD;
	border: 1px solid #eeb300;
	border-radius: 5px;
}

#side_menu_column ul#sidemenu li {
	clear: both;
}

#side_menu_column ul#sidemenu li a {
	background: url("/common/img/icon_sidemenu_arrow01.png") no-repeat 170px center transparent;
	display: block;
	border-bottom: 1px dotted #fff;
	text-decoration: none;
	font-size: 85%;
	color: #fff;
	padding-left: 10px;
}

#side_menu_column ul#sidemenu li a span {
	display: block;
	padding: 20px 10px 20px 35px;
	font-weight: bold;
}

#side_menu_column ul#sidemenu li#recruitment a span {
	background: url("/common/img/icon_sidemenu_recruitment.png") no-repeat left center transparent;
}
#side_menu_column ul#sidemenu li#entrance a span {
	background: url("/common/img/icon_sidemenu_entrance.png") no-repeat left center transparent;
}
#side_menu_column ul#sidemenu li#applicationform a span {
	background: url("/common/img/icon_sidemenu_applicationform.png") no-repeat left center transparent;
}
#side_menu_column ul#sidemenu li#contact a span {
	background: url("/common/img/icon_sidemenu_contact.png") no-repeat left center transparent;
}

#side_menu_column ul#sidemenu li.other a {
	background: url("/common/img/icon_sidemenu_arrow02.png") no-repeat 10px center transparent;
	font-size: 80%;
	padding: 12px 10px 12px 30px;
}

#side_menu_column ul#sidemenu li#info a {
	border-bottom: none;
}

#side_menu_column ul#sidemenu li a:hover {
	background-color: #b28b14;
}

#sidebanner li {
	margin-top: 20px ;
}

/*------------------------------------
　　　			pagetop
------------------------------------*/

p#pagetop {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}

p.pagetop {
    font-size: 90%;
    margin-bottom: 10px;
    text-align: right;
}

/*------------------------------------
　　　			footer
------------------------------------*/

#footer {
	background-color: #eeb300;
	padding: 30px 0 20px;
	font-size: 85%;
	line-height: 150%;
	color: #FFF;
	text-align: center;
}

#footer .inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#footer .inner ul {
	overflow: hidden;
	zoom: 1;
}

#footer .inner ul li {
	float: left;
	display: inline;
}

#footer .inner ul li .foot_logo_box{
	width: 560px;
	overflow: hidden;
}

#footer .inner ul li .foot_logo_box:after {
	display: table;
	width: 0;
	height: 0;
	clear: both;
	content: '';
	visibility: hidden;
}

#footer .inner ul li .foot__access {
	float: left;
	margin-right: 20px;
}

#footer .inner ul li p#foot_logo {
	display: block;
	margin-bottom: 34px;
}

#footer .inner ul li p.foot__bnrs {
	float: left;
}

#footer .inner ul li p span {
	display: block;
	margin-top: 20px;
}

#footer .inner ul li p span:first-of-type {
	margin-top: 0;
}

@media screen and (max-width: 640px) {
	#footer .inner ul li p span.foot_logo__rtorahikologo a {
		top: 10px;
	}
}

footer .inner ul li .pfoot_logo__img {
	width:250px;
	float: left;
}

#footer .inner ul li#foot_link {
	overflow: hidden;
	zoom: 1;
}

#footer .inner ul li#foot_link ul {
	border-left: solid 4px #FFF;
	float: left;
	display: inline;
	padding: 0 20px 0 0;
}

#footer .inner ul li#foot_link ul li {
	float: none;
	display: block;
	padding: 0 0 3px 15px;
	_padding-right: 7px;
	zoom: 1;
}

#footer .inner ul li#foot_link ul li a {
	color: #FFF;
	text-decoration: none;
}

#footer .inner ul li#foot_link ul li a:hover {
	color: #b28b14;
}

#footer .inner div#copy {
	font-size: 85%;
	margin: 20px 0 0;
	text-align: right;
}

#footer_navi {
	display: none;
}

/*------------------------------------
　　　			smart_layout
------------------------------------*/

@media screen and (max-width: 640px) {

body {
	font-size: 12px;
	line-height: 140% !important;
	 -webkit-text-size-adjust: none;
}

img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
}

a.pdf, a.xls, a.word {
	background-size: 16px auto;
	padding-right: 18px;
}

/*----------------header------------------*/

#header {
	text-align: center;
	background: none;
	margin: 0 0 20px;
	height: auto;
	border: none;
}

#header #h1_s {
	display: block;
	background-color: #eeb300;
	text-align: left;
	padding: 3px 0;
	color: #fff;
}

#header  h1 {
	display: block;
	margin: 0 0 8px;
	position: absolute;
	top: 1px;
	color: #fff;
	font-size: 95%;
	width: 100%;
	z-index: 300;
}

#header h1 span {
	display: block;
	padding: 0;
	padding:  0 0 0 5%;
}

#hcont_s {
	display: block;
	background-color: #FFF;
	width: 100%;
	border-top: solid 18px #eeb300;
	border-bottom: solid 1px #eeb300;
	text-align: left;
	position: relative;
}

#hcont_s ul {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	width: 90%;
}

#hcont_s ul li img {
	width: 50%;
}

#hcont_s ul li p {
	display: block;
	position: absolute;
	right: 5%;
	bottom: 10px;
}

#hcont_s ul li p img {
	width: 120px;
}

#header .inner {
	width: 95%;
}

#header .inner #head_navi {
	display: none;
}

#header .inner #head_content {
	display: none;
}

#wrapper .btn_s {
	display: block;
	width: 99%;
	height: 100%;
	margin: 20px auto 20px;
	font-size: 120%;
	border: solid 1px #ef410b;
	border-radius: 8px;
	text-align: center;
	background-color: #ef410b;
	position: relative;
}

#wrapper .btn_s .tri {
	position: absolute;
	top: 13px;
	left: 12px;
	width: 0;
     height: 0;
     border: 6px solid transparent; 
     border-left: 6px solid #fff;
     z-index: 1;
}

#wrapper  .btn_s a {
	border-radius: 7px;
	font-weight: bold;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 120%;
	position: relative;
	top: 0px;
	width: 100%;
	padding: 11px 0;
	background: -moz-linear-gradient(top, #f75d2e, #EF410B);
	background: -webkit-gradient(linear, left top, left bottom,
	     from(#f75d2e),
	     to(#EF410B));
		     
	box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5),
						  inset 1px 0 0 rgba(255, 255, 255, 0.1), 
						  inset -1px 0 0 rgba(255, 255, 255, 0.1),
						  inset 0 -1px 0 rgba(255, 255, 255, 0.1);
						  
	-webkit-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5),
									    inset 1px 0 0 rgba(255, 255, 255, 0.1), 
									    inset -1px 0 0 rgba(255, 255, 255, 0.1),
									    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
									    
	text-shadow: 1px 1px 2px #555;
}

#wrapper  .btn_s a span {
	padding: 0 0 0 10px;
}

#container .btn_top a {
	height: 100% !important;
}

#container .btn_top a:hover {
	background: transparent !important;
	height: auto !important;
	width: auto !important;
}

#header .inner #global_navi {
	display: none;
}

#global_s {
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	border: solid 1px #fff;
	border-radius: 8px;
}

#global_s li {
	width: 50%;
	height: 50px;
	float: left;
	display: block;
	border-left: solid 1px #eac862;
	border-bottom: solid 1px #eac862;
	background-color: #dfba48;
	background: -moz-linear-gradient(top, #EEB300, #CF9C02);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#EEB300),
		to(#CF9C02));
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#global_s li:nth-child(even) {
	border-left: solid 1px #eac862;
	border-right: solid 1px #eac862;
}

#global_s li a {
	text-align: center;
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	padding: 18px 0 0;
	height: 32px;
	width: auto;
}

h2 {
	display: none;
	width: 100%;
}

#wrapper #container h2#ttl_h2 {
	display: block;
	width: 100%;
	float: none;
	position: relative;
	left: 0;
}

/*----------------container------------------*/

#container {
	width: 95% !important;
}

#container #main_navi {
	display: none;
}

#wrapper #container .btn_top {
	display: none;
}

/*crumb*/

#container .crumb {
	clear: both;
	padding: 10px;
	font-size: 85%;
	background-color: #EDEAE1 ;
	overflow: hidden;
	zoom: 1;
	width: 96%;
}

#container .crumb li {
	float: left;
	display: inline;
}

#container .crumb li a {
	color: #0f2e78;
}

#container .crumb li a:hover {
	color: #4d6bb1;
}


/*main_column*/
#wrapper #container #main_column {
	width: 100%;
	float: none;
	display: block;
}

#wrapper #container #main_inner_column {
	width: 100%;
	float: none;
	margin: 20px 0 0;
}

#container #main_inner_column h3.title {
	width: 96.5%;
}

#container #main_inner_column h3.title span {
	position: relative;
	top: -2px;
	padding-top: 0;
	font-weight: bold;
}

#container #main_inner_column h4.title {
	width: 95%;
}

#container #side_menu_column {
	display: none;
}

/*----------------footer------------------*/
p#pagetop {
	width: 90%;
	margin: 0 auto;
}

p#pagetop img {
	width: 150px;
	position: relative;
	top: 3px;
}

/*----------------pagetop------------------*/
p.pagetop {
    font-size: 90%;
    margin-bottom: 10px;
    text-align: right;
}


#wrapper  #footer {
	padding-bottom: 30px;
}

#footer_navi {
	width: 95%;
	margin: 0 auto 30px;
	display: block;
}

#footer .inner {
	width: 90%;
}

#wrapper #footer .inner ul li {
	float: left;
	display: block;
	margin: 0 10px 0 0;
}

#wrapper #footer .inner ul li#foot_link ul {
	padding: 0 5px 0 0;	
}


#wrapper #footer .inner ul li p#foot_logo span  {
	display: block;
	margin: 0 0 10px;
}

#wrapper #footer .inner ul li p#foot_logo span img {
	width: 150px;
}

#wrapper #footer .inner ul li#foot_link {
	margin: 10px 0 0;
}

#wrapper #footer .inner ul li#foot_link ul li {
	font-size: 125%;
	line-height: 150%;
	padding:  0 0 15px 7px;
}

#wrapper #footer .inner ul li p {
	width: 125px;
}

#wrapper #footer .inner ul li p#foot_logo {
	margin: 0 0px 29px;
	width: 150px;
}

#footer .inner ul li .foot__access {
	margin-right: 0;
}

#footer .inner ul li p span {
	margin-top: 10px
}

#wrapper #footer .inner ul li p#foot_logo span {
	padding: 0 10px 0 0;
}

}


/*-----------320px--------------*/
@media screen and (max-width: 320px) {

body {
	font-size: 12px;
	line-height: 140% !important;
	 -webkit-text-size-adjust: none;
}

/*header*/

#hcont_s ul li p {
	display: block;
	position: absolute;
	left: 58%;
	top: 30px;
}
	
#hcont_s ul li p img {
	width: 120px;
}

#container #main_inner_column h3.title {
	width: 95%;
}

#container .crumb {
	width: 93%;	
}

/*footer*/

#wrapper #footer .inner ul li#foot_link ul {
	padding: 0 5px 0 0;
}

#wrapper #footer .inner ul li#foot_link ul:last-child {
	padding: 0px;
}

#wrapper #footer .inner ul li#foot_link ul li {
	font-size: 110%;
	padding-bottom: 15px;
	width: 125px;
	margin: 0px;
}

#footer .inner ul li p#foot_logo {
	margin-bottom: 29px;
}

}