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

body,div,dl,dt,dd,ol,ul,li,p,h1,h2,h3,h4,h5,h6,img {
	 margin:0; 
	 padding:0;
	 font-size:12px;
	 line-height:1.3em;
	 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 font-weight:normal;
	 
	 
	 }
	 
body {
	background-color:#FFF;
}

div {
	background-color:#FFF;
}

img { border: none;}

a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
} 


.m5t {margin-top:5px;}
.m10t {margin-top:10px;}
.m20t {margin-top:20px;}
.m30t {margin-top:30px;}
.m40t {margin-top:40px;}
.m50t {margin-top:50px;}

.m5r {margin-right:5px;}
.m10r {margin-right:10px;}
.m20r {margin-right:20px;}
.m30r {margin-right:30px;}
.m40r {margin-right:40px;}
.m50r {margin-right:50px;}

.m5b {margin-bottom:5px;}
.m10b {margin-bottom:10px;}
.m20b {margin-bottom:20px;}
.m30b {margin-bottom:30px;}
.m40b {margin-bottom:40px;}
.m50b {margin-bottom:50px;}

.m5l {margin-left:5px;}
.m10l {margin-left:10px;}
.m20l {margin-left:20px;}
.m30l {margin-left:30px;}
.m40l {margin-left:40px;}
.m50l {margin-left:50px;}

/*padding*/
.p5t {padding-top:5px;}
.p10t {padding-top:10px;}
.p20t {padding-top:20px;}
.p30t {padding-top:30px;}
.p40t {padding-top:40px;}
.p50t {padding-top:50px;}

.p5r {padding-right:5px;}
.p10r {padding-right:10px;}
.p20r {padding-right:20px;}
.p30r {padding-right:30px;}
.p40r {padding-right:40px;}
.p50r {padding-right:50px;}

.p5b {padding-bottom:5px;}
.p10b {padding-bottom:10px;}
.p20b {padding-bottom:20px;}
.p30b {padding-bottom:30px;}
.p40b {padding-bottom:40px;}
.p50b {padding-bottom:50px;}

.p5l {padding-left:5px;}
.p10l {padding-left:10px;}
.p20l {padding-left:20px;}
.p30l {padding-left:30px;}
.p40l {padding-left:40px;}
.p50l {padding-left:50px;}

.f150 {font-size:1.5em;}
.f140 {font-size:1.4em;}
.f130 {font-size:1.3em;}
.f120 {font-size:1.2em;}

.f90 {font-size:0.9em;}
.f80 {font-size:0.8em;}
.f70 {font-size:0.7em;}
.f60 {font-size:0.6em;}
.red {color:#F00;
	font-weight: normal;
	font-size: 12px;
}
.lh150{line-height:150%;}
.lh160{line-height:160%;}
.lh170{line-height:170%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.lh200{line-height:200%;}

.m0 {margin:0!important;}

.overflow {overflow:hidden;}
.left {float:left!important;}
.right {float:right!important;}
.clear {clear:both;}
.white { color: white; }
.orange { color: #ff9900; }


#link a {color:#666666; display:block; padding:5px 10px;}
#link strong {padding:5px 10px;}
#link td:hover {background:#D6D6D6;}
#link td#ttk:hover { background: ;}
#link a:hover {color:#595CD0; text-decoration:none;}


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


#wrapper {
	background-image:url(../image/common/bg.png);
	background-repeat:repeat-x;
	background-position:top center;
}

#top {
	margin:0 auto;
	padding:10px 0 5px;
	width:1000px;
	background-color:transparent;
	color:#FFF;

}

#container {
  width:1000px;
  height:auto;
  margin: 0 auto;
  border:solid 1px #CCC;
  
}

#header {
	overflow: hidden;
	width: 948px;
	margin: 0 auto 10px;
	padding: 0;
}

