@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 100%;
}
	
#index #header h2 {
	margin:135px 0 0 0;
	padding:0 0 0 328px;
	height: 188px;
	float:left;
	}
#header h2 {
	margin:0;
	padding:100px 0 0 0;
	height: 40px;
	line-height: 1%; 
	display: block;
	float:right;
	}
	
#index #content h3 {
	clear: both;
	margin:0;
	padding:0;
	line-height:1%;
	height:30px;
	background:none;
}
#index #content h4 {
	clear: both;
	margin: 0 0 10px 0;
	padding:0;
	height:20px;
	background:none;
	}
#content h3 {
	clear: both;
	margin: 0 0 20px 0;
	padding:10px 0 7px 35px;
	background:url(../images/h3_bg.jpg) 0 0 no-repeat;
	color:#5A3D1C;
	font-size:18px;
	font-weight:bold;
	line-height:1.3em;
	}
#content h4 {
	clear: both;
	margin: 0 0 10px 0;
	font-size:16px;
	padding:8px 0 6px 20px;
	color:#5A3D1C; font-weight:bold;
	background:url(../images/h4_bg.jpg) 0 0 no-repeat;
	}
	
#content h4.noind {
	padding:8px 0;
	background: none;
	}
	
#content h4.h4_img {
	padding:8px 0 6px 0px;
	}
	
	
#content h5 {
	background:url(../images/h5_bg.jpg) 0 2px no-repeat;
	color:#5a3d1c; font-weight:bold;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	font-family:"ＭＳ Ｐゴシック";
	font-size:120%;
}
	
a { color: #32a2e1; outline:none; text-decoration:underline; }
a:hover,
a:active { color: #32a2e1; text-decoration:none; outline:none; }
a:visited {
}

p { margin: 0 0 1em; }

dt img,dd img,li img { vertical-align: bottom; }


.section { padding:0 0 0 0; clear:both; }
.section .section { padding:0; clear:both;}

.img{margin:0; padding:0; line-height:1%;}
.img01{padding:23px 0 0 25px; margin:0; line-height:1%;}
.img02{text-align:center; clear:both; margin:0 0 20px 0; padding:0; line-height:1%;}
.img03{text-align:center; clear:both; margin:0 0 36px 0; padding:0 0 0 5px; line-height:1%;}
.image_l { float: left; margin:0 15px 0 0; padding:0; line-height:1%; }
* html body .image_l{ margin:0 12px 0 0;  }/* for IE6 only */

.image_r { float: right; margin:0 0 0 15px; padding:0; line-height:1%; }
* html body .image_r{ margin:0 0 0 12px;  }/* for IE6 only */

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {margin:0; padding:0; height:27px;list-style: none;}
ul.totop li {margin: 0; padding: 0;	width:102px; height:27px;list-style: none; float: right;font-size: 1%;line-height: 1%;}
ul.totop li a {text-indent: -9999px;display: block; height:27px; font-size: 1%;line-height: 1%; background: url(../images/pagetop.jpg) 0 0 no-repeat;}

#content table {
	margin: 0;
	padding:0;
	border-collapse: collapse;
	border: 1px solid #b3a2a8;
	width: 100%;
	color:#3F3F3F;
	font-family:"ＭＳ Ｐゴシック";
	}
#content table td {
	padding: 7px 8px;
	border: 1px solid #b3a2a8;
	}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
  background:#f4efe5 url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}
#body01{background:url(../images/footer_bg.jpg) left bottom repeat-x; margin:0; padding:0;}
#wrapper {
	width: 960px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) 960px top no-repeat;
}
#index #main {
	width: 960px;
	margin: 0 auto 30px auto;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}
#main {
	width: 960px;
	margin: 0 auto 20px auto;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}

#index #content {
	width: 960px;
	float: left;
	padding:0;
	margin:0;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック";
	line-height:1.57;
	font-size:130%;
	}
