@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 {
	text-align: left;
	color: #000000;
	background-color:#eeeeee;
	font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	border-style: none;
	margin: 0px;
}

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:#eeeeee; }
#company_top {
	margin: 0 auto 0 auto;
	padding: 0;
	background:url("https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/st-yatushiro/1570438628095814300.jpg") top no-repeat;
	background-color:#ffffff;
	border-width: 1px;
	border-color: #cccccc;
	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_4_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_4_mainbtn_ov.png") left bottom no-repeat;
	color: #333333;
}
#company_cnt_top li.cntmenu a {
	width:136px;
	background: url("../img/170_4_mainbtn.png") left top no-repeat;
	color:#333333;
}
#company_cnt_top li.cntmenu a:hover {
	width:136px;
	background: url("../img/170_4_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_4_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_4_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_4_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_4_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: #339900;}
/* スマホ時メニュー背景色 */
#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     : 70px;
    height    : 20px;
	position  : absolute;
	left      : 10px;
    top       : 10px;
    background: url('/images/template/menu_jp_wh.svg') 0px 0px no-repeat;
    background-size: 70px;
    opacity   :0.8;
}
#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;
}

/* Form */
.submit_resp {
	-moz-border-radius   : 1em ;
	-webkit-border-radius: 1em;
	border-radius        : .3em ;
	font-size            : 16px;
	padding              : .6em 20px;
	min-width            : .75em;
	position             : relative;
	text-overflow        : ellipsis;
	overflow             : hidden;
	white-space          : nowrap;
	zoom                 : 1;
	border               : 1px solid #ccc;
	background           : #eee;
	font-weight          : bold;
	color                : #222 ;
	text-shadow          : 0 1px 0 #ffffff ;
	background-image     : -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #f1f1f1 ));
	background-image     : -webkit-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :    -moz-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :     -ms-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :      -o-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :         linear-gradient( #ffffff, #f1f1f1 );
}
.submit_resp:hover {
	border          : 1px solid #bbb;
	background      : #dfdfdf;
	font-weight     : bold;
	color           : #222;
	text-shadow     : 0 1px 0 #ffffff ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 ), to( #e0e0e0 )); 
	background-image: -webkit-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:    -moz-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:     -ms-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:      -o-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:         linear-gradient( #f6f6f6, #e0e0e0);
}
.submit_resp:active {
	-moz-box-shadow   : 0px 0px 12px #387bbe ;
	-webkit-box-shadow: 0px 0px 12px #387bbe ;
	box-shadow        : 0px 0px 12px #387bbe ;	
}
.text_resp {
	-moz-border-radius   : .6em ;
	-webkit-border-radius: .6em ;
	border-radius        : .2em ;
	border               : 1px solid #aaa;
	color                : #333333;
	text-shadow          : 0 1px 0 #fff ;
	background           : #f9f9f9 ;
	background-image     : -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 ), to( #eeeeee ));
	background-image     : -webkit-linear-gradient( #f9f9f9 , #eeeeee );
	background-image     :    -moz-linear-gradient( #f9f9f9 , #eeeeee);
	background-image     :      -ms-linear-gradient( #f9f9f9, #eeeeee);
	background-image     :       -o-linear-gradient( #f9f9f9, #eeeeee);
	background-image     :          linear-gradient( #f9f9f9, #eeeeee);
	
	background-image: none;
	padding         : .4em;
	margin          : .5em;
	line-height     : 1.4;
	font-size       : 16px;
	width           : 90%;
	outline         : 0;
}
.text_resp:focus {
	-moz-box-shadow   : 0px 0px 12px #387bbe ;
	-webkit-box-shadow: 0px 0px 12px #387bbe ;
	box-shadow        : 0px 0px 12px #387bbe ;	
}