@charset "utf-8";

/* ===================================================================
CSS information

 file name  :style.css
 style info :基本レイアウト、および共通パーツ(sp用)
 このスタイルシートの構成
 
  
 制作：2014.04.07 kunihiro
 更新：2014.11.10 kunihiro

=================================================================== */


/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	/* 英数の改行 */
	word-break: break-all;
	word-wrap: break-word;
	line-height: 1.0;
	-webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
	display:block;
}

img {
	border: 0;
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6, b {
	font-weight:normal;
}

ul, ol {
	list-style: none;
}

table {
	border-spacing: 0;
	empty-cells: show;
}

em {
	font-style:normal;
}

a {
	text-decoration:none;
}


/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#232222;
	
	/*
	color:#503C30;
	*/
	color:#DDD;
	font-size:14px;
	line-height:1.6;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}

p,ul,li,dl,a {
	margin:0;
	padding:0;
	line-height:1.6;
}

a {
	color:#CCC;
}

a:visited {
	/*
	color:#AAA;
	*/
}

.wrapper {
}


/*=================================================
 * レイアウト
 * ================================================= */

#Frame {
}

#top_header {
	overflow:hidden;
	border-bottom:#C58D43 1px solid;
}


/*=================================================
 * global_header
 * ================================================= */

#global_header {
	border-top:#C58D43 8px solid;
	width:80px;
	
	padding-top:2px;
	
	float:left;
}


#global_header h1 {
	border-top:#C58D43 2px solid;
}

#global_header h1 a {
	display:block;
	padding-top:10px;
}

#global_header h1 a img {
	pointer-events: none;
}

/*=================================================
 * mainImg
 * ================================================= */
 
#mainImg {
	margin-left:80px;
	border-left:#BE8D4C 1px solid;
}

#mainImg img {
	width:100%;
}

.flex-control-nav,
.flex-direction-nav {
	display:none;
}

/*=================================================
 * sideNav01
 * ================================================= */

#top_navi {
	overflow:hidden;
}


#sideNav01 {
	width:80px;
	float:left;
}

#sideNav01 ul {
}

#sideNav01 li {
	border-bottom:#C58D43 1px solid;
}

#sideNav01 li a {
	display:block;
	width:80px;
	height:80px;
	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


#sideNav01 .menu a {
	background:#4D4D4D url(../img_top/btn_sideNav01_menu.png) 50% 50% no-repeat;
	-webkit-background-size:62px 67px;
	background-size:62px 67px;
}

#sideNav01 .login a {
	background:url(../img_top/btn_sideNav01_login.png) 50% 50% no-repeat;
	-webkit-background-size:62px 67px;
	background-size:62px 67px;
}

#sideNav01 .cart a {
	background:#4D4D4D url(../img_top/btn_sideNav01_cart.png) 50% 50% no-repeat;
	-webkit-background-size:57px 70px;
	background-size:57px 70px;
	
	position:relative;
}

#sideNav01 .cart .item_num {
	display:block;
	background:url(../img_top/bg_cart_num.png) 0 0 no-repeat;
	-webkit-background-size:28px 28px;
	background-size:28px 28px;
	width:28px;
	height:28px;
	
	position:absolute;
	top:5px;
	right:5px;
	
	text-indent:0;
	text-align:center;
	line-height:28px;
	color:#FFF;
}



#sideNav01 .member a {
	background:url(../img_top/btn_sideNav01_member.png) 50% 50% no-repeat;
	-webkit-background-size:74px 69px;
	background-size:74px 69px;
}







/*=================================================
 * top_itemNav
 * ================================================= */

#top_itemNav {
	margin-left:80px;
	border-left:#BE8D4C 1px solid;
}



#top_itemNav ul {
}

#top_itemNav li {
	border-bottom:#BE8D4C 1px solid;
}

#top_itemNav li.link01 {
	background:url(../img_top/bg_top_itemNav01.png) 100% 100% no-repeat;
	background-size:105px 80px;
}

#top_itemNav li.link02 {
	background:#4D4D4D url(../img_top/bg_top_itemNav02.png) 100% 100% no-repeat;
	background-size:105px 80px;
}

#top_itemNav li.link03 {
	/* background:url(../img_top/bg_top_itemNav03.png) 100% 100% no-repeat; */
	background-size:105px 80px;
}

#top_itemNav li a {
	display:block;
	height:80px;
}



#top_itemNav li span {
	display:block;
	height:80px;
	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#top_itemNav li.link01 span {
	background:url(../img_top/txt_top_itemNav01.png) 0 10px no-repeat;
	background-size:121px 44px;
}

