@charset "utf-8";


.wf{font-family: 'AvenirMedium',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Arial,sans-serif;}
.wf_light{font-family: 'AvenirLight',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Arial,sans-serif;}
.wf_bold{font-family: 'AvenirBlack',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Arial,sans-serif;
font-weight: bold;}

/*----------------------------------------------------
	Base
----------------------------------------------------*/
html {overflow-y: scroll;}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important;
	color: #333;
	word-break: break-all;
	font-size:90%;
	line-height:1.5 !important;
	background:#FFF;
}
input, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 100%;
}
/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size:12px;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size:12px;
}


/* for IE */
.ie6 body {
	font-size: 0.9em;
	line-height: 1.2;
}
.ie6 table {
	font-size: 100%;
	line-height: 1.5;
}
.ie6 input,.ie6 textarea,.ie6 select {
	font-family: "ＭＳ Ｐゴシック","MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ie7 body {
	font-size: 70%;
}


/* link
----------------------------------------------------*/
a {color:#333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color:#999;text-decoration: none;}
a:active {text-decoration: none;}


/* clerfix
----------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.minH{min-height:700px;}
.abs{position:absolute;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.circle{
	display:block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.wFix{width:100%;height:auto;}
.fixW{max-width:100%;height:auto;}
.ut{
	user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	/*pointer-events: none;*/
}
.txtlink{background:url(../img/assets/txtlink.png) 0 50% no-repeat;}

.txtlink_b{
	background-image:url(../img/assets/txtlink.png),url(../img/assets/blanklink_b.png);
	background-repeat:no-repeat,no-repeat;
	background-position:0 50%,100% 0%;
	padding-left:15px;
	padding-right:25px;
	}
	
	
.txtlink_w{
	background-image:url(../img/assets/txtlink.png),url(../img/assets/blanklink_w.png);
	background-repeat:no-repeat,no-repeat;
	background-position:0 50%,100% 0%;
	padding-left:15px;
	padding-right:25px;
	}	

.txtlink:hover{background-position:2px 50%;}


#nojs #warning{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	line-height:30px;
	text-align:center;
	background:#F00;
	color:#FFF;
	font-weight:bold;
	z-index:999999;
}






/*----------------------------------------------------
	#page
----------------------------------------------------*/
#warning{display:none;}
#page {
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#container{}

#copy{
	position:absolute;
	bottom:5px;
	right:10px;
	font-size:70%;
	color:#555;
}
#copy br{display:none;}
/*----------------------------------------------------
	#side-nav
----------------------------------------------------*/
#side-nav{
	display:block;
	width:183px;
	height:100%;
	padding:0 0 0 18px;
	position:fixed;
	top:0;
	cursor:pointer;
	z-index:9999;
	background:#000;
	line-height:100%;
}
#side-nav a{
	color:#FFF;
	outline:none;
}
#side-nav a:hover{color:#CCC;}
#side-in{
	position:relative;
	display:block;
	height:100%;
}
#side-in .abs{left:0;}
#logo{top:60px;}
	#logo_2 {
		margin-bottom: 20px; }

#trigger{display:none;}
#gnav{top:150px;}
#web_top{display:none;}


#gnav .home{
	margin-bottom:20px;
}

#gnav .cathead{
	display:block;
	margin:7px 0 0;
	height:15px;
	line-height:15px;
	font-size:90%;
}
#gnav ul .cat_inner{margin-top:20px;}
#gnav ul.sub{
	margin:0 0 15px 0; 
	font-size:85%;
	display:none;
}
#gnav ul.sub li{margin-top:8px;}
#gnav ul.sub li .txtlink{padding-left:10px;}
#gnav .on .cathead{
	margin-left:-18px;
	padding-left:18px;
	background:url(../img/assets/active_l.png) 0 50% no-repeat;
}
#gnav .on .sub{display:block;}
#gnav .onpage{background:url(../img/assets/active_s.png) 0 50% no-repeat;}
#gnav a.txtlink{background:none;}

#megalink{top:455px;}

#megalink a{
	display:block;
	font-size:17px;
	height:22px;
	line-height:22px;
	padding-left:25px;
	margin-bottom:5px;
}
#megalink a:hover{background-position:2px 50%;}

#onlinestore a{background:url(../img/side/onlinestore.png) 0 50% no-repeat;}
#shoplist a{background:url(../img/side/shoplist.png) 0 50% no-repeat;}

#under-nav{bottom:50px;font-size:75%;}
#under-nav li{margin-bottom:6px}
#under-nav li.on a{
	margin-left:-18px;
	padding-left:18px;
	background:url(../img/assets/active_s.png) 0 50% no-repeat;
}


#under-nav .blink{
	padding-right:20px;
	background:url(../img/assets/blanklink_w.png) 100% 50% no-repeat;
}

.blink{
	padding-right:20px;
	padding-left:10px;
	background:url(../img/assets/blanklink_w.png) 100% 50% no-repeat;
}


#side-bottom{bottom:20px;}
#side-bottom li{float:left;	margin-right:10px;}
#side-bottom li:last-child{margin-right:0;}

#spmegalink{display:none;}



/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents{
	display:block;
	height:auto;
	/*margin-left:201px;*/
}
#contents-in{
	display:block;
	width:100%;
	height:auto;
}
.head{margin-bottom:40px;}
.head h2{font-size:50px;line-height:100%}
.head span{margin-left:20px;}
.head h3{font-size:1.2em;}


#btn_tarmbtn{
	text-align:right;
	}

/* ======================================================== */
/* ======================================================== */
/* ======================================================== */

