@charset "UTF-8";
/* CSS Document */

/******************************************************
	Reset.css
*******************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	font-weight:normal;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
ul, ol {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a:hover{
	text-decoration:none;
}
a img{
	vertical-align:bottom;
}

b{
	font-weight:bold;}

/* ins default */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark default*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
img {
	vertical-align: top;
	font-size:0;
	line-height: 0;
	border:0;
}

/*	clearfix
******************************************************/
.clearfix:after {
	content: " ";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {	display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {	display: block;}


/*	option style
******************************************************/
.txtCol01{
	color:#222222!important;
}
.txtCol02{
	color:#FFFFFF!important;
}
.txtCol03{
	color:#fe9b00!important;
}
.txtCol04{
	color:#ff3502!important;
}
.txtCol05{
	color:#1a85ec!important;
}
.txtCol06{
	color:#29aae1!important;
}
.txtCol07{
	color:#42aaa1!important; 
}

.txtBold{
	font-weight:bold!important;
}
.txtUL{
	text-decoration:underline!important;
}
.alignLeft{
	text-align:left!important;
}
.alignRight{
	text-align:right!important;
}

.noBorder{
	border:none!important;
}
.padTop10{
	padding-Top:10px!important;
}
.padRgt10{
	padding-right:10px!important;
}
.padBtm10{
	padding-bottom:10px!important;
}
.padLft10{
	padding-left:10px!important;
}




.none {
	display:none;
}
.clerfix:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clerfix 		{ min-height:1px;}
.r{color:#F00;}  .o{color:#C60;}  .gl{color:#999;}  .r{color:#F00;}  .bl{color:#099;}   .p{color:#F6C;}   .min{font-size:10px;}

.tableLayout	{border-top:1px solid #999; border-left:1px solid #999; width:100%; font-size:13px; line-height:17px;}
.tableLayout th {border-right:1px solid #999; border-bottom:1px solid #999; background:#EEE; padding:5px;}
.tableLayout td {border-right:1px solid #999; border-bottom:1px solid #999; padding:5px;}

.hover:hover{
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.mt8{margin-top:8px;}

/**********************************************************************
	index & common Style
***********************************************************************/
body{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height:21px;
	color:#666;
	background:url(../images/bg.jpg) repeat center;
}

header{
	background:url(../images/head01.jpg) repeat-x;
	}

header section{
	width:1024px;
	margin:0 auto}

header h1{
	font-size:10px;
	text-indent:10px;
	line-height:30px;
	display:inline;}

header .top{
	color:#666;
	line-height:30px;
	float:right;
	text-align:right;}

	.top a{
	color:#666;
	text-decoration:none;}
	
	.top a:hover{
	color:#ccc;
	text-decoration:underline;}
	
#wrapper{width:1024px; margin:0 auto; background: url(../images/top_bg.jpg) no-repeat; padding:30px 0;}
#leftColm{width:230px; float:left; min-height:600px;}

	#leftColm .logo01 a{
		background:url(../images/rogo01.png) no-repeat;
		width:158px;
		height:63px;
		text-indent:-9999px;
		margin:10px auto;
		display:block;}
	
	#leftColm .logo01 a:hover{
		ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60); 
		-moz-opacity: 0.6;
		opacity: 0.6;}
	
	#leftColm h2{
		width:180px;
		background:#F5F5F5;
		font-size:10px;
		text-align:center;
		margin:10px auto;
		padding:1px 5px}

	#leftColm ul{
		padding:0;
		margin:0;}
	
	.side_menu01 li * {
	width: 230px;
	height:50px;
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	background: url("../images/menu01.png") ;
	background-repeat : no-repeat;}
	
	/*------off*/
	.m01 a {background-position: 0px 0px;}
	.m02 a {background-position: 0px -50px;}
	.m03 a {background-position: 0px -100px;}
	.m04 a {background-position: 0px -150px;}
	.m05 a {background-position: 0px -200px;}
	.m06 a {background-position: 0px -195px;}
	.m07 a {background-position: 0px -234px;}
	.m08 a {background-position: 0px -273px;}
	.m09 a {background-position: 0px -312px;}
	.m10 a {background-position: 0px -351px;}
	.m11 a {background-position: 0px -390px;}
	
	/*------hover*/
	.side_menu01 li a:hover {
		ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60); 
		-moz-opacity: 0.6;
		opacity: 0.6;}

#rightColm{width:774px; float:left; min-height:600px; repadding:0 0 0 20px;}
	
	h2.pageIndex{
		width:754px;
		font-size:12px;
		text-align:right;
		margin:10px 0;}
	
	#rightColm article{
		margin:0 0 0 6px;
		padding:10px 0 0 0 ;
		width:754px;
		min-height:300px;
		background:#FFF;
		-moz-box-shadow:2px 1px 4px rgba(000, 000, 000, 0.2);
		-webkit-box-shadow:0px 1px 4px rgba(000, 000, 000, 0.2);
		box-shadow:0px 1px 4px rgba(000, 000, 000, 0.2);}
	
	.info-bar01{
		background:url(../images/info-bar01.png) no-repeat;
		width:754px;
		height:35px;
		margin:0 0 10px 0;
		text-indent:-9999px;
		display:block;}
	
	#rightColm article ul{
		font-size:16px;
		margin:0;
		padding:10px 25px;
		list-style:none;}
	
	#rightColm article ul li{
		border-bottom:1px solid #666;
		padding:10px 0 10px 0;
		margin:10px 0px;}
	
	#rightColm article ul li span{
		margin:0 25px 0 0;}

.main-text p{margin:0 0 20px 30px;}

footer{width:1024px; clear:both; margin:0 auto;}

	.logo02{
		float:left;}
	
	footer nav{
		text-align:right;}
		
	footer nav ul{
		float:right;
		margin:0;
		padding:0;}
		
	footer nav li{
		text-decoration:none;
		list-style:none;}
	
	footer nav li a{
		color:#666;
		text-decoration:none;}
	
	footer nav li a:hover{
		color:#CCC;
		text-decoration:underline;}
	
	.copy{
		clear:both;
		text-align:center;}
	
	.copy a{
		color:#666;
		text-decoration:none;}
	
	.copy a:hover{
		color:#CCC;
		text-decoration:underline;}
	
	
/**********************************************************************
	news Style
***********************************************************************/

.news-bar01{
		background:url(../images/news-bar01.png) no-repeat;
		width:754px;
		height:36px;
		margin:0 0 10px 0;
		text-indent:-9999px;
		display:block;}


/**********************************************************************
	gallery Style
***********************************************************************/

.shop-list{
	height:220px;
	padding:0px 25px;}

	.shop-name01{
		font-size:16px;
		font-weight:bold;
		margin:10px 0px;
		padding:0px 0px 5px 0px;
		border-bottom:1px dashed #666;}
	
	.shop-img01{
		margin:0px 10px 0px 0px;
		float:left;}

.gallery-bar01{
		background:url(../images/gallery-bar01.png) no-repeat;
		width:754px;
		height:35px;
		margin:0 0 10px 0;
		text-indent:-9999px;
		display:block;}

.gallery-space{
		padding:22px;}

.gallery-space img{
		margin:10px;
		border:2px solid #b8b8b8;
		border-radius: 10px;
		display: inline-block;
		box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.6);}




/**********************************************************************
	shop Style
***********************************************************************/

.privacy-bar01{
		background:url(../images/privacy-bar01.png) no-repeat;
		width:754px;
		height:36px;
		margin:0 0 10px 0;
		text-indent:-9999px;
		display:block;}

.privacy-text01{
	padding:0px 25px;}