/********************
Yui font css
********************/
.new_item img{
display:none !important;
}
.new_item a{
color:#fff;
  display:block;
  margin:0 0 20px;
}
body{
	font:13px/1.2 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	}
table{
	font-size:inherit;
	font:100%;
	}
/** * Bump up IE to get to 13px equivalent*/
pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;}

/********************
reset browsers default css
********************/

/********************
1. Universal selecter
********************/
*{
  margin:0;
  padding:0;
  zoom:1;
}

/********************
html, body
********************/
html{
  height:100%;
}
html>/**/body{
  overflow:-moz-scrollbars-vertical;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
}

/********************
table
********************/
table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}
th,td{
  vertical-align:top;
/*  border:solid 1px #000;*/
  font-weight:normal;
  text-align:left;
}
caption{
  text-align:left;
}

/********************
list
********************/
ul,ol,dl{
  list-style:none;
}
li{
  display:list-item;
  zoom:normal;
}

/********************
img, object
********************/
img,a img{
  vertical-align:bottom;
  border:none;
  background:transparent;
}
object,embed{
  vertical-align:top;
}

/********************
form
********************/
fieldset{
  border:none;
}
input,textarea{
  font-size:100%;
}

/********************
text style
********************/
em,address,dfn{
  font-style:normal;
}
ul ul,ul dl,dl ul,table p,table ul,table table{
  font-size:100%;
}

/********************
hr, other
********************/
hr{
  height:0px;
  margin:7px 0;
  border:none;
  border-top:1px solid #000;
}
* html hr{/* for -IE6 */
  margin:0;
}
*:first-child+html hr{/* for IE7 */
  margin:0;
}

/********************
float fix
********************/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
/*	width: 590px;*/
	height:0;
	visibility:hidden;
}

.clearfix {
	min-height:1px;
}
* html .clearfix {
	height:1px;
	/*Â\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

/********************
hide outline
********************/	
a, a img{
	outline: 0;
}
/********************
end of reset css
********************/

/********************
Common Setting
********************/
body{
	background: #fff url('http://img10.shop-pro.jp/PA01051/230/etc/bg_body.jpg') repeat-x top center;
	color:#341c0f;
}

/********************
Comomn Setting
********************/
p{	
	font-size: 92%;
	font-family:'¥á¥¤¥ê¥ª',Meiryo,'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif;
	line-height: 1.5;	
}

accent1{
	font-style: ;
	color: ;
	text-decoration: ;
}

accent2{
	font-style: ;
	color: ;
	text-decoration: ;
}


#topBanner1{
	padding:9px;
	border:1px solid #c6c3be;
	box-sizing:border-box;
	width:552px;
	border-radius:10px;
	margin:0 0 40px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+48,dbdbdb+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 48%, #dbdbdb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 48%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 48%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}

#topBanner1 ul{
	list-style:none;
	padding:20px 0 0;
	display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}
#topBanner1 ul li{
	width:31%;
	padding:10px;
  margin-bottom:10px;
	box-sizing:border-box;
	box-shadow:0 0px 3px rgba(0,0,0,0.4);
	background:#fff;
	border-radius:5px;
}
#topBanner1 ul li img{
	display:block;
	width:100%;
	height:auto;
	margin:0 0 10px;
}
#topBanner1 ul li p{
	padding:10px 0 0 0;
	text-align:right;
}
#news2{
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px;
	margin:0 0 20px;
}
#news2 h3{
text-shadow: 
    #44beff 2px 0px,  #44beff -2px 0px,
    #44beff 0px -2px, #44beff 0px 2px,
    #44beff 2px 2px , #44beff -2px 2px,
    #44beff 2px -2px, #44beff -2px -2px,
    #44beff 1px 2px,  #44beff -1px 2px,
    #44beff 1px -2px, #44beff -1px -2px,
    #44beff 2px 1px,  #44beff -2px 1px,
    #44beff 2px -1px, #44beff -2px -1px,
	0 2px 3px rgba(0,0,0,0.5);
	color:#fff !important;
	font-size:20px;
	margin:0 0 15px 0;
}
#topBanner1 ul li a{
	text-decoration:none;
}
#topBanner1 ul li:nth-child(2){
	margin:0 11px;
}
#gmap{
	padding:20px 0;
}
#gmap a{
	color:#fff;
	display:block;
	border-radius:5px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
