@charset "UTF-8";
/*----------------------------------
モダンブラウザ用CSS
------------------------------------*/
* html img,
* html div,
* html p{
	behavior: url(../inc/iepngfix.htc);
}

h1,
h2,
h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,p,
table, th, td, img, form {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 1.0em;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

p{
	margin:0;
	padding:0;
	line-height:130%;
}

img {
	border: none;
	vertical-align:bottom;
}

.center{
	text-align:center;
}
/*■共通■■■■■■■■■■■■■■■■■■*/

/*ベースフォント・デザイン
------------------------------------*/
body {
	font-size: 100%;
	color:#333333;
	margin:0;
	padding:0;
	text-align:center;
	background:url(/data/spakids/common/body_bcg2.jpg) no-repeat 50% 0;
	font-family: "ＭＳ Ｐゴシック" "MS PGothic", Osaka, sans-serif;
}

body#top {
	background:url(/data/spakids/common/body_bcg.jpg) no-repeat 50% 0;
}

#wrapperArea{
	width:953px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

#wrapper {
	width:910px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

.red{
	color:#FF0000;
}

/*フロート
------------------------------------*/
.clear {
	clear: both;
}

/*リンク
------------------------------------*/
a:link,
a:visited,
a:hover,
a:active{
	color:#0d3896;
	text-decoration:underline;
}

.topBack{
	padding:0;
	margin:0;
	list-style:none;
}

.topBack li{
	padding:0 0 0 17px;
	background:url(/data/spakids/common/linkhead_img01.jpg) no-repeat 0 0;
}

/*位置要素
------------------------------------*/
#pst1{
	margin:19px 0 0;
}

/*文字要素*/
.note{
	font-size:90%;
}
/*------------------------------------
レイアウト（共通）
------------------------------------*/
/*ヘッダエリア
------------------------------------*/
#logoArea {
	position:relative;
	height:75px;
	z-index:10000;
}

#logoArea p{
	position:absolute;
	top:0;
	left:14px;
}

#logoArea > p{
	top:0;
	left:8px;
}

/*index*/
#top #logoArea {
	height:117px;
	margin: 0px;
	padding: 0 0 0 14px;
	position:relative;
}

#top #wrapper > #logoArea {
	padding: 0 0 0 7px;
}

/*■メインエリア■■■■■■■■■■■■■■■■■*/
#header{
	width:896px;
	padding:0 0 0 14px;
	margin:0;
	position:relative;
}

#wrapper > #header{
	width:910px;
	padding:0 0 0 7px;
	margin:0;
}

/*headerエリアclear*/
#header:after{ 
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	content: ".";
	}

#header{
/* \*//*/
	display: inline-table;
/**/
	}

/* Mac版 IE 避け\*/
* html #header{
	height: 1%;
 }

#header{
	display: block;
}
/*Mac版 IE 避け*/

#header h1{
	padding:0 0 0 1px;
}

#header #photo{
	width:566px;
	padding:0 0 0 6px;
	margin:0;
	float:left;
}

#header > #photo{
	padding:0 0 0 8px;
}

/*index*/
#top #header #photo{
	width:563px;
	padding:0;
	float:left;
}

/*写真下イメージ*/
#header .img01{
	width:135px;
	padding:0 0 0 312px;
	margin:0;
	clear:both;
}
/*index*/
#top #header .img00{
	padding:9px 0 0 13px;
	margin:0;
	clear:both;
}

/*navi指定 
------------------------------------*/
#header #navi{
	width:250px;
	float:right;
	padding:0 10px 0 0;
}

/*headerエリアclear*/
#header #navi:after{ 
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	content: ".";
	}

#header #navi{
/* \*//*/
	display: inline-table;
/**/
	}

/* Mac版 IE 避け\*/
* html #header #navi{
	height: 1%;
 }

#header #navi{
	display: block;
}
/*Mac版 IE 避け*/

#header > #navi{
	width:250px;
	float:right;
	padding:0 23px 0 0;
}


#header #navi .center{
	padding:32px 0 0;
}

#navi ul{
	padding:10px 0 0;
	margin:0;
	list-style-type: none;
}

#navi li{
	text-indent: -9999px;
	height:42px;
	width:250px;
	margin:0 0 10px;
	padding:0;
}

#navi li a{
	text-decoration: none;/* ■Firefox等で線が表示されないようにする */
	border: none;
	display: block;
	width:250px;
	height: 42px;
	margin:0;
	padding:0;
}