.header_inner {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

.right {
	float: right !important;
}

.m0 {
	margin: 0 !important;
}

.logo {
	margin: 0;
	padding: 0;
}

.logo img {
	margin: 0;
	padding: 10px 0 0;
}

.shop_eng {
	margin: 20px 0 0;
	padding: 0;
	font-size: 9px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
}

.description {
	width: 280px;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 10px;
}

.tel_cap {
	margin: 10px 0 0;
	padding: 0;
	text-align: left;
}

.tel {
	margin: 0;
	padding: 0 0 0 34px;
	background: url(../image/common/bg_tel.gif) left no-repeat;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	text-align: left;
}

a.btn_orange {
	display: block;
	width: 208px;
	margin: 4px 0 0;
	padding: 5px;
	font-size: 14px;
	color: #FFF;
	border: #FF6600 solid 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(../images/common/bg_orange.jpg) center repeat-x;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FF9900', endColorstr = '#FF3300');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FF9900', endColorstr = '#FF3300')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #FF9900, #FF3300);
	background-image: -ms-linear-gradient(top, #FF9900, #FF3300);
	background-image: -o-linear-gradient(top, #FF9900, #FF3300);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FF9900), to(#FF3300));
	background-image: -webkit-linear-gradient(top, #FF9900, #FF3300);
	background-image: linear-gradient(top, #FF9900, #FF3300);
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	text-decoration: none;
	text-align: center;
	zoom: 1;
}

a:hover.btn_orange {
	display: block;
	width: 208px;
	margin: 4px 0 0;
	padding: 5px;
	font-size: 14px;
	color: #FFF;
	border: #FF6600 solid 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(../images/common/bg_orange_on.jpg) center repeat-x;

	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFBB00', endColorstr = '#FF6600');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFBB00', endColorstr = '#FF6600')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #FFBB00, #FF6600);
	background-image: -ms-linear-gradient(top, #FFBB00, #FF6600);
	background-image: -o-linear-gradient(top, #FFBB00, #FF6600);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFBB00), to(#FF6600));
	background-image: -webkit-linear-gradient(top, #FFBB00, #FF6600);
	background-image: linear-gradient(top, #FFBB00, #FF6600);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	text-decoration: none;
	text-align: center;
	zoom: 1;
}

a.btn_orange_half {
	display:inline-block;
	width: 100px;
	margin: 4px 0 0;
	padding: 5px;
	font-size: 14px;
	color: #FFF;
	border: #FF6600 solid 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(../images/common/bg_orange.jpg) center repeat-x;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FF9900', endColorstr = '#FF3300');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FF9900', endColorstr = '#FF3300')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #FF9900, #FF3300);
	background-image: -ms-linear-gradient(top, #FF9900, #FF3300);
	background-image: -o-linear-gradient(top, #FF9900, #FF3300);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FF9900), to(#FF3300));
	background-image: -webkit-linear-gradient(top, #FF9900, #FF3300);
	background-image: linear-gradient(top, #FF9900, #FF3300);
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	text-decoration: none;
	text-align: center;
	zoom: 1;
}

a:hover.btn_orange_half {
	display:inline-block;
	width: 100px;
	margin: 4px 0 0;
	padding: 5px;
	font-size: 14px;
	color: #FFF;
	border: #FF6600 solid 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(../images/common/bg_orange_on.jpg) center repeat-x;

	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFBB00', endColorstr = '#FF6600');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFBB00', endColorstr = '#FF6600')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #FFBB00, #FF6600);
	background-image: -ms-linear-gradient(top, #FFBB00, #FF6600);
	background-image: -o-linear-gradient(top, #FFBB00, #FF6600);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFBB00), to(#FF6600));
	background-image: -webkit-linear-gradient(top, #FFBB00, #FF6600);
	background-image: linear-gradient(top, #FFBB00, #FF6600);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	text-decoration: none;
	text-align: center;
	zoom: 1;
}

a.btn_light_orange_half {
	display:inline-block;
	width: 100px;
	margin: 4px 0 0;
	padding: 5px;
	font-size: 14px;
	color: #FFF;
	border: #FF6600 solid 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(../images/common/bg_orange.jpg) center repeat-x;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffac30', endColorstr = '#ff886a');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffac30', endColorstr = '#ff886a')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #ffac30, #ff886a);
	background-image: -ms-linear-gradient(top, #ffac30, #ff886a);
	background-image: -o-linear-gradient(top, #ffac30, #ff886a);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffac30), to(#ff886a));
	background-image: -webkit-linear-gradient(top, #ffac30, #ff886a);
	background-image: linear-gradient(top, #ffac30, #ff886a);
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	text-decoration: none;
	text-align: center;
	zoom: 1;
}

a:hover.btn_light_orange_half {
	display:inline-block;
	width: 100px;
	margin: 4px 0 0;
	padding: 5px;
	font-size: 14px;
	color: #FFF;
	border: #ffac74 solid 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(../images/common/bg_orange_on.jpg) center repeat-x;

	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffd45c', endColorstr = '#ffac74');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffd45c', endColorstr = '#ffac74')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #ffd45c, #ffac74);
	background-image: -ms-linear-gradient(top, #ffd45c, #ffac74);
	background-image: -o-linear-gradient(top, #ffd45c, #ffac74);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffd45c), to(#ffac74));
	background-image: -webkit-linear-gradient(top, #ffd45c, #ffac74);
	background-image: linear-gradient(top, #ffd45c, #ffac74);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	text-decoration: none;
	text-align: center;
	zoom: 1;
}

/*コンテンツ--------*/

#contents {
	margin:20px auto 0 0;
	text-align:center;
}
#main_content {
border:1px solid #E5E5E5;
}
#r_col {
background:#E5E5E5;
}
#footer{
	background:#52a0d3;
	color:#FFF;
	text-align:center;
	clear:both;
	margin-top:10px;
	padding:20px;
}

#footer a{
	color:#FFF;
}

#footer a:hover{
	color:#fcc542;
}

.line{
	width:90%;
	margin:10px auto;
	border-top:solid 1px #FFF;
}

.twitter {
	width: 280px;
	background:transparent;
	padding: 0;
}

.tweet_txt {
	font-size:10px;
	color:#000;
	line-height:1.2em;
	padding:5px;
	background:#E5E5E5;
}

/*TOP下部 スライドショー*/
#slideshow { position:relative; width:215px; height:149px; margin:0; padding:0;}
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }


/* ロールオーバー */
ul,li{ padding:0;margin:0; }
.rollover {
	height:470px;
	background:#d9d9da;
	overflow:hidden;
	margin-bottom:20px;
	padding:10px 0 10px 20px;
}
.rollover p {
	width:680px;
	float:right;
	position:relative;
	top:-25px;
}
.rollover .rollover_view {
	position:absolute;
	top:0;
	left:0;
}
.rollover ul {
	float:left;
	width:248px;
	list-style:none;
}
.rollover li {
	height:63px;
	margin-bottom:7px;
}
.rollover a img {
	border:0;
}