/********************
Basic Box Layout and Setting
********************/
#container {
	width:800px;
	margin: 0 auto;
}

#header {
	width: 800px;
	height: 150px;
	background: transparent url('http://img10.shop-pro.jp/PA01051/230/etc/bg_header2.jpg') no-repeat 0 0;
}


#header h1{
	float: left;
	width: 300px;
	height: 120px;
	text-indent: -9999px;
}

#header h1 a{
	height: 120px;
	display: block;
	text-indent: -9999px;
}

#header h2 {
	float: left;
	text-indent: -9999px;
}



/********************
Navigation
********************/
ul#navi {
	float: right;
/*	display: inline;*/
	width: 180px;
	padding: 10px 110px 0 0;
	list-style: none;
}

*html ul#navi{
	display: inline;
}
#navi li {
/*	float:left;
*/
}
#navi01{
	height:30px;
}
#navi li a {
	display: block;
	width: 180px;
	height: 30px;
	background: transparent url('http://img10.shop-pro.jp/PA01051/230/etc/navi2.jpg') no-repeat;
	text-indent: -9999px;
}

#navi #navi01 a{display:none !important;}

#navi #navi02 a:link,
#navi #navi02 a:visited { background-position:    0px -30px;}
#page02 #navi #navi02 a { background-position: -360px -30px;}
#navi #navi02 a:hover   { background-position: -180px -30px;}
#navi #navi02 a:active  { background-position: -360px -30px;}

#navi #navi03 a:link, 
#navi #navi03 a:visited { background-position:    0px -60px;}
#page03 #navi #navi03 a { background-position: -360px -60px;}
#navi #navi03 a:hover   { background-position: -180px -60px;}
#navi #navi03 a:active  { background-position: -360px -60px;}

#navi #navi04 a:link, 
#navi #navi04 a:visited { background-position:    0px -90px;}
#page04 #navi #navi04 a { background-position: -360px -90px;}
#navi #navi04 a:hover   { background-position: -180px -90px;}
#navi #navi04 a:active  { background-position: -360px -90px;}

/********************
Main, Cntenta, and Side Bar
********************/
#main {
	width:762px;
	margin:0 0 0 19px;
}

#contents {
	float: left;
	width: 552px;
}

#contents p.topBanner {
	margin: 0 0 20px 0;
}

#contents p.topBanner img {
	
}

#side {
	float: right;
	width: 190px;
}

#side ul {
	height: 20px;
	margin: 0 0 10px 0 ;
}

#side ul li{
	float: left;
	font-size: 85%;
}

#side ul li a{
	display: block;
	width: 90px;
	height: 20px;
	background: transparent url('http://img10.shop-pro.jp/PA01051/230/etc/side_navi.jpg') no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
#snavi01 a:link, 
#snavi01 a:visited { background-position:  0px 0px; margin:0 10px 0 0;}
#snavi01 a:hover   { background-position:  0px -20px;}
#snavi01 a:active  { background-position:  0px -40px;}

#snavi02 a:link,
#snavi02 a:visited { background-position: -90px 0px;}
#snavi02 a:hover   { background-position: -90px -20px;}
#snavi02 a:active  { background-position: -90px -40px;}

#new_items {
	background: url('http://img10.shop-pro.jp/PA01051/230/etc/bg_side.jpg') repeat-y;
}

#side_title {
	margin: 0 0 5px 0;
}

#side_title img {
	
}

#new_items div.new_item {
	width: 170px;
	margin: 0 0 0 10px;
}

#new_items div.new_item img {
	float: left;
	width: 120px;
	height: 90px;
	padding: 2px;
	background: url('http://img10.shop-pro.jp/PA01051/230/etc/thumb_farme.png') no-repeat;
	vertical-align: baseline;
}