/*通常時のグローバルリスト*/
#navi li.waterSlider{
	background:url(/data/spakids/common/navi2.jpg) no-repeat 0px 0;
}
#navi li.namiPool{
	background:url(/data/spakids/common/navi2.jpg) no-repeat 0 -52px;
}
#navi li.aquaDecki{
	background:url(/data/spakids/common/navi2.jpg) no-repeat 0 -104px;
}
#navi li.pitya{
	background:url(/data/spakids/common/navi2.jpg) no-repeat 0 -156px;
}
#navi li.toy{
	background:url(/data/spakids/common/navi2.jpg) no-repeat 0 -208px;
	margin:0;
}

/*ロールオーバー時のグローバルリスト*/
#waterSlider #navi li.waterSlider a,
#navi li.waterSlider a:hover{
	background:url(/data/spakids/common/navi_over2.jpg) no-repeat 0px 0;
}
#namiPool #navi li.namiPool a,
#navi li.namiPool a:hover{
	background:url(/data/spakids/common/navi_over2.jpg) no-repeat 0 -52px;
}
#aquaDecki #navi li.aquaDecki a,
#navi li.aquaDecki a:hover{
	background:url(/data/spakids/common/navi_over2.jpg) no-repeat 0 -104px;
}
#pitya #navi li.pitya a,
#navi li.pitya a:hover{
	background:url(/data/spakids/common/navi_over2.jpg) no-repeat 0 -156px;
}
#toy #navi li.toy a,
#navi li.toy a:hover{
	background:url(/data/spakids/common/navi_over2.jpg) no-repeat 0 -208px;
}

#navi p{
	text-align:center;
	padding:17px 0 0;
}

/*index*/
#top #header #navi{
	width:314px;
	float:left;
	padding:0 0 0 10px;
}

#top #navi ul{
	padding:0;
	margin:0;
	list-style-type: none;
}

#top #navi li{
	text-indent: -9999px;
	height:52px;
	width:314px;
	margin:0 0 12px;
	padding:0;
}

#top #navi li a{
	text-decoration: none;/* ■Firefox等で線が表示されないようにする */
	border: none;
	display: block;
	width:314px;
	height: 52px;
	margin:0;
	padding:0;
}

/*通常時のグローバルリスト*/
#top #navi li.waterSlider{
	background:url(/data/spakids/common/navi.jpg) no-repeat 0px 0;
}
#top #navi li.namiPool{
	background:url(/data/spakids/common/navi.jpg) no-repeat 0 -65px;
}
#top #navi li.aquaDecki{
	background:url(/data/spakids/common/navi.jpg) no-repeat 0 -130px;
}
#top #navi li.pitya{
	background:url(/data/spakids/common/navi.jpg) no-repeat 0 -195px;
}
#top #navi li.toy{
	background:url(/data/spakids/common/navi.jpg) no-repeat 0 -260px;
	margin:0;
}


/*ロールオーバー時のグローバルリスト*/
#top #navi li.waterSlider a:hover{
	background:url(/data/spakids/common/navi_over.jpg) no-repeat 0px 0;
}

#top #navi li.namiPool a:hover{
	background:url(/data/spakids/common/navi_over.jpg) no-repeat 0 -65px;
}
#top #navi li.aquaDecki a:hover{
	background:url(/data/spakids/common/navi_over.jpg) no-repeat 0 -130px;
}

#top #navi li.pitya a:hover{
	background:url(/data/spakids/common/navi_over.jpg) no-repeat 0 -195px;
}

#top #navi li.toy a:hover{
	background:url(/data/spakids/common/navi_over.jpg) no-repeat 0 -260px;
}



/*フッタリンク
------------------------------------*/
#footerNavi {
	clear: both;
	width: 910px;
	margin: 15px 0 14px 10px;
	padding:1px 0 0;
	font-size:80%;
	position:relative;
}

/*.namiBoxIn clear*/
#footerNavi:after,
#footerNavi span:after{
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	content: ".";
	}

#footerNavi,
#footerNavi span{
/* \*//*/
	display: inline-table;
/**/
	}

/* Mac版 IE 避け\*/
* html #footerNavi,
* html #footerNavi span{
	height: 1%;
 }

#footerNavi,
#footerNavi span{
	display: block;
}
/*Mac版 IE 避け*/



/*波の背景表示*/
#footerNavi span{
	position:absolute;
	top:-80px;
	left:-55px;
	z-index:0;
}


