@charset "UTF-8";
@import url("base2.css");


body {
	margin: 0 auto;
	padding: 0;
	width: 720px;
}
/*header*/

#header {
	width: 720px;
	height: 38px;
	margin-bottom: 9px;
	position: relative;
	z-index: 100;
}
#headerArea {
	display: inline;
	float: left;
	width: 720px;
	height: 70px;
	margin-bottom: 9px;
	background: url(../image/index0902/header2.jpg) no-repeat;
}
#header a.logo {
	display: inline;
	float: left;
	width: 100px;
	height: 70px;
	text-indent: -3000px;
	text-decoration: none;
}
/* headline */

#headline {
	display: inline;
	float: left;
	width: 460px;
	height: 20px;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	position: absolute;
	top: 10px;
	right: 35px;
}
#headline ol {
	list-style: none;
	padding: 0 10px;
}
#headline li {
	display: block;
	float: left;
	width: auto;
	background: url(../image/product/index/link.gif) no-repeat;
	background-position: 0 50%;
	padding: 0 6px 0 9px;
}
/* *************** ここから *************** */

/*navi*/

#navi {
	display: inline;
	float: left;
	margin-bottom: 0px;
	width: 720px;
	height: 37px;
	background: url(../image/index0902/navi3.png) no-repeat 0 0;
	_background-image: url(../image/index0902/navi3.gif)
}
#navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#navi li {
	float: left;
}
#navi li a {
	display: block;
	text-indent: -9999px;
	background: url(../image/index0902/navi3.png) no-repeat 0 0;
	_background-image: url(../image/index0902/navi3.gif);
	text-decoration: none;
	height: 37px;
	/*\*/
	overflow: hidden;
	/**/
}
#navi li.product a {
	background-position: 0px 0px;
	width: 145px;
}
#navi li.company a {
	background-position: -145px 0px;
	width: 142px;
}
#navi li.shop a {
	background-position: -287px 0px;
	width: 144px;
}
#navi li.support a {
	background-position: -431px 0px;
	width: 143px;
}
#navi li.recruit a {
	background-position: -574px 0px;
	width: 146px;
}
/*productover*/

#navi li.product a:hover {
	background-position: 0px -37px;
	width: 145px;
}
#navi li.company a:hover {
	background-position: -145px -37px;
	width: 142px;
}
#navi li.shop a:hover {
	background-position: -287px -37px;
	width: 144px;
}
#navi li.support a:hover {
	background-position: -431px -37px;
	width: 143px;
}
#navi li.recruit a:hover {
	background-position: -574px -37px;
	width: 146px;
}
/*producton*/

#navi li.product_on a {
	background-position: 0px -74px;
	width: 145px;
}
#navi li.company_on a {
	background-position: -145px -74px;
	width: 142px;
}
#navi li.shop_on a {
	background-position: -287px -74px;
	width: 144px;
}
#navi li.support_on a {
	background-position: -431px -74px;
	width: 143px;
}
#navi li.recruit_on a {
	background-position: -574px -74px;
	width: 146px;
}
/* *************** ここまで *************** */

/*navi2*/

#dropmenubox {
	display: block;
	z-index: 100;
	height: 0;
}
#dropmenu {
	display: block;
	list-style-type: none;
	width: 720px;
	height: 40px;
	padding: 0;
	background: #4e4e4e;
	background-position: 0;
	border-bottom: 3px solid #ff0000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 300px;
	margin-left: auto;
}
#dropmenu li {
	position: relative;
	width: 43.8%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#dropmenu li a, #dropmenu li a.su {
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	color: #fff;
	font-size: 12.5px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	font-feature-settings: "palt";
}
#dropmenu li.recruit_li a {
	color: #4e4e4e;
}
#dropmenu li.recruit_li ul a {
	color: #fff;
}
#dropmenu li a.su {
	padding: 8px 0 4px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.1;
}
#dropmenu li ul {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
#dropmenu li:last-child ul {
	left: -100%;
	width: 100%
}
#dropmenu li ul li {
	overflow: hidden;
	width: 200%;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#dropmenu li ul li a {
	padding: 13px 15px;
	background: #9a9a9a;
	text-align: left;
	font-size: 12px;
	font-weight: normal
}
#dropmenu li:hover>a {
	background: #9a9a9a;
	color: #d8d8d8;
}
#dropmenu li.recruit_li ul a:hover {
	color: #d8d8d8;
}
#dropmenu li:hover ul li {
	overflow: visible;
	height: 38px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #9a9a9a;
}
#dropmenu li:hover ul li:first-child {
	border-top: 0;
}
#dropmenu li:hover ul li:last-child {
	border-bottom: 0;
}
#dropmenu .new_top {
	width: 12.2287%;
	background-color: #ff0000;
	background-image: url(../image/common/top_logo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0px 0px;
	height: 40px;
	overflow: hidden;
}
#dropmenu .new_top:hover>a.new_top_rf {
	background: none!important;
}
/*topnew_w900*/

