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

body {
	font-size: 14px;
	color: #222;
	background: #FFFFFF;
}

a, a:link, a:visited {
	color: #4b7abe;
}

a:hover {
	color: #4b7abe;
}


body {
	font-size: 14px;
}

#top {
	position: relative;
}

.container-inner {
	width: auto;
}

.sb-slidebar {
	background-color: #4d7abd!Important;
	border-left: 1px solid #3a5b99;
}



/* HEADER */

#header {
	background: #EDEADB;
}

#header .container-inner {
	padding: 10px 60px 10px 10px;
}

#header .logo {
	margin: 0;
}


/* FOOTER */

#footer {
	font-size: 13px;
	text-align: center;
	color: #FFF;
	background: #4D7ABD;
}

#footer .container-inner {
	padding: 10px;
}

#footer a {
	color: #FFF;
}

#footer .name,
#footer .address {
	margin-bottom: 4px;
}

#footer span {
	display: inline-block;
}

#footer .copyright {
	font-size: 10px;
	margin: 0;
}

#footer p.address span a{
	color:#FFF;
	text-decoration:underline;
}



/* NAVIGATION */

#sp-menu {
	position: fixed;
	top: 10px;
	right: 6px;
	z-index: 3000;
}

#sp-menu .menu {
	float: right;
	width: 40px;
	height: 40px;
}

#sp-menu .menu a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

#sp-menu .menu a {
	background: url(../images/common/sp_menu.png) 0 0 no-repeat;
	background-size: 40px 40px;
}

#sp-nav {
	width: 100%;
}

#sp-nav li {
	display: block;
	width: 100%;
	font-weight: bold;
	line-height: 1.4;
	border-bottom: 1px solid #3a5b99;
	color: #FFF;
}

#sp-nav li.separater {
	border-bottom: 3px solid #3a5b99;
}

#sp-nav li a,
#sp-nav li span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background: url(../images/common/anchor_sp_w.png) 10px center no-repeat;
	background-size: 7px 13px;
	padding: 15px 10px 15px 24px;
}

#sp-nav span {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

#sp-nav li.on a,
#sp-nav li a:hover {
	background-color: #3a5b99;
}


/* SNAV */

#snav {
	background: #EDEADB;
	padding: 0 15px 35px;
}

#snav dl {
	border: 4px solid #4d7abd;
	margin: 0;
}

#snav dt a,
#snav dd a {
	display: block;
	text-decoration: none;
	color: #FFF;
}

#snav dt a {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	background: #4d7abd;
	padding: 2px 10px 4px;
}

#snav dd a {
	background: #3b5a9a url(../images/common/anchor_sp_w.png) 10px center no-repeat;
	background-size: 7px 13px;
	padding: 6px 10px 6px 20px;
}

#snav dd.on a {
	background: #163b78 url(../images/common/anchor_sp_w.png) 10px center no-repeat;
	background-size: 7px 13px;
}



/* FNAV */

#fnav {
	background: #D4C9B0;
}

#fnav .container-inner {
	position: relative;
	padding: 20px;
}

#fnav .container-inner .pagetop {
	position: absolute;
	top: -13px;
	right: 0;
	left: 0;
}

#fnav a {
	color: #474545;
	text-decoration: none;
}

#fnav a:hover {
	text-decoration: underline;
}

#fnav dl {
	margin: 0 0 12px;
}

#fnav dl dt {
	font-weight: bold;
	border-bottom: 1px solid #B7AA96;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

#fnav dl dd {
	float: left;
	min-width: 50%;
}

#fnav ul.tile {
	margin: 0 0 12px;
}

#fnav ul.tile li {
	font-weight: bold;
	border-bottom: 1px solid #B7AA96;
	padding-bottom: 4px;
	margin-bottom: 4px;
	list-style:none;
	background-image:inherit;
	padding-left:0;
}

#fnav #banner {
	text-align: center;
	margin: 20px 0 0;
}

#fnav #banner li {
	display: inline-block;
	margin: 0 10px;
}


/* TITLE */

#title {
	height: 100px;
	border-top: 1px solid #444344;
	border-bottom: 1px solid #444344;
}

