@charset "utf-8";
/*** social btn st***/
@import url(/css/social_btn.css);
/*** social btn en***/

h1	{
	padding: 0px;
	width: 980px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	height: 47px;
}
h1 > img:last-child{
float:right;
}
h2	{
	color:#0099FF;
	margin: 0px 0px 15px;
	padding: 0px;
}
h2 > img{
width:780px;
}
p	{
	font-size:1em;
	line-height:1.5em;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	letter-spacing: 0.05em;
}
div#data_koumokulist p {
	margin-top: 0px;
}
div#data_koumokulist p.up,div#answer p.up {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	text-align: right;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
div#data_koumokulist {
	margin-top: 15px;
}
p#golist {
	margin: 0px;
	padding-top: 20px;
	padding-left: 15px;
}
#sidemenu p {
	margin: 5px 0px 0px;
	padding: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#header > img {
	vertical-align: top;
	width:980px;
}
h4 {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0099FF;
	margin: 10px 0px;
}
	.size1	{font-size:0.9em;
			line-height:1.5em;}
	.size2	{font-size:1em;
			line-height:1.5em;}
ul	{
	font-size:1em;
	line-height:1.4;
	list-style: disc outside;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1.5em;
}
div#data_koumokulist h4 {
	color: #FF0066;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	margin-top: 20px;
}

A:link {
	color:#000000;
}
A:visited {color:#003366;}
A:hover {color:#ff0000;}
body {
	background: #FFFFFF repeat-y fixed left top;
	margin: 0px;
	padding: 0px;
}
.blue1 {  color: #3399FF}
.yellow { color: #FF9900 }
.orange {  color: #FF6633}
.green {  color: #009900}
.brown { color: #CC3300 }
.blue2 {
	color: #0099CC;
	font-weight: bold;
}
.pink {  color: #FF6699}
.white { color: #FFFFFF}
.blue3 { color: #006699}
.green2 { color: #003333}
.size0 { font-size:18px; line-height:24px; }
.blue4 { color: #99ccff}
.red {
	color: #CC0000;
}
.cyu {  font-size: 14px; line-height: 17px; color: ff0000}
.size1glay { font-size: 14px; line-height: 17px; color: #666666 }
.orange2 {  color: #FF6600}

h3 {
	font-size: 20px;
	line-height: 22px;
	padding: 0px 0px 5px;
	color: #0099FF;
	font-weight: bold;
	background-image: url(../images/line_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width:740px;
	margin:3px 10px 10px 10px;
}

ul,ol {
	font-size: 1em;
}
li {
	padding: 0px;
	line-height: 1.5em;
	font-size: 1em;
	margin: 0px;
}
.size0-white {  font-size: 18px; color: #FFFFFF; font-weight: bold}

div#header {
	width: 980px;
	background-color: #D4EEFF;
	clear: both;
	float: none;
	margin:0 auto;
}
.clear {
	clear: both;
}
table#menu{
margin:0 auto;
padding:0 0 10px;
}
#menu img{
/*width:240px;*/
margin:2px;
}
#menu a:hover img{
opacity:0.6;
}
div#sidemenu {
	width: 189px;
	height: 600px;
	float: left;
	background-color: #d4eeff;
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sidemenu a:hover img{
opacity:0.7;
}
div#footer {
	width: 980px;
	clear: both;
	height: 105px;
	background-color: #FFFFFF;
	background-image: url(../images/mainfoot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
	padding:70px 0 0 0;
}
div#footer p {
	margin: 0px;
	padding: 0;
	background-color:#7cbf44;
}
div#content {
	width: 980px;
	background-color: #d4eeff;
	margin: 0px;
	padding: 0px;
	margin:0 auto;
}
div#main {
	width: 790px;
	float: left;
	text-align: left;
	margin-top: 10px;
	background-image: url(../images/maintop.gif);
	background-repeat: no-repeat;
	background-position: 0px 60px;
	margin-left: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
div#main > table {
width:780px;
}
h2.size0-white {
font-size: 18px; color: #FFFFFF; font-weight: bold
}
div#answer h4 {
	color: #FF3366;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}
div#answer p {
	margin-top: 0px;
}
div#answer {
	margin-top: 30px;
}
.pink2 {
	color: #FF0066;
}
.purple {
	color: #660099;
}
h5 {
	font-size: 1em;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #FF0066;
}
p.gotop {
	margin-bottom: 20px;
}
.photorfr {
	float: right;
	margin-left: 8px;
	margin-bottom: 10px;
	margin-right:10px;
	display:inline;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
div#slide h5 {
	margin-top: 5px;
}
.blue1b {
	color: #3399FF;
	font-weight: bold;
}
div#data_koumokulist ol {
	padding-left: 60px;
	padding-top: 15px;
	padding-bottom: 15px;
}
div#data_koumokulist li {
	margin-bottom: 6px;
}
ul.newslist li {
	list-style-image: url(../osirase/images/star.gif);
	list-style-position: outside;
	margin-bottom: 10px;
	color: #000000;
	font-size: 1em;
	letter-spacing: 0.05em;
	margin-right: 20px;
	line-height: 1.5em;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	margin-left: 0px;
}
ul.newslist {
	margin-top: 20px;
	margin-left: 30px;
	list-style-type: none;
	padding: 0px;
}
div#contents h3.news {
	/*color: #FF004E;*/
	color: #0075ea;
	background-image: url(../images/line_dot_blue.gif);
}
#contents > table{
width:780px;
}
div#footer address {
	font-size: 0.8em;
	font-style: normal;
	color: #999999;
	margin-top: 5px;
	padding: 0px;
	margin-left: 10px;
	line-height: 1.4;
	margin-bottom: 10px;

}
div#footer a {
	color: #999999;
}
div#footer a:last-child {
float:right;
}
.size_small {
font-size:0.8em;
			line-height:1.5em;
}
div#tnettop ul {
	margin-top: 0px;
	padding-top: 0px;
	color: #0099FF;
}
.photor {
	float: right;
	margin: 5px;
}
.blue2b {
	color: #0099CC;
	font-weight: bold;
}
.red1 {
	color: #FF0000;
}
.space20 {
	margin: 0px;
	padding-bottom: 20px;
}
div.roomboxp {
	background-color: #F6EBFB;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.roomboxp h4 {
	background-color: #F6EBFB;
}
div#answer .roomboxp h4 {
	background-color: #F6EBFB;
}
div.roomboxpi {
	background-color: #FBECF3;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#answer .roomboxpi h4 {
	background-color: #FBECF3;
}
div.roomboxg {
	background-color: #EAFFD7;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#answer .roomboxg h4 {
	background-color: #EAFFD7;
}
div.roomboxr {
	background-color: #FFF2EB;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#answer .roomboxr h4 {
	background-color: #FFF2EB;
}
div.roomboxb {
	background-color: #DDF8FA;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#answer .roomboxb h4 {
	background-color: #E3F7FA;
}
.photolfr {
	float: left;
	margin-right: 6px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	display:inline;
}
ul.idea_ul li {
	margin-bottom: 12px;
}
p.nopadding {
	margin-bottom: 0px;
}
.photol {
	margin: 5px;
	float: left;
}

