@charset "utf-8";

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

/* 基本フォント -------------------- */
body {
	color: #333;
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.8;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

address,em {
	font-style: normal;
}

/*\*/
* html body {
	font-size: 75%;
}
* html table {
	font-size: 100%;
	line-height: 1.5;
}
*:first-child + html body {
	font-size: 75%;
}
/**/

.red { color: #f00; }
.t40 { margin-top: 40px; }
.p10 { padding: 0px 10px; }
.w253 { width: 220px; }


/* 基本タグ -------------------- */
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
}

img,table {
	border: none;
}

ol,ul {
	list-style: none;
}


/* 基本テキストリンク -------------------- */
a:link { color: #e60012; }
a:visited { color: #e60012; }
a:hover { color: #e60012; }
a:active { color: #e60012; }

/* -------------------------------------------------------------------
 float解除
------------------------------------------------------------------- */
br.clr /* テスト用 */ {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

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


/* -------------------------------------------------------------------
 レイアウト枠
------------------------------------------------------------------- */
div#wrap {
	width: auto;
	margin: 0 auto;
	text-align: center;
}

div#ct-area {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

div#ct-area p {
	margin: 20px 0;
}

div.left {
	width: 400px;
	float: left;
}

div.right {
	width: 400px;
	float: right;
}

div#ct-center {
	width: 480px;
	float: right;
	text-align: left;
	display: inline;
	margin: 10px;
	background: #fff url(../img/map2.gif) no-repeat left top;
}

div#ct-area:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#ct-area { display:inline-block; }
/*\*/
* html div#ct-area { height:1%; }
div#ct-area { display:block; }
/**/


/* -------------------------------------------------------------------
 ヘッダー
------------------------------------------------------------------- */
body.about { 			background: #fff url(../img/bg_about.gif) repeat-x center top; }
div.hd_about {		background: url(../img/hd_about.gif) no-repeat top center; }
div.hd_about ul.menu {	background: url(../img/tab_bg_about.gif) no-repeat 0px 0px; }

body.kids { 			background: #fff url(../img/bg_kids.gif) repeat-x center top; }
div.hd_kids {			background: url(../img/hd_kids.gif) no-repeat top center; }
div.hd_kids ul.menu {	background: url(../img/tab_bg_kids.gif) no-repeat 0px 0px; }

body.company { 			background: #fff url(../img/bg_company.gif) repeat-x center top; }
div.hd_company {			background: url(../img/hd_company.gif) no-repeat top center; }
div.hd_company ul.menu {	background: url(../img/tab_bg_company.gif) no-repeat 0px 0px; }

body.faq { 			background: #fff url(../img/bg_faq.gif) repeat-x center top; }
div.hd_faq {			background: url(../img/hd_faq.gif) no-repeat top center; }
div.hd_faq ul.menu {	background: url(../img/tab_bg_faq.gif) no-repeat 0px 0px; }

body.shop { 			background: #fff url(../img/bg_shop.gif) repeat-x center top; }
div.hd_shop {			background: url(../img/hd_shop.gif) no-repeat top center; }
div.hd_shop ul.menu {	background: url(../img/tab_bg_shop.gif) no-repeat 0px 0px; }

body.contact { 			background: #fff url(../img/bg_contact.gif) repeat-x center top; }
div.hd_contact {			background: url(../img/hd_contact.gif) no-repeat top center; }
div.hd_contact ul.menu {	background: url(../img/tab_bg_contact.gif) no-repeat 0px 0px; }

div.hd_top {			background: url(../img/hd_top.gif) no-repeat top center; }
div.hd_top ul.menu {	background: url(../img/tab_bg_top.gif) no-repeat 0px 0px; }

div#hd {
	width: 960px;
	height: 165px;
	margin: 0 auto;
	position: relative;
}

div#hd h1 {
	position: absolute;
	left: 0px;
	top: 26px;
}
div#hd div.logo_mark {
	position: absolute;
	right: 0px;
	top: 28px;
}

/* -------------------------------------------------------------------
Menu
------------------------------------------------------------------- */
ul.menu {
	margin: 0px;
	padding: 0px;
	width: 640px;
	height: 59px;
	position: absolute;
	right: 0px;
	top: 0px;
}
ul.menu li {
	float: left;
}
ul.menu li a {
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	height:60px;
	margin-right: 5px;
}
ul.menu li.menu1 a { width: 70px; }
ul.menu li.menu2 a { width: 104px; }
ul.menu li.menu3 a { width: 96px; }
ul.menu li.menu4 a { width: 97px; }
ul.menu li.menu5 a { width: 59px; }
ul.menu li.menu6 a { width: 69px; }
ul.menu li.menu7 a { width: 59px; }
ul.menu li.menu8 a { width: 42px; }

ul.menu li.menu1 a:hover, ul.menu li.menu1 a.on { background: url(../img/tab_bg_over.gif) no-repeat 0px 0px; }
ul.menu li.menu2 a:hover, ul.menu li.menu2 a.on { background: url(../img/tab_bg_over.gif) no-repeat -75px 0px; }
ul.menu li.menu3 a:hover, ul.menu li.menu3 a.on { background: url(../img/tab_bg_over.gif) no-repeat -184px 0px; }
ul.menu li.menu4 a:hover, ul.menu li.menu4 a.on { background: url(../img/tab_bg_over.gif) no-repeat -285px 0px; }
ul.menu li.menu5 a:hover, ul.menu li.menu5 a.on { background: url(../img/tab_bg_over.gif) no-repeat -387px 0px; }
ul.menu li.menu6 a:hover, ul.menu li.menu6 a.on { background: url(../img/tab_bg_over.gif) no-repeat -451px 0px; }
ul.menu li.menu7 a:hover, ul.menu li.menu7 a.on { background: url(../img/tab_bg_over.gif) no-repeat -525px 0px; }
ul.menu li.menu8 a:hover, ul.menu li.menu8 a.on { background: url(../img/tab_bg_over.gif) no-repeat -589px 0px; }


/* -------------------------------------------------------------------
 フッター
------------------------------------------------------------------- */
div#ft {
	width:960px;
	margin: 0 auto;
	height: 40px;
	padding-top: 40px;
}

div#ft address {
	float: left;
	text-align: left;
	color: #a9aaae;
	font-size: 86%;
	margin-left: 10px;
}

/* -------------------------------------------------------------------
 ページトップ
------------------------------------------------------------------- */

p.pagetop {
	width: 940px;
	margin: 10px auto 5px auto;
	text-align: right;
	font-size: 86%;
	display: block;
}

p.pagetop span {
	background: url(../img/pagetop.gif) no-repeat 0px 2px;
	padding: 0 0 0 12px;
}

/* -------------------------------------------------------------------
 About
------------------------------------------------------------------- */
table.about { margin: 20px auto 40px; }
table.about td { padding: 5px; }

/* -------------------------------------------------------------------
 Kids
------------------------------------------------------------------- */
div.kids_img {
	width:150px;
	height: 200px;
	float: left;
	margin: 0px 5px 0px 0px;
}
div.kids_img a {
	color: #000;
	text-decoration: none;
}
div.kids_form {
	background: #ffef39;
	width: 253px;
	height: 6550px;
}

/* -------------------------------------------------------------------
 FAQ
------------------------------------------------------------------- */
div.faq_box { background: url(../img/box_bg.gif) repeat-y 0px 0px; }
div.faq_box_top { background: url(../img/box_tp.gif) no-repeat left top; }
div.faq_box_ft { background: url(../img/box_ft.gif) no-repeat left bottom; }

ul.top_menu { padding: 30px 70px; width: 440px; float: left; }
ul.faq_menu { padding: 30px 70px; }
ul.faq_menu li, ul.top_menu li {
}
ul.faq_menu li a,
ul.top_menu li a {
	margin: 0px;
	padding: 0px;
	display: block;
	padding-left: 10px;
	margin-right: 10px;
	background:#fff url(../img/arw.gif) no-repeat 0px 10px;
}

h2.faq_title {
	color: #fff;
	height: 33px;
	padding: 15px;
	background:#fff url(../img/faq_title_bg.gif) no-repeat 0px 10px;
}
div.faq_answer { padding: 0px 20px 40px; }

/* -------------------------------------------------------------------
 SHOP
------------------------------------------------------------------- */
h2.shop_title {
	color: #fff;
	height: 33px;
	padding: 15px;
	background:#fff url(../img/shop_title_bg.gif) no-repeat 0px 10px;
}
table.shop { width: 100%; }
table.shop td { border-bottom: 1px dashed #ccc; padding: 0px 20px; }
table.shop td.name { width:30%; }
table.shop td.address { width:50%; }
table.shop td.tel { width:20%; text-align:right; }

/* -------------------------------------------------------------------
 Contact
------------------------------------------------------------------- */
h2.contact_title {
	color: #fff;
	height: 33px;
	padding: 15px;
	background:#fff url(../img/contact_title_bg.gif) no-repeat 0px 10px;
}

div.flashBox {
	margin-top: -20px;
}

div.youtubeBox {
	text-align: right;
	float; left;
	margin-left: 20px;
}