body#about #title,
body.about #title{
	background: url(../images/about/title.jpg) top center no-repeat;
	background-size: cover;
}

body#department #title,
body.department #title{
	background: url(../images/department/title.jpg) top center no-repeat;
	background-size: cover;
}

body#recruit #title,
body.recruit #title{
	background: url(../images/recruit/title.jpg) top center no-repeat;
	background-size: cover;
}

body#topics #title,
body.topics #title{
	background: url(../images/topics/title.jpg) top center no-repeat;
	background-size: cover;
}


body#link #title,
body.link #title{
	background: url(../images/link/title.jpg) top center no-repeat;
	background-size: cover;
}

#title .title {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	color: #3A5B99;
	padding-top: 30px;
}



/* CONTENT */

#content {
	background: #EDEADB;
}

#content .container-inner {
	padding: 30px 15px;
}


#content #main {
}

#content #side {
}

.section {
	margin-bottom: 30px;
}
.section-s {
	margin-bottom: 20px;
}
.section-ss {
	margin-bottom: 15px;
}

#side .section {
	margin-bottom: 20px;
}

.pagetop {
	text-align: center;
	margin: 0;
}

.listmark li,
.listmark dd {
	background: url(../images/common/listmark.png) left 5px no-repeat;
	padding-left: 10px;
}

.listmark-temp{
	margin-left:1.0em;
}
.listmark-temp span.mark{
	margin-left:-1.0em;
}

h2.sub{
	color:#4d7abd;
	font-weight:bold;
	border-left:7px solid #4d7abd;
	padding:5px 12px;
	font-size:19px;
	margin-top:60px;
}
h2.sub:first-child{
	margin-top:30px;
}

span.red{
	color:#F00;
}



/* HOME */

body#home #mainv #image {
	position: relative;
	height: 240px;
	background: #EDEADB;
}

body#home #mainv #slider {
	margin-bottom: 0;
}

body#home #mainv #image .desc {
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin-bottom: 0;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

body#home #mainv #image .desc img {
	max-width: 280px;
	height: auto;
}

body#home #mainv #slider li {
	width: 100%;
	height: 240px;
}

body#home #mainv #slider li.mainv01 {
	background: url(../images/home/mainv01.jpg) center no-repeat;
	background-size: cover;
}

body#home #mainv #slider li.mainv02 {
	background: url(../images/home/mainv02.jpg) center no-repeat;
	background-size: cover;
}

body#home #mainv #slider li.mainv03 {
	background: url(../images/home/mainv03.jpg) top center no-repeat;
	background-size: cover;
}

body#home #mainv #slider li.mainv04 {
	background: url(../images/home/mainv04.jpg) center no-repeat;
	background-size: cover;
}

body#home #mainv #slider li.mainv05 {
	background: url(../images/home/mainv05.jpg) center no-repeat;
	background-size: cover;
}

body#home #mainv #point {
	border-top: 1px solid #EDEADB;
}

body#home #point .point {
	color: #463728;
	background: #D4C9B0;
	border-bottom: 1px solid #EDEADB;
}


body#home #point .bl-hover {
	background: #eae4d8;
}

body#home #point .bl-hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

body#home #point .image {
	/*float: left;*/
	display:table-cell;
	width: 120px;
	margin: 0 20px 0 0;
}

body#home #point .image img {
	display: table-cell;
}

body#home #point dl.text {
	font-size: 13px;
	line-height: 1.5;
	padding: 0px 15px 0;
	margin: 0;
	display:table-cell;
	vertical-align:middle;
}

body#home #point dl.text dt {
	margin-bottom: 10px;
}

body#home #content .container-inner {
	padding: 20px 15px;
}

body#home #information {
}

body#home #information .title {
	text-align: center;
}
body#home #information ul {
	font-size: 13px;
	overflow: auto;
	border-top: 1px solid #4D7ABD;
	padding-top: 10px;
	margin-bottom:20px;
}
body#home #information ul li {
	padding-left:15px;
}


body#home #information dl {
	font-size: 13px;
	overflow: auto;
	border-top: 1px solid #4D7ABD;
	padding-top: 10px;
}

body#home #information dt {
}

body#home #information dd {
	margin-bottom: 10px;
}