#footerNavi ul{
	list-style:none;
}

#footerNavi ul li{
	display:inline;
	padding:0 13px;
	border-right:1px solid #000000;
	height:1em;
}

#footerNavi ul li.last{
	border-right:none;
}

/*コピーライト*/
#footer{
	clear: both;
	width:953px;
	margin: 0 auto;
	padding: 5px 0px 5px;
	background:url(/data/spakids/common/footer_border01.jpg) no-repeat;
}

#footer p{
	float:left;
	width:154px;
	padding:8px 0 0 36px;
}

#footer address{
	float:right;
	padding:10px 28px 0 0;
	font-size:70%;
}


/*■共通要素■■■■■■■■■■■■■■■*/
.namiBox{
	width:896px;
	background:url(/data/spakids/01_waterslider/img/water_btm_bcg01.gif) no-repeat bottom;
	padding:35px 0 12px;
	margin:0 0 30px 11px;
	position:relative;
}
.namiBoxIn{
	width:896px;
	background:url(/data/spakids/01_waterslider/img/water_bcg01.gif) repeat-y;
}

.namiBoxIn .photoRight{
	position:absolute;
	top:48px;
	left:444px;
	z-index:99999;
	}

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

.namiBoxIn{
/* \*//*/
	display: inline-table;
/**/
	}

/* Mac版 IE 避け\*/
* html .namiBoxIn{
	height: 1%;
 }

.namiBoxIn{
	display: block;
}
/*Mac版 IE 避け*/

/*table*/
.namiBoxIn table{
	width:425px;
	margin:10px 0 25px 21px;
	font-size:90%;
}

/* Ie7用*/
*:first-child+html .namiBoxIn table{
	margin:10px 0 25px 21px;
	}

.namiBoxIn > table{
	margin:0;
	padding:15px 0 26px 21px;
}

.namiBoxIn table th{
	font-weight:bold;
	white-space:nowrap;
	vertical-align:top;
	line-height:130%;
	padding:10px 10px 0 10px;
}

.namiBoxIn table td{
	padding:10px 8px 5px 5px;
	vertical-align:top;
	line-height:130%;
}

.blueBcg{
	background:#def3f9;
}

.namiBoxIn table td.width01{
	width:100px;
}


/*■各カテゴリページ■■■■■■■■■■■■■■■*/

/*index
----------------------------------------------*/
#wrapper #index00{
	padding:30px 0 0 13px;
	width:897px;
/* \*//*/
	margin:-3px 0 0 3px;
/**/
	}

/*safari3 only*/
body:first-of-type #wrapper #index00{
	padding:29px 0 0 9px;
}

#wrapper > #index00{
	padding:30px 0 0 8px;
	}

/*#index00 clear*/
#index00:after{ 
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	content: ".";
	}

#index00{
/* \*//*/
	display: inline-table;
/**/
	}

/* Mac版 IE 避け\*/
* html #index00{
	height: 1%;
 }

#index00{
	display: block;
}
/*Mac版 IE 避け*/

/*左側部分部*/
#index00 #indexLeft{
	float:left;
	width:440px;
	background:url(/data/spakids/img/indexleft_bcg.gif) no-repeat;
	padding:0;
	margin:0;
}

#top #indexLeft h2{
	padding:32px 0 0 16px;
}

#top #indexLeft p{
	padding:8px 0 24px 33px;
}

/*右側部分部*/
#top #indexRight{
	float:right;
	width:438px;
	margin:6px 0 0;
}

#index00 > #indexRight{
	margin:6px 0 0 0;
}


/*#indexRight clear*/
#top #indexRight:after{ 
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	content: ".";
	}

#top #indexRight{
/* \*//*/
	display: inline-table;
/**/
	}

/* Mac版 IE 避け\*/
* html #top #indexRight{
	height: 1%;
 }

#top #indexRight{
	display: block;
}
/*Mac版 IE 避け*/

#top .namiBox{
	width:438px;
	background:url(/data/spakids/img/index_btm_bcg01.gif) no-repeat bottom;
	padding:0 0 12px;
	margin:0 0 17px;
}
#top .namiBoxIn{
	width:438px;
	background:url(/data/spakids/img/index_bcg01.gif) repeat-y;
	font-size:90%;
}

#top .namiBoxIn .txtLeft{
	width:210px;
	float:left;
	padding:15px 0 8px 21px;
}

#top .namiBoxIn .btnRight{
	width:180px;
	float:right;
	padding:11px 12px 0 0;
	text-align:right;
}