#content {
	width: 711px;
	float: right;
	padding:0;
	margin:0;
	display:inline;
	text-align:left;
	font-size:140%;
	font-family:"ＭＳ Ｐゴシック";
	line-height:1.57;
	color:#5A3D1C;
	}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#index #header {
	width: 960px;
	height:554px;
	margin: 0 auto 20px auto;
	text-align: left;
}
#header {
	width: 960px;
	height:385px;
	margin: 0 auto 30px auto;
	text-align: left;
}

#header h1 { float: right; color:#5A3D1C; margin:0; padding:2px 0 0 0; font-size:120%; width:960px; text-align:right; line-height:1em; position:relative; }

#header01{width:960px; height:85px; margin:0; padding:0; float:left;}
#header01 p.logo{float:left; margin:0; padding:18px 0 0 0; line-height:1%;}
#header01 p.mail{float:right; margin:0; padding:18px 0 0 0; line-height:1%;}

#index #header02{width:960px; height:400px; margin:0; padding:0; background:url(../images/header_bg.jpg) 0 0 no-repeat; float:left;}
#header02{width:960px; height:231px; margin:0; padding:0; background:url(../images/header_contentbg.jpg) 0 0 no-repeat; float:left;}
#teddybear #header02{width:960px; height:231px; margin:0; padding:0; background:url(../images/shop_teddybear_bgh2.jpg) 0 0 no-repeat; float:left;}

#soshakan #header02{width:960px; height:231px; margin:0; padding:0; background:url(../images/shop_soshakan_bgh2.jpg) 0 0 no-repeat; float:left;}

#agastia #header02{width:960px; height:231px; margin:0; padding:0; background:url(../images/shop_agastia_bgh2.jpg) 0 0 no-repeat; float:left;}

#header03{width:960px; height:55px; margin:0; padding:0;}
#header03 ul.header_nav {
	width: 960px;
	height: 55px;
	margin: 0 ;
	list-style: none;
	padding:0;
}
#header03 ul.header_nav li {
	height:55px;
	margin:0;
	list-style: none;
	float: left;
	display: inline;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	width:960px;
	height:132px;
	text-align: center;
  background: url(../images/footer_bg.jpg) 0 repeat-x;
}
#footer address {
	margin: 0 auto;
	padding:19px 0 0 0;
}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 210px;
	text-align: center;
	padding:0 0 20px 0;
}

#navi ul {
	margin: 0;
	text-align: left;
}

#navi ul li {
	list-style: none;
	margin: 0;
	vertical-align: top;
}
#navi ul li.li01 {
	list-style: none;
	margin: 0 0 22px 0;
	vertical-align: top;
}
#navi ul li.li02 {
	list-style: none;
	margin: 0 0 20px 0;
	vertical-align: top;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
.alpha{float:left; margin:0; padding:0;}
.beta{float:right; margin:0; padding:0;}

.alpha02{float:left; margin:0; padding:0;}
.beta02{float:right; margin:0; padding-right:15px;}



/* index
------------------------------------------------------------------------*/
.index_bg01{background:url(../images/index_img02.jpg) 0 0 no-repeat; margin:0; padding:0; float:left; width:320px; height:460px;}
.index_bg02{background:url(../images/index_img03.jpg) 0 0 no-repeat; margin:0; padding:0; float:left; width:320px; height:460px;}
.index_bg03{background:url(../images/index_img04.jpg) 0 0 no-repeat; margin:0; padding:0; float:right; width:320px; height:460px;}
.index_bg04{background:url(../images/index_img18.jpg) 0 0 repeat-y; margin:0; padding:0;}
.index_bg05{background:url(../images/index_img17.jpg) left top no-repeat; margin:0; padding:0;}
.index_bg06{background:url(../images/index_img19.jpg) left bottom no-repeat; margin:0; padding:22px 0 0 20px;}

.likebox{
	width: 940px;
	height: 427px;
	background-color: #fff;
	margin: 20px auto;
	border: 1px solid #e8d5c5;
	padding: 5px;	
}

#index ul {
	margin:182px 0 0 35px;
	text-align: left;
}
#index ul li {
	list-style: none;
	margin: 0 0 4px 0;
	vertical-align: top;
}

