@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------------------
 * 
 * for html 5
 * 
 * Base Style
 * 
 *
 ---------------------------------------------------------------------------------*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size: 100%; font-weight:normal; font-style: normal; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
li { list-style:none; list-style-position: outside; }
.clr:after {
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0%;
	display: block;
	content: "";
}
.clr { zoom:1; }

/*---------------------------------------------------------------------------------
-----------------------------------------------------------------------------------

 base tag >>

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
html { height:100%; background:#FFF; }
body {
	height:100%;
	line-height:1.5;
	font-size: small;
	/font-size: 80%;
	font-family: "Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",sans-serif;
	background:#FFF;
	color:#333;
}
@media screen and (max-width: 650px) {
	body {
		font-size:10pt;
	}
	
	* {
		-webkit-text-size-adjust:none;
	}
}
a {
	color:#324D83;
	text-decoration:none;
	overflow:hidden;
}
a:hover {
	color:#4D71BB;
	text-decoration:underline;
}
a:visited {
	color:#324D83;
}

a.icon {
	display:inline-block;
	min-height:12px;
	padding-left:15px;
	background:url(../img/icon_ar_r_s.png) 0 center no-repeat;
}

/*.hoverStyle a:hover,*/
.hoverStyle a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

.clr:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
}
.clr { /zoom:1; }

strong {
	font-weight:bold;
}

/*---------------------------------------------------------------------------------
-----------------------------------------------------------------------------------

 Sectioning contents >>

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
.wrap {
	position:relative;
	/zoom:1;
	_height: auto !important;
	_height: 100%;
	min-height:100%;
	border-top:3px solid #000;
}
@media screen and (max-width: 960px) {
.wrap {
	border-top:none;
}
}
/*---------------------------------------------------------------------------------

globalHeader

-----------------------------------------------------------------------------------*/
.globalHeader {
	position:relative;
	/zoom:1;
}

/*-------------------------------------
nav
-------------------------------------*/
.globalHeader nav h1 {
	display:none;
}

/*---------------------------------------------------------------------------------
globalHeader >> pc
-----------------------------------------------------------------------------------*/
.globalHeader {
	height:162px;
	width:960px;
	margin:0 auto;
}
/*.globalHeader .logo {
	width:240px;
}
.globalHeader h1 img {
	display:block;
}
*/
div#headerLogo {
  width:240px;
  height:86px;
  position:relative;
  overflow:hidden;
}

div#headerLogo img {
  position:relative;
  top:-77px;
  }

/*-------------------------------------
nav
-------------------------------------*/
.globalHeader .nav {
	position:absolute;
}
.globalHeader .nav li {
	float:left;
}
.globalHeader .nav a {
	display:block;
	overflow:hidden;
}