/* ----- 100319 追加　try　-----*/
.pagetop {
	font-size: 0.8em;
}

/* link    start */
.pagetop a:link {
	color: #666666;
}
.pagetop a:visited {
	color: #666666;
}

.pagetop a:hover {
	color: #0099FF;
}

.pagetop a:active {
	color: #0099FF;
}

/* ----- 100319 追加　try　-----*/


/* ----- 100421 追加　takahashi　st-----*/

#contents ul.bklist li {
	list-style-image: url(../osirase/images/star.gif);
	list-style-position: outside;
	margin-bottom: 10px;
	color: #000000;
	font-size: 1em;
	letter-spacing: 0.05em;
	margin-right: 20px;
	line-height: 1.5em;
	padding-left: 10px;
	_padding-left: 20px;
	list-style-type: none;
	margin-left: 0px;
}
#contents ul.bklist {
	margin-top: 20px;
	padding-left: 40px;
	list-style-type: none;
	margin-left:0px;
}

#contents ul.bklist a{
	color:#FF004E;
	text-decoration:none;
	font-weight:bold;
}

.size-ss {
	font-size:0.7em;
	line-height:1.2em;
}

/* ----- 100421 追加　takahashi　en-----*/

/* ----- 100430 追加ここから　try　-----*/
.photorfr_150 {
	width:150px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 2px;
	/*border: 1px solid #CCCCCC;	*/
}

.photorfr_105 {
	width:105px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 2px;
	/*border: 1px solid #CCCCCC;	*/
}

.photor_s {
	float: right;
}

.credit {
	font-size:0.8em;
	float:right;
}