#dropmenu2 {
	display: block;
	list-style-type: none;
	width: 900px;
	height: 40px;
	padding: 0;
	background: #4e4e4e;
	background-position: 0;
	border-bottom: 3px solid #ff0000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 300px;
	margin-left: auto;
}
#dropmenu2 li {
	position: relative;
	width: 22%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#dropmenu2 li.recruit_li {
	background: #fde7c7;
}
#dropmenu2 li a, #dropmenu2 li a.su {
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	font-feature-settings: "palt";
}
#dropmenu2 li.recruit_li a {
	color: #4e4e4e;
}
#dropmenu2 li.recruit_li ul a {
	color: #fff;
}
#dropmenu2 li a.su {
	padding: 8px 0 4px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.1;
}
#dropmenu2 li ul {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
#dropmenu2 li:last-child ul {
	left: -100%;
	width: 100%
}
#dropmenu2 li ul li {
	overflow: hidden;
	width: 200%;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#dropmenu2 li ul li a {
	padding: 13px 15px;
	background: #9a9a9a;
	text-align: left;
	font-size: 12px;
	font-weight: normal
}
#dropmenu2 li:hover>a {
	background: #9a9a9a;
	color: #d8d8d8;
}
#dropmenu2 li.recruit_li ul a:hover {
	color: #d8d8d8;
}
#dropmenu2 li:hover ul li {
	overflow: visible;
	height: 38px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #9a9a9a;
}
#dropmenu2 li:hover ul li:first-child {
	border-top: 0;
}
#dropmenu2 li:hover ul li:last-child {
	border-bottom: 0;
}
#dropmenu2 .new_top {
	width: 12%;
	background-color: #ff0000;
	background-image: url(../image/common/top_logo.png);
	background-repeat: no-repeat;
	background-size: 85%;
	background-position: 0px 0px;
	height: 40px;
	overflow: hidden;
}
#dropmenu2 .new_top:hover>a.new_top_rf {
	background: none!important;
}
/* gototop */

.linktop {
	width: 80px;
	display: block;
	float: right;
	text-align: right !important;
	font-size: 10px;
	background: url(../image/index0902/gototop.gif) no-repeat;
	background-position: 97% 50%;
	padding-right: 15px;
}
/* sidemenu */

.sidemenu {
	width: 120px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(../image/side_menu/top_long2.jpg) no-repeat;
	color: #666;
}
.sidemenu a:link, .sidemenu a:visited {
	color: #666;
	text-decoration: none;
}
.sidemenu a:hover {
	color: #36c;
	text-decoration: underline;
}
.sidemenu ul {
	list-style: none;
}
.sidemenu li {
	display: block;
	width: 100px;
	padding: 8px 10px;
	font-size: 10px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 13px;
	border-bottom: solid 1px #dddddd;
}
.sidemenu li.chink {
	letter-spacing: -1px;
}
.sidemenu li.line {
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 10px;
}
.sidemenu li.top {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px 10px 0px;
	height: 25px;
	border-bottom: none;
}
.sidemenu li.btm {
	border-bottom: none;
}
.sidemenubt {
	width: 120px;
	height: 7px;
	background: url(../image/side_menu/menu_bt.gif) no-repeat;
	margin: 0 0 10px;
	padding: 0;
}
/* layout */

#container {
	width: 720px;
	height: auto;
	margin: 0 auto;
}
/* column */