/* nav.global
-------------------------------------*/
.nav.global {
	bottom:0;
	left:0;
	padding:0;
	border-bottom:3px solid #333;
}
.nav.global > li {
	width:159px;
	border-style:solid;
	border-color:#E0DFE3;
	border-width:1px;
	border-left:none;
}
.nav.global > li:first-child {
	width:156px;
	border-left:1px solid #E0DFE3;
}
.nav.global > li > a {
	height:18px;
	padding:12px 0 10px;
	border-left:1px solid #FFF;
	background: linear-gradient(#FFF, #F1F1F1);
	background: -moz-linear-gradient(#FFF, #F1F1F1);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F1F1F1)); 
	
/*	background-color:#FFF;
	background-position:0 0;
	background-repeat:repeat-x;
	background-image:url(../img/nav_glo_bg.jpg);*/
}
.nav.global > li > a:hover {
	background: linear-gradient(#F0F0F0, #EBEBEB);
	background: -moz-linear-gradient(#F0F0F0, #EBEBEB);
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#EBEBEB)); 
/*	background-position:0 bottom;*/
}
.nav.global > li > a > span {
	display:block;
	height:18px;
	background-repeat:no-repeat;
	background-position:center 0;
	text-indent:-9999px;
	cursor:pointer;
}
.nav.global > li.n_g01 > a span {
	background-image:url(../img/nav_glo_identity.png);
}
.nav.global > li.n_g02 > a span  {
	background-image:url(../img/nav_glo_staff.png);
}
.nav.global > li.n_g03 > a span {
	background-image:url(../img/nav_glo_project.png);
}

.nav.global > li.n_g04 > a span  {
	background-image:url(../img/nav_glo_technique.png);
}

.nav.global > li.n_g06 > a span {
	background-image:url(../img/nav_glo_csr.png);
}

.nav.global > li.n_g07 > a span {
	background-image:url(../img/nav_glo_ir.png);
}

.nav.global > li.n_g05 {
	position:absolute;
	bottom:0;
	right:0;
	border:none;
}
.nav.global > li.n_g05 > a {
	display:none;
}

/*
 active
*/
.nav.global > li.active {
	border-color:#000;
}
.nav.global > li.active > a {
	background-image:none;
	background-color:#000;
	border-left:1px solid #000;
}
.nav.global > li.active > a > span {
	background-position:center bottom;
}

/* .secondary
-------------------------------------*/
.nav.secondary {
	top:-86px;
	right:0px;
	height:12px;
	width:590px;
	border-right:1px solid #999;
}
.nav.secondary li {
	border-left:1px solid #999;
}
.nav.secondary li a {
	display:block;
	height:34px;
	margin:-10px 0;
	padding:0 28px;
	text-align:center;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:center center;
}
.nav.secondary li a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}
.nav.secondary li.n_s01 a {
	width:55px;
	background-image:url(../img/nav_sec_rec.png);
}
.nav.secondary li.n_s02 a {
	width:57px;
	background-image:url(../img/nav_sec_pre.png);
}
.nav.secondary li.n_s03 a {
	width:55px;
	background-image:url(../img/nav_sec_news.png);
}
.nav.secondary li.n_s04 a {
	width:82px;
	background-image:url(../img/nav_sec_inq.png);
}
.nav.secondary li.n_s05 a {
	width:55px;
	background-image:url(../img/nav_sec_acc.png);
}

.nav.secondary li a img {
	margin:0 auto;
}

/* .language
-------------------------------------*/
.nav.language {
	top:0;
	right:0;
	width:126px;
}
.nav.language li {
	width:42px;;
}
.nav.language li a,
.nav.language li span {
	/zoom:1;
	/position:relative;
	display:block;
	height:15px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	overflow:hidden;
}
.nav.language li a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}
.nav.language li span {
	background-position:0 bottom;
	/background-position:0 -15px;
}
.nav.language li.ja a,
.nav.language li.ja span {
	background-image:url(../img/nav_lan_ja.png);
}
.nav.language li.ch a,
.nav.language li.ch span {
	background-image:url(../img/nav_lan_ch.png);
}
.nav.language li.en a,
.nav.language li.en  span {
	background-image:url(../img/nav_lan_en.png);
}

.nav.backHome {
	top:73px;
	left:302px;
	height:12px;
	width:64px;
	border-left:1px solid #999;
}
.nav.backHome a {
	height:34px;
	margin:-10px 0;
	background-position: center center;
	background-repeat:no-repeat;
	background-image:url(../img/nav_home.png);
	text-indent:-9999px;
}
.nav.backHome a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}

/*---------------------------------------------------------------------------------
globalHeader >> ipad
-----------------------------------------------------------------------------------*/
@media screen and (min-width: 650px) and (max-width: 960px) {

.globalHeader {
	height:162px;
	width:auto;
	margin:0 10px;
}
.globalHeader .logo {
	margin-top:10px;
	width:240px;
}
.globalHeader h1 img {
	display:block;
}

/*-------------------------------------
nav
-------------------------------------*/
.globalHeader .nav {
	position:absolute;
}
.globalHeader .nav li {
	float:left;
}
.globalHeader .nav a {
	display:block;
	overflow:hidden;
}

/* nav.global
-------------------------------------*/
.nav.global {
	width:100%;
}
.nav.global > li {
	width:16.6%;
	border-left:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.nav.global > li:first-child {
	width:14%;	
}

.nav.global > li.n_g01 > a span {
	background-image:url(../img/nav_glo_identity.png);
}
.nav.global > li.n_g02 {
	width:16%;
}
.nav.global > li.n_g03 {
	width:18%;
}

.nav.global > li.n_g04 {
	width:25%;
}

.nav.global > li.n_g06 {
	width:14%;
}

.nav.global > li.n_g07 {
	width:13%;
}


/* .secondary
-------------------------------------*/
.nav.secondary {
	top:-86px;
	right:0px;
	height:12px;
	width:415px;
	border:none;
}
.nav.secondary li {
	border-left:none;
}
.nav.secondary li a {
	display:block;
	height:34px;
	margin:0;
	padding:0 8px;
	text-align:center;
	text-indent:0;
	color:#000;
}
.nav.secondary li a:hover {
	opacity:1;
}
.nav.secondary li.n_s01 a,
.nav.secondary li.n_s02 a,
.nav.secondary li.n_s03 a,
.nav.secondary li.n_s04 a,
.nav.secondary li.n_s05 a{
	width:83px;
	background-image:none;
	padding:0;
}

.nav.backHome {
	display:none;
}

/* .language
-------------------------------------*/
.nav.language {
	top:10px;
	right:10px;
	width:186px;
}
.nav.language li {
	width:62px;
	text-align:center;
}
.nav.language li a,
.nav.language li span {
	/zoom:1;
	/position:relative;
	display:block;
	height:25px;
	background-color:#666;
	color:#FFF;
	text-indent:1px;
	overflow:hidden;
	line-height:25px;
}
.nav.language li a:hover {
	opacity:1;
}
.nav.language li span {
	background-color:#000;
}
.nav.language li.ja a,
.nav.language li.ja span, 
.nav.language li.ch a,
.nav.language li.ch span,
.nav.language li.en a,
.nav.language li.en  span {
	background-image:none;
}
.nav.language li.ja a,
.nav.language li.ja span{
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
}
.nav.language li.ch a,
.nav.language li.ch span{
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
}
.nav.language li a:hover{
	background-color:#000;
	border:none;
}
}

/*---------------------------------------------------------------------------------
globalHeader >> sp
-----------------------------------------------------------------------------------*/
@media screen and (max-width: 650px) {
.globalHeader {
	height: auto;
	width: auto;
	border-top:18px solid #000;
	margin:0;
}

.globalHeader .logo {
	margin:0 auto;
}
.globalHeader .logo img {
	width:100%;
}

div#headerLogo {
	margin:0 auto;
	}

/*-------------------------------------
nav
-------------------------------------*/
.nav.global,
.nav.secondary {
	position: relative;
	top:0;
	left:0;
	width:auto;
}

.nav.global li,
.nav.secondary li {
	width:50%;
	text-align:center;
}

.nav.global li a,
.nav.secondary li a {
	height:auto;
}
.nav.global li a span,
.nav.secondary li a {
	text-indent:0;
	background-image:none !important;
}

/* nav.global
-------------------------------------*/
.nav.global {
	border:none;
}
.nav.global > li:first-child {
	width:50%;
	border-left:none;
}
.nav.global > li {
	width:50%;
	padding:0;
	border:none;
	border-top:1px solid #DDD;
}
.nav.global > li > a {
	padding:10px;
	color:#000;
}
/*.nav.global > li:nth-child(odd) > a{
	border-right:1px solid #DDD;
}*/
.nav.global > li.n_g01 > a,
.nav.global > li.n_g03 > a,
.nav.global > li.n_g06 > a {
	border-right:1px solid #DDD;
}
.nav.global > li.active > a {
	color:#FFF;
}

.nav.global > li.n_g05 {
	position:relative;
	bottom:auto;
	right:auto;
	width:100%;
	font-size:9pt;
	background:#666;
}
.nav.global > li.n_g05 > a {
	display:block;
	padding:5px 0;
	background-image:url(../img/icon_ar_b_sp.png);
	background-color:#333;
	background-repeat:no-repeat;
	background-position: right center;
	border:none;
	color:#FFF;
	text-align:center;
}
.nav.global > li.n_g05 > a.open {
	background-image:url(../img/icon_ar_t_sp.png);
}

/* .secondary
-------------------------------------*/
.nav.secondary {
	display:none;
	border:none;
	background:#666;
/*	-moz-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;*/
}
/*.nav.secondary.open {
	display:block;
	height:50px;
}
.nav.secondary.close {
	display:none;
	height:0;
}*/
.nav.secondary li {
	border-left:none;
}
.nav.secondary li.n_s03,
.nav.secondary li.n_s05 {
	width:33%;
}
.nav.secondary li.n_s04 {
	width:34%;
}

.nav.secondary li a {
	display:block;
	width:auto !important;
	margin:0;
	padding:8px 0;
	background:#666;
	border-bottom:1px solid #858585;
	border-left:1px solid #858585;
	text-align:center;
	color:#FFF;
}

.nav.secondary li.n_s01 a,
.nav.secondary li.n_s03 a {
	border-left:none;
}


/* .backHome
-------------------------------------*/
.globalHeader .nav.backHome {
	display:none;
}

/* .language
-------------------------------------*/
.nav.language {
	top:-18px;
	width:100%;
	height:18px;
	background:#000;
	text-align:right;
}

.globalHeader .nav.language {
	text-align:right;
	float:right;
	width:auto;
}
.globalHeader .nav.language li {
	border-left:1px solid #808080;
	height: 18px;
	width:auto;
	line-height: 18px;
	overflow:hidden;
}
.globalHeader .nav.language li span,
.globalHeader .nav.language li a {
	display:inline-block;
	line-height:18px;
	height:18px;
	padding:0 5px;
	text-indent:0;
	background-image:none;
	color:#FFF;
	font-size:10px;
}
.globalHeader .nav.language li span {
	background-color:#000;
}
.globalHeader .nav.language li a {
	background-color:#4D4D4D;
}
}

/*---------------------------------------------------------------------------------

globalFooter

-----------------------------------------------------------------------------------*/
.globalFooter {
	background:#000;
	position:absolute;
	bottom:0;
	width:100%;
}

.globalFooter .inner {
	position:relative;
	/zoom:1;
	min-height:30px;
	width:960px;
	margin:0 auto;
/*	padding:0 0 23px;*/
	padding:0 0 0;
}

.copyright {
	position:absolute;
	bottom:3px;
	right:0;
}
.copyright small {
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
}

/*-------------------------------------
nav
-------------------------------------*/

/* .allService
-------------------------------------*/
nav.allService {
	position:relative;
	top:-19px;
/*	margin:-19px 0 0 auto;*/
	z-index:1;
	width:960px;
	color:#FFF;
}
nav.allService a {
	color:#FFF;
}

/* .function
-------------------------------------*/
nav.function {
	position:absolute;
	z-index:5;
/*	top:0;*/
	top:-19px;
	left:92px;
	line-height:1;
}
nav.function ul {
	border-right:1px solid #666;
}
nav.function ul li {
	float:left;
	padding:0 15px;
	border-left:1px solid #666;
}

nav.function ul li a {
	font-size:12px;
	color:#000;
}

/*---------------------------------------------------------------------------------
globalfooter >> pc
-----------------------------------------------------------------------------------*/

.snsList {
	position:absolute;
	z-index:100;
	top:-30px;
	right:-10px;
}
.snsList li {
	float:left;
	margin:0 10px 0 0;
}

.snsList li.fb {
	width:70px;
	overflow:hidden;
}

/*-------------------------------------
nav
-------------------------------------*/

/* .allService
-------------------------------------*/
nav.allService > p {
	width:82px;
	height:19px;
	text-indent:-9999px;
	background-image:url(../img/nav_servise_tit.png);
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:pointer;
}
nav.allService > p:hover {
	background-position:0 bottom;
}
nav.allService .container {
	position:relative;
	z-index:10;
	background:#000;
}
nav.allService .group {
	float:left;
	width:438px;
	margin:20px 0 0;
	padding:0 10px 10px;
	border-left:1px solid #666;
	line-height:1;
}
nav.allService .group a {
	display:block;
	padding-left:15px;
	background-position:0 center;
	background-repeat:no-repeat;
	color:#CCC;
}
nav.allService .group dt a {
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../img/icon_ar_r_ws.png);

}
nav.allService .group dd {
	float:left;
	width:50%;
	margin:5px 0 0;
}
nav.allService .group dd a {
	margin:0 0 0 15px;
	padding-top:3px;
	padding-bottom:3px;
	background-image:url(../img/icon_ar_r_gs.png);
}


/*---------------------------------------------------------------------------------
globalfooter >> ipad
-----------------------------------------------------------------------------------*/
@media screen and (min-width: 650px) and (max-width: 960px) {
.globalFooter {
	background:#000;
	position:absolute;
	bottom:0;
	width:100%;
}
.globalFooter .inner {
	position:relative;
	/zoom:1;
	min-height:30px;
	width:auto;
	margin:0 10px;
/*	padding:0 0 23px;*/
	padding:0 0 0;
}
/*-------------------------------------
nav
-------------------------------------*/
nav.allService {
	position:relative;
	top:-19px;
/*	margin:-19px 0 0 auto;*/
	z-index:1;
	width:auto;
}
.snsList {
	position:absolute;
	z-index:100;
	top:-30px;
	right:10px;
}
.snsList li {
	float:left;
	margin:0 10px 0 0;
}

.snsList li.fb {
	width:70px;
	overflow:hidden;
}

/* .allService
-------------------------------------*/
nav.allService > p {
	width:82px;
	height:19px;
	text-indent:-9999px;
	background-image:url(../img/nav_servise_tit.png);
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:pointer;
	margin-left:20px;
}
nav.allService > p:hover {
	background-position:0 bottom;
}
nav.allService .container {
	position:relative;
	z-index:10;
	background:#000;
}
nav.allService .group {
	float:none;
	width:96%;
	margin:20px 0 0;
	padding:0 2% 1%;
	border-left:1px solid #666;
	line-height:1;
}
nav.allService .group a {
	display:block;
	padding-left:15px;
	background-position:0 center;
	background-repeat:no-repeat;
	color:#CCC;
}
nav.allService .group dt a {
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../img/icon_ar_r_ws.png);

}
nav.allService .group dd {
	height:14px;
}
nav.allService .group dd a {
	margin:0 0 0 15px;
	padding-top:3px;
	padding-bottom:3px;
	background-image:url(../img/icon_ar_r_gs.png);
}