body#home #fnav .container-inner {
	padding-bottom: 30px;
}

body#home #banner {
	text-align: center;
}





/* -- ABOUT -- */

/* -- ABOUT-STAFF -- */
.subnav_link{
	display:block;
	padding:0 auto;
	background-image:url(../images/common/tab_under.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}
.subnav_link li{
	display:inline-block;
	margin-right:1px;
	background-color:#bcad90;
	font-size:16px;
	padding:6px 22px;
	border-top:1px solid #bcad90;
	border-left:1px solid #bcad90;
	border-right:1px solid #bcad90;
	line-height:1.4;
}
.subnav_link li:hover,
.subnav_link li:active{
	background-color:#edeadb;
}
.subnav_link li:last-child{
	margin-right:0;
}
.subnav_link li.on{
	border-bottom:1px solid #edeadb;
	background-color:transparent;
}
.subnav_link a li{
	color:#000;
	text-decoration:none;
}
	.subnav_link li a{
		color: #000;
	}
/* test 160614
.subnav_link{
	display:block;
	padding:0 auto;
	background-image:url(../images/common/tab_under.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}
.subnav_link li{
	display:block;
	background-color:#bcad90;
	font-size:16px;
	padding:12px 26px;
	border:1px solid #bcad90;
}
.subnav_link li:hover,
.subnav_link li:active{
	background-color:#edeadb;
}
.subnav_link li:last-child{
	margin-right:0;
}
.subnav_link li.on{
	border-bottom:1px solid #bcad90;
	background-color:transparent;
}
.subnav_link a li{
	color:#000;
	text-decoration:none;
}
*/
body#staff div.lineup{
	margin-top:70px;
	display:block;
}
body#staff div.lineup:after{
	content:".";
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	display:block;
}
body#staff div.lineup > div{
	display:block;
}
body#staff div.lineup > div > img{
	display:block;
	margin:0 auto;
}
body#staff div.lineup div.right p{
	font-size:14px;
	text-align:center;
	margin-top:10px;
}
body#staff div.lineup div.right p span{
	font-size:17px;
	font-weight:bold;
	display:block;
}
body#staff div.lineup div.right dl{
	margin-top:25px;
	font-size:14px;
}
body#staff div.lineup div.right dl dt{
	text-align:left;
	font-weight:bold;
	/*border-bottom:1px solid #4d7abd;*/
	margin:10px 0 0 0;
	/*background-color:#dbe6ed;*/
	background-image:url(../images/about/listmark_staff.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 16px;
}
body#staff div.lineup div.right dl dt:first-child{
	/*border-top:1px solid #4d7abd;*/
}
body#staff div.lineup div.right dl dd{
	/*border-bottom:1px solid #4d7abd;*/
	text-align:left;
	margin:0 0 10px 0;
}
body#staff div.lineup div.right dl dd p:first-child{
	margin:0;
}
body#staff div.lineup div.right dl dd p{
	text-align:left;
	margin-bottom:0;
}




/* STAFF03 04 */

body.staff_img_none div.lineup div.right p{
	font-size:18px !important;
	text-align:left !important;
}
body.staff_img_none div.lineup div.right p span{
	font-size:21px !important;
	text-align:left !important;
}



/* -- DEPARTMENT -- */

body#department div.content_dep:after,
body.department div.content_dep:after{
	content:".";
	height:0;
	font-size:0;
	clear:both;
	display:block;
	line-height:0;
}
body#department div.content_dep,
body.department div.content_dep{
	margin-top:20px;
}
body#department div.content_dep div.right,
body.department div.content_dep div.right{
	margin-top:20px;
}
body#department div.content_dep div.right img,
body.department div.content_dep div.right img{
	display:block;
	margin:0 auto 20px auto;
}
body#department div.content_dep div.right p,
body.department div.content_dep div.right p{
	text-align:center;
}
body.department div.content_dep div.left img{
	display:block;
	margin:0 auto;
}




/* -- NUCLEAR -- */

