@charset "UTF-8";
/*
======================================================================
こども絵画・工作教室【スモールポケット】
base-css
======================================================================
last-updated : 2011_12_18			joyfulconcept : Mikiyo Matsunaga

=====   CONT   =======================================================

====================================================
a	共通設定
====================================================	
	a-01	:	すべての要素
	a-02	:	float解除
	a-03	:	リンク
	a-04	:	body
	
	
====================================================
b	構造
====================================================
	b-01	:	全体	
	b-02	:	ヘッダー
	b-03	:	コンテンツ全体
	b-04	:	パンくず
	b-05	:	メインエリア
	b-06	:	サブエリア 
	b-07	:	メニュー
	b-08	:	バックボタンエリア
	b-09	:	フッター 

	
====================================================
c	トップページ（メインページ）の設定
====================================================	
	c-01	:	メインコンテンツ 
        c-02	:	メインボックス-01 
        c-03	:	メインタイトル-01 
	c-04	:	サブコンテンツ
	c-05	:	サブコンテンツ共通項目
	c-06	:	ビッグニュース
	c-07	:	イベント情報 
	c-08	:	お知らせ
	c-09	:	更新情報


======================================================================
*/


/*	a	共通設定	 */ 

/*===================================================================*/
/*	a-01	:	すべての要素	 */ 
/*===================================================================*/

*
{
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ Pro W4";
	font-size:100%;
	line-height:100%;
}

/*　Mac Safari　*/
/* \*/
html** {
	[font-size:100%;
	font-size:97%;
	]font-size:100%;
}/**/
/*font-size:97%;→MacOS10 Safari用に設定したい値*/

* html * {
	font-size:100%;
}

/*===================================================================*/
/*	a-02	:	float解除	 */ 
/*===================================================================*/

.clr {
	font-size: 1px;
	clear: both;
	margin: 0px;
	padding: 0px;
}

.clear hr {
	display:none;
}


/*===================================================================*/
/*	a-03	:	リンク	*/ 
/*===================================================================*/

a {
	color:#666666;
	text-decoration:none;
}

a:hover {
	color:#FF6600;
	text-decoration:none;
}


/*===================================================================*/
/*	a-03	:	img	*/ 
/*===================================================================*/

img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*===================================================================*/
/*	a-04	:	body 	*/ 
/*===================================================================*/

body {
	background-position: center top;
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

strong {
	font-weight: normal;
}

em {
	font-style: normal;
	font-weight: normal;
}


/*===================================================================*/



/*	b	構造	 */ 

/*===================================================================*/
/*	b-01	:	全体 	*/ 
/*===================================================================*/

#wrap {
	padding: 0px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/*===================================================================*/
/*	b-02	:	ヘッダー 	*/ 
/*===================================================================*/

#header {
	background-image: url(img/header_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 165px;
	width: 900px;
	padding: 0px;
	display: block;
}


#header-inner {
	height: 85px;
	width: 820px;
	padding: 0px;
	margin-top: 80px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-left: 45px;
}

/*以下↓はWin IE4～6には適用されない*/
/*この設定でSafariやFirefoxの表示不具合を回避*/
html>body #header-inner {
	height: 85px;
	width: 820px;
	margin: 0px;
	padding-top: 80px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 45px;
}


/*　ヘッダー左側　*/

#headbox-l {
	float: left;
	width: 535px;
	padding: 0px;
	margin: 0px;
}

/*
#title {
	width: 535px;
	padding: 0px;
	margin: 0px;
	height: 40px;
}
*/

#logo-l {
	height: 40px;
	width: 216px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#logo-l h1 a {
	background-image: url(img/header_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 216px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
}

/*#logo-l h1 span {
	text-indent: -9999px;
	display: block;
}
*/

#description {
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 13px;
	width: 535px;
	float: left;
}

/*　Mac Safari　*/
/* \*/
html*.description {
	[padding-bottom: 10px;
	padding-bottom: 0px;
	]padding-bottom: 10px;
}/**/
/*padding-bottom: 0px;→MacOS10 Safari用に設定したい値*/

* html .description {
	padding-bottom: 10px;
}


/*　ヘッダー右側　*/

#headbox-r {
	float: right;
	height: 61px;
	width: 285px;
	background-image: url(img/headermenu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}



/*　ヘッダー右側 メニュー　*/

#h-menu {
	height: 25px;
	width: 270px;
	text-align: left;
	padding: 0px;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 15px;
}

#h-menu ul {
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	text-align: left;
	display: block;
	font-size: 1%;
	margin: 0px;
	padding: 0px;
}

#h-menu li {
	float: left;
}