/* album
------------------------------------------------------------------------*/
.album_bg{background:url(../images/album_img01.jpg) 0 0 no-repeat; margin:0; padding:10px 0px 10px 0px;}


.panel_zoom {
	width: 500px; 
	height: 420px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	overflow: hidden; 
	background: none repeat scroll 0% 0% white; 
	display: none;
}
#album ul li.panel_thumb {
	float: left; 
	position: relative; 
	height: 80px; 
	z-index: 901; 
	padding: 0; 
	cursor: pointer;
}
#photoZoom {margin: 0px 11px 0 0; }
#album #content p#zoom{
	margin: 0 0 0px 0;
	width: 500px;
	height:420px;
}

#album #content #zoomImg {
	margin: 0;
	width: 500px;
	height:420px;
}

#album #content div ul#photoList {
	margin: 0 0 0 0;
}

#album #content div ul#photoList li {
	float: left;
	width: 95px;
	height:100px;
	margin: 20px 11px 0 0; 
	float:left;
}
#content div ul#photoList li.li01 {
	float: left;
	width: 95px;
	height:95px;
	margin: 10px 0 0 0; 
	float:left;
}

#album #content div ul#photoList li img {
	width: 95px;
	height:95px;

}

#gallery ul.ul01 {
	padding:0 0 10px 0;
	margin:0;
	float:left;
	display:inline;
}
#gallery ul.ul01 li {
	list-style: none;
	margin: 0 8px 10px 0;
	padding:0;
	display:inline;
	vertical-align: top;
}
#gallery ul.ul01 li.li01 {
	list-style: none;
	margin: 0 0 10px 0;
	display:inline;
	vertical-align: top;
}




/* gallery
------------------------------------------------------------------------*/
.gallery_bg{background:url(../images/gallery_bg.jpg) 0 0 no-repeat; margin:0 0 10px 0; padding:16px 0 30px 10px;}
#galleryArea {
	position: relative;
	width: 600px;
	height: 600px;
	left:50px;
	display:inline-block;
	margin: 0 0 20px 0;
}
* html body #galleryArea { height:620px; margin: 0 0 0 0;}
#galleryArea p#zoom {
	position: absolute;
	top: 0px;
	left:50px;
	width: 500px;
	height: 500px;
}
#galleryArea p#zoom img#photoZoom {
	width: 500px;
	height: 500px;
}
#galleryArea .prev,
#galleryArea .next {
	position: absolute;
	bottom: 0px;
	z-index: 1;
}
* html body #galleryArea .prev,
* html body #galleryArea .next {
	position: absolute;
	bottom: 20px;
	z-index: 1;
}
#galleryArea .prev {
	left: 0px;
}
#galleryArea .next {
	right: 0px;
}
#galleryArea #listBox {
	position: absolute;
	left: 14px;
	bottom: 0;
	width: 600px;
	height: 84px;
	background: url(../images/gallery_bg.gif) repeat-x left top;
	z-index: 0;
}
* html body #galleryArea #listBox { padding: 20px 0 0 0;}
#galleryArea #listBox #display {
	width: 600px;
	margin-left: 16px;
	padding-top: 0px;
}
#galleryArea #listBox #display ul#photoList {
	overflow: hidden;
	width: 600px;
}
#galleryArea #listBox #display ul#photoList li {
	width: 100px;
	height: 84px;
	margin-right: 10px;
}
#galleryArea #listBox #display ul#photoList li img {
	width: 100px;
	height: 84px;
}