#top_itemNav li.link02 span {
	background:url(../img_top/txt_top_itemNav02.png) 0 10px no-repeat;
	background-size:147px 45px;
}

#top_itemNav li.link03 span {
	background:url(../img_top/txt_top_itemNav03.png) 0 10px no-repeat;
	/*
	background-size:70px 41px;
	*/
	background-size:80px 41px;

}

/*=================================================
 * top_shop
 * ================================================= */

#top_shop {
	background-color:#363636;
	border-bottom:#BE8D4C 1px solid;
}

#top_shop a {
	display:block;
	background:url(../img_top/txt_top_shop.png) 50% 50% no-repeat;
	background-size:177px 40px;
	
	padding:0 10px;
}

#top_shop span {
	display:block;
	background-image:url(../img_top/ico_top_shop.png), url(../img_top/ico_arrow01.png);
	background-position:0 50%, 100% 50%;
	background-repeat:no-repeat, no-repeat;
	background-size:40px 40px, 10px 10px;
	
	height:60px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


/*=================================================
 * top_iwc2013
 * ================================================= */
 
#top_iwc2013 {
}

#top_iwc2013 img {
	width:100%;
}


/*=================================================
 * top_news
 * ================================================= */
 
#top_news {
	overflow:hidden;
	border:#C58D43 1px solid;
	
	margin:20px 10px;
	padding:10px 10px 0;
}

#top_news h2 {
	background:url(../img_top/tl_top_news.png) 10px 5px no-repeat;
	background-size:17px 67px;
	
	width:50px;
	height:80px;
	float:left;
	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


#top_news ul {
	margin-left:50px;
}

#top_news li {
	margin-bottom:10px;
}

#top_news span {
	color:#C58C43;
	font-size:13px;
	display:block;
}

#top_news li a {
	color:#CCC;
}

#top_news li a img {
	vertical-align:middle;
	margin-left:5px;
}


#top_news .more_link {
	background-color:#C58D43;
	margin:0 -10px;
	padding:4px;
}

#top_news .more_link a {
	background-color:#98713D;
	
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(157,120,71) 0%,rgb(157,120,71) 46%,rgb(152,113,61) 50%,rgb(152,113,61) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(157,120,71)),color-stop(0.46, rgb(157,120,71)),color-stop(0.5, rgb(152,113,61)),color-stop(1, rgb(152,113,61)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(157,120,71) 0%,rgb(157,120,71) 46%,rgb(152,113,61) 50%,rgb(152,113,61) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(157,120,71) 0%,rgb(157,120,71) 46%,rgb(152,113,61) 50%,rgb(152,113,61) 100%);
	background-image:linear-gradient(180deg,rgb(157,120,71) 0%,rgb(157,120,71) 46%,rgb(152,113,61) 50%,rgb(152,113,61) 100%);
	
	
	border:#6C5239 1px solid;
	
	display:block;
	height:46px;
}

#top_news .more_link span {
	background:url(../img_top/txt_top_news_btn.png) 50% 50% no-repeat;
	background-size:113px 17px;
	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	
	display:block;
	height:46px;
	
}



/*=================================================
 * top_nav01
 * ================================================= */

#top_nav01 {
	border-top:#BE8D4C 1px solid;
}

#top_nav01 ul {
	overflow:hidden;
	background-color:#BE8D4C;
}


#top_nav01 li {
	float:left;
	border-bottom:#BE8D4C 1px solid;
}


#top_nav01 li.link01,
#top_nav01 li.link05 {
	width:100%;
}

#top_nav01 li.link02,
#top_nav01 li.link03,
#top_nav01 li.link04 {
	width:33%;
	border-left:#BE8D4C 1px solid;
}

#top_nav01 li img {
	width:100%;
}


/*=================================================
 * top_subNav
 * ================================================= */

#top_subNav {
}

#top_subNav ul {
	overflow:hidden;
}

#top_subNav li {
	width:50%;
	float:left;
}

#top_subNav li.link01,
#top_subNav li.link04 {
	background-color:#3A3A3A;
}

#top_subNav li a {
	display:block;
	height:50px;
	
	background-position:10px 10px;
	background-repeat:no-repeat;
	
	text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
	
	padding:0 10px;
}

#top_subNav .link01 a {
	background-image:url(../img_top/txt_top_blog.png);
	background-size:41px 28px;
}

#top_subNav .link02 a {
	background-image:url(../img_top/txt_top_fb.png);
	background-size:119px 26px;
}