.link a {
	text-decoration: none;
	background-image: url(img/h_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 46px;
}

.link a:hover {
	background-image: url(img/h_link.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}

.privacy a {
	text-decoration: none;
	background-image: url(img/h_privacy.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 76px;
}

.privacy a:hover {
	background-image: url(img/h_privacy.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}

.legal a {
	text-decoration: none;
	background-image: url(img/h_legal.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 66px;
}

.legal a:hover {
	background-image: url(img/h_legal.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}

.sitemap a {
	text-decoration: none;
	background-image: url(img/h_sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 49px;
}

.sitemap a:hover {
	background-image: url(img/h_sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}


/*===================================================================*/
/*	b-03	:	コンテナー 	*/ 
/*===================================================================*/

#container {
	background-image: url(img/mainblock_back.jpg);
	background-repeat: repeat-y;
	width: 900px;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}

.container-inner {
	margin-top: 0px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 865px;
	padding: 0px;
}


/*===================================================================*/
/*	b-04	:	パンくず 	*/ 
/*===================================================================*/

#routenavi {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 45px;
	text-align: left;
	padding: 0px;
	width: 820px;
}

#routenavi p {
	font-size: 10px;
	color: #666666;
}

#routenavi a {
	color: #666666;
}

#routenavi a:hover {
	color: #FF6600;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}


/*===================================================================*/
/*	b-05	:	メインエリア 	*/ 
/*===================================================================*/

#mainarea {
	float: right;
	width: 630px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding: 0px;
}


/*===================================================================*/
/*	b-06	:	サブエリア 	*/ 
/*===================================================================*/

#subarea {
	padding: 0px;
	width: 235px;
	float: left;
	margin: 0px;
	background-image: url(img/menu_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*===================================================================*/
/*	b-07	:	メニュー 	*/ 
/*===================================================================*/

.subarea-inner {
	height: 490px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 30px;
}

.subarea-inner ul {
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	font-size: 12px;
	line-height: 1.5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 0px;
	color: #333333;
}

.subarea-inner li {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.subarea-inner a {
	color: #333333;
}

.subarea-inner a:hover {
	color:#FF6600;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}

#l-banner {
	padding: 0px;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 20px;
	margin-left: 45px;
}

.banner-box {
	padding: 0px;
	width: 150px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/*===================================================================*/
/*	b-08	:	バックボタンエリア 	*/ 
/*===================================================================*/

#backbtn-area {
	text-decoration: none;
	height: 25px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 35px;
	margin-bottom: 20px;
	margin-left: 45px;
}

/*　ホームへもどる　*/
.back-home {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 101px;
	font-size: 1px;
	text-decoration: none;
	background-image: url(img/back_home.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.back-home a {
	width: 100%;
	text-decoration: none;
	display: block;
	height: 100%;
}

.back-home a:hover {
	width: 100%;
	text-decoration: none;
	display: block;
	background-image: url(img/back_home.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}

.back-home span {
	text-indent: -9999px;
	display: block;
}

/*　トップへもどる　*/
.back-top {
	font-size: 1px;
	text-decoration: none;
	background-image: url(img/back_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 25px;
	width: 92px;
}

.back-top a {
	width: 100%;
	text-decoration: none;
	display: block;
	height: 100%;
}

.back-top a:hover {
	width: 100%;
	text-decoration: none;
	display: block;
	background-image: url(img/back_top.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;
}

.back-top span {
	text-indent: -9999px;
	display: block;
}


/*===================================================================*/
/*	b-09	:	フッター 	*/ 
/*===================================================================*/

#footer {
	height: 60px;
	width: 900px;
	background-image: url(img/footer_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer #copyright {
	height: 31px;
	margin: 0px;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#copyright address {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	float: right;
	font-style: normal;
	margin: 0px;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#copyright a {
	text-decoration: none;
	color: #FFFFFF;
}

#copyright a:hover {
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}

#site-banner {
	height: 31px;
	width: 88px;
	float: right;
	margin: 0px;
	padding: 0px;
}


/*トップページ（メインページ）の設定*/

/*===================================================================*/
/*	c-01	:	メインコンテンツ 	*/ 
/*===================================================================*/

#maincon {
	height: 440px;
	width: 630px;
}

#maincon a {
	background-image: url(img/h3_home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 29px;
}

#photo-box {
	padding: 0px;
	height: 365px;
	width: 630px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/*===================================================================*/
/*	c-02	:	メインボックス-01 	*/ 
/*===================================================================*/

.mainbox-01 {
	width: 630px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


/*===================================================================*/
/*	c-03	:	メインタイトル-01 	*/ 
/*===================================================================*/

.maintitle-01 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	background-image: url(img/titlebar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 630px;
}

.maintitle-01 h3 {
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ Pro W4";
	font-weight: bold;
}


/*===================================================================*/
/*	c-04	:	サブコンテンツ 	*/ 
/*===================================================================*/

#subcon {
	width: 630px;
	height: 205px;
}


/*===================================================================*/
/*	c-05	:	サブコンテンツ共通項目 	*/ 
/*===================================================================*/

.caption {
	text-align: left;
}

.article {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: left;
}

.article p {
	font-size:12px;
	line-height:1.5;
	margin:0 0 10px 0;
	text-align: left;
	color: #666666;
}


/*===================================================================*/
/*	c-06	:	トピックス 	*/ 
/*===================================================================*/

#topics-box {
	background-image: url(img/topics_bg_renew-111218.jpg); 	
	background-repeat: no-repeat;
	background-position: left top;
        height: 250px;
        /*height: 464px;*/
	width: 630px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#topics {
	background-image: url(img/h4_topics_renew-111218.jpg);	
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
}

#topics span {
	text-indent: -9999px;
	display: block;
}

#title-topic {
        background-image: url(img/title-topic_renew-120203.jpg);         
	background-repeat: no-repeat;
	background-position: center top;
        height: 52px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 630px;
	text-align: center;
}

#title-topic span {
	text-indent: -9999px;
	display: block;
}

#primary {
	margin: 0px;
	/*float: left;*/
	width: 630px;
	padding: 0px;
}

#primary p strong {
	font-weight: normal;
	color: #666666;
}

/* ▽▽ 20110605_renew ▽▽  */
/*
#secondary {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
 */
/*
#title-topic2 {
    background-image: url(img/title-topic_renew2-110814.jpg);         
	background-repeat: no-repeat;
	background-position: center top;
        height: 52px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 630px;
	text-align: center;
}
 */
/*
#title-topic2 span {
	text-indent: -9999px;
	display: block;
}
 */
/*△△ 20110605_renew △△ */

#topics-box p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ Pro W4";
	font-size: 13px;
	line-height: 1.5;
	/*color: #FFFFFF;*/
	color: #333333;
	text-align: left;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#topics-box em {
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

#topics-box strong {
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

#topics-box a {
	color: #FF66CC;
	text-decoration: none;
}

