@charset "utf-8";


@import url(https://fonts.googleapis.com/css?family=Questrial);



html {
}


body {
	min-height: 640px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	color: #555;
	background: #fffdf8;
}


a {
	color: #555;
	text-decoration: underline;
}
a:hover {
	color: #999;
}


img {
	vertical-align: bottom;
}



.en,
.pager {
	font-weight: normal;
	font-family: "Questrial", Arial, sans-serif;
}


::selection {
	color: #fff;
	background: #000;
}
::-moz-selection {
	color: #fff;
	background: #000;
}






#foot .extra:after,
#foot .main-nav:after,
#foot .sub-nav:after,
dl.compact-1:after,
.column:after,
.page-nav:after,
ul.links:after {
	clear: both;
	display: block;
	content: "";
	visibility: hidden;
}
* html #foot .extra,
* html #foot .main-nav,
* html #foot .sub-nav,
* html dl.compact-1,
* html .column,
* html .page-nav,
* html ul.links {
	display: inline-block;
}
*+html #foot .extra,
*+html #foot .main-nav,
*+html #foot .sub-nav,
*+html dl.compact-1,
*+html .column,
*+html .page-nav,
*+html ul.links {
	display: inline-block;
}



#top {
	position: relative;
	height: 0;
	overflow: hidden;
}



#wrap {
}



#container,
#head,
#foot {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}


#container {
	min-height: 500px;
	z-index: 100;
}
#main {
	position: relative;
	margin-left: 335px;
}




#head {
	height: 140px;
}
#logo {
	position: relative;
	left: 0;
	top: 27px;
}

#head .social {
	position: absolute;
	right: 0;
	top: 23px;
}

#head .social ul {
}

#head .social li {
	float: left;
	width: 20px;
	padding-left: 5px;
}
#head .social li a {
	display: block;
	width: 20px;
	height: 20px;
}
#head .social li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}



#head .facebook-like {
	position: absolute;
	width: 120px;
	right: 10px;
	top: 23px;
	z-index: 250;
}




#nav {
	position: fixed;
	min-height: 350px;
}

#nav li {
	font-size: 10px;
}
#nav li span {
	display: block;
}
#nav li strong {
	font-weight: normal;
	display: none;
}

*+html #nav {
	margin-left: -335px;
}

#nav li a {
	position: relative;
	cursor: pointer;
	z-index: 10;
}

#nav #main-menu {
	position: relative;
	width: 153px;
	overflow: hidden;
	z-index: 1;
}

#nav #main-menu ul {
	background: transparent url(../img/nav_border_wide.png) 0 0 repeat-y;
}

#nav #main-menu li {
	position: relative;
	height: 45px;
	z-index: 100;
}
#nav #main-menu li a {
	position: relative;
	display: block;
	padding: 0 0 0 33px;
	text-indent: -5000px;
	overflow: hidden;
	z-index: 110;
	background: transparent url(../img/sprite_nav.png) no-repeat;
	background-size: 153px 362px;
	width:400px;
	height: 45px;
}

#nav #main-menu .extra {
	position: relative;
	display: block;
	width: 153px;
	height: 1px;
	z-index: 200;
	background: transparent url(../img/nav_border_wide_end.png) 0 0 no-repeat;
}


#nav #main-menu li.home a {
	background-position: 0px 0px;
}
#nav #main-menu li.company a {
	background-position: 0px -45px;
}
#nav #main-menu li.products a {
	background-position: 0px -90px;
}
#nav #main-menu li.press a {
	background-position: 0px -135px;
}
#nav #main-menu li.ir a {
	background-position: 0px -180px;
}
#nav #main-menu li.news a {
	background-position: 0px -225px;
}
#nav #main-menu li.blog a {
	background-position: 0px -270px;
}
#nav #main-menu li.recruit a {
	background-position: 0px -315px;
}

#nav #main-menu li a:hover {
	opacity: 0.5;
}

#nav #main-menu .indicator {
	position: absolute;
	display: block;
	width: 22px;
	height: 45px;
	left: 1px;
	z-index: 50;
	background: #4c4c4c;
	background: rgba(20,20,20, 0.8);
}