/* .function
-------------------------------------*/
nav.function {
	position:absolute;
	z-index:5;
/*	top:0;*/
	top:-19px;
	left:112px;
	line-height:1;
}

}

/*---------------------------------------------------------------------------------
globalfooter >> sp
-----------------------------------------------------------------------------------*/
@media screen and (max-width: 650px) {
.globalFooter {
	position:relative;
}
.globalFooter .inner {
	width:auto;
	padding:0;
}

/* .allService
-------------------------------------*/
.snsList {
	z-index:100;
	right:0px;
}
.snsList li {
	float:left;
	margin:0 10px 0 0;
}

.snsList li.fb {
	width:70px;
	overflow:hidden;
}

/* .allService
-------------------------------------*/
nav.allService {
	clear:both;
	width:auto;
	top:0;
}
nav.allService > p {
	width:auto;
	height:auto;
	padding:5px 10px;
	text-indent:0;
	background: #000;
}
nav.allService .container {
	display:block;
	background:#333;
}
nav.allService .group {
	float: none;
	width: auto;
	margin:0;
	padding:0;
	border:none;
}
nav.allService .group a {
	padding-left:25px;
	background-position:10px center;
	background-repeat:no-repeat;
}
nav.allService .group dt {
	width:auto;
	border-top:#333 solid 1px;
	border-bottom:#000 solid 1px;
	background:#222;
}
nav.allService .group dt {
	padding:8px;
}
nav.allService .group dd {
	float:none;
	width:auto;
	margin:0;
	padding:0;
	border-top:#444 solid 1px;
	border-bottom:#000 solid 1px;
}
nav.allService .group dd a {
	padding-top:5px;
	padding-bottom:5px;
}

/* .function
-------------------------------------*/
nav.function {
	position: relative;
	top:0;
	left:0;
	line-height:1;
}
nav.function ul {
	border-right:none;
	border-bottom:1px solid #333;
}
nav.function ul li {
	width:50%;
	padding:0;
	border:none;
}
nav.function ul li a {
	display:block;
	padding:5px;
	text-align:center;
	color:#999;
}
nav.function ul li:first-child a {
	border-right:1px solid #333;
}

/* .copyright
-------------------------------------*/
.copyright {
	position: relative;
	padding:5px 0;
	text-align:center;
}
}

/*---------------------------------------------------------------------------------

contents

-----------------------------------------------------------------------------------*/
.contents {
	position:relative;
	/zoom:1;
	background:#FFF;
}
.contents .topicPath {
	position:absolute;
	top:15px;
	left:0;
}
.contents .topicPath li {
	display:inline;
	font-weight:bold;
}
.contents .topicPath li a,
.contents .topicPath li span {
	padding-right:10px;
	margin-right:5px;
	background:url(../img/icon_ar_tp.png) right center no-repeat;
	font-weight: normal;
	
}
@media screen and (max-width: 650px) {
.contents .topicPath {
	position: relative;
	top:0;
	left:0;
	margin:-15px 15px 0;
}
}