.pink A:link { color:#FF6699; }
.pink A:visited {color:#FF6699;}
.pink A:hover {color:#FFB0CA;}
.pink A:active {color:#FFB0CA;}


.space100 {
	margin: 0px;
	padding :100px;
}

.space150 {
	margin: 0px;
	padding-bottom: 150px;
}

.space200 {
	margin: 0px;
	padding-bottom: 200px;
}

.mk_left_space {
	width: 530px;
	margin-left: 20px;
}

/* ----- 100430 追加ここまで　try　-----*/
/* ----- 100518 追加ここから　try　-----*/
.margin_case_a {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mt_15 {
	margin-top:15px;
}

.list_case01 ol {
	margin-top: 0px;
	padding-top: 0px;
}


.title_case_01 {
	color: #FF3D7E;
	font-weight: bold;
}
.color_pink {color: #FF3D7E}

.green A:link { color:#009900; }
.green A:visited {color:#009900;}
.green A:hover {color:#00CC33;}
.green A:active {color:#00CC33;}



/* ----- 100517 追加ここまで　try　-----*/

/* ----- 100713 追加ここから　itc　-----*/
.center {
	text-align:center;
}


/* ----- list PDF ▼　-----*/
ul.list-pdf{
	list-style-type: none;
	margin:0 10px 20px 10px;
	padding:0;
}

ul.list-pdf li {
	background: url(/images/pict_pdf.gif) no-repeat 0 0;
	margin:0;
	padding:0 0 0px 28px;
}

/* ----- list PDF ▲　-----*/


/* ----- list arrow ▼　-----*/

ul.markLink{
	list-style-type: none;
	margin:0 10px 20px 10px;
	padding:0;
}

ul.markLink li {
	background: url(/kodomo/osirase/img/icon_arrow.gif) no-repeat 0 0;
	margin:0;
	padding:0 0 0px 28px;
}

/* ----- list arrow ▲　-----*/

/* ----- link ▼　-----*/

.list-pdf a:link,.markLink a:link,.link a:link{
	color:#0099FF;
}

.list-pdf a:visited,.markLink a:visited,.link a:visited {
	color:#0099FF;
}

.list-pdf a:hover,.markLink a:hover,.link a:hover {
	color:#FF9900;
}

.list-pdf a:active,.markLink a:active,.link a:active {
	color:#FF9900;
}

/* ----- link ▲　-----*/

.BoxMovie {
	margin:10px 10px 30px 10px;
	text-align:center;
}

.bold {
	font-weight:bold;
}

.movieArea {
	margin:10px 10px;
	padding:0px;
}

.movieArea dl{
	float:left;
	margin:0px;
	padding:0px;
}

.movieArea dt{
	margin:0;
	padding:0 0 10px 0;
}

.movieArea dd{
	margin:0;
	padding:0;
}


/* ----- 100713 追加ここまで　itc　-----*/
/* ----- 100802 追加ここから　try　-----*/
ul.news_newlist li {
	list-style-image: url(../osirase/images/star_pink.gif);
	list-style-position: outside;
	margin-bottom: 10px;
	color: #000000;
	font-size: 1em;
	letter-spacing: 0.05em;
	margin-right: 20px;
	line-height: 1.5em;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	margin-left: 0px;
}
ul.news_newlist {
	margin-top: 20px;
	margin-left: 30px;
	list-style-type: none;
	padding: 0px;
}

div#contents h3.news_new {
	color: #FF004E;
	background-image: url(../images/line_dot-p.gif);
}

.cap{
	font-size: 80%;
	line-height:120%;
	}
/* ----- 100802 追加ここまで　try　-----*/

/* ----- 100803 追加ここから　try　-----*/
.size-ssblue {
	font-size:0.7em;
	line-height:1.2em;
	color:#0075ea;
}

/* ----- 100803 追加ここまで　try　-----*/



/* ----- 100823 追加ここから　try　-----*/

#contents {
	width: 770px;
}

#contents table.detailTable{
	width:560px;
	margin:0 10px 0 10px;
}

#main table.contentsTable{
	width:580px;
}

.boxblue21 {
	background-color: #EBF5FF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	width: 560px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:10px;
	}

/* ----- 100823 追加ここまで　try　-----*/

/* ----- 101116 追加ここから　try　-----*/
.id_page_top{
	float:right;
	margin:0px;
	padding:0px;
}

.ml_2_5em {
	margin-left:2.5em;
}

/* ----- 101116 追加ここから　try　-----*/

/* ----- 110210 追加ここから　ITC　-----*/

.mt10 {
	margin-top:10px;
}

.mt20 {
	margin-top:20px;
}

.bgcolor01 {
	background-color:#C2F6ED;
}

table.tb-style01 td {
	text-align:left;
	vertical-align:top;
}

.boxR {
	float:right;
	margin:0 0 5px 5px;
}

.boxR2 {
	float:right;
	margin:0 10px 5px 5px;
	display:inline;
}

.boxL {
	float:left;
	margin:0 5px 5px 0;
}


p.page-back {
	text-align:left;
	margin-top:20px;
}

p.page-top {
	text-align:right;
	margin-top:20px;
	margin-bottom:20px;
	clear:both;
}

.pink3 {
	color: #FF0033;
}

.nani-smenu {
	font-size:0.78em;
	line-height:1.5em;
	clear:both;
	margin-top:20px;
	text-align:justify;
	text-justify:distribute;
	margin-left:10px;
	margin-right:10px;
}


ul.list {
	margin:0 10px;
}

ul.list li {
	background:url(/kodomo/com/icon_list.gif) no-repeat 0 3px;
	list-style:none;
	padding-left:20px;
}

ul.list-g {
	margin-left:10px;
	margin-right:10px;
}

ul.list-g li {
	background:url(/kodomo/com/icon_list_g.gif) no-repeat 0 3px;
	list-style:none;
	padding-left:20px;
	margin-bottom:4px;
}

.mb20 {
	margin-bottom:20px;
}

.mb10 {
	margin-bottom:10px;
}

.ml10 {
	margin-left:10px;
}

.box01 {
	border:1px solid #666666;
	padding:10px;
	margin:10px;
}

.box02 {
	border:1px solid #FF9900;
	padding:20px;
	margin:10px;
}

.stext {
	font-size:0.8em;
	line-height:1em;
}

h5.stitle01 {
	color:#3399FF;
	padding-bottom:4px;
	border-bottom:1px solid #3399FF;
	font-weight:bold;
	margin-right:10px;
	margin-bottom:10px;
}

ul#ky-topmenu01, ul#ky-topmenu02 {
	margin-left:0px;
	margin-top:10px;
}

ul#ky-topmenu01 li, ul#ky-topmenu02 li {
	list-style:none;
	padding-left:26px;
	margin-bottom:10px;
}

ul#ky-topmenu01 li {
	background:url(/kodomo/com/icon_clover_p.gif) no-repeat;
}

ul#ky-topmenu02 li {
	background:url(/kodomo/com/icon_clover_y.gif) no-repeat;
}


#ky-topmenu {
	margin-left:10px;
	margin-top:20px;
}

#ky-topmenu td.coop {
	background-color:#FFEEF3;
	padding:10px;
	vertical-align: middle;
	text-align:left;
}

