@charset "EUC-JP";

/**********************************
/           CSS Menu
**********************************
	1.Global
	2.Common
	3.Article
	4.side
	5.Other
*********************************/

/**********************************
***          utility             ***
**********************************/

/* ----- clear fix ----- */

.cmn_cl:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
.cmn_cl {
display:inline-block;
}

/* Hides from IE-mac \*/
* html .cmn_cl {
height:1%;
}
.cmn_cl{
display:block;
}


/* ----- clear ----- */

.clear {
clear:both;
width:1px;
height:1px;
overflow:hidden;
}

.imgover {
}
/**********************************
***          Global             ***
**********************************/
*{
	word-break:break-all;
	font-family:verdana, arial, sans-serif;
}
body{
	margin:0;
	padding:0;
	text-align:center;
	color:#963;
}
.forMobile {
	text-indent:-9999px;
}
img{
border:none;
}
a{
	color:#f63;
}
a:hover{
	text-decoration:none;
}
h1
,h2
,h3{
	margin:0;
	padding:0;
}
#container{
	width:780px;
	margin:0 auto;
	text-align:center;
}

/**********************************
***          header             ***
**********************************/
#header {
	width:780px;
	margin:0 0 0 0;
	background:url(/img/common/head.gif) no-repeat left top;
}

/* ----- Main Menu ----- */

#header #mainMenu {
	height:auto;
	width:780px;
	padding:0;
}
#header #mainMenu #logo {
	float:left;
	padding:0;
	margin:0;
}
#header #mainMenu #logo h1 a {
	display:block;
	width:195px;
	height:70px;
	text-indent:-9999px;
}
#header #mainMenu ul#menu {
	float:left;
	list-style:none;
	margin:55px 0 0 2px;
	padding:0;
	width:auto;
}
#header #mainMenu ul#menu li {
	width:104px;
	height:32px;
	display:block;
	float:left;
	margin:0 2px 0 0;
	padding:0;
}
#header #mainMenu ul#menu li a {
	display:block;
	text-indent:-9999px;
}
	
#header #mainMenu ul#menu li.home a {
	background:url(/img/common/menu_home.gif) no-repeat left top;
	height:32px;
	width:104px;
}
#header #mainMenu ul#menu li.home a:hover,
#header #mainMenu ul#menu li.home a.on {
	background:url(/img/common/menu_home_on.gif) no-repeat left top;
}

#header #mainMenu ul#menu li.shop a {
	background:url(/img/common/menu_shop.gif) no-repeat left top;
	height:32px;
	width:104px;
}
#header #mainMenu ul#menu li.shop a:hover,
#header #mainMenu ul#menu li.shop a.on {
	background:url(/img/common/menu_shop_on.gif) no-repeat left top;
}

#header #mainMenu ul#menu li.blog a {
	background:url(/img/common/menu_blog.gif) no-repeat left top;
	height:32px;
	width:104px;
}
#header #mainMenu ul#menu li.blog a:hover,
#header #mainMenu ul#menu li.blog a.on {
	background:url(/img/common/menu_blog_on.gif) no-repeat left top;
}
#header #mainMenu ul#menu li.cat a {
	background:url(/img/common/menu_cat.gif) no-repeat left top;
	height:32px;
	width:104px;
}
#header #mainMenu ul#menu li.cat a:hover,
#header #mainMenu ul#menu li.cat a.on {
	background:url(/img/common/menu_cat_on.gif) no-repeat left top;
}

#header #mainMenu ul#menu li.omake a {
	background:url(/img/common/menu_omake.gif) no-repeat left top;
	height:32px;
	width:104px;
}
#header #mainMenu ul#menu li.omake a:hover,
#header #mainMenu ul#menu li.omake a.on {
	background:url(/img/common/menu_omake_on.gif) no-repeat left top;
}

#header #mainMenu ul#menu li.english {
	height:32px;
	width:51px;
}
#header #mainMenu ul#menu li.english a {
	background:none;
	height:32px;
	width:51px;
	text-indent:0;
}
#header #mainMenu ul#menu li a:hover {
	background:transparent;
}

