/*******
* 全体 *
*******/

/* ボディ */

* {
	margin: 0; padding: 0;
}
body {
	margin: 0; padding: 0;
	background-image: url("./images/bg_body.gif");
	background-repeat: repeat-x repeat-y;
	background-position: center top;
	text-align: center;
	line-height: 1.5em;
	font-size: 12px;
	font-family: "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	color: #999999;
}

/* ブロック */

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
}
ul, ol {
	list-style-type: none;
}
dl.default {
	margin: 8px auto;
}

dl.default dt {
	margin: 1px 0;
	padding: 4px 6px;
	background: #FFDBD5;
	text-align: left;
	font-weight: bold;
	color: #F36565;
}
dl.default dd {
	padding: 4px;
	background: #FFEEEA;
	text-align: right;
	color: #888888;
}

table.default {
	width: 90%;
	margin: 12px auto;
	border: 1px solid #DDDDDD;
	border-collapse: collapse;
}
table.default th,
table.default td {
	padding: 4px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}
table.default th {
	text-align: center;
}
table.default th th,
table.default td th,
table.default th td,
table.default td td {
	border: none;
}

table.noborder {
	width: 90%;
	margin: 12px auto;
}
table.noborder th,
table.noborder td {
	padding: 4px;
}
table.noborder th {
	text-align: center;
}

table.friend {
	width: 90%;
	margin: 12px auto;
}
table.friend th,
table.friend td {
	padding: 4px;
}
table.friend th {
	text-align: center;
}

p.hr {
	margin: 0 10px;
	height: 3px;
	clear: both;
	text-align: left;
	overflow: hidden;
}
p.hr img {
	vertical-align: top;
}

/* インライン */

a {
	text-decoration: underline;
	color: #6DAFFF;
}
a:hover {
	text-decoration: none;
	color: #F27CA4;
}
img {
	border: none;
	vertical-align: text-bottom;
}
input {
	vertical-align: middle;
	font-family: "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}
select {
	vertical-align: middle;
}
input.bdr, textarea.bdr {
	border: 1px solid #D5D5D5;
}
input.nob {
	border: none;
}
input.text, select.text {
	width: 100px; height: 14px;
	padding: 2px;
	border: 1px solid #D5D5D5;
	background-color: #FFFEED;
	color: #999999;
}
input.cartnum {
	width: 20px; height: 14px;
	padding: 2px;
	border: 1px solid #D5D5D5;
	background-color: #FFFEED;
	color: #999999;
	text-align: right;
}

.em1 {
	font-weight: bold;
	color: #F46D6D;
}
.em2 {
	font-weight: bold;
	color: #F480B3;
}
.em3 {
	font-weight: bold;
	color: #6DAFFF;
}
.em4 {
	font-weight: bold;
	color: #DEB274;
}

.mark1 {
	color: #F46D6D;
}
.mark2 {
	color: #F480B3;
}
.mark3 {
	color: #6DAFFF;
}
.mark4 {
	color: #DEB274;
}

/*************
* レイアウト *
*************/

/* 大枠 */

div#page {
	margin: 0 auto;
	width: 816px;
	background-image: url("./images/bg_content.gif");
	background-repeat: repeat-y;
	background-position: center top;
	text-align: left;
}

/* タイトル */

div#header {
	margin: 0 auto;
	width: 806px; height: 74px;
	background-image: url("./images/logo_header.gif");
	background-repeat: no-repeat;
	background-position: center top;
}

/* サブメニュー */

div#submenu {
	margin: 0 auto;
	width: 806px; height: 26px;
	background-image: url("./images/bg_submenu.gif");
	background-repeat: repeat-x;
	background-position: left center;
}
div#submenu table {
	width: 100%;
}
div#submenu table td {
	padding: 0 12px;
}

/* 中枠 */

div#content {
	margin: 0 auto;
	width: 806px;
}
div.inner {
	position: static;
}

/* メニュー */

div#menu {
	padding: 8px 0 0 8px;
	width: 200px;
	float: left;
	position: relative;
}

/* メインコンテンツ */

div#main {
	width: 579px;
	padding: 17px 13px 0 0;
	float: right;
	position: relative;
}
div#main-netshop {
	width: 579px;
	padding: 12px 13px 0 0;
	float: right;
	position: relative;
}

/* カウンター部 */

div#counter {
	margin: 17px auto 0;
	width: 806px; height: 26px;
	clear: both;
	background-image: url("./images/bg_submenu.gif");
	background-repeat: repeat-x;
	background-position: left center;
}

/* フッタ */