#ky-topmenu td.join {
	background-color:#FFFEDD;
	padding:10px;
	vertical-align: middle;
	text-align:left;
}



/* ----- 110210 追加ここまで　ITC　-----*/


/*------ 120515 追加ここから　TRY　-----*/

.kenri_read a:link {color:#000000; text-decoration:none;}
.kenri_read a:visited {color:#003366; text-decoration:none;}
.kenri_read a:hover {color:#ff0000; text-decoration:none;}
.kenri_read a:active {color:#ff0000; text-decoration:none;}

.joubun_list {
	text-align: center;
	padding-bottom: 5px;
	border: 5px solid #97D1FD;
	margin-right: 5px;
	margin-left: 5px;
}

.joubun_list ul {
	list-style-type:none;
}

.joubun_list li {
	float: left;
	padding: 0 0.5em 0 0;
	margin: 0 0.5em 0 0;

}

.joubun_list_titl {
	background-color:#97D1FD;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-bottom: 15px;
}
.joyaku_list_table table p {
	font-size:1em;
	line-height:1.4em;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	letter-spacing:0.01em;

}
.tei_bod_ph_r {
	margin-left: 10px;
	float: right;
	width: 150px;
	font-size: 0.8em;
}

/***** clearfix *****/


.clearfix {
    overflow: hidden;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

* html .clearfix {
    height: 1em;
    overflow: visible;
}

/* 20130405追加。/kodomo/nani/siryo/si_bod.htm ページ内、子ども/学校向け資料のテーブル */

.siryo_tbl{
	border:none;
	width:580px;
}
.siryo_tbl td{
	width:290px;
	padding:0 10px;
}
.siryo_tbl th{
	color:#3399FF;
}
.siryo_tbl th p{
	background:url('/kodomo/nani/siryo/images/book_l.gif') left top no-repeat;
	padding-left:45px;
}
.siryo_tbl th span{
	font-weight:lighter;
	color:#666;
}
.siryo_tbl td table{
	width:246px;

}
.img_cell{
	text-align:center;
	border-top:1px solid #666;
}

/* 20150227追加。T・NET通信終了告知 */
.tnet_info{
border:1px solid #09f;
padding:15px;
background:#eeF;
margin:30px 10px;
}
.tnet_info p:first-child{
font-weight:bold;
}

/* 20180312追加。/kodomo/osirase/03_01html ページ内 */
.ko_osira_2018 .taR {
	display: block;
	text-align: right;
}
.ko_osira_2018 .w300 {
	width: 300px;
}
.ko_osira_2018 .w300 img {
	width: 100%;
}
.ko_osira_2018 .line {
	border-top: 2px dotted #0099FF;
	margin-top: 20px;
	padding-top: 20px;
}