#topics-box a:hover {
	color: #FF6600;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}


/*===================================================================*/
/*	c-07	:	イベント情報 	*/ 
/*===================================================================*/

#news-box {
	background-image: url(img/eventnews_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 315px;
	width: 630px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

/*
#news-box {
	background-image: url(img/eventnews02_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 155px;
	width: 630px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
*/

#eventnews {
	background-image: url(img/h4_eventnews.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 20px;
}

.item-box {
	height: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 610px;
}

/*
.item-box {
	height: 40px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
	width: 585px;
}
*/

.item-box p strong {
	font-weight: normal;
	color: #666666;
}

#news-box .caption {
	line-height: 1.5;
	font-weight: bold;
	color: #666666;
	font-size: 15px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#news-box p {
	line-height: 1.5;
	color: #666666;
        /*font-size: 12px;*/
	font-size: 13px;
	text-align: left;
}

.caption a {
	font-weight: normal;
	color: #666666;
	font-size: 14px;
}

.caption a:hover {
	color: #FF6600;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}

.e-name {
	float: left;
	width: 180px;
	margin: 0px;
	padding-top: 5px;
        padding-right: 0px;
        padding-tbottom: 0px;
        padding-left: 0px;
	height: 40px;
}

.brief {
	float: right;
	padding: 0px;
	width: 410px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align: left;
	height: 40px;
}

.brief p {
	line-height: 1.2;
	color: #666666;
	font-size: 12px;
}

.brief .reservation {
	color: #00CC33;
}

.brief .finish {
	color: #333333;
}

.brief a {
	color: #FF66CC;
	text-decoration: none;
}

.brief a:hover {
	color: #FF6600;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}

#news-box blockquote {
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #FFFFFF;
	/*background-color: #D9FFD8;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-top-color: #E1E1E1;
	border-left-color: #E1E1E1;*/
	font-size: 13px;
	line-height: 1.5;
        color: #666666;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#news-box blockquote a {
	color: #FF66CC;
	text-decoration: none;
}

#news-box blockquote a:hover {
	color: #FF6600;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}

/*===================================================================*/
/*	c-08	:	お知らせ 	*/ 
/*===================================================================*/

.box-l {
	/*float: left;*/
        /*background-image: url(img/eventnews_bg.gif);
	background-image: url(img/message_bg.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	/*width: 280px;
	height: 215px;*/
	height: 315px;
	width: 630px;
	padding: 0px;
	margin: 0px;
}

#message {
	background-image: url(img/h4_message.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 20px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-indent: -9999px;
	display: block;
}

.box-l ul {
	margin:0 10px 0 10px;
}

.box-l ul li {
	font-size:13px;
	line-height:1.5;
	margin:0 0 10px 0;
	text-align: left;
	color: #666666;
}

.box-l  em {
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

/*
.box-l .article strong {
	color: #0000FF;
} 
*/

.box-l .article a {
	color: #FF66CC;
	text-decoration: none;
}

.box-l .article a:hover {
	color: #FF6600;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}

/*===================================================================*/
/*	c-09	:	更新情報 	*/ 
/*===================================================================*/

.box-r {
	/*float: right;*/
	background-image: url(img/renewal_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 215px;
	width: 330px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#renewal {
	background-image: url(img/h4_renewal.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 20px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-indent: -9999px;
	display: block;
}

.box-r p {
	font-size: 11px;
	line-height: 1.5;
}