div#footer {
	margin: 0 auto;
	padding: 0 12px 0 0;
	width: 796px;
	border: solid #DDDDDD;
	border-width: 0 0 1px;
	background-color: #FFFFFF;
}

/***********
* タイトル *
***********/

div#header p {
	display: none;
}
div#header h1 a {
	width: 100%;
	height: 74px;
	display: block;
	text-decoration: none;
	font-size: 6px;
	line-height: 1em;
	font-weight: normal;
	color: #FFFFFF;
}

/***************
* サブメニュー *
***************/

div#submenu p {
	padding: 0 8px 0 0;
	text-align: right;
}

/***********
* メニュー *
***********/

/* 時間毎メッセージ */

p#timelymsg {
	padding: 6px 4px;
}

/* 検索 */

div#search {
	margin: 4px 0 0;
	width: 181px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
div#search h2 {
	width: 181px; height: 24px;
	background-image: url("./images/header_search.gif");
}
div#search h2 span {
	display: none;
}
div#search p {
	padding: 8px 0;
	text-align: center;
}

/* ネットショップメニュー */

div#netshopmenu {
	margin: 4px 0 0;
	width: 181px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
div#netshopmenu h2 {
	width: 181px; height: 24px;
	background-image: url("./images/header_category.gif");
}
div#netshopmenu h2 span {
	display: none;
}
div#netshopmenu ul {
	padding: 4px;
}
div#netshopmenu li {
	margin: 2px 2px 2px 8px;
	font-weight: bold;
}

ul.netshopmenu {
	margin: 6px 17px 0 0;
	padding: 2px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
ul.netshopmenu li {
	margin: 2px 2px 2px 8px;
	font-weight: bold;
}

/* メインメニュー */

ul#mainmenu {
	margin: 12px 0 0;
}
ul#mainmenu li {
	margin: 6px 0 0;
}

/* カレンダー */

div#calendar {
	margin: 12px 0 0;
	width: 181px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
div#calendar h2 {
	width: 181px; height: 24px;
	background-image: url("./images/header_calendar.gif");
}
div#calendar h2 span {
	display: none;
}
div#calendar h3 {
	padding: 4px;
	text-align: center;
	letter-spacing: 2px;
}
div#calendar table {
	width: 170px;
	margin: 0 auto 8px;
	border: 1px solid #FFFFFF;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
}
div#calendar th,
div#calendar td {
	padding: 1px;
	border: 1px solid #FFFFFF;
	border-width: 0 1px 1px 0;
	text-align: center;
	font-weight: bold;
}
div#calendar th {
	background-color: #F5F1C8;
	color: #C1A443;
}
div#calendar th.sun {
	color: #DB7559;
}
div#calendar th.sat {
	color: #57BDC8;
}
div#calendar td {
	background-color: #E0F3FD;
	color: #76B8E4;
}
div#calendar td.closed, .closed {
	background-color: #FDE0E0;
	color: #E37070;
}
div#calendar td.busy, .busy {
	background-color: #FFEB8E;
	color: #DA9D32;
}
div#calendar td.stop, .stop {
	background-color: #B0B0B0;
	color: #777777;
}
.closed, .busy, .stop {
	margin: 2px;
	padding: 2px;
}
div#calendar td.nodate {
	background-color: #F8F8F8;
	color: #DDDDDD;
}
div#calendar p {
	padding: 0 12px 8px;
}

/***************************
* メインコンテンツ(トップ) *
***************************/

/* イメージカット */

p#imagecut {
	width: 577px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

/* 特集 */

div#feature {
	margin: 17px 0 0;
	width: 341px;
	float: left;
	border: 1px solid #FFFFFF;
	background-color: #FFFBFB;
}
div#feature h2 {
	line-height: 1.2em;
	width: 341px; height: 24px;
	background-image: url("./images/header_feature.gif");
}
div#feature h2 span {
	display: none;
}
p.feature-banner {
	width: 170px;
	padding: 12px;
	float: left;
}
div.feature-schedule {
	width: 170px;
	padding: 12px;
	float: left;
}
div.feature-schedule table {
	width: 168px;
	margin: 0 auto;
	border: solid #FFFFFF;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
}
div.feature-schedule th,
div.feature-schedule td {
	padding: 2px 4px;
	border: solid #FFFFFF;
	border-width: 0 1px 1px 0;
}
div.feature-schedule th {
	width: 28px;
	background-color: #F5F1C8;
	color: #C1A443;
	text-align: center;
}
div.feature-schedule td {
	background-color: #FDE0E0;
	color: #E37070;
}
div.feature-comment {
	width: 140px;
	padding: 8px 0;
	float: left;
	line-height: 1.5em;
}
.feature-title {
	line-height: 1.3em;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}

