@charset "utf-8";

/*********************************************************************
 * Standard Parts
 *********************************************************************/
body {
	padding-top: 10px;
	min-height:900px;
}

/*********************************************************************
 * Page Parts
 *********************************************************************/
/* Fix Area */
body, #container, div#header, div#PageHeader {width:100%;}

/* Add */
div#PageHeader {
	position: fixed!important;
	position: absolute;
	text-align:left;
}
div#PageHeader {z-index:8998;}
div#header {z-index:8999;}

/* header */
div#header {
	background-color:#ffffff;
	position: fixed!important;
	top: 0;
	height:60px;
	border-top:3px solid #062;
	border-bottom:1px solid #062;
}
div#header div#headerLeft {
	float:left;
	width:730px;
}
div#header div#headerRight {
	float:right;
	width:220px;
}

div#header div#headImage {
	position:relative;
	float:left;
	top:10px;
	left:5px;
}
div#header div#headImagePewered {
	position:relative;
	float:left;
	top:23px;
	left:7px;
}
div#header div#headImageTel {
	position:relative;
	float:right;
	top:20px;
}
div#header div#authUser {
	position:relative;
	float:right;
	top:2px;
	padding-right:10px;
	font-size:13px;
	text-align:right;
}

/*Icon Menu(header)*/
#header .material-icons, #header .material-icons a {
	color:#ffffff;
	text-decoration:none;
	font-size:26px;
}

div#signIcon, div#menuIcon, div#userIcon, div#childIcon, div#cartIcon {
	cursor:pointer;
	position:relative;
	top:0px;
	float:right;
	width:36px;
	height:30px;
	text-align:center;
	background-color:#062;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
div#signIcon:hover, div#menuIcon:hover, div#userIcon:hover, div#childIcon:hover, div#cartIcon:hover {
	background-color:#c3d9ca;
}
div#cartIcon {margin-right:5px;}
div#childIcon {margin-right:2px;}
div#userIcon {margin-right:2px;}
div#menuIcon {margin-right:5px;}
div#signIcon {
	margin-right:10px;
	/*background-color:#0095d9!important;*/
}

/*カート*/
div#cartIcon a {
	font-size:32px!important;
}
div#cartIcon {
	width:46px!important;
	height:36px!important;
}
#CartCount {
	position:fixed;
	top:0;
	font-size:12px;
	z-index:10000;
	color:#ffffff;
	background-color:#ff3300;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	width:18px;
	text-align:center;
}

/*Pulldown Menu*/
div#menuBody {
	position: fixed;
	top:-1px;
	right:60px;
	background-color:#ffffff;
	text-align:left;
	display:none;
	z-index:10000;
}
div#menuBody a {
	width:200px;
	font-size:12px;
	text-decoration:none;
	display:block;
	padding:5px 5px;
	background-color:#474a4d;
	color:#ffffff;
}
div#menuBody a:not(.not):hover {
	background-color:#afafb0;
	color:#000000;
}
div#menuBody a.not:hover {
	background-color:#595455;
}
div#menuBody .sub a:before {
	content: "　";
}
div#menuBody div.sep {
	border-bottom:1px solid #ffffff;
}

/* Page Header */
#PageHeader {
	padding:6px 5px;
	font-size:18px;
	background-color:#062;
	color:#ffffff;
	top: 60px;
}
#PageHeader .material-icons {
	font-size:18px;
	position:relative;
	top:2px;
	margin-right:3px;
}

/* contents */
div#contents {
	text-align:left;
	min-height:600px;
	background-color:#ffffff;
	margin-top:90px;
	padding:10px 10px 10px 10px;
}

div.legend {
	font-weight:bold;
	margin:10px 0;
	font-size:16px;
}
div.legend img {
	position:relative;
	top:8px;
	margin-right:3px;
}

/* ========== フッター ========== */
#footer{
	background-color:#c3d9ca;
	padding:5px 0;
	font-size:x-small;
	text-align:center;
}

/*SP-----------------------------------------------------------------------------------*/
@media only screen and (max-width:599px) {/*-------------------------------------------*/
.sp_none {display:none;}
.sp_disp {display:auto;}
}/*SP----------------------------------------------------------------------------------*/

/*TB-----------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (max-width:959px) {/*---------------------*/
.tb_none {display:none;}
.tb_disp {display:auto;}
}/*TB----------------------------------------------------------------------------------*/

/*PC-----------------------------------------------------------------------------------*/
@media only screen and (min-width:960px) {/*-------------------------------------------*/
.pc_none {display:none;}
.pc_disp {display:auto;}
}/*PC----------------------------------------------------------------------------------*/