@charset "utf-8";

/* GLOBAL CSS */

h1, h2, h3, h4, h5, h6   { margin: 0px; }
img { border: 0px; margin: 0px; padding: 0px; }
form { margin: 0px; }
.clearfix:after st#
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hide from IE-mac \*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.hidden { display: none; }


/* LOCAL CSS */
body{
	display    : block !important;
	text-align: left;
	color: #000000;
	background-color:#e6f6e0;
	font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	border-style: none;
	margin: 0px;
	animation: fadeIn 0.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
}

a:link {
	color: #0033cc;
	text-decoration: underline;
	background: none;
}
a:visited {
	color: #0033cc;
	text-decoration: underline;
	background: none;
}
a:hover {
	color: #ff1a05;
	text-decoration: underline;
	background: none;
}
a:active {
	color: #ff1a05;
	text-decoration: underline;
	background: none;
}
td p {
	margin: 0em;
}

* html #cnt_rightbox, * html #cnt_rightbox_nosidebar, * html #cnt_leftbox {
	margin-right: -3px;
}

#cnt_space {
	height: 5px;
	margin: 0 auto 0 auto;
	padding: 0px;
	clear: both;
}
#cnt_basebox {
	margin: 0px auto 0px auto;
	padding: 0;
	background:#ffffff;
	border-width: 1px;
	border-color: #999999;
	border-style:solid;
	clear: both;
}
#cnt_mainbox {
	margin: 0 4px;
	padding: 0;
	clear: both;
}
#cnt_rightbox, #cnt_rightbox_nosidebar {
	float: right;
	margin: 0;
	padding: 0;
	text-align: left;
}
#cnt_rightboxinn, #cnt_rightboxinn_nosidebar {
	padding: 0;
	text-align: left;
}
#cnt_leftbox {
	width: 240px;
	float: left;
	margin: 0;
	padding: 20px 15px 40px 15px;
}
#cnt_btmbt {
	clear: both;
	width: 75px;
	height: 24px;
	margin: 0 0 0 0;
}
#cnt_btmbt a {
	display: block;
	width: 75px;
	height: 24px;
	background-image: url("/images/template/mobile_btn.gif");
}
#cnt_btmbox {
	height: 9px;
	margin: 0px;
	padding: 0px;
}
/* =IE clear ----------------------------------------------- */
/* Hide from IE-mac \*/
* html #cnt_leftbox ul li, * html #cnt_leftbox ul li.sn_01, * html #cnt_leftbox ul li.sn_01_01, {
 margin-bottom: -2px;
}
/* End hide from IE-mac */

#foot_box {
	height: 27px;
	margin: 0px auto 0 auto;
	padding: 0px;
}
#foot_box a:link, #foot_box a:visited {
	font-size: 10px;
	text-decoration: none;
	color: 
}
#foot_box a:hover, #foot_box a:active {
	font-size: 10px;
	text-decoration: none;
	color: #FF0000;
}

#company_body {
	background-color:#e6f6e0; }
#company_top {
	margin: 0 auto 0 auto;
	padding: 0;
	background:url("https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/pkitimages/247_l.jpg") top no-repeat;
	background-color:#e6f6e0;
	border-width: 1px;
	border-color: #e6f6e0;
	border-style:solid;
}
#company_header {
	margin: 0 auto 0 auto;
	padding: 13px 4px 0 4px;
	overflow: visible;
	text-align: left;
}
#company_header p {
	margin: 0px;
	padding: 0px;
}
#company_footer {
	margin: 0px auto 0 auto;
	padding: 0px;
}

#company_space {
	height: 20px;
	margin: 0 auto;
	padding: 0px;
}

.cntmenu ul, .cntmenu_over ul {
	display: none;
}