#top .red{
	font-weight:bold;
}

/*注意事項*/
#attention{
	width:897px;
	background:url(/data/spakids/img/index_bcg02.gif) repeat-y 0 0;
	margin:19px 0 0 13px;
	clear:both;
}

#wrapper > #attention{
	margin:19px 0 0 7px;
}

/*#attention clear*/
#attention:after,
#attentionTop:after,
#attentionBtm:after{ 
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	content: ".";
	}

#attention,
#attentionTop,
#attentionBtm{
/* \*//*/
	display: inline-table;
/**/
	}

/* Mac版 IE 避け\*/
* html #attention,
* html #attentionTop,
* html #attentionBtm{
	height: 1%;
 }

#attention,
#attentionTop,
#attentionBtm{
	display: block;
}
/*Mac版 IE 避け*/

#attentionTop{
width:897px;
background:url(/data/spakids/img/index_top_bcg02.gif) no-repeat 0 0;
	padding:6px 0 0;
}

#attentionBtm{
	width:897px;
	background:url(/data/spakids/img/index_btm_bcg02.gif) no-repeat bottom;
	padding:0 0 15px;
}

#attention h2{
	float:left;
	width:158px;
	padding:20px 65px 13px 65px;
}


#attention ul{
	float:left;
	width:580px;
	padding:17px 0 0px;
	list-style:none;
	font-size:90%;
}

#attention ul li{
	background:url(/data/spakids/common/list_img01.gif) no-repeat 0 5px;
	padding:0 0 0 12px;
	line-height:130%;
}

/*waterslider
----------------------------------------------*/
#waterSlider .namiBoxIn .photoRight{
	position:absolute;
	top:48px;
	left:442px;
	}

#waterSlider .namiBox{
	margin:-2px 0 30px 11px;
}

/*namipool
----------------------------------------------*/
#namiPool #header #photo{
	position:absolute;
	left:14px;
	top:-42px;
/* \*//*/
	position:relative;
	top:160px;
/**/
}

#namiPool #header > #photo{
	position:absolute;
	left:7px;
	top:-42px;
}

#namiPool .namiBox{
	margin:4px 0 30px 11px;
}

#namiPool .namiBox table{
	width:410px;
	margin:10px 0 85px 21px;
}

/* Ie7用*/
*:first-child+html #namiPool .namiBoxIn table{
	margin:10px 0 85px 21px;
	}

#namiPool .namiBoxIn > table{
	width:410px;
	padding:10px 0 65px 21px;
	margin:0;
}

/*aquaDecki
----------------------------------------------*/
body#aquaDecki{
	background:url(/data/spakids/common/body_bcg3.jpg) no-repeat 50% 0;
}

#aquaDecki #header #photo{
	position:absolute;
	left:14px;
	top:-61px;
}

#aquaDecki #header > #photo{
	position:absolute;
	left:7px;
	top:-61px;
}

#aquaDecki .namiBox{
	margin:4px 0 30px 11px;
	z-index:1;
}


#aquaDecki .namiBox table{
	width:410px;
	margin:10px 0 30px 21px;	
}

/* Ie7用*/
*:first-child+html #aquaDecki .namiBoxIn table{
	margin:10px 0 30px 21px;
	}

#aquaDecki .namiBoxIn > table{
	margin:0;
	padding:10px 0 30px 21px;
}

/*pitya
----------------------------------------------*/


#pitya #header #photo{
	position:absolute;
	left:14px;
	top:1px;
}

#pitya #header > #photo{
	position:absolute;
	left:7px;
	top:1px;
}
#pitya .namiBox{
	margin:4px 0 30px 11px;
}

/*toy
----------------------------------------------*/
body#toy{
	background:url(/data/spakids/common/body_bcg3.jpg) no-repeat 50% 0;
}

#toy #header #photo{
	position:absolute;
	left:14px;
	top:-75px;
}

#toy #header > #photo{
	position:absolute;
	left:7px;
	top:-75px;
}

#toy .namiBox{
	margin:4px 0 30px 11px;
}

#toy .namiBoxIn .photoRight{
	position:absolute;
	top:58px;
	left:442px;
	}

/*futaisetubi
----------------------------------------------*/
body#futaisetubi{
	background:url(/data/spakids/futaisetubi/img/futaisetubi_body_bcg.jpg) no-repeat 50% 0;
}

#futaisetubi #wrapperArea{
	text-align:center;
}