/* 新着情報 */

div#information {
	margin: 17px 0 0;
	width: 221px;
	float: right;
	border: 1px solid #FFFFFF;
	background-color: #FFFBFB;
}
div#information h2 {
	width: 221px; height: 24px;
	background-image: url("./images/header_information.gif");
}
div#information h2 span {
	display: none;
}
div#information dl {
	margin: 1px 0 0; padding: 0 8px 6px 8px;
	overflow: display;
/* no IE Mac \*/
	overflow: auto;
/* */
	scrollbar-highlight-color: #D9D9D9;
	scrollbar-shadow-color: #D9D9D9;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #F7F7F7;
	scrollbar-arrow-color: #D9D9D9;
	scrollbar-track-color: #FFFFFF;
}
div#information dt {
	padding: 8px 0 0;
	font-weight: bold;
	color: #A1A1A1;
}
div#information dd {
	padding: 2px 0 10px 2px;
	background-image: url("./images/hr_192.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
div#information dd p {
	margin: 0;
	padding: 0;
}

/* ムービー */

div#movie {
	margin: 17px 0 0;
	width: 341px;
	float: left;
	border: 1px solid #FFFFFF;
	background-color: #FFFBFB;
}
div#movie h2 {
	width: 341px; height: 24px;
	background-image: url("./images/header_movie.gif");
}
div#movie h2 span {
	display: none;
}
div#movie p {
	padding: 12px;
	color: #DEB274;
}
div#movie table {
	width: 320px;
	margin: 0 auto;
}
div#movie td {
	text-align: center;
}
div#movie p#getplayer {
	margin: 10px 0 0;
	background-image: url("./images/hr_321.gif");
	background-repeat: no-repeat;
	background-position: center top;
	text-align: right;
	color: #999999;
}
.wmv {
	color: #6DAFFF;
}
.mov {
	color: #DEB274;
}
.wmv img,
.mov img {
	margin: 4px;
}

/* スタッフ紹介 */

div#staff {
	margin: 17px 0 0;
	width: 221px;
	float: right;
	border: 1px solid #FFFFFF;
	background-color: #FFFBFB;
}
div#staff h2 {
	width: 221px; height: 24px;
	background-image: url("./images/header_staff.gif");
}
div#staff h2 span {
	display: none;
}
div#staff table {
	margin: 24px auto 0;
	border: solid #C6C6C6;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
}
div#staff td {
	border: solid #C6C6C6;
	border-width: 0 1px 1px 0;
}
div#staff td img {
	vertical-align: top;
}
div#staff p {
	margin: 14px 16px;
	line-height: 1.75em;
	color: #F09090;
}

/***************************
* メインコンテンツ(各サブ) *
***************************/

div#mainbody {
	width: 577px;
	border: 1px solid #FFFFFF;
	background-color: #FFFBFB;
}
div#main-netshop div#mainbody {
	width: 577px;
	border: solid #FFFFFF;
	border-width: 0 1px 1px 1px;
	background-color: #FFFBFB;
}
div#mainbody h2 {
	margin: 16px 10px;
	text-align: left;
	color: #999999;
}
div#mainbody h3 {
	margin: 12px 16px;
	padding: 4px 16px;
	background-color: #FFEEEA;
	background-image: url("./images/subpageheader_h3.gif");
	background-position: left bottom;
	text-align: left;
	color: #EC7979;
}
div#mainbody h4 {
	margin: 8px 16px;
	padding: 2px 16px;
	border: #FFEEEA solid;
	border-width: 0 0 1px 0;
	text-align: left;
	color: #888888;
}
div#mainbody p {
	margin: 16px 30px;
	text-align: left;
}
div#mainbody table.default p {
	margin: 0;
	padding: 0;
}
div#mainbody table.friend p {
	margin: 0;
	padding: 0;
}
div#mainbody dl.default p {
	margin: 0;
	padding: 0;
}
div#mainbody ul {
	margin: 16px 30px 16px 36px;
	list-style-type: disc;
}
div#mainbody ul li {
	margin: 4px;
}

div#mainbody p.topic-path {
	margin: 4px 12px;
	text-align: left;
}
div#mainbody p.hr {
	margin: 16px 10px;
	height: 3px;
	clear: both;
	text-align: left;
	overflow: hidden;
}
div#mainbody p.back {
	margin: 16px 10px;
}

/* バルーンギフト */
div#mainbody p#netshop-first {
	width: 526px; height: 166px;
	margin: 12px;
	padding: 62px 12px 12px;
	background-image: url("./images/cut_netshop.jpg");
	background-repeat: no-repeat;
}