.contents .pageTop {
	margin:32px 0 0;
	width:82px;
	float:right;
}
.contents .pageTop a {
	display:block;
	height:17px;
	background:url(../img/btn_pagetop.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.contents .container.main {
}

.contents .container.sub {
}

/*-------------------------------------
nav
-------------------------------------*/

/* .local
-------------------------------------*/
nav.local {
}
nav.local a,
nav.local span {
	color:#000;
}
nav.local a:hover {
	background-color:#DDD;
	text-decoration:none;
}
nav.local a.active {
	color:#FFF;
	background-color:#000;
}
nav.local .category {
	border-bottom:2px solid #000;
	font-size:18px;
	line-height:1;
	/*font-family: 'FOT-ニューセザンヌ Pro DB', 'NewCezannePro-DB';*/
	font-weight:bold;
}
nav.local .category a {
	display:block;
	padding:12px 10px 12px 32px;
	line-height:1;
	background-image:url(../img/icon_ar_r.png);
	background-repeat:no-repeat;
	background-position:7px center;
	color:#000;
}
nav.local .category a.active {
	color:#FFF;
	background-image:url(../img/icon_ar_r_w.png);
}
nav.local .category span {
	display:block;
	padding:12px 10px 12px 10px;
	line-height:1;
	color:#000;
	font-weight:bold;
}

nav.local ul li a,
nav.local ul li span {
	display:block;
	padding:13px 10px 13px 28px;
	line-height:1.3;

	background-repeat:no-repeat;
	background-position:10px 1.2em;
	background-color:#EFEFEF;
	border-top:1px solid #FFF;
	font-weight:bold;
}
nav.local ul li a {
	background-image:url(../img/icon_ar_r_s.png);
}
nav.local ul li span {
	background-image:url(../img/icon_ar_b_s.png);
}


nav.local ul li a.active {
	background-image:url(../img/icon_ar_r_wm.png);
}
nav.local ul li li a {
	padding-left: 45px;
	background-color:#FFF;
	background-position:28px 1.2em;
	border-top:1px dotted #999;
	font-weight:normal;
}
nav.local ul li li:first-child a {
	border:none;
}
/*-------------------------------------
nav > sp
-------------------------------------*/
@media screen and (max-width: 650px) {
nav.local {
	margin:50px 0 0;
	border-top:2px solid #000;
}
nav.local .category {
	margin:0;
}
}

/*-------------------------------------
 searchBox
-------------------------------------*/
.searchBox {
	margin:0 0 30px;
	padding:10px 9px;
	background:url(../img/bg_search.png) 0 0 repeat;
/*	border-radius:5px;*/
}
.searchBox .container {
	position:relative;
	/zoom:1;
	padding:0 65px 0 25px;
	border:1px solid #CCC;
	border-radius:10px;
	background:#FFF url(../img/icon_search.png) 6px center no-repeat;
	overflow:hidden;
}
.searchBox .container input {
	display:block;
	height:21px;
	padding:0;
	border: none;
	line-height:21px;
}
.searchBox .container .keyword { }
.searchBox .container .keyword input {
	width:100%;
}
.searchBox .container .submit {
	position:absolute;
	top:0;
	right:0;
	width:62px;
}
.searchBox .container .submit input {
	border-radius:0 10px 10px 0;
}


/*---------------------------------------------------------------------------------
contents >> pc
-----------------------------------------------------------------------------------*/
.contents {
	width:960px;
	margin:0 auto;
	padding:65px 0 120px;
}

.contents.zh {
	font-family: "宋体";
}
.contents.en {
	
}
.contents .container.main {
	float:left;
	width:676px;
	padding:0 44px 0 0;
	overflow:hidden;
	border-right:1px solid #CCC;
}

.contents .container.sub {
	float:left;
	width:236px;
	overflow:hidden;
}

/*-------------------------------------
nav
-------------------------------------*/

/* .local
-------------------------------------*/
nav.local {
}

/*-------------------------------------
 aside
-------------------------------------*/
aside.info {
	margin:36px 0 0;
}

/*---------------------------------------------------------------------------------
contents >> ipad
-----------------------------------------------------------------------------------*/
@media screen and (min-width: 650px) and (max-width: 960px) {
.contents  {
	width:auto;
	margin:0 10px;
	position:relative;
}
.contents .container.main{
	float:none;
	width:auto;
	border-right: none;
	padding: 0 0 60px;
}
.contents .container.sub #navLocal,
aside.info{
	float:left;
}
.contents .container.sub{
	width:100%;
}

.contents .container.sub #navLocal{
	width:65%;
}
/*-------------------------------------
nav
-------------------------------------*/

/* .local
-------------------------------------*/

/*-------------------------------------
 aside
-------------------------------------*/
aside.info {
	margin:0 0 0 3%;
	width:30%;
}
}
/*---------------------------------------------------------------------------------
contents >> sp
-----------------------------------------------------------------------------------*/
@media screen and (max-width: 650px) {
.contents  {
	width:auto;
	padding:30px 0 50px;
}
.contents .container.main,
.contents .container.sub {
	float:none;
	width:auto;
	padding:0 10px;
}
.contents .container.main{
	border-right: none;
}
}


/*---------------------------------------------------------------------------------
-----------------------------------------------------------------------------------

 Parts contents >>

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------

contents section style

-----------------------------------------------------------------------------------*/

/*-------------------------------------
contents section.page style
-------------------------------------*/
.main .page {
	padding:0 0 0 16px;
	background:#FFF;
	line-height:1.8;
}
@media screen and (max-width: 650px) {
.main .page {
	background:#FFF;
	padding:0;
}
}

.page p + p,
.page ul + p,
.page ol + p,
.page dl + p,
.page ul,
.page ol,
.page dl {
	margin:1em 0 0;
}
.page ol li {
	list-style:inside decimal;
}
.page dl dt {
	font-weight:bold;
}
.page small {
	font-size:85%;
	color:#F36;
}

.page .alR {
	text-align:right;
}
.page .alL {
	text-align:left;
}
.page .alC {
	text-align: center;
}

/*-----------------------------------------------------------------------------------
heading
-----------------------------------------------------------------------------------*/
.page h1,
.page h2,
.page h3,
.page h4 {
	/*font-family: 'FOT-ニューセザンヌ Pro DB', 'NewCezannePro-DB';*/
/*	font-family: 'FOT-ロダン Pro DB', 'RodinPro-DB';*/
/*	font-family: 'FOT-ロダン', 'Pro DB', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	line-height:1.2;
	font-weight:bold;
}

.zh .page h1,
.zh .page h2,
.zh .page h3,
.zh .page h4 {
	font-weight:bold;
}

.page > h1 {
	margin:-10px 0 18px -16px;
	padding:10px 0;
	border-bottom:2px solid #000;
	font-size:26px;
}
.page h2 {
	margin:40px 0 18px -16px;
	padding:0 8px 5px;
	border-left:5px solid #000;
	border-bottom:2px solid #000;
	font-size:18px;
}
.page h3 {
	margin:32px 0 18px;
	padding:3px 8px 4px;
	border-left:3px solid #000;
	font-size:16px;
}

.page h4 {
	margin:18px 0 8px;
	font-size:14px;
}


.page hgroup h1,
.page hgroup h2 {
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
}

@media screen and (max-width: 650px) {
.page > h1 {
	margin:0 0 24px 0;
	padding:10px 0;
}
.page h2 {
	margin:40px 0 16px 0;
}
}

/*-----------------------------------------------------------------------------------
column 2
-----------------------------------------------------------------------------------*/

/*-------------------------------------
pc
-------------------------------------*/
.page .col2 {
	margin:16px -20px -16px -16px;
}

.page .col2 .box {
	float:left;
	width:312px;
	margin:0 20px 20px 0;
	padding:0 0 0 16px;
}

.page .col2 .box h3 {
	margin-left:0;
}

/*-------------------------------------
ipad
-------------------------------------*/
@media screen and (min-width: 650px) and (max-width: 960px) {
.page .col2 {
	margin:16px -20px -16px -16px;
}

.page .col2 .box {
	float:left;
	width:50%;
	margin:0 0 5% 0;
	padding:0 0 3% 4%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.page .col2 .box h3 {
	margin-left:0;
}
}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .col2 {
	margin:0;
}

.page .col2 .box {
	float: none;
	width: auto;
	margin:10px 0 0;
	padding:0;
}
.page .col2 .box h2 {
	margin-top: 40px;
}
.page .col2 .box h3 {
	margin-top: 24px;
}
}

/*-----------------------------------------------------------------------------------
thumbnail box
-----------------------------------------------------------------------------------*/
.page .box.thumbnail .thum {
	float:left;
	width:150px;
}
.page .box.thumbnail .thum img {
	display:block;
	border:4px solid #E0DFE3;
}
.page .box.thumbnail .txt {
	float:right;
	width:150px;
}

.page .box.thumbnail.staff {
	position:relative;
	/zoom:1;
	min-height:114px;
}
.page .box.thumbnail.staff .name {
	margin:4px 0 10px;
	font-size:111%;
	line-height:1.2;
}
.page .box.thumbnail.staff .name a {
	font-weight:bold;
}
.page .box.thumbnail.staff .data {
	position:relative;
	line-height:1.2;
/*	padding:0 0 2em;*/
}
.page .box.thumbnail.staff .data li {
	position:relative;
	/zoom:1;
	margin:8px 0 0;
	padding:0 0 0 3em;
}
.page .box.thumbnail.staff .data li span {
	position:absolute;
	top:-1px;
	left:0;
	display:inline-block;
	line-height:1;
	padding:4px;
	margin:0 10px 0 0;
	background:#333;
	color:#FFF;
	font-size:10px;
	letter-spacing:0.1em;
}

.page .box.thumbnail.staff dl dt {
	position:absolute;
	left:0;
}
.page .box.thumbnail.staff dl dt img {
	display:block;
}
.page .box.thumbnail.staff dl dd {
	margin:0 0 10px;
}

.page .box.thumbnail.staff .btn {
/*	position:absolute;
	bottom : 0;
	right:0;*/
	margin:10px 0 0;
	width:150px;
}
.page .box.thumbnail.staff .btn a {
	width:100%;
}

/*.twitter
-------------------------------------*/
.page .box.thumbnail.twitter .thum {
	width:80px;
}
.page .box.thumbnail.twitter  .txt {
	float:right;
	width:220px;
}
.page .box.thumbnail.twitter  .txt a {
	display:block;
	font-size:121%;
	font-weight:bold;
}

/*-------------------------------------
ipad
-------------------------------------*/
@media screen and (min-width: 650px) and (max-width: 960px) {
.page .box.thumbnail {}
.page .box.thumbnail div {
	display:table-cell;
	vertical-align:top;
}
.page .box.thumbnail .thum,
.page .box.thumbnail .txt {
	float:none;
	width:auto;
}
.page .box.thumbnail .txt {
	padding:0 0 0 10px;
}

.page .box.thumbnail.staff .btn {
	width:120px;
}
.page .box.thumbnail.twitter .thum {
	float:none;
	width:30%;
}
.page .box.thumbnail.twitter  .txt {
	float:none;
	width:70%;
}
.page .box.thumbnail.twitter  .txt a {
	display:block;
	font-size:121%;
	font-weight:bold;
}
}


/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .box.thumbnail {}
.page .box.thumbnail div {
	display:table-cell;
	vertical-align:top;
}
.page .box.thumbnail .thum,
.page .box.thumbnail .txt {
	float:none;
	width:auto;
}
.page .box.thumbnail .txt {
	padding:0 0 0 10px;
}

.page .box.thumbnail.staff .btn {
	width:120px;
}
.page .box.thumbnail.twitter .thum {
	float:none;
	width:30%;
}
.page .box.thumbnail.twitter  .txt {
	float:none;
	width:70%;
}
.page .box.thumbnail.twitter  .txt a {
	display:block;
	font-size:121%;
	font-weight:bold;
}
}

/*-----------------------------------------------------------------------------------
lead
-----------------------------------------------------------------------------------*/
.page .lead {
	font-size:111%;
	line-height:2;
	/*font-family: 'FOT-ニューセザンヌ Pro DB', 'NewCezannePro-DB';*/
}

/*-----------------------------------------------------------------------------------
main image
-----------------------------------------------------------------------------------*/
.page .mainImage {
	margin:20px 0 10px -16px;
}
.page .mainImage img {
	display:block;
	margin:0 auto;
	max-width:100%;
}
@media screen and (max-width: 650px) {
.page .mainImage {
	margin:20px 0 10px;
}
}
/*-----------------------------------------------------------------------------------
text box
-----------------------------------------------------------------------------------*/
.page .txtBox {
	margin:18px 0 0;
}
.page .txtBox .img {
	margin-bottom:10px;
}
.page .txtBox .caption {
	display:block;
	font-size:85%;
}



/*-------------------------------------
pc
-------------------------------------*/
.page .txtBox .img.posL {
	float:left;
	margin-right:10px;
}
.page .txtBox .img.posR {
	float:right;
	margin-left:10px;
}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .txtBox .img {
	background:#EEE;
}
.page .txtBox .img img {
	display:block;
	margin:0 auto;
	max-width:100%;
}
.page .txtBox .img.posL {
	float:none;
	margin-right:0px;
}
.page .txtBox .img.posR {
	float:none;
	margin-left:0px;
}
}

/*-----------------------------------------------------------------------------------
related List
-----------------------------------------------------------------------------------*/
.page .relatedList {
	margin:10px 0 0;
}
.page .relatedList dt {
	padding:0 12px 0 4px;
	background:url(../img/bg_related.png) right center no-repeat #999;
	color:#FFF;
	letter-spacing:0.1em;
}
.page .relatedList dt,
.page .relatedList dd {
	float:left;
	line-height:22px;
	margin-right:10px;
}
.page .relatedList dd {
	padding-right:10px;
	border-right:1px solid #999;
}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .relatedList dt,
.page .relatedList dd {
	float:none;
	border:none;
	margin:0;
}
.page .relatedList dd {
	line-height:1;
}
.page .relatedList dd:nth-child(odd) {
	background:#EFEFEF;
}
.page .relatedList dd a {
	display:block;
	padding:6px 10px 6px 30px;
	line-height:1;
	background:url(../img/icon_ar_r_s.png) no-repeat 10px center;
}
}

