@charset "utf-8";






/*####基本設定####
----------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
}

p {
	line-height:1.5;
	padding-bottom:15px;
}

a {
	color:#666600;
	text-decoration:none;
}

a:hover {
	opacity:0.7;
	text-decoration:underline;
}

strong {
	color: #333;
}



img,fieldset {
	border: 0;
}

address {
	font-style: normal;
	line-height: 1.5;
}

iframe {
	border:0;
}

.blockend {
	clear:both;
}


.red {
	color:red;
}


.blue {
	color:blue;
}


.green {
	color:green;
}


.liner {
	text-align: right;
}

.linec {
	text-align: center;
}


.nowrap {
	white-space: nowrap;
}


.no-border {
	border:none;
}


.figbox {
	border: 1px solid #999;
}


.logtitle {
	font-size:20px;
	font-weight:bold;
	color:#555;
	padding:5px;
	border-bottom:2px #555 solid;
	background:#fff;
}


.h-margin {
	margin-top:16px;
	font-size:1.2em;
	font-weight:bold;
	color:#999999;
	border-bottom:1px #666 solid;
}

/*----------------------------------------------------*/



/* 検索
----------------------------------------------------*/
.seach {
}

.seach input {
	border:#999 solid 1px;
	box-shadow: 0 0 1px #999;
	margin:0px;
}

/* フォーム要素の制御
---------------------------------------------------------------*/

.seach input {
	display:inline-block;
}

.seach input[type="text"] {
	width:400px;
	color:#999999;
	padding:0px 10px;
	height:30px;
}


.seach input[type="submit"] {
	height:32px;
	padding:0px 20px;
}



/* hタグ
---------------------------------------------------------------*/
#top-header h1 {
	margin:0;
	padding:0;
	border:none;
}



h1 {
	color:#333333;
	font-size:30px;
	font-weight:normal;
	letter-spacing: 1px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #000;

	margin-top:0px;
	margin-bottom:20px;
	padding:27px 15px 27px 15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

h1 span {
	padding:28px 0px 28px 80px;
}


.h1-ct01, .h1-ct02, .h1-ct03 .h1-ct04 {
}


.h1-ct01 {
	background: url("../img/h1-ct01back.png") no-repeat;
	background-position:left top;
}

.h1-ct01 span {
	background: url("../img/h1-ct01.png") no-repeat;
	background-position:left center;
}


.h1-ct02 {
	background: url("../img/h1-ct02back.png") no-repeat;
	background-position:left top;
}

.h1-ct02 span {
	background: url("../img/h1-ct02.png") no-repeat;
	background-position:left center;
}


.h1-ct03 {
	background: url("../img/h1-ct03back.png") no-repeat;
	background-position:left top;
}

.h1-ct03 span {
	background: url("../img/h1-ct03.png") no-repeat;
	background-position:left center;
}


.h1-ct04 {
	background: url("../img/h1-ct04back.png") no-repeat;
	background-position:left top;
}

.h1-ct04 span {
	background: url("../img/h1-ct04.png") no-repeat;
	background-position:left center;
}


.h1-ct05 {
	background: url("../img/h1-ct05back.png") no-repeat;
	background-position:left top;
}

.h1-ct05 span {
	background: url("../img/h1-ct05.png") no-repeat;
	background-position:left center;
}




.c-main h2 {
	font-size:1.5em;
	background: #996633;
	border-radius:5px;
	border-left: 10px solid #ff6633;
	border-bottom: 1px solid #666;
	color: #FFFFFF;
	margin-bottom: 15px;
	margin-top: 20px;
	padding: 5px 5px 5px 10px;
}

.c-main h3 {
	font-size: 1.3em;
	margin-top:20px;
	margin-bottom:15px;
	border-left: 10px solid #996633;
	padding-left: 10px;
}

.c-main h4 {
	border-bottom:#cccc99 solid 3px;
	font-size:1.2em;
	color:#996633;
	margin-top:20px;
	margin-bottom:15px;
	padding-bottom:3px;
}

.c-main h5 {
	font-size:1.1em;
	margin-top:15px;
	margin-bottom:15px;
}

.c-main h6 {
	font-size:medium;
	margin-top:15px;
	margin-bottom:15px;
}












/* 画像などの簡単な位置制御 r=右 l=左 c=真ん中
---------------------------------------------------------------*/
.i-r {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
/*
	font-weight:600;
	text-align:center;
*/
}

.i-l {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
/*
	font-weight:600;
	text-align:center;
*/
}


/* 画像のみ専用 */
.i-c {
	display:block;
	margin:10px auto;
}



/*直営店一覧Yamada
-----------------------------------------------------------------------------------*/
#rightarea ul li .cshop-list{
	background-color: #f5f5f5;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight:bold;
}