/* バルーン教室 */
div#mainbody p#class-first {
	width: 526px; height: 226px;
	margin: 12px;
	padding: 62px 12px 12px;
	background-image: url("./images/cut_class.jpg");
	background-repeat: no-repeat;
}

/* バルーンは友達 */
div#mainbody p#friend-first {
	width: 526px; height: 166px;
	margin: 12px;
	padding: 62px 12px 12px;
	background-image: url("./images/cut_friend.jpg");
	background-repeat: no-repeat;
	text-align: left;
}

/* バルーンの世界 */
div#mainbody p#world-first {
	width: 526px; height: 226px;
	margin: 12px;
	padding: 62px 12px 12px;
	background-image: url("./images/cut_world.jpg");
	background-repeat: no-repeat;
	text-align: left;
}

/* ショップのご案内 */
div#mainbody p#upbeat-first {
	width: 526px; height: 226px;
	margin: 12px;
	padding: 62px 12px 12px;
	background-image: url("./images/cut_upbeat.jpg");
	background-repeat: no-repeat;
	text-align: right;
}

/* 求人案内トップ */

div#mainbody p.recruit-first {
	margin: 16px 10px;
	text-align: center;
	color: #999999;
}

div#mainbody table.recruit-genre {
	width: 90%;
	margin: 0 auto;
}
div#mainbody table.recruit-genre td {
	width: 33%;
	padding: 4px;
	vertical-align: top;
	text-align: center;
	font-size: 10px;
}

/* 求人案内メッセージ */

div#mainbody h3.recruit-messgage-1 {
	text-align: left;
}
div#mainbody p.recruit-messgage-1 {
	text-align: left;
}
div#mainbody p.recruit-messgage-1 img {
	margin: 0 16px 16px 0;
	float: left;
}
div#mainbody h3.recruit-messgage-2 {
	text-align: left;
}
div#mainbody p.recruit-messgage-2 {
	text-align: right;
}
div#mainbody p.recruit-messgage-2 img {
	margin: 0 0 16px 16px;
	float: right;
}
div#mainbody p.recruit-messgage-f {
	text-align: right;
	font-weight: bold;
}

/* 会社案内 */

div#mainbody p.company-first {
	text-align: center;
}

/* 会社概要 */

div#mainbody table.company-info {
	margin: 0 auto;
}
div#mainbody table.company-info th,
div#mainbody table.company-info td {
	padding: 4px;
	text-align: center;
}

/* サイトマップ */

table#sitemap {
	width: 100%;
}
table#sitemap td {
	vertical-align: top;
}
table#sitemap ul {
	margin: 8px 8px 8px 32px;
	list-style-type: disc;
}
table#sitemap ul ul {
	margin: 0 0 0 16px;
	list-style-type: circle;
}

/*************************
* ショッピングコンテンツ *
*************************/

div.netshopdesc {
	height: 244px;
	margin: 4px 17px 0 0;
	padding: 4px 0;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: center;
}
div.netshopdesc img {
	border: 1px solid #CCCCCC;
}

p.netshoplist {
	width: 170px;
	margin: 0;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: center;
}
p.netshoplist img {
	border: 1px solid #CCCCCC;
}

table.default td.netshopmenu-image {
	background-color: #FFF393;
	text-align: center;
}
table.default td.netshopmenu-desc {
	background-color: #FFFCE0;
}

table.shopitem {
	width: 90%;
	margin: 12px auto;
}
table.shopitem th,
table.shopitem td {
	padding: 4px;
}
table.shopitem td.image {
	width: 40%;
	text-align: center;
}
table.shopitem td.description {
	width: 60%;
}
div#mainbody table.shopitem p {
	margin: 0;
	padding: 4px;
}
table.shopitem table.gallery {
	margin: 12px auto;
	border: 1px solid #DDDDDD;
	border-collapse: collapse;
}
table.shopitem table.gallery td {
	padding: 1px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	text-align: center;
}

/*********
* フッタ *
*********/

div#qrinfo {
	padding: 12px 12px 0;
	width: 170px;
	float: left;
	line-height: 1.2em;
	font-size: 10px;
}
div#qrinfo td {
	padding: 2px;
	text-align: center;
}
p#corpinfo {
	padding: 8px 138px 8px 8px;
	background-image: url("./images/logo_footer.gif");
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 1.2em;
	text-align: right;
}
p#corpinfo img {
	margin-top: 4px;
	margin-left: 10px;
	float: left;
}
p#copyright {
	padding: 11px 0 8px;
	background-image: url("./images/hr_footer.gif");
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
}

/*******************
* ブラウザバグ吸収 *
*******************/

.clr:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clr { display: inline-block; }
/* no IE Mac \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* */