/*-----------------------------------------------------------------------------------
link list
-----------------------------------------------------------------------------------*/
.page .linkList {
	margin:10px 0 0;
	line-height:1;
}
.page .linkList li {
	background:#EFEFEF;
}
.page .linkList li.even {
	background:#FFF;
}
.page .linkList a {
	display:block;
	padding:6px 10px 6px 30px;
	line-height:1;
	background-image:url(../img/icon_ar_r_s.png);
	background-repeat:no-repeat;
	background-position:10px center;
}

.page .linkList2 a {
	display:block;
	padding:6px 10px 6px 30px;
	line-height:1;
	background-image:url(../img/icon_ar_r_s.png);
	background-repeat:no-repeat;
	background-position:10px 6px;
}

.page .linkList a:hover {
}

.page .recommendPage {
	margin:24px 0 0;
	font-weight:bold;
}


/* index
-------------------------------------*/
.page .linkList.index {
}
.page .linkList.index li {
	margin-top:16px;
	border:1px solid #CCC;
	border-radius:5px;
	background: linear-gradient(#FFFFFF, #F2F2F2);
	background: -moz-linear-gradient(#FFFFFF, #F2F2F2);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2)); 
}
.page .linkList.index li:hover {
	background: linear-gradient(#FAFAFA, #EDEDED);
	background: -moz-linear-gradient(#FAFAFA, #EDEDED);
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EDEDED));
}
.page .linkList.index.col2 li {
	width:319px;
}
.page .linkList.index li a {
	padding:12px 10px 12px 35px;
	border:2px solid #FFF;
	border-radius:3px;
	background-image:url(../img/icon_ar_r.png);
	text-align:center;
	font-weight:bold;
}

/* col2
-------------------------------------*/
.page .linkList.col2 {
	margin:16px -16px 0 0;
}
.page .linkList.col2 li {
	float:left;
	width:322px;
	padding:0;
	margin:0 16px 16px 0;
}
.page .linkList.col2 li a {

}

/*-------------------------------------
pc
-------------------------------------*/
.page .linkList li {
/*	padding:5px;*/
}

/*-------------------------------------
ipad
-------------------------------------*/
@media screen and (min-width: 650px) and (max-width: 960px) {

/* index
-------------------------------------*/
.page .linkList.index {
}
.page .linkList.index li {
	margin-top:16px;
	border:1px solid #CCC;
	border-radius:5px;
	background: linear-gradient(#FFFFFF, #F2F2F2);
	background: -moz-linear-gradient(#FFFFFF, #F2F2F2);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2)); 
}
.page .linkList.index li:hover {
	background: linear-gradient(#FAFAFA, #EDEDED);
	background: -moz-linear-gradient(#FAFAFA, #EDEDED);
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EDEDED));
}
.page .linkList.index.col2 li {
	width:47%;
}
.page .linkList.index li a {
	padding:12px 10px 12px 35px;
	border:2px solid #FFF;
	border-radius:3px;
	background-image:url(../img/icon_ar_r.png);
	text-align:center;
	font-weight:bold;
}

/* col2
-------------------------------------*/
.page .linkList.col2 {
	margin:3% -3% 0 0;
}
.page .linkList.col2 li {
	float:left;
	width:322px;
	padding:0;
	margin:0 2% 3% 0;
}
.page .linkList.col2 li a {

}
}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .linkList li {
	padding:0px;
}
/* index
-------------------------------------*/
.page .linkList.index {}

.page .linkList.index li {
	border-top:1px solid #CCC;
	border-bottom:none;
	border-radius:0;
	margin:0;
}
.page .linkList.index li:last-child {
	border-bottom:1px solid #CCC;
}
.page .linkList.index li a {
	border:2px solid #FFF;
	border-radius:0;
}
.page .linkList.index.col2 li {
	width:auto;
	margin:0;
}
/* col2
-------------------------------------*/
.page .linkList.col2 {
	margin:16px 0 0;
}
.page .linkList.col2 li {
	float:none;
	width:auto;
}
}

/*-----------------------------------------------------------------------------------
item list
-----------------------------------------------------------------------------------*/
.page .itemListTit {
	margin:24px 0 -16px;
	padding:5px 0;
	text-align:center;
	background:#D8D8D8;
	font-weight:bold;
}

.page .itemList {
	margin:16px 0 0;
	border-bottom:1px solid #CCC;
}
.page .itemList > li {
	border-top:1px solid #CCC;
	background:#EFEFEF;
}
.page .itemList > li.even {
	background:#FFF;
}
.page .itemList > li > span,
.page .itemList > li > div {
	display:table-cell;
	padding:5px 10px;
	
	/display:block;
	/float:left;
}
.page .itemList > li .name {
	width:120px;
}
.page .itemList > li .cnt {
	width:499px;
	border-left:1px solid #CCC;
	background:#FFF;
}
/*-------------------------------------
ipad
-------------------------------------*/
@media screen and (min-width: 650px) and (max-width: 960px) {
.page .itemList > li > span,
.page .itemList > li > div {
	float:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.page .itemList > li .name {
	width:20%;
}
.page .itemList > li .cnt {
	width:80%;
}
}
@media screen and (max-width: 650px) {
.page .itemList > li span,
.page .itemList > li div {
	display:block;
	float:none;
}
.page .itemList > li .name {
	width:auto;
	font-weight:bold;
}
.page .itemList > li .cnt {
	width:auto;
	border-left:none;
}
}
/*-----------------------------------------------------------------------------------
form list
-----------------------------------------------------------------------------------*/
.page .formListTit {
	margin:24px 0 -16px;
	padding:5px 0;
	text-align:center;
	background:#D8D8D8;
	font-weight:bold;
}

.page .formList {
	margin:0;
	border-bottom:1px dotted #CCC;
}
.page .formList > li {
	border-top:1px dotted #CCC;
	background:#EFEFEF;
	margin-bottom:5px;
}
.page .formList > li.even {
	background:#FFF;
}
.page .formList > li > span,
.page .formList > li > div {
	display:table-cell;
	padding:5px 10px;
	border-top:5px solid #fff;
	
	/display:block;
	/float:left;
}
.page .formList > li .itemName {
	width:120px;
	background:#EFEFEF;

	vertical-align:top;
}
.page .formList > li .itemCnt {
	width:500px;
	border-right: none;
	background:#FFF;
}
.page .formList small.comment{
	font-size:11px;
	color:#999999;
}
.page .formList .reason{
	margin-top: 10px;
}
.page .linkList.formBtn{
	width:320px;
	margin:16px auto 0;
}
.page .linkList.formBtn li#sbmt_btn{
	margin-top:16px;
	border:1px solid #CCC;
	border-radius:5px;
	display:block;
	line-height:1.2;
	background: url(../img/icon_ar_r.png) no-repeat 10px center, linear-gradient(#FFFFFF, #F2F2F2);
	background: url(../img/icon_ar_r.png) no-repeat 10px center, -moz-linear-gradient(#FFFFFF, #F2F2F2);
	background: url(../img/icon_ar_r.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2)); 
	padding:12px 0px 12px;
	text-align:center;
	font-weight:bold;
	width:300px;
}
.page .linkList.formBtn li#sbmt_btn:hover {
	background: url(../img/icon_ar_r.png) no-repeat 10px center, linear-gradient(#FAFAFA, #EDEDED);
	background: url(../img/icon_ar_r.png) no-repeat 10px center, -moz-linear-gradient(#FAFAFA, #EDEDED);
	background: url(../img/icon_ar_r.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EDEDED));
	cursor:pointer;
}
.page .linkList.formBtn li#sbmt_btn strong{
	font-size:16px;
	font-weight:bold;
}
	
/*-------------------------------------
SP
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .formList > li span,
.page .formList > li div {
	display:block;
	float:none;
}
.page .formList > li .itemName {
	width:auto;
	font-weight:bold;
}
.page .formList > li .itemCnt {
	width:auto;
	border-left:none;
}
.page .formList small.comment{
	font-size:11px;
	color:#999999;
}
.page .formList .reason{
	margin-top: 10px;
}
.page .formList .reason,
.page .formList .selfPr{
	width:400px;
}
}
/*-----------------------------------------------------------------------------------
detail list
-----------------------------------------------------------------------------------*/
.page .detailList {
	margin:24px 16px 0 0;
}

.page .detailList li {
	display:inline;
	margin:0 16px 0 0;
	background-position:0 center;
	background-repeat:no-repeat;
}
.page .detailList li.pdf {
	padding:0 0 0 20px;
	background-image:url(../img/icon_pdf.png);
}
.page .detailList li.mobile {
	padding:0 0 0 20px;
	background-image:url(../img/icon_mobile.png);
}

/*-----------------------------------------------------------------------------------
button
-----------------------------------------------------------------------------------*/
.page  .btn {
	margin:16px 0 0;
	line-height:1;
}
.page  .btn a {
	display:inline-block;
}
/*-------------------------------------
pc
-------------------------------------*/
.page .btn {
	text-align:right;
}
.page .btn a {
	/*margin-top:16px;*/
	border:1px solid #CCC;
	border-radius:5px;
	background: linear-gradient(#FFFFFF, #F2F2F2);
	background: -moz-linear-gradient(#FFFFFF, #F2F2F2);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2)); 
	text-align:center;
}
.page .btn a:hover {
	background: linear-gradient(#FAFAFA, #EDEDED);
	background: -moz-linear-gradient(#FAFAFA, #EDEDED);
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EDEDED));
}
.page .btn a span {
	display:block;
	padding:6px 10px 6px 23px;
	line-height:1;
	border:2px solid #FFF;
	border-radius:3px;
	background-image:url(../img/icon_ar_r_s.png);
	background-repeat:no-repeat;
	background-position:5px center;
	font-weight:bold;
}

/* .publicity
-------------------------------------*/
.page .btn.publicity {
	text-align:center;
}
.page .btn.publicity a span {
	padding:12px 16px 12px 28px;
	font-size:111%;
}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page  .btn {
	text-align:center;
}
}

/*-----------------------------------------------------------------------------------
.profileBox
-----------------------------------------------------------------------------------*/

.page .profileBox {

  position:relative;
  min-height: 150px;
  margin: 20px 0 0;
  padding: 0 0 0 220px;
  }

.page .profileBox p {

  margin:5px 0 12px;
  font-size:150%;
  line-height:1.2;
  }

.page .profileBox .img {

  position: absolute;
  top: 0px;
  left: 0px;
  }

.page .profileBox .data li {

  position:relative;
  /zoom:1;
  margin:5px 0 0;
  }

.page .profileBox .data li span {

  display:inline-block;
  line-height:1;
  padding:5px;
  margin:0 10px 0 0;
  background:#333;
  color:#FFF;
  }

p.img_crew-interview-profile {

  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  }
  
p.img_crew-interview-profile img {

  width: auto;
  height: 150px;
  }

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .profileBox {
	position:relative;
	/zoom:1;
	min-height:150px;
	margin:20px 0 0;
	padding:0;
}
.page .profileBox h1 {
	margin:5px 0 12px;
	font-size:150%;
	line-height:1.2;
}
.page .profileBox .img {
	position: relative;
}
}


/*-----------------------------------------------------------------------------------
.groupList
-----------------------------------------------------------------------------------*/
.page .groupList {
	margin:20px 0 -10px;
}

.page .groupList2 {
	margin:20px 0 -10px;
}

/*-------------------------------------
pc
-------------------------------------*/
.page .groupList {
	margin-right:-15px;
}

.page .groupList2 {
	margin-right:-15px;
}

.page .groupList li {
	float:left;
	width:210px;
	margin:0 15px 32px 0;
	text-align:center;
	line-height:1;
}

.page .groupList2 li {
	float:left;
	width:153px;
	height:140px;
	margin:0 15px 32px 0;
	text-align:left;
	line-height:1;
}

.page .groupList.logo li {
	margin:0 13px 40px 0;
}

.page .groupList2.logo li {
	margin:0 13px 40px 0;
}

.page .groupList li img {
	display:block;
	margin:0 0 5px;
}
.page .groupList2 li img {
	display:block;
	margin:0 0 5px;
}

.page .groupList.logo li img {
	border:1px solid #CCC;
}

.page .groupList2.logo li img {
	border:1px solid #CCC;
}

.page .groupList.logo li span img {
	display:inline;
	margin:0 0 0 5px;
	border:none;
}

.page .groupList2.logo li span img {
	display:inline;
	margin:0 0 0 5px;
	border:none;
}

.page .groupList.office li {
	min-height:140px;
}

.page .groupList2.office li {
	min-height:140px;
}


/*-------------------------------------
sp
-------------------------------------*/
@media screen and (min-width: 535px)and (max-width: 960px) {

.page .groupList2 li {
	float: left;
	width:30%;
	height:140px;
	margin:0 0 10px;
	line-height:1;
	display:table;
	text-align:left;
}

.page .groupList2.logo li {
	margin:0 10px 40px 0;
}

}

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

.page .groupList2 li {
	float: left;
	width:46%;
	height:140px;
	margin:0 0 10px;
	line-height:1;
	display:table;
	text-align:left;
}

}

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

.page .groupList2 li {
	float: none;
	width:100%;
	height:auto;
	margin:0 0 10px;
	line-height:1;
	display:table;
	text-align:left;
}

.page .groupList2.logo li {
	margin:0 10px 40px 0;
}

}

@media screen and (max-width: 650px) {
.page .groupList {
	margin-right:0px;
}

.page .groupList2 {
	max-width:534px;
	margin:0 auto;
}

.page .groupList li {
	float: none;
	width:auto;
	margin:0 0 10px;
	line-height:1;
	display:table;
	text-align:left;
}

.page .groupList li a {
	display:table;
}

.page .groupList2 li a {
	display:table;
}

.page .groupList li img,
.page .groupList li span {
	display:table-cell;
	vertical-align:middle;
}

.page .groupList2 li img,
.page .groupList2 li span {
	display:table-cell;
	vertical-align:middle;
}

.page .groupList li img {
	display: inline;
	margin:0 15px 0 0;
}

.page .groupList2 li img {
	display: inline;
	margin:0 15px 0 0;
}

}

/*-----------------------------------------------------------------------------------
.articleList
-----------------------------------------------------------------------------------*/
.page .articleList {
	margin:16px 0 0;
}
.page .articleList li {
	position:relative;
	/zoom:1;
	padding:8px 0 8px 8em;
	border-bottom:1px dashed #999;
}
.page .articleList.tag li {
	padding:8px 0 8px 15em;
}

.page .articleList li .date {
	position:absolute;
	left:0;
	top:8px;
	letter-spacing: -0.05em;
}
.page .articleList.tag li .type {
	position:absolute;
	left:8em;
	top:8px;
}

.page .articleList.tag li .type2 {
	position:absolute;
	left:8em;
	top:6px;
}
.page .articleList li .type img {
	vertical-align: middle;
}

.page .articleList li .type2 img {
	vertical-align: middle;
}

/*.col2 */
.page .col2 .articleList li {
	padding:0 16px 8px 0;
	margin:0 0 8px;
}
.page .col2 .articleList li .date {
	position: relative;
	left:0;
	top:0;
	margin:0 5px 0 0;
}
.page .col2 .articleList li a {
	display:block;
	padding:5px 0 0;
}
.page .col2 .articleList li .type {
	display:inline;
	float:none;
	margin:0;
}
.page .col2 .articleList li .type img {
	vertical-align:bottom;
}

/*-------------------------------------
ipad
-------------------------------------*/
@media screen and (min-width: 650px)and (max-width: 960px) {
.page .articleList li {
	padding:8px 20px 8px 0 !important;
	background:url(../img/icon_ar_r_sp.png) center right no-repeat;
}
.page .articleList.tag li .type,
.page .articleList li .date {
	position: relative;
	left:0;
	top:0;
	margin:0 5px 0 0;
}

.page .articleList li a,
.page .articleList li .txt {
	display:block;
	padding:5px 0 0;
}

}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .articleList li {
	padding:8px 20px 8px 0 !important;
	background:url(../img/icon_ar_r_sp.png) center right no-repeat;
}
.page .articleList.tag li .type,
.page .articleList li .date {
	position: relative;
	left:0;
	top:0;
	margin:0 5px 0 0;
}

.page .articleList li a,
.page .articleList li .txt {
	display:block;
	padding:5px 0 0;
}
}