/* ----- bar ----- */
#header #btmBar {
	background:url(/img/common/head_bar.jpg) no-repeat center top;
	display:block;
	width:780px;
	height:5px;
	margin:0;
	padding:0;
}

/* ----- sub menu ----- */
#header #subMenu {
	background:url(/img/common/head_bar_back.jpg) no-repeat center bottom;
	display:block;
	width:780px;
	height:auto;
	margin:0 0 10px 0;
	padding:3px 0 0 0;
}
#header #subMenu ul#menu {
	float:left;
	list-style:none;
	margin:0 0 0 2px;
	padding:0;
	width:auto;
}
#header #subMenu ul#menu li {
	width:109px;
	height:27px;
	display:block;
	float:left;
	margin:0 2px 0 0;
	padding:0 0 3px 0;
}
#header #subMenu ul#menu li.on {
}
#header #subMenu ul#menu li a.pt2 {
	padding:2px 0 0 0;
}
#header #subMenu ul#menu li a {
	background:url(/img/common/sub_menu.gif) no-repeat center top;
	width:109px;
	height:27px;
	display:block;
	padding:6px 0 0 0;
	color:#856F3A;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	font-size:80%;
}
#header #subMenu ul#menu li a.s {
	font-size:76%;
}
#header #subMenu ul#menu li a span {
	font-size:70%;
	font-weight:normal;
line-height:95%;
}
#header #subMenu ul#menu li.on a {
	background:url(/img/common/sub_menu_on.gif) no-repeat center top;
	color:#990033;
}
#header #subMenu ul#menu li a:hover {
	background:url(/img/common/sub_menu_on.gif) no-repeat center top;
}

/**********************************
***          content             ***
**********************************/

#content {
	width:780px;
	background-color:#ffffff;
}

/**********************************
***          top             ***
**********************************/

/* ----- left ----- */
#content #topLeftColumn {
	float:left;
	width:212px;
	text-align:left;
	padding:20px 0 0 0;
	margin:0 12px 0 15px;
}
#content #topLeftColumn #whatsNew {
	background:url(/img/top/whatsnew_title.gif) no-repeat left top;
	height:30px;
	width:212px;
	padding:0;
	text-indent:-9999px;
	margin:0;	
}
#content #topLeftColumn ul.list {
	width:212px;
	height:auto;
	display:block;
	padding:0;
	margin:3px 0 0 0;
}
#content #topLeftColumn ul.list li {
	width:200px;
	height:auto;
	display:block;
	padding:6px 6px 8px 6px;
	margin:2px 0 0 0;
	list-style:none;
	border-bottom:1px solid #FFBDE6;
	font-size:80%;
	line-height:140%;
}
#content #topLeftColumn ul.list li strong {
	color:#856F3A;
	font-weight:bold;
	width:100%;
}
#content #topLeftColumn ul.list li span img {
	padding:0 0 0 3px;
	margin:0;
	vertical-align:middle;
}
#content #topLeftColumn ul.list li.bottom {
	border-bottom:none;
}
#content #topLeftColumn #whatsNewBottom {
	background:url(/img/top/whatsnew_bottom.gif) no-repeat left top;
	height:5px;
	width:212px;
	padding:0;
	margin:0 0 10px 0;
	display:block;
}

#content #topLeftColumn #mobile {
	background:url(/img/top/qr.gif) no-repeat left top;
	height:219px;
	width:212px;
	padding:0;
	text-indent:-9999px;
	margin:20px 0 0 0;
	display:block;
}
#content #topLeftColumn #mobile a{
	height:219px;
	width:212px;
	display:block;
}

/* ----- right ----- */
#content #topRightColumn {
	float:right;
	width:514px;
	padding:20px 0 0 0;
	margin:0 0 0 12px;
}
#content #topRightColumn .pic {
	margin:0;
	padding:0;
}
#content #topRightColumn .picTitle {
	margin:0;
	padding:5px 0 15px 0;
}

