@charset "utf-8";

/*基本設定
----------------------------------------------------*/

section,article,aside,hgroup,header,footer,nav,dialog,figure,figcaption{display:block;}
img,li{vertical-align:bottom;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
input.text,select{padding:2px;border:1px solid #ccc;background:#fff;}
input.submit,button{cursor:pointer;}
small{font-size:75%;font-style:normal;}
b{font-size:100%;font-weight:bold;font-style:normal;}
em{font-size:100%;font-weight:normal;font-style:normal;}
strong{font-size:100%;}
a{overflow:hidden;_cursor:pointer;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}
.left{display:inline;float:left;}
.right{display:inline;float:right;}
.center{display:block;margin:0 auto 0 auto;clear:both;}
.radius{position:relative;border-radius:20px;behavior:url(js/PIE.htc);}
.circle{position:relative;border-radius:100%;behavior:url(js/PIE.htc);}
.shadow{position:relative;box-shadow:0px 0px 2px 1px #ccc;*behavior:url(js/PIE.htc);}


body {
		margin:0;
		padding:0;
		font-family: "ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Sans-Serif;
		background:#ffefe8 url(img/body-bg.jpg) 0 0 repeat-x;
		color:#333;
		font-size:13px;
		line-height:1.7;
		text-align:center;
		
}

html {   
		overflow-y:scroll;   
}  



img {
		border:0;
}

h1,h2,h3,h4,h5,p {
		margin:0;
		padding:0;
		font-weight:normal;
}

ul,li {
		margin:0;
		padding:0;
		list-style-type:none;
}

table {
		width:100%;
		border:0;
}

th,td {
		font-size:12px;
}


#wrap {
		margin:0 auto;
		padding:0;
		width:900px;
		text-align:left;
}

.clear {
		clear:both;
}

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

.fix {
  min-height:1px;
}

* html .fix {
  height:1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.ohz {
		overflow: hidden;
		_zoom: 1;
}


p.mark {
		display:none;
}

span.red {
		color:#c00;
}

.img {
		float:left;
		margin:0 20px 0 0;
}

.img02 {
		float:right;
		margin:0 0 0 20px;
}

.tel {
		font-size:20px;
		font-weight:bold;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
		color:#C8442A;
}


p.del {
		width:100px;
		height:50px;
		text-align:center;
		margin:10px 0 0 0;
}

p.del a {
		display:block;
		background:#419444;
		color:#fff;
		text-decoration:none;
		border:solid 1px #419444;
}

p.del a:hover {
		display:block;
		background:#fff;
		color:#419444;
		text-decoration:underline;
		border:solid 1px #419444;
}



/*section p
----------------------------------------------------*/

.section {
		margin:0 0 40px 0;
		width:100%;
}


.section h2 {
		margin:0 0 10px 0;
}

.inner {
		width:100%;
}

.btm5 {
		margin-bottom:5px;
}

.btm10 {
		margin-bottom:10px;
}

.btm15 {
		margin-bottom:15px;
}

.btm20 {
		margin-bottom:20px;
}

.btm25 {
		margin-bottom:25px;
}

.btm30 {
		margin-bottom:30px;
}

.btm40 {
		margin-bottom:40px;
}


.top5 {
		margin-top:5px;
}

.top10 {
		margin-top:10px;
}

.top20 {
		margin-top:20px;
}

.f10 {
		font-size:10px;
}

.f14 {
		font-size:14px;
}

p.l11 {
		line-height:1.1;
}

p.l13 {
		line-height:1.3;
}

.m0 {
		margin:0!important;
}

.tar {
		text-align:right;
}

.tac {
		text-align:center;
}

.f-l {
		float:left;
}

.f-r {
		float:right;
}

.hover a:hover{
    opacity: 0.7; 
    filter: alpha(opacity=70); 
    -moz-opacity: 0.7;
}



/*ヘッダー
----------------------------------------------------*/


#header {
	position:relative;
	margin:0 auto;
	padding:0;
	width:900px;
	background:url(img/header-bg.png) 0 0 no-repeat;
	height: 100px;
}

#header h1{margin:0px 0 0px 0px;padding:5px 0px 0px 0px;width:900px;height:95px;}

#header h1 a.left{display:inline-block;margin:0px 0 0 0px;padding:0 0 0 0px;width:316px;}

#header h1 img.right{display:inline-block;margin:0px 0 0 0px;padding:20px 0 0 0px;width:548px;}

#header a.click{position:absolute;right:70px;bottom:25px;margin:0;padding:0;width:120px;height:30px;}

#header #topBanner{display:block;margin:0 0 0 0px;padding:0 0 0 0;width:900px;clear:both;}


/*ナビ
----------------------------------------------------*/
#main-image {
		margin:0;
		padding:0;
}


/*ナビ
----------------------------------------------------*/

#navi {
		width:900px;
		height:50px;
		margin:0;
		padding:0;
}

#navi li {
		margin:0;
		padding:0;
		float:left;
		overflow:hidden;
}

#navi li a {
		margin:0;
		padding:0;
		width:150px;
		height:50px;
		display:block;
		text-indent:-9999px;
}