#company_cnt_top {
	margin: 0 auto 0 auto;
	padding:0;
	text-align: left;
	overflow: visible;
	background: url("../img/170_1_mainbtn.png") left top repeat;
}
#company_cnt_top a {
	display:block;
	height:51px;
	margin:0;
	padding:0;
}
#company_cnt_top ul {
	margin: 0px;
	padding: 0px;
	font-size:12px;
	line-height:16px;
}
#company_cnt_top li {
	display:block;
	float: left;
	width:136px;
	height:51px;
	margin: 0 0 5px 0;
	padding: 0px 0px 0px 0px;
}
#company_cnt_top li span {
	display:block;
	padding:18px 0 0;
	text-align:center;
	overflow:visible;
}
#company_cnt_top a:link, #company_cnt_top a:visited, #company_cnt_top a:hover {
	text-decoration:none;
}
/* W3C準拠のため追加 20100226 */
/* cntmenu */
#company_cnt_top li.cntmenu_over a {
	width:136px;
	background: url("../img/170_1_mainbtn_ov.png") left bottom no-repeat;
	color: #333333;
}
#company_cnt_top li.cntmenu a {
	width:136px;
	background: url("../img/170_1_mainbtn.png") left top no-repeat;
	color:#333333;
}
#company_cnt_top li.cntmenu a:hover {
	width:136px;
	background: url("../img/170_1_mainbtn_ov.png") left bottom no-repeat;
	color: #333333;
}
.sidemenu {
	margin:0;
	padding:0;
}
.sidemenu > li > ul {
	margin:0;
	padding:0;
}
.sidemenu ul {
  margin:0px;
  padding:0px;
}
.sidemenu li {
	list-style:none;
	overflow  :hidden;
	width:240px;
}
.sidemenu > li {
	margin:0;
	padding:0;
	line-height:0;
}
.sidemenu li > ul > li{
	margin:0;
	padding:0;
	height:35px;
}

#sn_company a.sn_01, #sn_company a.sn_01_over {
	display: block;
	width: 240px;
	height: 40px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-decoration: none;
	font-size: 12px;
	cursor:pointer;
	line-height:normal;
}
#sn_company a.sn_01:link, #sn_company a.sn_01:visited {
	background: url("../img/170_1_sn_01.png") left no-repeat;
	color: #333333;
}
#sn_company a.sn_01:hover, #sn_company a.sn_01:active, #sn_company a.sn_01_over:link, #sn_company a.sn_01_over:visited, #sn_company a.sn_01_over:hover, #sn_company a.sn_01_over:active {
	background: url("../img/170_1_sn_01_ov.png") left no-repeat;
	color: #333333;
}
 
.mn_01 {
	display: block;
	width: 215px;
	height: 27px;
	margin: 0px;
	padding: 13px 0px 0px 25px;
	position: absolute;
	overflow: hidden;
}

#sn_company a.sn_01_01, #sn_company a.sn_01_01_over {
	display: block;
	width: 240px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-size: 12px;
	cursor:pointer;
	line-height:normal;
}
#sn_company a.sn_01_01:link, #sn_company a.sn_01_01:visited {
	background: url("../img/170_1_sn_01_01.png") left top no-repeat;
	color: #333333
}
#sn_company a.sn_01_01:hover, #sn_company a.sn_01_01:active, #sn_company a.sn_01_01_over:link, #sn_company a.sn_01_01_over:visited, #sn_company a.sn_01_01_over:hover, #sn_company a.sn_01_01_over:active {
	background: url("../img/170_1_sn_01_01_ov.png") left top no-repeat;
	color:#333333;
}

.mn_01_01 {
	display: block;
	width: 210px;
	height: 26px;
	margin: 0px;
	padding: 9px 0px 0px 30px;
	position: absolute;
	overflow: hidden;
}

#photo {
	margin: auto;
}

/* レスポンシブ用パネル */
#titleBar {background: #0066cc;}
/* スマホ時メニュー背景色 */
#navPanel {background: #1f1f1f;}
/* スマホ時メニュー親ページ文字色 */
#navPanel .link.depth-0 {color: #ffffff;}
/* スマホ時メニュー子ページ文字色 */
#navPanel .link.depth-1 {color: #ffffff;}


/* Cart */
#CartArea{
	width:100% !IMPORTANT;
	height:auto !IMPORTANT;
	overflow:auto !IMPORTANT;
}
#CartFrame{
	width:100% !IMPORTANT;
	height:2500px !IMPORTANT;
}

/* titlebar */
#titleBar .title a {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-weight: 300;
	text-decoration: none;
}		
#titleBar .tag {
	display: none;
}
#titleBar .toggle {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 60px;
}
#titleBar .toggle:after {
	content   : '';
	display   : block;
	width     : 20px;
	height    : 12px;
	position  : absolute;
	left      : 10px;
	top       : 15px;
	background: url('images/toggle.svg') 0px 0px no-repeat;
	opacity   : 0.5;
}
#titleBar .toggle:active:after {
	opacity: 0.75;
}

/* navpanel*/
#navPanel .link{
	display: block;
	color: #000000;
	text-decoration: none;
	line-height: 44px;
	border-top: solid 1px;
	border-color: rgba(255,255,255,.05);
	padding: 0 1em 0 1em;
	letter-spacing: 1px;
}
#navPanel .link:first-child {
	border-top: 0;
}
#navPanel .indent-1 {
	display: inline-block; width: 1em;
}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}