@charset "UTF-8";

/* PC：basic.css */

/* --------------------------------------------------------------------
	Body
-------------------------------------------------------------------- */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Body */
html {
	font-size: 62.5%; /* Font：基本サイズ（16 * 0.625 = 10px） */
	overflow-x: hidden;
	min-width: 1080px;
}
body {
	color: #112631;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.6;
	min-width: 1080px;
}


/* --------------------------------------------------------------------
	Link
-------------------------------------------------------------------- */
a:link {
	color: #3399cc;
	text-decoration: underline;
}
a:visited {
	color: #3399cc;
	text-decoration: underline;
}
a:hover {
	color: #3399cc;
	text-decoration: none;
}
a:hover img {
	opacity: 0.8;
}


/* --------------------------------------------------------------------
	Header
-------------------------------------------------------------------- */
#header {
	background: #112631;
	margin: 0;
	padding: 0;
	width: 100%;
}
#header div.header_inner_ {
	height: 150px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
	max-width: 1290px;
}

/* headernav */
#header div#headernav {
	float: right;
	font-size: 12px;
}

/* customer_menu */
#header div#headernav ul.customer_menu_ {
	display: table;
	float: left;
}
#header div#headernav ul.customer_menu_ li {
	display: table-cell;
	float: none;
	margin: 0;
	padding: 0 0 0 15px;
}
#header div#headernav ul.customer_menu_ li img {
	vertical-align: -0.9em;
}
#header div#headernav ul.customer_menu_ li a {
	background: url(../img/common/arrow_gray.png) no-repeat left 0.1em;
	color: #3399cc;
	padding: 0 0 0 10px;
}
#header div#headernav ul.customer_menu_ li#gnav_mypage a {
	background: none;
}

/* sitelink */
#header div#headernav ul.sitelink_ {
	display: table;
 	float: left;
 	margin: 0 0 0 15px;
}
#header div#headernav ul.sitelink_ li {
	display: table-cell;
}
#header div#headernav ul.sitelink_ li a {
 	color: #ce0000;
	display: block;
	padding: 8px 15px 6px;
	text-decoration: none;
}
#header div#headernav ul.sitelink_ li.corporate_ a {
	background: #90969d;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #ffffff;
}
#header div#headernav ul.sitelink_ li.corporate_ a:hover {
	opacity: 0.8;
}

/* sitelogo */
#header p#sitelogo {
	clear: both;
	position: absolute;
	top: 40px;
	left: 0;
}

/* service */
#header div.service_ {
	position: absolute;
	top: 78px;
	left: 300px;
}
#header div.service_ p {
	color: #ffffff;
	display: inline;
	font-size: 19px;
	font-weight: bold;
	margin: 0 20px 0 0;
}
#header div.service_ p:first-child {
	color: #ffff00;
}

/* corporation */
#header div.corporation_ {
	position: absolute;
	top: 60px;
	right: 108px;
}

/* cartbox */
#header div.cartbox_ {
	position: absolute;
	top: 60px;
	right: 0;
}
#header div.cartbox_ a {
	display: block;
	position: relative;
}
#header div.cartbox_ a:hover {
	opacity: 0.8;
}
#header div.cartbox_ span.number_ {
	background: #ffff00;
	border-radius: 12px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	text-align: center;
	position: absolute;
	bottom: 25px;
	left: -4px;
	width: 24px;
}
#header div.cartbox_.menu_open_ div.secondlevel_ {
	display: none;
	z-index: -1;
}
#header div.cartbox_.menu_open_ div.secondlevel_ {
	background: #ffffff;
	border-top: 8px solid #112631;
	box-sizing: border-box;
	padding: 0 2%;
	position: absolute;
	top: 62px;
	right: 0;
	width: 280px !important;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
#header div.cartbox_.menu_open_:hover div.secondlevel_ {
	display: block;
	top: 62px;
	z-index: 1;
}
#header div.cartbox_.menu_open_:hover > a {
	position: relative;
}
#header div.cartbox_.menu_open_:hover > a:after {
	border-style: solid;
	border-width: 0 6px 8px;
	border-color: #ffffff transparent;
	content: " ";
	top: 62px;
	right: 0;
	position: absolute;
	background-color: transparent;
	z-index: 2;
}
#header div.cartbox_.menu_open_:hover > a:hover {
	opacity: 1;
}
/* cart_inner */
#header div.cartbox_ div.cart_inner_ {
	padding: 10px;
}
#header div.cartbox_ div.cart_inner_ dl {
	display: table;
	width: 100%;
}
#header div.cartbox_ div.cart_inner_ dl + dl {
	margin: 10px 0 0 0;
}
#header div.cartbox_ div.cart_inner_ dl dt,
#header div.cartbox_ div.cart_inner_ dl dd {
	display: table-cell;
}
#header div.cartbox_ div.cart_inner_ dl dd {
	padding: 0 0 0 10px;
}
#header div.cartbox_ div.cart_inner_ dl.cart_item_ dt {
	height: 100px;
	vertical-align: top;
	width: 100px;
}
#header div.cartbox_ div.cart_inner_ dl.cart_item_ dt img {
	width: 100%;
}
#header div.cartbox_ div.cart_inner_ dl.cart_item_ dd {
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}
#header div.cartbox_ div.cart_inner_ dl.cart_item_ dd span.item_price_ {
	font-size: 13px;
}
#header div.cartbox_ div.cart_inner_ dl.cart_total_ dd {
	text-align: right;
}
#header div.cartbox_ div.cart_inner_ div.cart_to_order_ {
	margin: 10px 0 0 0;
}
#header div.cartbox_ div.cart_inner_ div.cart_to_order_ a {
	background: #3399cc;
	color: #ffffff;
	display: block;
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
}