#nav #main-menu .slider {
	position: absolute;
	display: block;
	width: 22px;
	height: 45px;
	left: 1px;
	top: -45px;
	z-index: 40;
	background: #888;
	background: rgba(20,20,20, 0.5);
}

#nav #main-menu .icon {
	position: absolute;
	left: 1px;
	top: 0;
	width: 22px;
	height: 45px;
	z-index: 100;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#nav #main-menu li.home .icon {
	background-image: url(../img/menuicon/1.png);
}
#nav #main-menu li.company .icon {
	background-image: url(../img/menuicon/2.png);
}
#nav #main-menu li.products .icon {
	background-image: url(../img/menuicon/3.png);
}
#nav #main-menu li.press .icon {
	background-image: url(../img/menuicon/4.png);
}
#nav #main-menu li.ir .icon {
	background-image: url(../img/menuicon/5.png);
}
#nav #main-menu li.news .icon {
	background-image: url(../img/menuicon/6.png);
}
#nav #main-menu li.blog .icon {
	background-image: url(../img/menuicon/7.png);
}
#nav #main-menu li.recruit .icon {
	background-image: url(../img/menuicon/8.png);
}







#nav #sub-menu {
	position: absolute;
	left: 153px;
	top: 0;
	overflow: hidden;
}

#nav #sub-menu {
	width: 140px;
}

#nav #sub-menu ul {
	background: transparent url(../img/nav_border_mini.png) 0 0 repeat-y;
}


#nav #sub-menu li a {
	display: block;
	padding: 0 0 0 20px;
	height: 45px;
}

#nav #sub-menu .extra {
	position: relative;
	display: block;
	width: 140px;
	height: 1px;
	z-index: 200;
	background: transparent url(../img/nav_border_mini_end.png) 0 0 no-repeat;
}



#nav #sub-menu .indicator {
	position: absolute;
	display: block;
	width: 8px;
	height: 45px;
	left: 1px;
	z-index: 50;
	background: #4c4c4c;
	background: rgba(20,20,20, 0.8);
}

#nav #sub-menu .slider {
	position: absolute;
	display: block;
	width: 8px;
	height: 45px;
	left: 1px;
	top: -45px;
	z-index: 40;
	background: #888;
	background: rgba(20,20,20, 0.5);
}



#nav #sub-menu li a {
	text-indent: -5000px;
}
#nav #sub-menu li span {
	height: 45px;
	background-color: transparent;
	background-repeat: no-repeat;
}

body.company #nav #sub-menu li a span {
	background-image: url(../img/menu/company.png);
	width:119px;
	height:249px;
	background-size:contain;
}
body.products #nav #sub-menu li a span {
	background-image: url(../img/menu/products.png);
	width:120px;
	height:68px;
	background-size:contain;
}
body.pr #nav #sub-menu li a span {
	background-image: url(../img/menu/press.png);
	width:86px;
	height:34px;
	background-size:contain;
}
body.ir #nav #sub-menu li a span {
	background-image: url(../img/menu/ir.png);
	width:112px;
	height:384px;
	background-size:contain;
}
body.news #nav #sub-menu li a span {
	background-image: url(../img/menu/news.png);
	width:79px;
	height:167px;
	background-size:contain;
}
body.recruit #nav #sub-menu li a span {
	background-image: url(../img/menu/recruit.png);
	width:75px;
	height:68px;
	background-size:contain;
}
body.blog #nav #sub-menu li a span {
	background-image: url(../img/menu/blog.png);
	width:75px;
	height:34px;
	background-size:contain;
}




body.company #nav #sub-menu li.menu-1 a span {
	background-position: 0 9px;
}




#nav #sub-menu li.menu-1 a span {
	background-position: 0 9px;
}
#nav #sub-menu li.menu-2 a span {
	background-position: 0 -36px;
}
#nav #sub-menu li.menu-3 a span {
	background-position: 0 -81px;
}
#nav #sub-menu li.menu-4 a span {
	background-position: 0 -126px;
}
#nav #sub-menu li.menu-5 a span {
	background-position: 0 -171px;
}
#nav #sub-menu li.menu-6 a span {
	background-position: 0 -216px;
}
#nav #sub-menu li.menu-7 a span {
	background-position: 0 -261px;
}
#nav #sub-menu li.menu-8 a span {
	background-position: 0 -306px;
}
#nav #sub-menu li.menu-9 a span {
	background-position: 0 -351px;
}
#nav #sub-menu li.menu-10 a span {
	background-position: 0 -496px;
}
#nav #sub-menu li.menu-11 a span {
	background-position: 0 -541px;
}
#nav #sub-menu li.menu-12 a span {
	background-position: 0 -586px;
}