.g-bnr{
text-align:center;
}
/* qa
------------------------------------------------------------------------*/
.qa_bg01{background:url(../images/qa_img01.jpg) 0 0 repeat-y; margin:0 0 30px 0; padding:0;}
.qa_bg02{background:url(../images/qa_img02.jpg) 0 0 no-repeat; margin:0; padding:5px 0 8px 50px; color:#5a3d1c; font-size:100%; font-weight:bold;}
.qa_bg03{background:url(../images/qa_img03.jpg) 0 0 no-repeat; margin:0; padding:5px 0 5px 50px;}


/* flow
------------------------------------------------------------------------*/
.flow_bg01{background:url(../images/flow_img10.jpg) 320px bottom no-repeat; margin:0; padding:0;}
.flow_bg02{background:url(../images/flow_img11.jpg) 320px 210px no-repeat; margin:0; padding:0 0 60px 0 ; clear:both;}
.flow_bg03{background:url(../images/flow_img12.jpg) 320px bottom no-repeat; margin:0; padding:0 0 0 0; }
.flow_bg04{background:url(../images/flow_img10.jpg) 320px bottom no-repeat; margin:0; padding:0; }
/* fmail
------------------------------------------------------------------------*/
#fmail #content table {
	width:600px;
	margin: 0;
	padding:0;
	border-collapse: collapse;
	border: 1px solid #b3a2a8;
	font-size: 100%;
	font-family:"ＭＳ Ｐゴシック";
	text-align:left;
	color:#3f3f3f;
}

#fmail #content table td {
	padding: 7px 8px;
	border: 1px solid #b3a2a8;
	}

/* Margin - Padding
------------------------------------------------------------------------*/
.mar_neg10{margin:0 0 10px 0;}
.mar_0{margin:0;}
.mar_b10{margin-bottom:10px;}
.mar_b20{margin-bottom:20px;}
.mar_b30{margin-bottom:30px;}
.mar_b40{margin-bottom:40px;}
.mar_l40{margin:0 0 0 40px;}
.mar_t40{margin-top:40px;}

.pad_r5{padding:0 5px 0 0;}
.pad_r12{padding:0 16px 0 0;}
.pad_l30{padding:0 0 0 30px;}

.text01{padding:15px 270px 0 0;}
.text02{background:url(../images/icon01.jpg) 0 3px no-repeat; margin:0; padding:0 0 0 10px;}
.text_r{text-align:right;}
.text_b{font-weight:bold;}
.text03{ color:#EB779C;}
.w_235{width:235px; padding-left: 10px;}

.w_250{width:250px;}
.w_580{width:580px;}
.w_485{width:485px;}
.bg00{background:#d2ccb6; color:#000; font-weight:bold; text-align:center;}
.bg01{background:#d2ccb6; color:#000; width:150px; font-weight:bold; text-align:center;}
.bg02{background:#fff;}
.bg03{background:#fff; width:150px; color:#ff7f00; font-size:180%; font-weight:bold; text-align:center;}
.bg04{background:#feede6; font-weight:bold; text-align:center;}
.bg05{background:#d2ccb6; color:#000; width:100px; font-weight:bold; text-align:center;}
.bg06{background:#fff; color:#ff7f00; font-size:180%; font-weight:bold; text-align:center;}
.bg07{background:#fff; width:135px;}
.bg08{background:#fff; color:#ff7f00; font-size:180%; font-weight:bold; text-align:center;}
.bg09{background:#fff; text-align:center; width:60px;}
.bg10{background:#fff; width:250px; color:#ff7f00; font-size:180%; font-weight:bold; text-align:center;}

.border01{background:url(../images/border01.jpg) 0 0 repeat-y; margin:0; padding:0;}
.border02{background:url(../images/border02.jpg) left top no-repeat; margin:0; padding:0;}
.border03{background:url(../images/border03.jpg) left bottom no-repeat; margin:0; padding:20px 10px 15px 10px; text-align:center;}


.googlemaps {
 border: 2px solid #999999;
}

.sr_fL {float:left;}
.sr_fR {float:right; width:350px}
.sr_pad_l50 {padding-left:80px;}

#content div.bgslide {
	background:url(../images/plan03.jpg); 
	height:356px;
	width:714px;
	}

#content div.slide {
		width:241px;
		height: 304px;
		padding-left:460px; padding-top:187px;
	}	
	

.slider {
float:left;
width:241px;
height:135px;
position:relative;
padding-bottom:26px;
background:url(../gfx/bottom_shadow.png) no-repeat bottom center;
}

.sliderContent {
float:left;
width:241px;
height:135px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:241px;
height:135px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}

a {
color:#fff;
}

a img {
border:none;
}	

ul.txt01 {
	margin-left:5px;
}