#content #topRightColumn #contentsList {
background:url(/img/top/contents-list_top.gif) no-repeat left top;
width:514px;
display:block;
margin:10px 0 10px 0;
padding:0;
height:450px;
}
#content #topRightColumn #contentsList .list {
backgrounde:url(/img/top/contents-list_middle.gif) repeat-y left top;
width:514px;
height:auto;
display:block;
padding:10px 0 0 0;
}
#content #topRightColumn #contentsList .list h2 {
width:auto;
height:auto;
display:block;
padding:0 0 0 20px;
margin:0;
text-align:left;
clear:both;
}
#content #topRightColumn #contentsList .list span.left {
height:auto;
display:block;
padding:0;
float:left;
width:226px;
margin:0 0 0 20px;
vertical-align:top;
}
#content #topRightColumn #contentsList .list .right{
height:auto;
display:block;
padding:0;
float:left;
width:226px;
margin:0 10px 0 10px;
vertical-align:top;
}
#content #topRightColumn #contentsList .list h3 {
display:block;
padding:10px 0 5px 0;
}

#content #topRightColumn #contentsList .list ul {
list-style:none;
text-align:left;
margin:0;
padding:0 0 0 20px;
display:block;
}
#content #topRightColumn #contentsList .list ul li {
line-height:160%;
font-size:80%;
}

#content #topRightColumn #contentsList .bottom{
height:9px;
display:block;
padding:0;
width:514px;
clear:both;
margin:0;
}

/**********************************
***          shop             ***
**********************************/

/* ----- left ----- */
#content #shopLeftColumn {
	float:left;
	width:590px;
	text-align:left;
	padding:20px 0 0 0;
	margin:0 10px 0 10px;
}
#content #shopLeftColumn h2 {
	background:url(/img/common/icn_foot.gif) no-repeat left top;
	height:30px;
	display:block;
	padding:2px 0 0 23px;
	color:#856F3A;
	font-weight:bold;
	font-size:100%;
	margin:0 0 10px 0;	
}
#content #shopLeftColumn h2 span {
	font-size:80%;
	font-weight:normal;
	margin:0 0 0 10px;
}
#content #shopLeftColumn #explain {
	width:590px;
	height:auto;
	display:block;
	padding:0;
	margin:10px 0 0 0;	
}
#content #shopLeftColumn #explain .top {
	background:url(/img/shop/shop_explain_top.gif) no-repeat left top;
	display:block;
	padding:8px 0 8px 23px;
	color:#801C48;
	font-weight:bold;
	font-size:100%;
	margin:0;
}
#content #shopLeftColumn #explain .middle {
background:url(/img/shop/shop_explain_middle.gif) repeat-y left top;
display:block;
padding:10px 0 10px 23px;
color:#856F3A;
font-size:80%;
margin:0;
line-height:130%;
}
#content #shopLeftColumn #explain .middle strong {
font-size:120%;
}