body.pr #nav #sub-menu li a span {
	background-position: 0 9px !important;
}
body.pr #nav #sub-menu li.year-2005 a span {
	background-image: url(../img/menu/pr/2005.png);
}
body.pr #nav #sub-menu li.year-2006 a span {
	background-image: url(../img/menu/pr/2006.png);
}
body.pr #nav #sub-menu li.year-2007 a span {
	background-image: url(../img/menu/pr/2007.png);
}
body.pr #nav #sub-menu li.year-2008 a span {
	background-image: url(../img/menu/pr/2008.png);
}
body.pr #nav #sub-menu li.year-2009 a span {
	background-image: url(../img/menu/pr/2009.png);
}
body.pr #nav #sub-menu li.year-2010 a span {
	background-image: url(../img/menu/pr/2010.png);
}
body.pr #nav #sub-menu li.year-2011 a span {
	background-image: url(../img/menu/pr/2011.png);
}
body.pr #nav #sub-menu li.year-2012 a span {
	background-image: url(../img/menu/pr/2012.png);
}
body.pr #nav #sub-menu li.year-2013 a span {
	background-image: url(../img/menu/pr/2013.png);
}
body.pr #nav #sub-menu li.year-2014 a span {
	background-image: url(../img/menu/pr/2014.png);
}
body.pr #nav #sub-menu li.year-2015 a span {
	background-image: url(../img/menu/pr/2015.png);
}
body.pr #nav #sub-menu li.year-2016 a span {
	background-image: url(../img/menu/pr/2016.png);
}
body.pr #nav #sub-menu li.year-2017 a span {
	background-image: url(../img/menu/pr/2017.png);
}
body.pr #nav #sub-menu li.year-2018 a span {
	background-image: url(../img/menu/pr/2018.png);
}
body.pr #nav #sub-menu li.year-2019 a span {
	background-image: url(../img/menu/pr/2019.png);
}
body.pr #nav #sub-menu li.year-2020 a span {
	background-image: url(../img/menu/pr/2020.png);
}












#foot {
	position: relative;
	z-index: 100;
	margin-bottom: 30px;
}

* html #foot {
	top: -30px;
}
*+html #foot {
	top: -30px;
}


#foot .extra {
	position: relative;
	padding: 16px 23px 20px;
	border: 1px solid #ccc;
}


#foot .main-nav {
	position: relative;
	padding: 0 0 10px;
	z-index: 120;
}

#foot dl {
	float: left;
	width: 135px;
}
#foot dd {
	padding: 0 10px 0 0;
}

#foot dt a {
	position: relative;
	display: block;
	height: 45px;
}

#foot dd a {
	display: block;
	margin: 0 0 10px;
	padding: 2px 0 2px 6px;
	font-size: 11px;
	text-decoration: none;
	border-left: 4px solid #ddd;
	border-left-color: rgba(83,83,83,0.2);
}
* html #foot dd a {
	border-left-color: #ddd;
}
*+html #foot dd a {
	border-left-color: #ddd;
}

#foot dt {
	position: relative;
  height: 45px;
  margin: 0 0 18px;
	font-size: 10px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../img/sprite_nav.png) 0 0 no-repeat;
	background-size: 153px 362px;
}
#foot dt span {
	display: block;
	display: none;
}
#foot dd strong {
	display: none;
}




#foot .sub-nav {
	clear: both;
	border-top: 1px solid #ddd;
}
#foot .sub-nav p {
	width: 400px;
	float: left;
	margin: 10px 0 0 -4px;
	font-size: 11px;
	display: inline;
}
#foot .sub-nav a {
	color: #4e4e4e4;
	text-decoration: none;
}
#foot .sub-nav span {
	margin: 0 4px;
}

#foot .copyright {
	float: right;
	width: 400px;
	margin: 10px 0 0;
	text-align: right;
	font-size: 10px;
}