#rightarea ul li .cshop-list dt {
	color:#fff;
	text-align:center;
	background-color: #cc9933;
	padding:5px;
}

#rightarea ul li .cshop-list dd {
/*
	font-size: 0.9em;
*/
}

.cshop-list dd a{
	display:block;
	border:1px solid #cc9933;
	border-radius:5px;
	margin:8px 0px;
	padding:8px 5px;
	text-align:center;
	font-weight:bold;
	color:#333;
}

#snsboard{
	transform: scale(1.0,1.0);
}


/*header内
-----------------------------------------------------------------------------------*/

#head-cont {
	font-size:14px;
	float:right;
	margin:25px 26px 0px 0px;
	border-radius:5px;
	border-top:1px #999999 solid;
	border-left:1px #999999 solid;
	border-right:1px #999999 solid;
	border-bottom:2px #999999 solid;

	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+18,edf0f9+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 18%, rgba(237,240,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 18%,rgba(237,240,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 18%,rgba(237,240,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf0f9',GradientType=0 ); /* IE6-9 */
}


#head-cont a {
/*
	background:#FFF;
	border-radius:5px;
	padding:10px 20px;
	text-decoration:none;
	margin:0px 5px;
	display:inline-block;
	border:1px #F39 solid;
*/
	padding:7px 15px 7px 15px;
	text-decoration:none;
	display:inline-block;
	border-left:1px solid #fff;
	border-right:1px solid #999999;
}


#head-cont a:hover {
	text-decoration:underline;
/*
	border:1px #F00 solid;
*/
}



/*メニュ－
-----------------------------------------------------------------------------------*/
@-moz-keyframes shine {
	0% {transform: rotate3d(0,0,1,-45deg) translate3d(0,-120%,0);background: rgba(255,255,255,0.5);}
	100% {transform: rotate3d(0,0,1,-25deg) translate3d(0,150%,0);background: rgba(255,255,255,0.5);}
}

@-webkit-keyframes shine {
	0% {transform: rotate3d(0,0,1,-45deg) translate3d(0,-120%,0);background: rgba(255,255,255,0.5);}
	100% {transform: rotate3d(0,0,1,-25deg) translate3d(0,150%,0);background: rgba(255,255,255,0.5);}
}

@-o-keyframes shine {
	0% {transform: rotate3d(0,0,1,-45deg) translate3d(0,-120%,0);background: rgba(255,255,255,0.5);}
	100% {transform: rotate3d(0,0,1,-25deg) translate3d(0,150%,0);background: rgba(255,255,255,0.5);}
}

@-ms-keyframes shine {
	0% {transform: rotate3d(0,0,1,-45deg) translate3d(0,-120%,0);background: rgba(255,255,255,0.5);}
	100% {transform: rotate3d(0,0,1,-25deg) translate3d(0,150%,0);background: rgba(255,255,255,0.5);}
}


/*
.menu-icon00, .menu-icon01, .menu-icon02, .menu-icon03, .menu-icon04, .menu-icon-last
*/

/*--menu top--*/
.menu-icon00 {
	background:#CC3333;
	width:50% !important;
/*
	width:80px;
*/
}

/*--menu ショップ検索--*/
.menu-icon01 {
	background:#CC9933 url("../img/menu-shop-seach.png") no-repeat;
	background-position: 93% center;
	padding-right:33px !important;
}

/*--menu イベント情報--*/
.menu-icon02 {
	background:#CC6600;
}

/*
.menu-icon01, .ct .menu-icon02 {
	width:60% !important;
}
*/