#content #shopLeftColumn #explain .middle p.point img {
width:325px;
margin:0 20px 10px 0;
float:left;
height:216px;
padding:0;
}
#content #shopLeftColumn #explain .middle p.point {
font-size:120%;
font-weight:bold;
line-height:140%;
display:block;
height:226px;
margin:10px 0 0 0;
padding:0;
}
#content #shopLeftColumn #explain .tel {
	background:url(/img/shop/shop_explain_middle.gif) repeat-y left top;
	display:block;
	padding:20px 0 20px 23px;
	color:#856F3A;
	font-size:80%;
	margin:0;
	line-height:130%;	
}
#content #shopLeftColumn #explain .tel strong {
font-size:120%;
}
#content #shopLeftColumn #explain .bottom {
	background:url(/img/shop/shop_explain_bottom.gif) no-repeat left top;
	height:4px;
	display:block;
	padding:0;
	margin:0 0 10px 0;
}
#content #shopLeftColumn #mail {
	width:590px;
	height:auto;
	display:block;
	padding:0;
	margin:30px 0 30px 0;
}
#content #shopLeftColumn #mail .top {
	background:url(/img/shop/shop_explain_top.gif) no-repeat left top;
	display:block;
	padding:8px 0 8px 23px;
	color:#801C48;
	font-weight:bold;
	font-size:100%;
	margin:0;
}
#content #shopLeftColumn #mail .middle {
	background:url(/img/shop/shop_explain_middle.gif) repeat-y left top;
	display:block;
	padding:20px 0 20px 23px;
	color:#856F3A;
	font-size:80%;
	margin:0;
	line-height:130%;	
}
#content #shopLeftColumn #mail .middle strong {
font-size:120%;
}
#content #shopLeftColumn #mail .bottom {
	background:url(/img/shop/shop_explain_bottom.gif) no-repeat left top;
	height:4px;
	display:block;
	padding:0;
	margin:0 0 10px 0;
}


#content #explain h3 {
	display:block;
	padding:0 0 0 5px;
	margin:20px 0 -5px 0;
	color:#856F3A;
	font-size:80%;
	line-height:130%;
	font-weight:bold;
clear:both;
}

#content #explainPicasa h3 {
	background:#F5E9BC;
	display:block;
	padding:3px 0 3px 10px;
	margin:30px 0 -5px 0;
	color:#856F3A;
	font-size:80%;
	line-height:130%;
	font-weight:bold;
clear:both;
}
#content #shopLeftColumn #explain h3 {
	width:540px;
}
#content #shopLeftColumn #explain ul.list{
	width:590px;
	display:block;
	padding:0 0 0 10px;
	margin:10px 0 20px 0;	
}
#content #shopLeftColumn #explain ul.list li{
	background:url(/img/common/dot.gif) no-repeat 2px 5px;
	display:block;
	padding:0 40px 0 17px;
	margin:12px 0 10px 0;
	color:#856F3A;
	font-size:80%;
	line-height:130%;	
}
#content #explainPicasa p {
	display:block;
	padding:0 0 0 5px;
	margin:20px 0 0 40px;
	color:#856F3A;
	font-size:80%;
	line-height:130%;
}
#content #explainPicasa p span.url {
	font-size:80%;
}
#content #explain p {
	display:block;
	padding:0 0 0 5px;
	margin:20px 0 0 0;
	color:#856F3A;
	font-size:80%;
	line-height:130%;
}
#content #shopLeftColumn #explain p {
	width:540px;	
}
#content #shopLeftColumn hr.leftLine {
	border:1px solid #DDCFB0;
	width:560px;
	margin:0 0 0 3px;	
}
#content #shopLeftColumn #explain dl dt {
	display:block;
	padding:0 40px 0 17px;
	margin:12px 0 10px 0;
	color:#856F3A;
	font-size:80%;
	line-height:130%;
	font-weight:bold;
}
#content #shopLeftColumn #explain dl dt.kanto {
margin-left:20px;
}
#content #shopLeftColumn #explain dl dt.pref {
margin-left:20px;
margin-top:25px;
}
#content #shopLeftColumn #explain dl dt span {
	font-weight:normal;
	color:#666666;
	line-height:200%;
}
#content #shopLeftColumn #explain dl dd {
	display:block;
	padding:0 40px 10px 35px;
	margin:12px 0 10px 0;
	color:#2E1D12;
	line-height:140%;
	font-size:90%;
	border-bottom:1px dotted #856F3A;
	font-weight:normal;
	text-indent:-18px;
}
#content #shopLeftColumn #explain dl.recruit dd {
	display:block;
	padding:0 40px 10px 35px;
	margin:12px 0 10px 0;
	color:#2E1D12;
	line-height:140%;
	font-size:90%;
	border-bottom:1px dotted #856F3A;
	font-weight:normal;
	text-indent:0;
}

#content #shopLeftColumn #explain dl dd ul {
list-style:none;
margin:5px 0 5px 0;
}