#foot dl.home dt {
	background-position: 0 0;
}
#foot dl.company dt {
	background-position: -33px -45px;
}
#foot dl.products dt {
	background-position: -33px -90px;
}
#foot dl.press dt {
	background-position: -33px -135px;
}
#foot .ir dt {
	background-position: -33px -180px;
}
#foot dl.news dt {
	background-position: -33px -225px;
}
#foot dl.blog dt {
	background-position: -33px -270px;
}
#foot dl.recruit dt {
	background-position: -33px -315px;
}



#foot-jump-pagetop {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;
	left: 970px;
	z-index: 100;
}
#foot-jump-pagetop a {
	position: absolute;
	display: block;
	width: 24px;
	height: 30px;
	right: -5px;
	top: -35px;
	text-indent: -5000px;
	overflow: hidden;
	z-index: 100;
	background: transparent url(../img/motionicon/arrow_top_black.png) 0 0 no-repeat;
}


.return-pagetop {
	position: relative;
	height: 32px;
}
.return-pagetop a {
	position: absolute;
	display: block;
	width: 24px;
	height: 30px;
	right: -5px;
	top: 2px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../img/motionicon/arrow_top_black.png) 0 0 no-repeat;
}














/* ---------------------------------------------------------------------------------------------------- */
/* Color */






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

#main .title {
	position: relative;
	margin: 0 0 25px;
	padding: 0 0 8px;
	color: #656563;
	border-bottom: 1px solid #858482;
}

#main .title .en {
	display: block;
	margin: 0 0 6px;
	font-size: 36px;
	line-height: 38px;
}
#main .title strong {
	display: block;
	font-size: 19px;
	font-weight: normal;
	line-height: 21px;
}
/*
#main .title .category {
	position: absolute;
	width: 200px;
	height: 25px;
	right: 0;
	bottom: 7px;
	text-indent: -5000px;
	overflow: hidden;
}


body.company #main .title .category {
	background: transparent url(../img/label/company.gif) 100% 50% no-repeat;
}
body.products #main .title .category {
	background: transparent url(../img/label/products.gif) 100% 50% no-repeat;
}
body.pr #main .title .category {
	background: transparent url(../img/label/press.gif) 100% 50% no-repeat;
}
body.ir #main .title .category {
	background: transparent url(../img/label/ir.gif) 100% 50% no-repeat;
}
body.news #main .title .category {
	background: transparent url(../img/label/news.gif) 100% 50% no-repeat;
}
body.recruit #main .title .category {
	background: transparent url(../img/label/recruit.gif) 100% 50% no-repeat;
}
*/


#main .title .category {
	position: absolute;
	width: auto;
	height: 25px;
	right: 1px;
	bottom: 7px;
	color: #666;
	font-size: 17px;
	font-weight: normal;
	font-family: "Questrial", Arial, sans-serif;
}


body.company #main .title .category {
	padding-left: 27px;
	background: transparent url(../img/labelicon/company.gif) 0 50% no-repeat;
}
body.products #main .title .category {
	padding-left: 24px;
	background: transparent url(../img/labelicon/products.gif) 0 50% no-repeat;
}
body.pr #main .title .category {
	padding-left: 21px;
	background: transparent url(../img/labelicon/press.gif) 0 50% no-repeat;
}
body.ir #main .title .category {
	padding-left: 24px;
	background: transparent url(../img/labelicon/ir.gif) 0 50% no-repeat;
}
/*
body.news #main .title .category {
	padding-left: 27px;
	background: transparent url(../img/labelicon/news.gif) 0 50% no-repeat;
}
*/
body.recruit #main .title .category {
	padding-left: 25px;
	background: transparent url(../img/labelicon/recruit.gif) 0 50% no-repeat;
}




#main .mini-title {
	padding-bottom: 4px;
	margin-bottom: 20px;
	color: #222;
}
#main .mini-title .en {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 20px;
}




#main {
	line-height: 1.8;
}
#main h1 {
	font-weight: normal;
	color: #444;
}

#main h2 {
	margin: 0 0 16px;
	padding: 0 0 0 10px;
	font-size: 123.1%;
	font-weight: bold;
	border-left: 3px solid #555;
}