#futaisetubi #wrapper {
	width:896px;
	text-align:center;
	margin:0 auto !important;
	margin:0 0 0 25px;
	padding:0;
}

/* Ie7用*/
*:first-child+html #futaisetubi #wrapperArea{
	margin:0 0 0 15px;

}

#futaisetubi .namiBox{
	padding:0 0 12px;
	margin:15px 0 0 0;
	text-align:left;
}

#futaisetubi dl{
	width:525px;
	margin:0 0 20px;
	padding:5px 0 0 10px;
	font-size:90%;
}

#futaisetubi dt{
	font-weight:bold;
	padding:20px 0 0 25px;
}

#futaisetubi dd{
	padding:5px 0 0 25px;
	line-height:130%;
}

#futaisetubi .namiBoxIn .photoRight{
	position:absolute;
	top:-20px;
	left:580px;
	}

#futaisetubi #attention{
	margin:20px 0 15px 0;
	clear:both;
}

#futaisetubi .topBack{
	margin:50px 0 20px 35px;
}


#futaisetubi #attentionTop{
background:url(/data/spakids/futaisetubi/img/futaisetubi_top_bcg02.gif) no-repeat 0 0;
}

#futaisetubi #attentionBtm{
	background:url(/data/spakids/futaisetubi/img/futaisetubi_btm_bcg02.gif) no-repeat bottom;
}

#futaisetubi #attention h2{
	float:left;
	width:158px;
	padding:20px 65px 10px 65px;
}


#futaisetubi #attention ul{
	float:left;
	width:580px;
	padding:15px 0 0px;
	list-style:none;
}

#futaisetubi #attention ul li{
	background:url(/data/spakids/common/list_img01.gif) no-repeat 0 5px;
	padding:0 0 5px 12px;
	line-height:130%;
}

#futaisetubi #footer{
	background:url(/data/spakids/common/footer_border02.jpg) no-repeat;
}

/*Q&A
----------------------------------------------*/

body#question{
	background:url(/data/spakids/question/img/question_body_bcg.jpg) no-repeat 50% 0;
}

#question #wrapperArea{
	text-align:center;
}

#question #wrapper {
	width:896px;
	text-align:center;
	margin:0 auto !important;
	margin:0 0 0 25px;
	padding:0;
}

/* Ie7用*/
*:first-child+html #question #wrapperArea{
	margin:0 0 0 15px;

}

body#question #logoArea {
	position:relative;
	height:72px;
	z-index:10000;
}

#question .namiBox{
	padding:0 0 12px;
	margin:15px 0 0 0;
	text-align:left;
}

#question .namiBoxIn .photoRight{
	position:absolute;
	top:-20px;
	left:750px;
	}

#question dl{
	width:840px;
	margin:0 auto 20px;
	font-size:90%;
}

/*#indexRight clear*/
#question dl:after{ 
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	content: ".";
	}

#question dl{
/* \*//*/
	display: inline-table;
/**/
	}

/* Mac版 IE 避け\*/
* html #question dl{
	height: 1%;
 }

#question dl{
	display: block;
}
/*Mac版 IE 避け*/

#question dl img{
	padding:0 6px 3px 0;
	vertical-align:middle;
}

#question dt{
	font-weight:bold;
	padding:20px 0 0 2.5em;
	text-indent:-2em;
	font-size:100%;
	background:url(/data/spakids/question/img/question_border01.gif) repeat-x bottom;
}


#question dd{
	padding:5px 0 0 2.5em;
	line-height:130%;
	text-indent:-2em;
}

#question dd p.note{
	margin:20px 20px 0 0;
	padding:7px 0 0 0;
	line-height:130%;
	text-indent:0;
	background:url(/data/spakids/question/img/question_border02.gif) repeat-x top;
	font-size:90%;
}

#question .topBack{
	margin:50px 0 20px 25px;
	clear:both;
}

#question dd.quest01{
	padding:5px 0 0 0;
	text-indent:0;
}

#question dd.quest01 img{
	padding:5px 8px 10px 7px;
	vertical-align:middle;
}

#question dd.quest01 table{
	width:400px;
	float:left;
	text-indent:0;
	padding:0;
	margin:0 35px 0 0;
}

#question dd.quest01 table th{
	padding:9px 0 6px 13px;
}

#question dd.quest01 table.rightTable{
	margin:0;
}

#question dd.quest01 table tr.blueBcg1{
	background:#28aecf;
	color:#ffffff;
}