#content #shopLeftColumn #explain dl dd ul li {
	background:url(/img/common/dot.gif) no-repeat 2px 9px;
	display:block;
	padding:3px 0 3px 17px;
	text-indent:0;
	margin:0;
}
#content #shopLeftColumn #explain dl dd ul li span.blog{
background-color:#FFE8FF;
	padding:2px;
margin:2px 0 2px 10px;
	text-indent:0;
	margin:0;
}
#content #shopLeftColumn #explain p.kome {
margin-left:30px;
margin-bottom:20px;
}

/* ----- right ----- */
#content #shopRightColumn {
	float:right;
	width:120px;
	padding:20px 0 0 0;
	margin:0 5px 0 10px;
}
#content #shopRightColumn ul.pic {
	margin:0;
	padding:0;
	list-style:none;
}
#content #shopRightColumn ul.pic li {
	margin:0;
	padding:10px 0 15px 0;
}

/* ----- center ----- */
#content #shopCenterColumn {
	float:center;
	width:750px;
	text-align:left;
	padding:20px 0 0 0;
	margin:0 15px 0 10px;
}
#content #shopCenterColumn h2 {
	background:url(/img/common/icn_foot.gif) no-repeat left top;
	height:auto;
	display:block;
	padding:2px 0 10px 23px;
	color:#856F3A;
	font-weight:bold;
	font-size:100%;
	line-height:130%;
}
#content #shopCenterColumn h2 span {
	font-size:80%;
	font-weight:normal;
}
#content #shopCenterColumn #map {
	width:510px;
	padding:0;
	margin:10px 0 0 120px;
}
#content #shopCenterColumn #info {
	width:510px;
	padding:0;
	margin:10px 0 0 120px;
}
#content #shopCenterColumn #info table.infoTable {
	background-color:#EFEADE;
	width:510px;
	margin:0;
	padding:0;
}
#content #shopCenterColumn #info table.infoTable tr th {
	width:auto;
	text-align:left;
	padding:8px 0 8px 6px;
	border-bottom:1px solid #DDCFB0;
	margin:0;
	font-size:80%;
	color:#856F3A;
	font-weight:bold;
}
#content #shopCenterColumn #info table.infoTable tr td {
	background-color:#ffffff;
	width:auto;
	text-align:left;
	padding:8px 0 8px 4px;
	border-bottom:1px solid #DDCFB0;
	margin:0;
	font-size:80%;
	color:#856F3A;
}
#content #shopCenterColumn #info table.infoTable tr th.last {
	border-bottom:none;
}
#content #shopCenterColumn #info table.infoTable tr td.last {
	border-bottom:none;
}
#content #shopCenterColumn #info p.subCatch {
background-color:#EFEADE;
height:auto;
width:500px;
padding:7px 0 7px 10px;
font-size:80%;
font-weight:bold;
margin:15px 0 0 0;
}
#content #shopCenterColumn #info p.ex {
margin:5px 0 0 0;
padding:0;
font-size:80%;
}

/**********************************
***          catList             ***
**********************************/
#content #catMainColumn {
	float:center;
	width:750px;
	text-align:left;
	padding:20px 0 0 0;
	margin:0 15px 0 15px;
}
#content #catMainColumn h2 {
	background:url(/img/common/icn_foot.gif) no-repeat left top;
	height:auto;
	display:block;
	padding:2px 0 10px 23px;
	color:#856F3A;
	font-weight:bold;
	font-size:100%;
	line-height:130%;
}
#content #catMainColumn h2 span {
	font-size:80%;
	font-weight:normal;
}
#content #catMainColumn #catList {
	width:750px;	
}
#content #catMainColumn #catList .top{
	width:750px;	
	background:url(/img/cat/cat_bk_top.jpg) no-repeat left top;
	display:block;
	height:16px;
}
#content #catMainColumn #catList ul.list{
	background:url(/img/cat/cat_bk.jpg) no-repeat left bottom;
	width:750px;
	display:block;
	padding:0 12px 12px 16px;
	margin:0;
	list-style:none;
	float:left;	
}
#content #catMainColumn #catList ul.list li{
	padding:0;
	margin:5px 5px 12px 5px;
	float:left;	
}