#main .column .section dd h2 {
	margin: 0 0 8px;
	font-size: 108%;
	line-height: 1.2;
}






.attention {
	margin: 12px 0;
	font-size: 12px;
	color: #e70;
}

.lead {
	margin: 25px 0;
	font-size: 108%;
}

.notice {
	margin: 20px 0;
	font-size: 108%;
}
.note {
	margin: 15px 0;
}


.column {
	margin: 0 0 80px;
}

.reading-column {
	font-size: 108%;
}

.reading-column p {
	margin: 0 0 1.25em;
}



.column .section {
	padding-bottom: 15px;
	font-size: 108%;
	border-bottom: 1px solid #ebeae8;
}
.column .section+.section {
	margin-top: 20px;
}
* html .column .section {
	margin-top: 20px;
}


.column-group {
	float: left;
	width: 470px;
}


.column .mini-column {
	margin: 0 0 40px;
}


.google-map iframe {
	margin: 0 0 8px;
}



.figure {
	margin: 30px 0 0;
}

.figure-box-1 {
	float: left;
	width: auto;
	padding: 0 20px 10px 0;
}
.figure-box-2 {
	float: right;
	width: auto;
	padding: 0 0 10px 20px;
}

.figure-box-1 span,
.figure-box-2 span {
	display: block;
	margin: 10px 0 0;
	font-size: 93%;
}


.pict {
	margin: 20px 0;
}




.page-nav {
	margin: 0 0 30px;
}

.page-nav li {
	float: left;
	width: auto;
	margin: 0 7px 12px 0;
	padding: 0 5px 0 0; 
	line-height: 14px;
}
.page-nav li a {
	font-size: 93%;
	text-decoration: none;
}
.page-nav li a:hover {
}


.page-nav li em{
	display: inline-block;
	width: 10px;
	height: 18px;
	margin: -3px 0 0 4px;
	line-height: 18px;
	vertical-align: top;
	background: transparent url(../img/arrow_down.gif) 50% 0 no-repeat;

}

.page-nav li {
	border-right: 1px solid #ccc;
}




/* ---------------------------------------------------------------------------------------------------- */
/* Table */

.table-1 {
	padding: 5px 0 0;
}
.table-1 th,
.table-1 td {
	padding: 0 0 16px;
	font-size: 108%;
}
.table-1 th {
	width: 155px;
}
.table-1 td {
	width: 510px;
}

.table-1 th strong {
	display: inline-block;
	padding: 2px 0 2px 12px;
	border-left: 3px solid #555;
}

.table-1 td .col {
	padding: 2px 0 2px 14px;
	border-left: 1px solid #ccc;
}

.table-1 .inner-link {
	margin: 12px 0 0;
}




/* ---------------------------------------------------------------------------------------------------- */
/* List */

dl.compact-1 {
}
dl.compact-1 dt {
	float: left;
	clear: both;
	width: 9em;
}



dl.simple {
	font-size: 108%;
}

dl.simple+dl.simple {
	margin: 30px 0 0;
}

dl.simple dt {
	margin: 10px 0 5px;
	font-weight: bold;
}




ul.links {
	font-size: 108%;
}

ul.links li {
	padding: 8px 0 ;
	background: transparent url(../img/dots_h_tint.gif) 0 100% repeat-x;
}

ul.links li a {
	display: block;
	width: 100%;
	color: #222;
	text-decoration: none;
}
ul.links li a:hover {
	color: #777;
}
ul.links li a em {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 7px;
	top: -1px;
	margin: 0 0 0 8px;
	line-height: 12px;
	background: transparent url(../img/motionicon/arrow_nano.png) 0 50% no-repeat;
}








#banner{margin-top:10px;}
#banner li{margin-bottom:15px;}



#emergency-notice-box {
	margin-bottom: 20px;
}
#emergency-notice-box p {
	display: inline-block;
	border: 2px solid #df1700;
	font-size: 16px;
	width: 100%;
	line-height: 1.2;
}
#emergency-notice-box a {
	position: relative;
	display: inline-block;
	padding: 8px 30px 7px 18px;
	text-decoration: none;
	font-weight: bold;
	color: #df1700;
}
#emergency-notice-box a:hover {
	text-decoration: underline;
}