#navi #menu01 {background:url(img/navi.gif) 0px 0px no-repeat;}
#navi #menu02 {background:url(img/navi.gif) -150px 0px no-repeat;}
#navi #menu03 {background:url(img/navi.gif) -300px 0px no-repeat;}
#navi #menu04 {background:url(img/navi.gif) -450px 0px no-repeat;}
#navi #menu05 {background:url(img/navi.gif) -600px 0px no-repeat;}
#navi #menu06 {background:url(img/navi.gif) -750px 0px no-repeat;}
#navi #menu01r,#navi #menu01 a:hover {background:url(img/navi.gif) 0px -50px no-repeat;}
#navi #menu02r,#navi #menu02 a:hover {background:url(img/navi.gif) -150px -50px no-repeat;}
#navi #menu03r,#navi #menu03 a:hover {background:url(img/navi.gif) -300px -50px no-repeat;}
#navi #menu04r,#navi #menu04 a:hover {background:url(img/navi.gif) -450px -50px no-repeat;}
#navi #menu05r,#navi #menu05 a:hover {background:url(img/navi.gif) -600px -50px no-repeat;}
#navi #menu06r,#navi #menu06 a:hover {background:url(img/navi.gif) -750px -50px no-repeat;}


/*コンテンツ
----------------------------------------------------*/
#cont {
		width:100%;
		margin:25px 0 0 0;
}


/*サイド
----------------------------------------------------*/

#sidebar {
		width:220px;
		float:right;
}

#sidebar {margin:0 0px 0px 0px;padding:0px 0 0px 0px;width:220px;}
#sidebar .category{margin:0px 0 20px 0px;padding:5px 0px 0px 0px;width:220px;background:#f7e1d6;}
#sidebar .category dt{margin:0 0 20px 0;padding:0px 0 0px 0px;}
#sidebar .category dt img{display:block;margin:0 auto;width:204px;}
#sidebar .category dd{margin:0 0 20px 0;padding:0px 0 0px 0px;color:#9c2895;font-size:90%;line-height:1.5;}
#sidebar .category dd ul{margin:0 auto 0 auto;padding:0 0 0 0;width:170px;}

#sidebar .category dd ul li{ margin:0 0 20px 0;}

#sidebar .category dd ul li a.center{margin-bottom:10px;}
#sidebar .category dd ul li a.center img{display:block;margin:0 auto 0 auto;clear:both;}
#sidebar .category dd ul li a.center img.center{margin-bottom:5px;}
#sidebar .category dd ul li a.center img.title{margin-bottom:10px;}
#sidebar .shop{margin:0px 0 50px 0px;padding:30px 0px 0px 0px;width:220px;background:#fde899 url(img/sidebar-shop-bg.gif) 0 0 no-repeat;}
#sidebar .shop dt{margin:0 0 10px 0;padding:0px 0 0px 0px;}
#sidebar .shop dt img{display:block;margin:0 auto;}
#sidebar .shop dd{margin:0 0 10px 0;padding:0px 0 0px 0px;color:#9c2895;font-size:90%;line-height:1.5;}
#sidebar .shop dd ul{margin:0 auto 0 auto;padding:0 0 0 0;width:185px;}
#sidebar .shop dd ul li{margin:0 0 10px 0;}


.en {
		margin:0 0 15px 0;
		background:url(img/en_bg.gif) 0 0 no-repeat;
		padding:4px 0 12px 0;
		text-align:center;
		font-weight:bold;
		font-family:Century Gothic,Arial, Helvetica, sans-serif, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック";
		font-size:18px;
}

.en a {
		color:#fff;
}


/*メイン
----------------------------------------------------*/

#main {
		width:660px;
		float:left;
}

#contents{margin:-15px 0px 20px 0px;padding:0px 0 0px 0px;width:660px;}
#contents section{margin:0 0px 30px 0px;padding:0 0 0px 0px;width:660px;background:#ffffff 0 0px no-repeat;clear:both;}
#contents section.butterfly{background-image:url(img/contents-section-bg-butterfly.gif);}
#contents h2{margin:0 0 30px 20px;padding:0px 0px 0px 0px;clear:both;}
#contents p.base{margin:0 0 30px 20px;width:860px;clear:both;}
#contents p.center{text-align:center;}
#contents p.bgTomato{background:url(img/bg-tomato01.png) center center no-repeat;}
#contents strong.red{color:#e23d49;}
#contents strong.blue{color:;}
#contents strong.big{font-size:130%;line-height:1.3;}
#contents img.left{margin:0 20px 10px 0px;}
#contents img.right{margin:0 0px 10px 20px;}
#contents img.center{margin:0 auto 20px auto;}
#contents img.border{border:1px solid #ccc;}
#contents img.frame{padding:10px;border:1px solid #ccc;background:#fff;}
#contents img.circle{position:relative;border:1px solid #ccc;border-radius:100%;background:#ECF6E5;behavior:url(js/PIE.htc);}

#contents section img.letter{display:block;margin:0 0 20px 20px;padding:0px 0px 0 0;}
#contents section.butterfly img.letter{margin:0 0 0px 25px;}
#contents .movie{margin:0 0 20px 0px;padding:0px 0px 0 0px;width:660px;}
#contents .movie li{margin:0 0px 0px 0;padding:0px 0 0 0px;width:320px;}
#contents .guide {margin:0 0 50px 0px;padding:0px 0px 0 0px;width:660px;}
#contents .guide li{display:inline;margin:0 0px 0px 15px;padding:0px 0 0 0px;width:210px;float:left;}
#contents .guide li.first{margin-left:0;}

.left{display:inline;float:left;}
.right{display:inline;float:right;}


/*フッター
----------------------------------------------------*/


#f-wrap {
		width:100%;
		text-align:center;
	    background:url(img/footer-bg.gif) center top repeat-x;
		padding:0 0 20px 0;
		margin:20px 0 0 0;
		color:#fff;
}

#footer {
		margin:0 auto;
		padding:0;
		width:900px;
		text-align:left;
}

#footer a {
		color:#fff;
		text-decoration:none;
}

#pagetop {
		text-align:right;
		margin:0 0 25px 0;
}

p.logo {
		margin:25px 0;
}

p.cr {
		font-size:10px;
}