/**********************************
***          eachCat             ***
**********************************/
#content #catName {
	float:center;
	width:750px;
	text-align:left;
	padding:20px 0 0 0;
	margin:0 15px 0 15px;
}
#content #catName h2 {
	background:url(/img/cat/cat_name_bk.gif) no-repeat left top;
	width:750px;
	height:36px;
	display:block;
	padding:8px 0 0 40px;
}
#content #catName h2.kantaro {
	padding:2px 0 0 40px;
}
#content #mainColumn {
	width:750px;
	display:block;
	clear:both;
}
/* ----- left ----- */
#content #mainColumn #catLeftColumn {
	float:left;
	width:410px;
	text-align:left;
	padding:20px 0 0 0;
	margin:0 20px 0 15px;
}
#content #mainColumn #catLeftColumn p {
	display:block;
	padding:2px 0 0 23px;
	color:#856F3A;
	font-size:80%;
	line-height:150%;	
}
/* ----- right ----- */
#content #mainColumn #catRightColumn {
	float:left;
	width:245px;
	padding:20px 0 0 0;
	margin:0 15px 0 20px;
	display:block;
}
#content #mainColumn #catRightColumn ul.pic {
	margin:0;
	padding:0;
	list-style:none;
	width:245px;
	display:block;
}
#content #mainColumn #catRightColumn ul.pic li {
	margin:0;
	padding:10px 0 15px 0;
	width:245px;
}
#content #mainColumn #catRightColumn .caption {
	margin:0;
	padding:0;
	color:#856F3A;
	font-weight:normal;
	font-size:80%;
	width:245px;
}

/* ----- YouTube ----- */
#content #mainColumn #YouTube {
	width:750px;
	display:block;
	clear:both;
}
#content #mainColumn #YouTube #catYouTubeLeft {
	float:left;
	width:425px;
	text-align:left;
	padding:20px 0 0 0;
	margin:0 10px 0 15px;
}
#content #mainColumn #YouTube #catYouTubeRight {
	float:right;
	width:255px;
	padding:20px 0 0 0;
	margin:0 15px 0 10px;
	text-align:left;
}
#content #mainColumn #YouTube #catYouTubeRight p {
	color:#856F3A;
	font-weight:normal;
	font-size:80%;
	display:block;
	line-height:140%;
}
#content #mainColumn #YouTube #catYouTubeRight p span{
	font-size:90%;
	font-weight:bold;
	margin:15px 0 8px 0;
	width:255px;
	display:block;		
}

/**********************************
***          footer             ***
**********************************/
#footer {
	width:780px;
	margin:30px 0 0 0;
	display:block;
	border-top:1px solid #E7DEC9;
}
#footer .banner{
	display:block;
	width:780px;
	padding:7px 0 7px 0;
	background-color:#F9F7F2;
	border-bottom:1px solid #E7DEC9;
	height:91px;
}
#footer .banner ul{
	list-style:none;
	padding:0 0 0 1px;
	margin:0;
	clear:both;
	width:780px;
	display:block;
}
#footer .banner ul li{
	float:left;
	margin:10px 0 10px 23px;
	padding:0;
	list-style:none;
}
#footer .about{
	display:block;
	width:780px;
	padding:7px 0 7px 0;
	background-color:#F5F2EB;
	color:#856F3A;
	font-size:70%;
	line-height:130%;
	border-bottom:1px solid #E7DEC9;
}
#footer .about a{
	color:#856F3A;
}
#footer .line{
	display:block;
	width:780px;
	height:1px;
	background-color:#E7DEC9;
}
#footer .copyright{
	display:block;
	padding:5px 0 5px 0;
	color:#856F3A;
	font-size:65%;
}