#top_subNav .link03 a {
	background-image:url(../img_top/txt_top_faq.png);
	background-size:93px 27px;
}
#top_subNav .link04 a {
	background-image:url(../img_top/txt_top_contact.png);
	background-size:79px 26px;
}


#top_subNav li span {
	display:block;
	height:50px;
}

#top_subNav .link01 span,
#top_subNav .link03 span {
	background:url(../img_top/ico_pc_link.png) 100% 50% no-repeat;
	background-size:15px 13px;
}

#top_subNav .link02 span,
#top_subNav .link04 span {
	background:url(../img_top/ico_arrow01.png) 100% 50% no-repeat;
	background-size:10px 10px;
}


/*=================================================
 * tel_btn01
 * ================================================= */

.tel_btn01 {
	background-color:#BE8D4C;
	padding:5px;
}

.tel_btn01 a {
	background-color:#98713D;
	
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(157,120,71) 0%,rgb(157,120,71) 46%,rgb(152,113,61) 50%,rgb(152,113,61) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(157,120,71)),color-stop(0.46, rgb(157,120,71)),color-stop(0.5, rgb(152,113,61)),color-stop(1, rgb(152,113,61)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(157,120,71) 0%,rgb(157,120,71) 46%,rgb(152,113,61) 50%,rgb(152,113,61) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(157,120,71) 0%,rgb(157,120,71) 46%,rgb(152,113,61) 50%,rgb(152,113,61) 100%);
	background-image:linear-gradient(180deg,rgb(157,120,71) 0%,rgb(157,120,71) 46%,rgb(152,113,61) 50%,rgb(152,113,61) 100%);
	
	
	border:#6C5239 1px solid;
	display:block;
	height:54px;
	padding-top:6px;
}

.tel_btn01 span {
	display:block;
	background:url(../img_top/ico_teL_btn01.png) 10px 50% no-repeat;
	background-size:40px 40px;
}

.tel_btn01 a em {
	background:url(../img_top/txt_teL_btn01.png) 22px 0 no-repeat;
	background-size:163px 48px;
	
	display:block;
	width:163px;
	height:48px;
	
	padding-left:22px;
	
	margin:0 auto;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*=================================================
 * footder_nav
 * ================================================= */

#footder_nav {
	margin:20px 10px;
}

#footder_nav ul {
	overflow:hidden;
	font-size:12px;
}

#footder_nav li {
	width:50%;
	float:left;
	text-align:center;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#footder_nav .list01 {
	padding-bottom:20px;
}

#footder_nav .list01 li.link02 {
	border-left:#C58C43 1px solid;
}

#footder_nav .list01 li a {
	color:#C58C43;
	
	display:block;
}


#footder_nav .list02 {
	background-color:#3A3A3A;
	padding:10px 0;
}

#footder_nav .list02 li a {
	color:#DDD;
	
	display:block;
}

/*
#footder_nav .list02 li.link01 span {
	background:url(../img_top/ico_pc_link.png) 100% 50% no-repeat;
	background-size:15px 13px;
	
	padding-right:20px;
}
*/

#footder_nav .list02 li span {
	background:url(../img_top/ico_pc_link.png) 100% 50% no-repeat;
	background-size:15px 13px;
	
	padding-right:20px;
}

#footder_nav .list02 li.link02 {
	border-left:#CCC 1px solid;
}

/*=================================================
 * footer
 * ================================================= */

#footer {
	color:#CCC;
	position:relative;
}

#footer dl {
	background-color:#3A3A3A;
	border-bottom:#BE8D4C 1px solid;
	height:50px;
	padding:10px 0 0 10px;
	
	font-size:13px;
}

#footer dt {
	background:url(../img_top/txt_footer_name.png) 0 0 no-repeat;
	background-size:130px 17px;
	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom:5px;
}

#footer .page_top {
	position:absolute;
	top:0;
	right:0;
	
	width:60px;
	
	background-color:#C58D43;
}

#footer .page_top a {
	display:block;	
	width:60px;
	height:60px;
	
	background:#C58D43 url(../img_top/ico_page_top_arrow.png) 50% 50% no-repeat;
	background-size:20px 10px;
	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.copyright {
	text-align:right;
	font-size:10px;
	padding:5px;
}







/* ---/ 管理者編集メニュー
----------------------------------- */

#menu_admin img {
	vertical-align:middle;
	margin-right:10px;
}

/* ログイン時等のポップアップの位置調整 */
body > div#jGrowl.jGrowl.top-right {
	/*
	top:40px;
	*/
	top:110px;
}