/* --------------------------------------------------------------------
	Global Navigation
-------------------------------------------------------------------- */
#globalnav {
	background: #112631;
}
#globalnav nav {
	margin: 0 auto;
	max-width: 1290px;
}
#globalnav nav > ul {
	display: table;
	height: 26px;
	list-style: none;
	width: 100%;
}
#globalnav nav > ul > li {
	display: table-cell;
	font-size: 13px;
	font-weight: bold;
	height: 26px;
	text-align: center;
}
#globalnav nav > ul > li > a {
	border-left: 1px solid #000000;
	color: #ffffff;
	display: block;
	height: 26px;
	text-decoration: none;
}
#globalnav nav > ul > li.menu_open_ a span {
	background: url(../img/common/arrow_gnavi.png) no-repeat center right;
	padding: 0 15px 0 0;
}
#globalnav nav > ul > li.active a,
#globalnav nav > ul > li a:hover {
	color: #ffff00;
}
#globalnav nav > ul > li.active.menu_open_ a span,
#globalnav nav > ul > li.menu_open_ a:hover span {
	background: url(../img/common/arrow_gnavi_on.png) no-repeat center right;
}
#globalnav nav > ul > li#gnav_08 { /* 法人のお客様 */
	background: #29abe2;
	background-image: -moz-linear-gradient(top, #29abe2, #0071bc);
	background-image: -ms-linear-gradient(top, #29abe2, #0071bc);
	background-image: -webkit-linear-gradient(top, #29abe2, #0071bc);
	background-image: linear-gradient(top, #29abe2, #0071bc);
	border-left: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #ffffff;
	height: 35px;
	margin: -9px 0 0 0;
	padding: 9px 0 0 0;
	text-decoration: none;
}
#globalnav nav > ul > li#gnav_08 a {
	border-left: none;
}
#globalnav nav > ul > li#gnav_08 a span {
	background: none;
	padding: 0;
}
/* メガメニュー */
#globalnav ul.menu_ {
	position: relative;
}
/* floatクリア */
#globalnav ul.menu_:before,
#globalnav ul.menu_:after {
	content: '';
	display: table;
}
#globalnav ul.menu_:after {
	clear: both;
}
#globalnav ul.menu_ {
	*zoom: 1;
}
/* secondlevel */
#globalnav li.menu_open_ div.secondlevel_ {
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}
#globalnav li.menu_open_ div.secondlevel_ {
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	position: absolute;
	top: 45px; left: 0;
	width: 100% !important;
}
#globalnav li.menu_open_:hover > a {
	position: relative;
}
#globalnav li.menu_open_:hover > a:after {
	background-color: transparent;
	border-style: solid;
	border-width: 0 8px 14px;
	border-color: #cdcdcd transparent;
	content: " ";
	opacity: 0.9;
	top: 22px;
	left: 42%;
	position: absolute;
	z-index: 2;
}
#globalnav li.menu_open_:hover div.secondlevel_ {
	top: 45px; left: 0;
	visibility: visible;
	opacity: 1;
}
#globalnav li.menu_open_:hover div.secondlevel_ {
	background: #cccccc;
	background: rgba(205,205,205,0.9);
	border-radius: 10px;
	overflow: hidden;
	padding: 20px 0;
}
#globalnav li.menu_open_ div.secondlevel_ div.inner_ > ul {
	list-style: none;
	padding: 0 0 0 2.2%;
}
#globalnav li.menu_open_ div.secondlevel_ div.inner_ > ul li {
	float: left;
	margin: 0 2.2% 0 0;
	width: 17.8%;
}
#globalnav li.menu_open_ div.secondlevel_ div.inner_ > ul li:nth-child(n + 6) {
	margin-top: 20px;
}
#globalnav li.menu_open_ div.secondlevel_ div.inner_ > ul li img {
	width: 100%;
}


/* --------------------------------------------------------------------
	Headline
-------------------------------------------------------------------- */
/* headlineblock */
div.headlineblock_ {
	background: #ffffff;
	padding: 20px 0 0 0;
}
div.headlineblock_ h1 {
	font-size: 15px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 1080px;
}
div.headlineblock_ h1:before {
	content: '\025C6';
}


