/*============================================================
KOSODATE.CSS

Copyright (C) 2003-2007
@Wellness,INC. All Rights Reserved.
http://www.well-ness.co.jp/

-------------------
URL LIST using this css
-------------------
all pages in http://www.u-kari.com/

-------------------
REVISE HISTORY
-------------------
2005-01-13	release
============================================================*/

/*==================================================
コンテンツ大枠、メインコンテンツとサブコンテンツの枠
===================================================*/




/*==================================================
メニュー部分
===================================================*/

dl#menuBox{
border:1px solid #ff9999;
display:block;
padding:4px 0px 4px 0px;
}

dl#menuBox dt{
text-align:center;
padding:0;
}

dl#menuBox dd{
padding:5px 2px 0px 2px;
margin:0px 8px 15px 8px;
display:block;
}


/*=================================================
見出し及びテキスト部分
=================================================*/
div#mainContents div.contentsarea h2{
margin:0;
}

div#mainContents div.contentsarea h3{
margin:10px 0px 15px 0px;
border:none;
padding:0px;
}

div#mainContents div.contentsarea h4{
font-size:120%;
border-left:5px solid #ff3333;
padding:0px 0px 0px 9px;
}

h5{
color:#000000;
padding:0px 0px 10px 5px;
margin:0px;
}

h6{
font-size:100%;
color:#ff0000;
padding:0px 0px 0px 5px;
margin:0px;
}


p.gotoUkari{
text-align:right;
margin:10px 0 10px 0;
}

div#mainContent p{
padding:0 5px 0 5px;
line-height:150%;
}


/*=========================
ul,ol,li
=========================*/

div#mainContents ol li{
line-height:150%;
margin-bottom:5px;
}

div#mainContents ol.no-liststyle{
list-style:none;
margin-left:15px;
padding-left:0px;
}

div#mainContents ol.no-liststyle li{
list-style:none;
margin-left:0px;
padding-left:0px;
}

div#mainContents ul.no-liststyle{
list-style:none;
margin-left:15px;
padding-left:0px;
}

div#mainContents ul.no-liststyle li{
list-style:none;
margin-left:0px;
padding-left:0px;
}

div#mainContents ul.no-liststyle li strong{
font-size:120%;
vertical-align:super;
}

div#mainContents ul li{
line-height:150%;
margin-bottom:5px;
}

ul.playList{
font-size:90%;
margin:0.5em 5px 0.5em 5px;
list-style:none;
padding:0px 5px 0px 5px;
}


/*========================
table,th,td
========================*/

table.dataTable{
width:500px;
border:1px solid #ff9999;
}

table.dataTable th{
width:5em;
color:#ff3366;
background-color:#fff7f7;
border:1px solid #ff9999;
padding:6px 2px 6px 6px;
text-align:left;
}

table.dataTable td{
padding:6px 2px 6px 6px;
border:1px solid #ff9999;
}


table.dateTable{
width:500px;
}

table.dateTable th{
width:13em;
background-color:#fff7f7;
color:#ff3366;
border:1px solid #ff9999;
padding:5px 2px 5px 5px;
text-align:left;
line-height:1.5em;
}

table.dateTable td{
padding:5px 2px 5px 5px;
border:1px solid #ff9999;
}


/*========================
enqueteBox
=========================*/

dl.enqueteBox{
width:390px;
display:block;
border:1px solid #858585;
margin:0px auto 20px auto;
}

dl.enqueteBox dt{
text-align:center;
border-bottom:1px dashed #858585;
background-color:#fff7f7;
color:#ff0000;
font-weight:bold;
padding:5px 0 5px 0;
}

dl.enqueteBox dd{
margin:0;
padding:10px 0 10px 0;
}

dl.enqueteBox dd ul{
margin:0px 0px 0px 0px;
padding:0;
}

dl.enqueteBox dd ul li{
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
list-style-type:circle;
}



/*===========================
kidsparkBox
===========================*/


div.kidsparkBox{
margin:1em auto 0;
}

div#mainContent div.kidsuparkBoxp{
margin:0px;
padding:0px;
}

div.kidsparkBox a{
border:1px solid #336699;
display:block;
height:100%;
width:20em;
padding:5px;
text-decoration:none;
margin:0px;
}

div.kidsparkBox a:hover{
background-color:#336699;
color:#ffffff;
}

　　

/*===========================
guidanceBox
===========================*/

div.guidanceBox{
/*
width:300px;*/
margin:1em auto 0;
}

div#mainContent div.guidanceBox p{
margin:0px;
padding:0px;
}

div.guidanceBox a{
border:1px solid #336699;
display:block;
height:100%;
width:25em;
padding:5px;
text-decoration:none;
margin:0px;
}

div.guidanceBox a:hover{
background-color:#336699;
color:#ffffff;
}


/*========================
font-size
========================*/

.font-small{
font-size:80%;
}