#new_items div.new_item .item_link a {
	float: left;
	display: block;
	width: 46px;
	height: 94px;
	font-size: 66%;
	text-decoration: none;
	text-indent: -9999px;
	background: transparent url('http://img10.shop-pro.jp/PA01051/230/etc/bg_side_btn.jpg') no-repeat;
}

#new_items div.new_item .item_link a:link,
#new_items div.new_item .item_link a:visited{ background-position: 0 0;}
#new_items div.new_item .item_link a:hover{ background-position: -46px 0;}
#new_items div.new_item .item_link a:active{ background-position: -92px 0;}

#new_items div.new_item p {
	clear: both;
	color: #fff;
}


#side_btn a{
	display: block;
	width: 190px;
	height: 32px;
	margin: 10px 0 0;
	background: url('http://img10.shop-pro.jp/PA01051/230/etc/bg_sidelink.jpg') no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

#side_btn a:link,
#side_btn a:visited{ background-position: 0 0;}
#side_btn a:hover{ background-position: 0 -32px;}
#side_btn a:active{ background-position: 0 -64px;}



/********************
Fotter
********************/
#footer {
	width: 760px;
	height: 45px;
	margin: 10px 0 0 20px;
	padding: 80px 0 0 0;
	background:url('http://img10.shop-pro.jp/PA01051/230/etc/bg_footer.jpg') no-repeat;
}

#fnavi {
	margin: 0 0 0 20px;
	font-size: 85%;
}
#fnavi li{
	float: left;
}

#fnavi li a:link,
#fnavi li a:visited{
	display: block;
	width: 150px;
	margin: 0 10px 0 0;
	text-decoration: none;
	color:#341c0f;
	line-height: 22px;
}

#fnavi li a:hover{
	border-bottom: 1px dotted #341c0f;
}

#fnai01 line a:active{
	border-bottom: 1px solid #341c0f;
}

#copyright {
	clear: both;
	text-align: right;
	margin: 0 20px 0 0;
	padding: 2px 0 0 0;
	font-size: 85%;
}

/********************
News Info
********************/
#news{
	width: 190px;
	background: url('http://img10.shop-pro.jp/PA01051/230/etc/news_btm.jpg') no-repeat bottom left;
	padding: 0 0 40px 0;
}
#news p{
	padding: 5px 15px;
	font-size: 85%;
}


/********************
Free Page
********************/
.free_box{
	width:552px;
	background: url('http://img10.shop-pro.jp/PA01051/230/etc/bg_tenpo_m.jpg') repeat-y;
	margin: 0 0 20px 0;
}

.free_box h3{
	width: 522px;
	height: 45px;
	background: url('http://img10.shop-pro.jp/PA01051/230/etc/bg_free_t.jpg') no-repeat;
	padding: 20px 15px 0 25px;
	font-size: 123%;
}

.free_content{
	width:502px;
	padding: 10px 25px;
}
 .free_content p{
	font-size: 100%;
	margin: 0 0 1em 0;
}

.free_content img{
	float: right;
	margin: 0 0 0 10px;
}

.free_content ol,
.free_content ul{
	margin: 0 0 1.5em 3em;
	font-size: 93%;
	line-height: 1.5;
	zoom:0;
}

.free_content ol {
	list-style: decimal outside;
}

.free_content ul{
	list-style: disc outside;
}

.signature{
	text-align: right;
}

.gotop{
	margin: 1em 0;
}

#side ol{
	margin: 0 0 2em 0;
}

#side ol, #side ol li {
	margin: 0 0 10px 1em;
	list-style: square outside;
}

#side ol a:link,
#side ol a:visited{
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #29170a;
	color: #29170a;
}

#side ol a:hover{
	border-bottom: 1px solid #29170a;
}

.free_content table{
	margin: 10px;
}

.free_content th{
	text-align: center;
	vertical-align: middle;;
	padding: 2px;
}

.free_content td{
	padding: 5px;
}

#soryo td{
	text-align: center;
	vertical-align: middle;
}