/* --------------------------------------------------------------------
	Container
-------------------------------------------------------------------- */
div.container_ {
	clear: both;
	margin: 0 auto;
	width: 1080px;
}
div.container_:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
#home div.container_ {
	width: 100%;
}
@media (min-width: 1290px) {
    #home div.container_ {
        width: 1290px;
    }
}

/* contents */
div.container_ div.contents_ {
	float: right;
	margin: 0 0 80px 0;
	width: 825px;
}
#home div.container_ div.contents_ {
	float: left;
	margin: 25px -215px 60px 0;
	width: 100%;
}

/* mainframe */
div.container_ div.contents_ div.mainframe_ {
	float: none;
	width: auto;
}
#home div.container_ div.contents_ div.mainframe_ {
	margin: 0 245px 0 0;
}

/* rightmenuframe */
div.rightmenuframe_ {
	float: left;
	margin: 0 0 80px;
	width: 215px;
}
#home div.rightmenuframe_ {
	float: right;
}
/*div.rightmenuframe_ {
	float: left;
	margin: 25px 0 80px 0;
	width: 215px;
}
#home div.rightmenuframe_ {
	float: right;
	margin: 25px 0 40px 0;
}
div.rightmenuframe_ div.side_bg_ {
	background: #e7e9ea;
    padding: 20px 10px;
}*/


/* --------------------------------------------------------------------
	Footer
-------------------------------------------------------------------- */
#footer {
	background: #94aab6;
	border-top: none;
	margin: 35px 0 0 0;
	padding: 0;
}
#footer div.footer_inner_ {
	color: #ffffff;
	letter-spacing: 0.02em;
	margin: 0 auto;
	padding: 30px 0 40px 0;
	position: relative;
	width: 100%;
	max-width: 1290px;
}
#footer div.footer_inner_:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

/* footer_sitemap */
#footer div.footer_sitemap_ {
	float: left;
	min-width: 772px;
	width: 71.48%;
}
#footer div.footer_sitemap_ div.sitemap_block_ {
	float: left;
	margin: 0 3.8%/*30px*/ 0 0;
	min-width: 140px;
	width: 18.13%;
}
#footer div.footer_sitemap_ div.sitemap_block_.category_ {
	min-width: 402px;
	width: 52%;
}
#footer div.footer_sitemap_ div.sitemap_block_ h3 {
	border-bottom: 1px solid #ffffff;
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
}
#footer div.footer_sitemap_ div.sitemap_block_ > ul li {
	margin: 2px 0 0 0;
}
#footer div.footer_sitemap_ div.sitemap_block_ > ul li a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}
#footer div.footer_sitemap_ div.sitemap_block_ > ul li a:hover {
	text-decoration: underline;
}
#footer div.footer_sitemap_ div.sitemap_block_ > ul > li {
	background: url(../img/common/arrow_white.png) no-repeat left 0.3em;
	padding: 0 0 0 9px;
}
#footer div.footer_sitemap_ div.sitemap_block_.category_ > ul {
	float: left;
}
#footer div.footer_sitemap_ div.sitemap_block_.category_ > ul + ul {
	margin-left: 35px;
}
#footer div.footer_sitemap_ div.sitemap_block_.category_ > ul > li {
	margin: 0 0 24px 0;
}

/* footernav */
#footer div.footernav {
	position: absolute;
	left: 40.7%/*440px*/; top: 228px;
	width: 250px;
}
#footer div.footernav li {
	border-right: 1px solid #ffffff;
	float: left;
	font-size: 11px;
	line-height: 1;
	margin: 12px 0 0 0;
	padding: 0 6px;
}
#footer div.footernav li:first-child,
#footer div.footernav li:first-child + * + * + * {
	border-left: 1px solid #ffffff;
}
#footer div.footernav li a {
	color: #ffffff;
	text-decoration: none;
}
#footer div.footernav li a:hover {
	text-decoration: underline;
}

/* about_security */
#footer div.about_security_ {
	background: #ffffff;
	border-radius: 10px;
	height: 100px;
	position: absolute;
	right: 290px; bottom: 40px;
	padding: 12px;
	width: 300px;
}
#footer div.about_security_ dl {
	color: #727171;
}
#footer div.about_security_ dl dt {
	font-size: 13px;
}
#footer div.about_security_ dl dd {
	font-size: 10px;
	line-height: 1.4;
	margin: 2px 0 0 0;
}
#footer div.about_security_ dl dd span {
	display: block;
	float: right;
	margin: -12px 0 0 10px;
}
#footer div.about_security_ dl dd a {
	color: #727171;
	text-decoration: none;
}
#footer div.about_security_ dl dd a:hover {
	text-decoration: underline;
}

/*  Facebook Page Plugin */
#footer div.page_plugin_ {
	float: right;
	width: 270px;
}

/* コピーライト */
#footer #copyright {
	background: #ffffff;
	color: #727171;
	font-size: 10px;
	letter-spacing: 0.04em;
	padding: 12px 0 20px;
	text-align: center;
}