/*--menu わちふぃーるどとは？--*/
.menu-icon03 {
	background:#336699;
/*
	width:190px;
*/
}


/*--menu 作家・池田あきこ--*/
.menu-icon04 {
	background:#333399;
}

/*--menu オンラインショップ--*/
.menu-online {
	background:#339966 url("../img/menu-online.png") no-repeat;
	background-position: 93% center;
	padding-right:33px !important;
}



/*--menu 革工房--*/
.menu-icon-kawa {
	background:#996699;
/*
	width:50% !important;
	width:136px;
*/
}


/*
.menu-icon01 span {
	background: url("../img/menu-icon01.png") no-repeat;
	background-position:left center;
	padding:8px 10px 8px 43px;
}

.menu-icon02 span {
	background: url("../img/menu-icon02.png") no-repeat;
	background-position:left center;
	padding:8px 10px 8px 43px;
}

.menu-icon03 span {
	background: url("../img/menu-icon03.png") no-repeat;
	background-position:left center;
	padding:8px 10px 8px 43px;
}

.menu-icon04 span {
	background: url("../img/menu-icon04.png") no-repeat;
	background-position:left center;
	padding:8px 10px 8px 43px;
}

.menu-icon-kawa span {
	background: url("../img/menu-icon-kawa.png") no-repeat;
	background-position:left center;
	padding:8px 10px 8px 43px;
}
*/




/*エリア枠
-----------------------------------------------------------------------------------*/
.c-main p {
	font-size:medium;
}
.c-main li {
	/*list-style:disc;*/
	list-style-image:url("../img/list-niku.png");
	margin:5px 0px 10px 20px;
}


.c-main dl {
	margin:15px 0px;
}

.c-main dt {
	font-weight:bold;
	font-size:1.1em;
	color:#333;
}

.c-main dd {
	font-size:1em;
	line-height:1.5;
	margin:0px 0px 20px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px dashed #999999;
}


.c-main .harf {
	width:47%;
}



/* leftarea
-----------------------------------------------------------------------------------*/
#leftarea {
	width:400px;
	float:left;
	margin-right:20px;
}


/* midarea
-----------------------------------------------------------------------------------*/
#midarea {
	width:400px;
	float:left;
}

#midarea li{
	margin-bottom:20px;
}


#midarea li a{
}


#midarea li img {
	vertical-align:bottom;
}


#midarea li p {
	padding:8px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:1px;
}


/* rightarea
-----------------------------------------------------------------------------------*/
#rightarea {
	width:120px;
	float:right;
}



#rightarea li{
	margin-bottom:20px;
}



/* /* rightarea
-----------------------------------------------------------------------------------*/

.contents-bottom {
	width:840px;
	margin:10px auto;
}

.contents-bottom h3 {
	border-bottom:2px #999999 solid;
}

.contents-bottom a{
	display:inline-block;
	margin:10px;
}



.contents-bottom-l {
	width:960px;
	margin:10px auto;
}

.contents-bottom-l h3 {
	border-bottom:2px #999999 solid;
}

.contents-bottom-l a{
	display:inline-block;
	margin:10px 8px;
}




/*####headline####
-----------------------------------------------------------------------------------*/
#headline {
	margin: 0 0 40px 0;
	padding: 0 0 13px 0;
	border-bottom:2px #999999 solid;
	background:#F5F5F5;

	height:375px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}



#ifheadline {
	width: 100%;
	height: 360px;
	padding-top:10px;
}
/*-----------------------------------------------------------------------------------*/

/*####blogarea####
-----------------------------------------------------------------------------------*/
.blogarea {
	margin: 0px 0px 40px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:2px #999999 solid;
	background:#F5F5F5;

	height:375px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}



.blogarea ul {
	/*list-style-type: none;*/
	margin:10px 0px 0px 15px;
}

.blogarea li {
	margin: 0 0 4px 0;
}

.blogarea li.fl {
	float: right;
}

*html .bloglink {
	margin: 0px 10px 10px 0px;
	padding-left:5px;
	padding-right:10px;
}

.bloglink {
	margin: 0px 10px 10px 0px;
	border-bottom: 1px solid #ffffcc;
	background:#ffffcc;
	padding-left:5px;
	padding-right:10px;
}