.column, .columnbtl {
	position: relative;
	top: 0;
	left: 0;
	clear: both;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	zoom: 1;
}
.column:after, .columnbtl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.columnbtl {
	padding-bottom: 18px;
	border-bottom: solid 1px #333;
}
.columnbtl h2 {
	margin-bottom: 9px;
}
.column hr {
	position: relative;
	top: 0;
	left: 0;
	clear: both;
	width: 100%;
	height: auto;
	margin-bottom: 18px;
	zoom: 1;
}
.column hr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column2first, .column2last, .column3first, .column3last, .column4first, .column4last, .column5first, .column5last, .column_250first, .column_250last {
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
.column2first {
	width: 284px;
	margin-right: 20px;
}
.column2last {
	width: 284px;
	margin-right: 0;
}
.column_250first {
	width: 250px;
	margin-right: 20px;
}
.column_250last {
	width: 250px;
	margin-right: 0;
}
.column3first {
	width: 232px;
	margin-right: 20px;
}
.column3last {
	width: 234px;
	margin-right: 0;
}
.column4first {
	width: 167px;
	margin-right: 20px;
}
.column4last {
	width: 167px;
	margin-right: 0;
}
.column5first {
	width: 142px;
	margin-right: 12px;
}
.column5last {
	width: 142px;
	margin-right: 0;
}
.column2first.bottom, .column2last.bottom, .column3first.bottom, .column3last.bottom, .column4first.bottom, .column4last.bottom, .column5first.bottom, .column5last.bottom {
	margin-bottom: 0px;
}
/* NEW CONTENTS IMG */

#newContent {
	width: 720px;
	background-color: #FFFFFF;
	margin: 0 auto;
}
#newContent img {
	margin-bottom: 10px;
}
.title {
	background-color: #e3e3e3;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 15px;
	width: 70px;
	padding-right: 5px;
	/*box-shadow*/
	box-shadow: 0 2px 1px #fff inset;
	-webkit-box-shadow: 0 2px 1px #fff inset;
	-moz-box-shadow: 0 2px 1px #fff inset;
	/*グラデーション*/
	background-image: -moz-linear-gradient(top, #f9f9f9, #cfcfcf);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #cfcfcf));
	/*ボックスのデザイン*/
	border: 1px solid #ccc;
	text-align: center;
	height: 21px;
}
.carnav {
	clear: both;
}
/*page_top*/

#page-top a {
	text-decoration: none;
	width: 12px;
	padding: 36px 25px 10px;
	text-align: center;
	display: block;
	position: relative;
	font-weight: 800;
	background-color: #FF0000;
	border-radius: 25px 25px 0px 0px;
	background-image: url(../image/common/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
}
#page-top {
	position: fixed;
	border-radius: 1em;
	margin-bottom: 0!important;
	bottom: 0;
	right: 20px;
	font-size: 77%;
	font-family: 'Fjalla One', sans-serif;
	font-family: 'Oswald', sans-serif;
	font-family: 'Quicksand', sans-serif;
	z-index: 6;
}
.price_box {
	overflow: hidden;
	padding: 2%;
	border: 1px solid #999;
	margin-bottom: 50px;
}
.price_box2 {
	overflow: hidden;
	padding: 0.5%;
	border: 1px solid #999;
	margin-bottom: 50px;
}
.bdnone {
	border: none!important;
}
.price_box h3.g_box {
	color: #FFF;
	font-size: 20px;
	background-color: #093;
	border-radius: 3px;
	line-height: 120%;
	margin-bottom: 0!important;
	width: 100px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
.price_box h3, .price_box2 h3 {
	font-size: 60px;
	font-weight: bold;
	color: #093;
	margin-bottom: 20px!important;
	margin-top: 5px!important;
}
.price_box p, .price_box2 p {
	color: #333333!important;
	font-size: 14px;
	display: block;
}
.pcset {
	float: left;
}
.mr2 {
	margin-right: 2%;
}
.mr5 {
	margin-right: 5%;
}
.mb20 {
	margin-bottom: 20px;
}
.one {
	text-align: center;
}
.right4 p {
	padding-top: 2px;
}
.pricemb {
	margin-bottom: 10px!important;
}
.inq_link {
	color: #FFF!important;
	background-color: #999;
	display: block;
	width: 87%;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 1.5%;
	padding-left: 0;
}
.inq_link:hover {
	background-color: #666;
	text-decoration: none;
}
.printbtn {
	padding: 0.3% 2%;
	display: block;
	float: right;
	background-color: #999;
	color: #FFF!important;
	margin-right: 10px;
	margin-top: -5px;
	border-radius: 7px;
}
.printbtn:hover {
	background-color: #666;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/*旧Footer  foodermenu*/

#foodermenu {
	width: 720px;
	height: auto;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	margin: 9px 0 9px 0;
	padding-top: 10px;
	color: #666;
	border-top: solid 1px #D2D2D2;
}
/*------------------------------------------------
// footer
------------------------------------------------*/

footer {
	width: 100%;
	margin: 40px auto 0;
	padding: 0;
	color: #999;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	zoom: 1;
}
footer .top_back {
	width: 260px;
	height: 35px;
	text-align: center;
	margin: 0 auto 20px;
	border-radius: 6px;
}
footer .top_back a {
	display: block;
	width: 260px;
	height: 35px;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	line-height: 35px;
	background: #FF0000;
	border-radius: 6px;
	text-decoration: none;
}
footer .top_back a:hover {
	text-decoration: none;
	filter: alpha(opacity=60);
	/* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";
	/* ie 8 */
	-moz-opacity: 0.6;
	/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;
	/* Safari 1.x */
	opacity: 0.6;
}
footer .foot_btm {
	width: 100%;
	border-top: 1px solid #999;
}
footer .foot_btm #links {
	text-align: center;
	padding-top: 5px;
}
footer #links a {
	color: #07b;
	text-decoration: none;
	margin-left: 5px;
	padding-right: 7px;
	border-right: 1px solid #999;
}
footer #links a:last-child {
	border-right: none;
}
footer #links a:hover {
	text-decoration: underline;
}
footer p.copyright {
	text-align: center;
	font-size: 10px;
}