body#nuclear div.nu-01,
body#nuclear div.nu-02,
body#nuclear div.nu-03{
	text-align:center;
}
body#nuclear div.nu-01 div,
body#nuclear div.nu-02 div,
body#nuclear div.nu-03 div{
	margin-top:30px;
}
body#nuclear div.nu-01 > p,
body#nuclear div.nu-02 > p,
body#nuclear div.nu-03 > p{
	font-weight:bold;
}
body#nuclear div.nu-02 div div img{
	margin-top:10px;
}
body#nuclear div.right{
	text-align:center;
	font-weight:bold;
}


/* -- IVR -- */
body#ivr ul.listmark-decimal > li {
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 5px;
}

/* -- X-P -- */

body#x-p div.content_x-p img{
	margin:40px auto;
}



/* -- RECRUIT SHARE -- */

body#recruit .listmark dt,
body.recruit .listmark dt,
body#recruit p.listmark,
body.recruit p.listmark{
	background: url(../images/recruit/listmark.png) left 8px no-repeat;
	padding-left: 10px;
}
body#recruit .listmark dd,
body.recruit .listmark dd{
	background-image:none;
	list-style:none;
}
body#recruit div.content_rec:after,
body.recruit div.content_rec:after{
	content:".";
	display:block;
	font-size:0;
	height:0;
	line-height:0;
}
body#recruit div.content_rec,
body.recruit div.content_rec{
	margin-top:30px;
}


/* -- RECRUIT -- */

body#recruit div.content_rec dl{
	margin-top:30px;
}
body#recruit div.content_rec dt{
	float:left;
}
body#recruit div.content_rec dd{
	margin-left:92px;
	color:#0078c0;
}
body#recruit div.content_rec table{
	margin-top:30px;
	width:100%;
	text-align:center;
}

body#recruit div.content_rec table th{
	background-color:#d4c9b0;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding:10px;
	text-align:center;
	font-weight:bold;
}zz
body#recruit div.content_rec table th:last-child{
	border-right:1px solid #000;
}
body#recruit div.content_rec table td{
	background-color:#FFF;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	padding:10px;
}
body#recruit div.content_rec table td:first-child{
	font-weight:bold;
}
body#recruit div.content_rec table td:last-child{
	border-right:1px solid #000;
}
body#recruit div.content_rec table td.point{
	background-color:#dbf0fb;
}
body#recruit div.content_rec p:not(.default_text){
	margin:40px auto 20px auto;
}
body#recruit div.content_rec div.flow p{
	font-weight:bold;
}
body#recruit div.content_rec div.flow img{
	display:block;
	margin:0 auto;
}




/* -- VOICE -- */

div.wrap_voice{
	display:block;
	padding:30px;
	background-color:#FFF;
	border:1px solid #5c82be;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	margin-bottom:50px;
}
div.wrap_voice:after{
	content:".";
	height:0;
	display:block;
	font-size:0;
	line-height:0;
	clear:both;
}
div.wrap_voice div.head{
	border-bottom:2px dashed #5c82be;
}
div.wrap_voice div.head,
div.wrap_voice div.foot{
	display:block;
}
div.wrap_voice div.head{
	padding:0 0 10px 0;
}
div.wrap_voice div.foot{
	padding:25px 0 0 0;
}
div.wrap_voice > div:after{
	content:".";
	height:0;
	display:block;
	font-size:0;
	line-height:0;
	clear:both;
}
	
div.wrap_voice div.foot .left{
	font-size:14px;
}
div.wrap_voice div.foot .left p{
	margin-bottom:20px;
}
div.wrap_voice div.foot .left span{
	color:#4c893c;
	display:block;
	font-weight:bold;
}
div.wrap_voice div.foot img.voice03{
	display:block;
	margin:0 auto 20px auto;
}
div.wrap_voice div.head .left{
	color:#4d7abd;
	font-size:15px;
	margin-top:5px;
	text-align:center;
}
div.wrap_voice div.head .left span{
	font-size:17px;
	font-weight:bold;
	margin-left:15px;
}
div.wrap_voice div.head .right{
	display:block;
	margin:10px auto;
	text-align:center;
}
div.wrap_voice div.head .right span{
	background-color:#94be60;
	color:#FFF;
	font-weight:bold;
	padding:5px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	font-size:15px;
}
	div.wrap_voice.type02{
		padding: 10px 15px;
	}
	div.wrap_voice.type02 .caption{
		font-size: 13px;
	}
	div.wrap_voice.type02 .description{
		font-size: 13px;
	}
	div.wrap_voice div.head .titles{
		color:#4d7abd;
		font-size:15px;
	}
	div.wrap_voice div.head .titles .large{
		font-size: 120%;
		font-weight: bold;
	}
	.title-mark{
		margin-bottom: 10px;
		padding-left: 10px;
		background-image: url("../images/common/title-mark.png");
		background-position: 0 11px;
		background-repeat: no-repeat;
		background-size: 5px auto;
		color:#4d7abd;
		font-size:16px;
		font-weight: bold;
	}