.blogarea h4 {	
	font-size: 0.9em;
	line-height: 1.2;
	border-bottom: 1px solid #999999;
	margin-right:10px;
	margin-top:10px;
}

*html .blogarea h4 {	
	margin-right:10px;
	margin-top:5px;
}

.bloglink a{
	color:#663300;
}

.bloglink ul{
	margin-top:0px;
	padding-top:5px;
	list-style-type:disc;
}

*html .bloglink ul{
	margin-top:4px;
	float:none;
}


/*-----------------------------------------------------------------------------------*/

/*ブログ最新記事
-----------------------------------------------------------------------------------*/
#ifblog {
	width:100%;
	height: 360px;
	padding-top:10px;
}

.blogh3 {
	/*margin: 0 0 0 auto;*/
	padding:3px;
	/*border:1px solid #999999;*/
	background-color:#ccc;
	color:#000000;
}

/*-----------------------------------------------------------------------------------*/




/*店舗ブログ関係
-----------------------------------------------------------------------------------*/
.shoplog {
	margin-bottom:30px;
}

.shoplog iframe{
	background: #f5f5f5;
	border-bottom:2px solid #999999;
	width:100%;
	height:150px;

	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

.shoplog h4 {
	margin-bottom:0px;
}


/* #snsboard
-----------------------------------------------------------------------------------*/
#snsboard {
	width:84px;
	padding:6px 3px 0px 3px;
	border:1px solid #999;
	border-radius:3px;
	background:#fff;
	position:fixed;
	right:10px;
	top:100px;
	z-index:500;
	box-shadow:4px 4px 4px rgba(0,0,0,0.4);

	text-align:center;
	font-weight:bold;
	color:#336699;
}

#snsboard a {
	display:block;
	margin-bottom:5px;
}

#snsboard img {
	display:block;
	margin:auto;
}







/* 年表基礎
---------------------------------------------------------------*/
.year-table {
	margin-top:30px;
}

.year-table dt {
	font-family:Arial, Helvetica, sans-serif;
	color:#666633;
	font-weight:100;
	font-size:24px;
	line-height:100%;
	display:inline-block;
	float:left;
	width:6em;
	padding:10px 0px 0px 10px;
	border-top:solid 2px #999999;
	clear:both;
}

.year-table dd {
	/*margin-left:9em;*/
	padding:10px 0px 30px 12em;
	border-top:solid 2px #999999;
	border-bottom:none;
	margin-bottom:0;
	line-height:1.5;
}



.year-table dd:nth-of-type(2n){
	background: #f0f0f0; /* 交互に背景色を付ける */
}


/* 事業内容内枠
-----------------------------------------------------------------------------------*/
.work-world {
	border:4px double #CC6;
	padding:15px;
	margin:15px 0px 40px 0px;
	border-radius:10px;
}

.work-world p{
	font-size:small;
}



/* 店舗検索
-----------------------------------------------------------------------------------*/
.shop_photo td {
	border:none;
}


/* licensing
-----------------------------------------------------------------------------------*/
.licensing {
}

.licensing a {
	display:inline-block;
	width:120px;
	height:90px;
	margin-bottom:20px;
}

.licensing .cen{
	margin-left:20px;
	margin-right:20px;
}








/*####フッターリンク####
----------------------------------------------------*/
.footerlink{
	background-color:#f0f0f0;
	margin:0px auto 0px auto;
	padding:20px 0px;
	text-align:left;
	border-top: 1px solid #ccc;
}

*html .footerlink{
	padding-top:5px;
}

/*
.footerlink a{
	color:#F00;
}
*/

.footerlink h4 {	
	margin-bottom:10px;
	font-size: 0.9em;
	line-height: 1.5;
	border-bottom: 1px solid #999999;
}

.footerlink ul{
	margin-left:20px;
	float:left;
}

.footerlink dl{
	float:left;
}

.footerlink dt{
	font-size:0.9em;
	font-weight:600;
}

.footerlink dd{
	display: list-item;
	list-style-type: circle;
	line-height:1.5;
	font-size:0.9em;
	padding-left:0px;
	margin:5px 0 5px 15px;
}

/*----------------------------------------------------*/