/*-----------------------------------------------------------------------------------
.project Box
-----------------------------------------------------------------------------------*/
.page .projectBox {
	margin:24px 0 0;
}

.page .projectHeader {
	position:relative;
	/zoom:1;
	padding:9px 67px 9px 0;
	border-bottom:1px solid #000;
}
.page .projectHeader img {
}
.page .projectHeader hgroup {
}
.page .projectHeader hgroup h2,
.page .projectHeader hgroup h3 {
	display:table-cell;
	/display:inline;
	vertical-align:middle;
	line-height:1.2;
}
.page .projectHeader hgroup h2 {
	padding:0 10px 0 0;
	border-left:none;
	border-right:1px dotted #999;
}
.page .projectHeader hgroup h3 {
	padding:5px 5px 5px 10px;
	border:none;
	margin:0;
	font-size:121%;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}
.page .projectHeader .projectSns {
	position:absolute;
	top:50%;
	right:0;
	margin:-15px 0 0;
}
.page .projectHeader .projectSns li {
	float:right;
	margin:0 0 0 7px;
}

.page .projectBox .btn.project {
	text-align:left;
}
.page .projectBox .linkPassion {
	text-align:right;
}
/*-------------------------------------
pc
-------------------------------------*/

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .projectBox {
	margin:32px 0 0;
}
.page .projectHeader {
	padding:0 0 10px;
}
.page .projectHeader hgroup {
}
.page .projectHeader hgroup h2,
.page .projectHeader hgroup h3 {
	display:block;
	vertical-align:middle;
	line-height:1.2;
	border:none;
}
.page .projectHeader hgroup h2 {
	text-align:center;
	margin:0 0 10px;
}
.page .projectHeader hgroup h3 {
	padding:10px 52px 0 0;
	border-top:dashed #999 1px;
	font-size:14px;
}
.page .projectHeader .projectSns {
	position:absolute;
	top:88px;
	right:0;
}
.page .projectHeader .projectSns img {
	width:20px;
}
.page .projectBox .btn.project,
.page .projectBox .linkPassion {
	margin:10px 0 0;
	text-align: center;
}
}