/* -- INQUIRY -- */

body#inquiry table.input-table{
	width:100%;
}
body#inquiry table.input-table tr th,
body#inquiry table.input-table tr td{
	display:block;
}
body#inquiry table.input-table tr th{
	padding:10px 0 0 0;
	vertical-align:top;
	font-weight:bold;
}
body#inquiry table.input-table tr td{
	padding:10px 0 10px 0;
	border-bottom:1px solid #FFF;
}
body#inquiry table.input-table tr td input[type="text"],
body#inquiry table.input-table tr td textarea{
	background-color:#FFF;
	border:1px solid #5c82bd;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	padding:5px 10px;
}
body#inquiry table.input-table tr td input[type="text"]{
	width:100%;
}
body#inquiry table.input-table tr td textarea{
	width:100%;
}
body#inquiry table.input-table tr td input[type="radio"]{
	background-color:#FFF;
	border:1px solid #5c82be;
}
body#inquiry span.rq{
	color:#F00;
}

body#inquiry div.form-navi {
	text-align: center;
}

body#inquiry div.form-navi input[type="submit"]{
	display: inline-block;
	background-color:#5c82be;
	padding:15px 20px;
	color:#FFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	font-size:16px;
	margin:0 auto;
	border:none;
	font-weight:bold;
	cursor: pointer;
}
body#inquiry div.form-navi span.correct input[type="submit"] {
	background-color:#777;
}
body#inquiry table.input-table tr td span.error{
	font-weight:bold;
	color:#F00;
}
body#inquiry p.error-top{
	color:#F00;
	width:100%;
	text-align:center;
	border:2px solid #F00;
	padding:10px;
	font-size:18px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background-color:#FFF;
}

body#inquiry table.confirm-table {
	width: 100%;
	border-top:1px solid #dcd7bc;
}

body#inquiry table.confirm-table tr th,
body#inquiry table.confirm-table tr td{
	display:block;
}
body#inquiry table.confirm-table tr th{
	padding:10px 0 0 0;
	vertical-align:top;
	font-weight:bold;
}
body#inquiry table.confirm-table tr td{
	padding:6px 0 10px 0;
	border-bottom:1px solid #dcd7bc;
}


/* -- TOPICS -- */

body#topics #nav #pc-nav-s{
	height:15px;
}
body#topics div.content_topi{
	margin-bottom:80px;
}
body#topics div.content_topi p.one{
	font-size:14px;
}
body#topics div.content_topi p.two{
	font-size:16px;
	font-weight:bold;
}
body#recruit div.content_rec .left a,
body#topics div.content_topi .left a,
.anchor_rec a{
	color:#4d7abd;
	padding-left:20px;
	background-image:url(../images/topics/topics_link.jpg);
	background-repeat:no-repeat;
	background-position:left center;
}
body#topics div.content_topi .left a.none{
	padding-left:0;
	background:none;
}
body#topics div.content_topi .right a img{
	padding-left:0;
	background:none;
}
body#topics div.content_topi img{
	display:block;
	margin:20px auto;
}





/* -- LINK -- */

body#link #content a{
	display:block;
	padding:10px;
	border-bottom:1px dotted #4d7abd;
}
body#link #content dt{
	font-weight:bold;
}

body#link #content dl a {
	word-wrap:break-word;
}
body#link #content dt{
	font-weight:bold;
	word-wrap:break-word;
}
body#link #content dd{
	word-wrap:break-word;
}

}