/*-----------------------------------------------------------------------------------

entry style

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
.entryInfo
-----------------------------------------------------------------------------------*/

/*-------------------------------------
pc
-------------------------------------*/
.page .entryInfo .category {
	float:left;
	height:23px;
	line-height:23px;
	width:163px;
	margin:0;
	background:#000;
	color:#FFF;
	text-align:center;
	letter-spacing:0.1em;
	border-radius:5px;
}
/*.page .entryInfo .category.study {
	background-color:#7E5636;
}*/
.page .entryInfo .date {
	float:right;
}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .entryInfo .category,
.page .entryInfo .date {
	float:none;
	height:auto;
	width:auto;
	padding:5px;
	line-height:1;
	border-radius:0;
	text-align:center;
}
.page .entryInfo .date {
	background-color:#DDD;
	color:#000;
}
}

/*-----------------------------------------------------------------------------------
.studyInfo
-----------------------------------------------------------------------------------*/
.page .studyInfo {
	margin:16px 0 0;
	font-size:121%;
}
.page .studyInfo li {
	position:relative;
	/zoom:1;
	padding:0 0 0 3em;
	font-weight:bold;
}
.page .studyInfo li span {
	position:absolute;
	left:0;
	font-weight:bold;
}
/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .studyInfo {
	margin:16px 0 0;
	font-size:12px;
}
.page .studyInfo li {
	padding:5px 0 0;
}
.page .studyInfo li span {
	position:relative;
	display:block;
}
}

/*-----------------------------------------------------------------------------------
.entryBody
-----------------------------------------------------------------------------------*/
.page .entryBody {
	margin:24px 0 0;
	letter-spacing: 0.1em;
}
.page .entryBody img {
	max-width:100%;
	/max-width: none;
	max-width: none\9; 
}
.page .entryBody table th,
.page .entryBody table td {
	vertical-align:top;	
}


/*-----------------------------------------------------------------------------------
.select category
-----------------------------------------------------------------------------------*/
.page .selectCategory {
	position:relative;
	/zoom:1;
	padding:0 0 0 90px;
}
.page .selectCategory h2 {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0 16px 0 6px;
	border:none;
	background:url(../img/bg_related.png) right center no-repeat #666;
	line-height:27px;
	color:#FFF;
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}

.page .selectCategory ul {
	margin:0;
	padding:5px 0 5px 8px;
	background:#EFEFEF;
}
.page .selectCategory ul li {
	display:inline;
	margin:0 0.75em 0 0;
	padding:0 0.75em 0 0;
	border-right:1px solid #666;
	line-height:22px;
}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .selectCategory ul {
	margin:0;
	padding:5px 5px 5px 8px;
	background:#EFEFEF;
}
}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.page .selectCategory {
	padding:0;
}
.page .selectCategory h2 {
	position: relative;
	padding:4px 6px;
	background:#666;
	line-height:1;
	font-size:10pt;
	letter-spacing:0.1em;
}

.page .selectCategory ul {
	padding:5px 0 5px 8px;
	background:#EFEFEF;
}
.page .selectCategory ul li {
	display:inline;
	margin:0 0.75em 0 0;
	padding:0 0.75em 0 0;
	border-right:1px solid #666;
	line-height:22px;
}
}

/*-----------------------------------------------------------------------------------
.articleNav
-----------------------------------------------------------------------------------*/
.page .articleNav {
	margin:24px 0 0;
}
.page .articleNav li {
}
.page .articleNav li a {
	display:inline-block;
	min-height:18px;
	background-repeat:no-repeat;
}

.page .articleNav li.next {
	float:right;
}
.page .articleNav li.next a {
	padding-right:25px;
	background-position:right center;
	background-image:url(../img/icon_ar_r.png);
}
.page .articleNav li.prev {
	float:left;
}
.page .articleNav li.prev a {
	padding-left:25px;
	background-position:0 center;
	background-image:url(../img/icon_ar_l.png);
}
/*-------------------------------------
sp
-------------------------------------*/
.page .pager {
	margin:24px 0 0;
	text-align:center;
}
.page .pager li {
	display: inline-block;
	/display: inline;
	/zoom:1;
	margin:5px;
}
.page .pager li a,
.page .pager li span {
	/position:relative;
	/zoom:1;
	padding:4px 8px;
	line-height:1;
	border:1px solid #333;
}
.page .pager li span {
	background:#333;
	color:#FFF;
}

@media screen and (max-width: 650px) {
.page .pager {
	margin:24px 0 0;
	text-align:left;
}
.page .pager li {
	display:block;
	float:left;
}
.page .pager li a,
.page .pager li span {
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
}
}

/*-----------------------------------------------------------------------------------



-----------------------------------------------------------------------------------*/

.irdl {
	border:3px solid #666;
	padding:10px 18px;
}

.irdl li{
	margin:10px 0;
}

.iricon img{
	vertical-align: middle;
	padding-right:5px;
}

.newspc{
	padding:0 20px 0 30px;
}


/*-------------------------------------
google map
-------------------------------------*/
.container.map {
	margin:24px 0 0;
}
#map {
	height:280px;
	width:100%;
}

/*-------------------------------------
.inputList
-------------------------------------*/
.inputList {
	padding:10px;
	border:1px solid #333;
}

.inputList dd {
	display:inline;
}
.inputList dd + dd {
	margin:0 0 0 5px;
	padding:0 0 0 8px;
	border-left: 1px solid #333;
}

/*-------------------------------------
.itemTable
-------------------------------------*/
.itemTable {
	margin:24px 0 0;
	border:1px solid #DDD;
}

.itemTable th,
.itemTable td {
	padding:8px;
	border:1px solid #DDD;
}

.itemTable th {
	background:#EFEFEF;
}


/*-------------------------------------
.siteMapList
-------------------------------------*/
.siteHome {
	padding:0 0 12px;
}
.siteHome a {
	display:block;
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 24px;
	background:url(../img/nav_home_l.png) 0 center no-repeat;
}

.siteMapList ul {
}
.siteMapList li a {
	display:block;
	padding:0 0 0 18px;
	background:url(../img/icon_ar_r_s.png) 0 center no-repeat;
}
.siteMapList > li {
	clear:both;
	margin:0 0 18px;
	padding:18px 0 0;
	border-top:1px dotted #666;
}
.siteMapList > li.unit {
	clear:none;
}

.siteMapList > li.unit > a {
	display:block;
	float:left;
	width:170px;
}

.siteMapList > li > ul {
	float:right;
	width:450px;
	margin:0;
}
.siteMapList > li > ul > li {
	margin:0 0 10px;
}
.siteMapList > li > ul > li > a,
.siteMapList > li > ul > li > span {
	display:block;
}
.siteMapList > li > ul > li > ul {
	margin-top:5px;
	margin-left:20px;
}
/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
.siteMapList > li.unit > a {
	float:none;
	width:auto;
}

.siteMapList > li > ul {
	float:none;
	width:auto;
	margin-top:10px;
	margin-left:20px;
}
}

/*-------------------------------------
engineer Blog
-------------------------------------*/
.page .engineerBlog h3 {
	border:none;
	margin:0 0 10px;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}

/*-------------------------------------
offier List
-------------------------------------*/
.page .offierList {
	margin:0;
}
.page .offierList li {
	position:relative;
	/zoom:1;
	padding:0 0 0 8em;
}
.page .offierList li .officer {
	position:absolute;
	left:0;
}

/*-------------------------------------
philosophy Image
-------------------------------------*/
.page .philosophyImage {
	width:613px;
	margin:0 auto;
	padding:66px 0 66px 12px;
	background:#000;
}
.page .philosophyImage p {
	float:left;
	margin:0;
	padding:0 0 0 40px;
}

.page .irImage {
	width:613px;
	margin:0 auto;
	padding:66px 0 66px 12px;
	background:#FFF;
}
.page .irImage p {
	float:left;
	margin:0;
	padding:0 0 0 40px;
}

.maxNone {display:none;}

.minNone {display:block;}

@media screen and (max-width: 650px) {
.page .philosophyImage {
	width:auto;
	padding:0 16px 0 0;
}
.page .philosophyImage p {
	padding:0 0 0 16px;
}
.page .philosophyImage img {
	width:100%;
}

.page .irImage {
	width:auto;
	padding:0 16px 0 0;
}
.page .irImage p {
	padding:0 0 0 16px;
}
.page .irImage img {
	width:100%;
}

.maxNone {display:block;}
	
.minNone {display:none;}

}

/*-------------------------------------
port
-------------------------------------*/

img.port_step{
	float: left;
	margin-bottom: 20px;
	margin-right: 10px;
}

p.port_step_note{
	margin-top: 10px;
}

/*-------------------------------------
sp
-------------------------------------*/
@media screen and (max-width: 650px) {
img.port_step{
	float: none;
	margin: 0 auto;	
}

p.port_step_note{
	margin-top: 10px;
	margin-bottom: 10px;

}
}


/*-------------------------------------
social media 20120827
-------------------------------------*/
.social_header{
	position: relative;
	border-bottom: 1px solid black;
}

.social_header h2{
	padding: 0 10px 0 10px;
	border-left: none;
	border-bottom: none;
	margin-bottom: 0px;
}


.social_icon li{
	float: left;
	margin-right: 10px;
}

.social_icon_inner{
	float: left; 
	width: 280px;
	margin-right: 50px;
	}
	
/*-------------------------------------
privacy policy 20120829
-------------------------------------*/

dl#policy_cookie dd{
	margin-left: 20px;
	}
	


/*-------------------------------------
test
-------------------------------------*/

#ir_table1{
	width: 100%;
	border-collapse: collapse;
}

#ir_table1 thead th{
	text-align: center;
	font-weight: bold;	
	background:#e6e6e6;
}
	
#ir_table1 td,
#ir_table1 th{
	padding: 5px;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: middle;
}

#ir_table1 td {
	text-align: right;
}

@media only screen and (max-width:650px){
	#ir_table1{
		display: block;
	}
		#ir_table1 thead{
			display: none;
		}
		#ir_table1 tbody{
			display: block;
		}
			#ir_table1 tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#ir_table1 tbody th,
			#ir_table1 tbody td{
				display: list-item;
				border: none;
			}
			#ir_table1 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				font-weight: bold;	
			}
			#ir_table1 tbody td{
				margin-left: 20px;
				padding: 0;
			}
			#ir_table1 tbody td:nth-of-type(1):before { content: "所有株式数（株）:"; }
			#ir_table1 tbody td:nth-of-type(2):before { content: "持株比率（％）:"; }
}

	/*clearfix*/
	.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	* html .cf { zoom: 1; }
	*:first-child+html .cf { zoom: 1; }

	#ir_table2{
		width: 100%;
		border-collapse: collapse;
	}
	th,td{ 
		margin: 0; 
		padding: 10px;
		border: 1px solid #babcbf;
	}

	#ir_table2 thead tr{ 
		background-color: #e6e6e6;
	}

	#ir_table2 tbody{ 
		text-align: right;
	}

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

		#ir_table2{ 
			display: block; 
			position: relative; 
			width: 100%; 
		}
			#ir_table2 thead{ 
				display: block; 
				float: left; 
			}
			
			#ir_table2 thead tr{ 
				background-color: #e6e6e6;
			}
			
			#ir_table2 tbody{ 
				width: auto; 
				position: relative; 
				overflow-x: auto; 
				white-space: nowrap; 
				border-right: 1px solid #ccc;
				text-align: right;
			}
			#ir_table2 thead tr{ 
				display: block; 
			}
			#ir_table2 th{ 
				display: block; 
			}
			#ir_table2 tbody tr{ 
				display: inline-block; 
				vertical-align: top; 
			}
			#ir_table2 td{ 
				display: block; 
			}

		/* borderの調整 */
		th{ 
			border-bottom: 0; 
		}
		td{ 
			border-left: 0; 
			border-right: 0; 
			border-bottom: 0; 
		}

		th:last-child,
		td:last-child { 
			border-bottom: 1px solid #babcbf; 
		}
	}



/* .language
-------------------------------------*/
.nav.language {
top:0;
right:0;
width:84px;
}
.nav.language li {
width:42px;
}
.nav.language li a,
.nav.language li span {
/zoom:1;
/position:relative;
display:block;
height:15px;
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
overflow:hidden;
}

.nav.language li span {
  background-position: 0 bottom;
}

.nav.language li.ja a,
.nav.language li.ja span {
background-image:url(../img/nav_lan_ja.png);
}

.nav.language li.en a,
.nav.language li.en  span {
background-image:url(../../img/nav_lan_en2.png);
}

/*---------------------------------------------------------------------------------
globalHeader >> ipad
-----------------------------------------------------------------------------------*/
@media screen and (min-width: 650px) and (max-width: 960px) {


/* .language
-------------------------------------*/
.nav.language {
top:10px;
right:10px;
width:124px;
}

.nav.language li {
    width: 62px;
    text-align: center;
}

.globalHeader .nav li {
    float: left;
}

.nav.language li.en a,
.nav.language li.en span{
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-top-right-radius: 7px;
-moz-border-bottom-right-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
}

.nav.language li.ja a, .nav.language li.ja span, .nav.language li.ch a, .nav.language li.ch span, .nav.language li.en a, .nav.language li.en span {
    background-image: none;
}

.nav.language li a, .nav.language li span {
    display: block;
    height: 25px;
    background-color: #666;
    color: #FFF;
    text-indent: 1px;
    overflow: hidden;

    line-height: 25px;
}

.nav.language li span {
    background-color: #000;
}


}


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

.globalHeader .nav.language li span, .globalHeader .nav.language li a {
    display: inline-block;
    line-height: 18px;
    height: 18px;
    padding: 0px 5px;
    text-indent: 0px;
    background-image: none;
    color: #FFF;
    font-size: 10px;
}

.globalHeader .nav.language li a {
    background-color: #4D4D4D;
}


}

 /*------------------------
▼共通：Crew-interview
------------------------*/

p.txt_crew-office {

  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #343434;
  text-align: center;
  }
  
p.txt_crew-segment {

  margin: 0 0 20px 0;
  font-size: 14px;
  color: #343434;
  text-align: center;
  }
  
img.btn_crew-interview-detail {

  margin: 0 !important;
  }
  
 /*------------------------
▼デスクトップ用：Crew-interview
------------------------*/

div#wrap_crew-interview {

  width: 660px;
  height: 100%;
  margin: 40px auto 0;
  overflow: hidden;
  }

div#wrap_crew-interview ul li {

  width: 150px;
  height: 300px;
  margin: 0 20px 40px 0;
  float: left;
  position: relative;
  transition: 0.2s ease-in-out; 
  }
  
div#wrap_crew-interview ul li:hover {

  opacity: 0.7;
  filter: alpha(opacity=70);
  }
  
div#wrap_crew-interview ul li:nth-child(4n) {

  margin: 0;
  }
  
div#wrap_crew-interview ul li a {

  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  }
  
div.wrap_interview-img {

  width: 150px; 
  height: 150px; 
  margin: 0 0 20px 0; 
  border-radius: 50%; 
  overflow: hidden;
  }
  
div#wrap_crew-interview ul li img {

  width: auto;
  height: 150px;
  margin: 0 0 15px 0;
  }

img.btn_crew-interview-detail {

  width: 150px !important;
  height: 30px !important;
  position: absolute;
  bottom: 0;
  }

 /*------------------------
▼タブレット用：Crew-interview
------------------------*/
@media screen and (max-width: 960px) and (min-width: 650px) {

div#wrap_crew-interview {

  width: 100% !important;
  }

div#wrap_crew-interview ul li:nth-child(4n) {

  margin: 0 0 40px 0 !important;
  }
}

 /*------------------------
▼スマホ用：Crew-interview
------------------------*/
@media screen and (max-width: 650px) {

div#wrap_crew-interview {

  width: 100% !important;
  }
  
div#wrap_crew-interview ul {

  width: 300px;
  margin: 0 auto;
  }

div#wrap_crew-interview ul li {

  width: 140px;
  height: 280px;
  margin: 0 20px 30px 0;
  float: left;
  }
  
div#wrap_crew-interview ul li:nth-child(2n) {

  margin: 0;
  }
  
div.wrap_interview-img {

  width: 140px; 
  height: 140px; 
  margin: 0 0 20px 0; 
  border-radius: 50%; 
  overflow: hidden;
  }
  
div#wrap_crew-interview ul li img {

  width: auto;
  height: 140px;
  margin: 0 0 15px 0;
  }

img.btn_crew-interview-detail {

  width: 100% !important;
  height: auto !important;
  }
}