@charset "UTF-8";
@import url(sub_style.css);

/*-----------------------------------------------
index　　　　　　　　　　　　　　　　_2009/07/15
-----------------------------------------------*/

.min{font-size:90%;line-height:150%;}

.catchup{
	font-weight: bold;
	font-size: 120%;
	line-height: 120%;
	margin-left: 3px;
}

.back_image_child{
	width:685px;
	background-image:url(../../child/images/pic_011.jpg);
	background-repeat:no-repeat;
	background-position:100% 0%;
}

.photo_03{
	margin: 10px 0px 30px 0px;
	display: inline-block;
}

.photo_03 .img_01{
	width: 315px;
	height:380px;
	margin: 0px;
	padding: 0 0px 10px 0px;
	border:1px solid #FDDFBB;
	background-color:#FEF3E5;
	text-align:center;
}
.photo_03 .img_01 .ima_main{
	padding: 10px 0px 0px 0px;
	margin:0px auto 0px auto;
}
.photo_03 .img_01 .caption{
	padding: 5px 13px 0px 13px;
	text-align:left;
}

.photo_03 .img_01 .ima_main img{
	padding: 10px 0px 5px 0px;
}

.photo_03 .txt_01{
	width: 350px;
	padding: 0px 15px 0px 0px;
}

.font_gray{
	color:#666666;
}

.font_big{
	font-size:120%;
}

#pattern_D{
	width:623px;
	border:1px solid #b5b5b5;
	padding:30px 0px 20px 32px;
}

.pattern_D_list{
	width:130px;
}

.pattern_D_list p{
	margin-top:5px;
}

.images_01_right img{
	margin-bottom:10px;
	margin-right:20px;
}

.images_01_right{
	margin-left:120px;
}
.txt03 img{
	margin-top:10px;
}

.fukidasi{
	width:220px;

}

.margin_fukidasi{
	margin-right:15px;
}

.min_02{
	font-size:90%;
	line-height:120%;
	padding-left:13px;
}

.txt03 li{
	line-height:160%
}

.photo_04{
	margin: 10px 0px 0px 0px;
	display: inline-block;
}
.photo_04 .img_01{
	width: 170px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.photo_04 .img_01 .ima_main{
	padding: 0px 0px 0px 0px;
}
.photo_04 .img_01 .caption{
	padding: 0px 0px 0px 0px;
	font-size: 90%;
}

.photo_04 .txt_01{
	width: 440px;
	padding: 0px 15px 0px 0px;
}

.photo_04 dl{
	margin-bottom: 15px;
}

.photo_04 dt{
	font-weight: bold;
	color: #663300;
	margin-bottom: 7px;
}

.pagetop{
	margin-bottom:30px;
}

.bottom_line{
	border-bottom:1px solid #cccccc;
}

.topspeace{
	padding-top:10px;
}

.bottomspeace{
	padding-bottom:10px;
}

.bottomspeace_02{
	padding-bottom:15px;
}

.maxwidth{
	width:685px;
}

/*-----------------------------------------------
子ども紹介BOX  8月7日追記
-----------------------------------------------*/
.child_introduce_box{
	padding: 0;
}

.child_introduce_box image{
	padding: 0 0 5px 0;
}

.child_introduce_box td{
	vertical-align: top;
}

.child_introduce_box .d01{
	background: url(../../child/images/box_bg1.gif) top left no-repeat #FFFFFF;
	height: 25px;
}
.child_introduce_box .d02{
	background: url(../../child/images/box_bg2.gif) top left repeat-y #FFFFFF;
	padding: 10px 30px 10px 30px;
}

.child_introduce_box .cld{
	padding-right: 25px;
}

.child_introduce_box .d02a{
	background: url(../../child/images/box_bg2.gif) top left repeat-y #FFFFFF;
	padding: 0px 30px 0px 30px;
}
.child_introduce_box .d02 p{
	padding: 0px 0px 10px 0px;
	line-height: 1.4;
}
.child_introduce_box .d03{
	background: url(../../child/images/box_bg3.gif) top left no-repeat #FFFFFF;
	height: 25px;
}

/*-----------------------------------------------
7月25日追記
-----------------------------------------------*/

.situmon{
	width:623px;
}

.bottomspeace_L{
	margin-bottom:-10px;
}

/*-----------------------------------------------
how　　　　　　　　　　　　　　　　_2009/07/16
-----------------------------------------------*/

.box_bottom_02 .box_area02 .img_flash{
	width: 141px;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: block;
}


.text_right{
	text-align:right;
}

.h4_otoiawase{
	background-image:url(../images/icon_01.gif);
	background-repeat:no-repeat;
	background-position: center left;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 2px 15px;
	font-size: 120%;
}
/*-----------------------------------------------
india　　　　　　　　　　　　　　　_2009/07/17
-----------------------------------------------*/

.table_india{
	width:687px;
	border:1px solid #B5B5B5;
	margin: 0px 0px 30px 0px;
	color:#2F3030;
}
.table_india .th_a{
	width:106px;
	color:#2F3030;
	border-right:1px solid #B5B5B5;
	background-image:url(../../child/world/images/tableback_th_01.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	text-align: right;
	vertical-align:top;
}

.table_india .th_b{
	width: 166px;
	color:#2F3030;
	border-right:1px solid #B5B5B5;
	background-image:url(../../child/world/images/tableback_th_02.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	text-align:center;
	vertical-align:top;
}

.table_india .th_c{
	width: 166px;
	color:#2F3030;
	background-image:url(../../child/world/images/tableback_th_02.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	text-align:center;
	vertical-align:top;
}

.table_india .td_a{
	width:166px;
	color:#2F3030;
	background-image:url(../../child/world/images/tableback_td_01.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	border-right:1px solid #B5B5B5;
	vertical-align:top;
}
.table_india .td_c{
	width:166px;
	color:#2F3030;
	background-image:url(../../child/world/images/tableback_td_01.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	vertical-align:top;
}

/*-----------------------------------------------
india　　　　　　　　　　　　　　　_2009/07/20
-----------------------------------------------*/

.table_idn{
	width:687px;
	color:#2F3030;
	border:1px solid #B5B5B5;
	margin: 0px 0px 30px 0px;
}
.table_idn .th_a{
	width:106px;
	color:#2F3030;
	border-right:1px solid #B5B5B5;
	background-image:url(../../child/world/images/tableback_th_01.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	text-align: right;
	vertical-align:top;
}

.table_idn .td_a{
	width:542px;
	color:#2F3030;
	background-image:url(../../child/world/images/tableback_td_01_cell2.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	vertical-align:top;
}

.tableheight_03{
	height:70px;
}

.photo_A{
	width:218px;
	margin-right:15px;
}

.photo_B{
	width:218px;
}
.gray{
	color:#666666;
	line-height: 120%;
	margin-top: 5px;
}
/*---------7月21日追加-----------*/

.table_01 .th_d{
	width: 513px;
	color:#2F3030;
	background-image:url(../../child/world/images/tableback_th_03.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	text-align:center;
	vertical-align:top;
}

.table_01{
	width:683px;
}

.table_01 th{
	vertical-align:top;
}

.table_002{
	width:687px;
	color:#2F3030;
	border:1px solid #B5B5B5;
	margin: 0px 0px 30px 0px;
}
.table_002 .th_a{
	width:106px;
	color:#2F3030;
	border-right:1px solid #B5B5B5;
	background-image:url(../../child/world/images/tableback_th_01.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	text-align: right;
	vertical-align:top;
}

.table_002 .th_b{
	width:259px;
	color:#2F3030;
	border-right:1px solid #B5B5B5;
	background-image:url(../../child/world/images/tableback_th_04.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	text-align:center;
	vertical-align:top;
}

.table_002 .th_c{
	width:259px;
	color:#2F3030;
	background-image:url(../../child/world/images/tableback_th_04.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	text-align:center;
	vertical-align:top;
}

.table_002 .td_a{
	width:259px;
	color:#2F3030;
	background-image:url(../../child/world/images/tableback_th_05.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	border-right:1px solid #B5B5B5;
	vertical-align:top;
}
.table_002 .td_c{
	width:260px;
	color:#2F3030;
	background-image:url(../../child/world/images/tableback_th_05.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	vertical-align:top;
}

/*---------7月23日追加-----------*/


.world_photo_02{
	margin: 0px 0px 10px 0px;
	display: inline-block;
}

.world_photo_02 .float_R img{
	padding-left:20px;
}
.world_photo_02 .img_01 .ima_main{
	padding: 0px 0px 0px 0px;
}
.table_01 .th_c{
	color:#2F3030;
	background-image:url(../../child/world/images/tableback_th_03.gif);
	background-repeat:repeat-y;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	text-align:center;
	vertical-align:top;
}


/*-----------------------------------------------
index_map　　　　　　　　　　　　　　　　_2009/07/16
-----------------------------------------------*/

#worldmap{
	width:691px;
}

/*---------------------------------------------------
index_map ポップアップ　　　　　　　　　_2009/07/18
---------------------------------------------------*/
/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}

/* Here's our default note styles. */
.notedefault {
	position: absolute;
	visibility: hidden;
	top: 1.5em;
	left: 2em; 
	/* width: 330px; */
	margin: 0;
	padding: 5px;
	border: 1px solid #FF6501;
	background-color: #FFF;
	color: #fff;
}
/* Headings within notes */
.notedefault h4 {
	/* height: 20px; */
	margin: 0;
	padding: 3px 3px 3px 0;
	text-align: left;
	text-indent: 5px;
	background-color: #FF6501;
}

.notedefault a:link { color: #fff; text-decoration:underline; }
.notedefault a:visited { color: #fff; text-decoration:underline; }
.notedefault a:active { color: #fff; text-decoration:underline; }
.notedefault a:hover { color: #fff; text-decoration:none; }

.notedefault  ul{
	margin: 5px 10px 10px 10px;
	padding: 0;
}

.notedefault  li{
	margin: 0 0 4px 0;
	padding: 0;
	background-image: url(../images/icon_01.gif);
	background-repeat:no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: 15px;
	color: #333;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
	margin-left: 5px;
	margin-top: 15px;
}

/* Note close marker is only shown within pinned notes. */
.note-close {
	float: right;
	width: 14px;
	height: 14px;
	line-height: 14px;
	color: black;
	text-decoration: none;
	visibility: hidden
}
.snb-pinned .note-close {
	visibility: inherit;
}

/*-----------------------------------------------
member　　　　　　　　　　　　　　　　_2009/07/18
-----------------------------------------------*/

#memberlist_area{
	width:671px;
	border:1px solid #999999;
	padding:10px;
	margin-bottom:30px;
}

.memberlist{
	width:110px;
	margin:10px;
}

.memberlist_in{
	margin-bottom:10px;
}

.box_bottom_02 .box_area02 .img_member_01{
	width: 119px;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: block;
}

.photo_01_01{
	margin: 0px 0px 30px 0px;
	display: inline-block;
}
.photo_01_01 .img_01{
	width: 220px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.photo_01_01 .img_01 .ima_main{
	padding: 0px 0px 0px 0px;
}
.photo_01_01 .img_01 .caption{
	padding: 5px 10px 0px 0px;
	font-size: 90%;
	line-height:120%;
	color:#666666;
}
.photo_01_01 .txt_01{
	padding: 0px 0px 0px 15px;
}

.photo_01_01 p{
	margin-bottom:10px;
}

.photo_01_02{
	margin: 0px 0px 30px 0px;
	display: inline-block;
}
.photo_01_02 .img_01{
	width: 135px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.photo_01_02 .img_01 .ima_main{
	padding: 0px 0px 0px 0px;
}
.photo_01_02 .img_01 .caption{
	padding: 5px 10px 0px 0px;
	font-size: 90%;
}
.photo_01_02 .txt_01{
	padding: 0px 0px 0px 15px;
}

.photo_01_02 p{
	margin-bottom:10px;
}
/* チャイルド・スポンサーシップとは 2009/7/23 */
/*テキストカラー*/
.text_orange{color:#FF6600;}


/**********************************
 クリスマスキャンペーン 2009/10/17 
***********************************/
/*-----------------------------------------------
 左ナビげーション
-----------------------------------------------*/
#left_area{
	width:225px;
	margin:0 15px 0 0;
	padding: 0px;
}

#right_area{
	width:710px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.top_main{
	padding-bottom: 12px;
	display: inline-block;
	width: 710px;
}

#main_img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.chiristmas_campaign{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 100%;
	line-height:150%;
}
.chiristmas_campaign h3{
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
}
.chiristmas_campaign .photo01{
	margin: 0px 0px 0px 0px;
	display: inline-block;
}
.chiristmas_campaign .photo01 .img_01{
	width: 175px;
	margin: 0 10px 0 0;
	padding: 0px 0px 0px 0px;
}
.chiristmas_campaign .photo01 .img_01 .ima_main{
	padding: 0px 0px 0px 0px;
}
.chiristmas_campaign .photo01 .img_02{
	width: 205px;
	margin: 0 10px 0 0;
	padding: 0px 0px 0px 0px;
}
.chiristmas_campaign .photo01 .img_02 .ima_main{
	padding: 0px 0px 0px 0px;
}
.chiristmas_campaign .photo01 .img_02 .caption{
	padding: 5px 10px 0px 0px;
	font-size: 90%;
	line-height: 110%;
	color: #734805;
}
.chiristmas_campaign .photo01 .txt_01{
	/*padding: 0px 0px 0px 15px;*/
}
.chiristmas_campaign .photo01 p{
	margin-bottom:10px;
}
.chiristmas_campaign .photo01 .btn01 p{
	margin-top:15px;
	color: #6d530d;
}

/*--------------ニュース-----------*/
.news{
	margin: 10px 0px 10px 0px;
}
*:first-child+html .news{/* IE7 */
	margin: 5px 0px 10px 0px;
}
.news_title_top {
	width: 200px;
	background-image:url(../../images/news_bg.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding: 7px 10px 5px 10px;
}
.news_title {
	width: 220px;
	background-image:url(../../images/news_bg_2.gif);
	background-repeat:repeat-y;
	background-position:top right;
	padding: 0px;
}
.news_title h2{
	text-align: left;
}
.news_title img{
	vertical-align:middle;
}
.news_txt{
	width: 220px;
	background-image:url(../../images/news_bg_3.gif);
	background-repeat:repeat-y;
	background-position:top right;
	
}
.news_txt_bottom{
	width: 204px;
	background-image:url(../../images/news_bg_4.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding: 8px 8px 12px 8px;
}
.news_txt li{
	margin: 0px 0px 3px 15px;
	padding: 0px 0px 0px 0px;
	list-style-type: disc;

}
.news_txt li span{
	color:#666666;
}

/*-----------------banner-----------------*/
.banner{
	display: inline-block;
	margin: 15px 0px 15px 0px;
}

.banner .mobility_l{
	width: 65px;
	margin: 0 5px 0 0;
	float: left;
}
.banner .mobility_r{
	width: 155px;
	margin: 0;
	padding: 0;
	float: right;
}
.banner .mobility_txt{
	font-size:90%;
	line-height: 110%;
}

/* キャンペーン用 */
.photo_03 .img_02{
	width: 315px;
	height:380px;
	margin: 0px;
	padding: 0 0px 10px 0px;
	border:1px solid #FDDFBB;
	background-color:#a54438;
	text-align:center;
}
.photo_03 .img_02 .ima_main{
	padding: 10px 0px 0px 0px;
	margin:0px auto 0px auto;
}
.photo_03 .img_02 .caption{
	padding: 5px 13px 0px 13px;
	text-align:left;
}

.photo_03 .img_02 .ima_main img{
	padding: 10px 0px 5px 0px;
}

.photo_03 .txt_01{
	width: 350px;
	padding: 0px 15px 0px 0px;
}

h5{
	width: 691px;
	margin: 0 0 10px 0;
	padding: 0;
}

.font_white{
	color:#fff;
}



/*------------------------------------------------

チャイルド選択画面　2009.10.22追加

--------------------------------------------------*/

/*
.main_c{
	background-color:blue;
	padding:0px, 10px,10px,10px;
}

div.main_c ul{
	background-color:brown;
	text-align:left;
}

p .ch_s{
	font-size:80%;
}

.header_right_c img{
	text-align:right;
	padding-top:-20px;
}

.fl_l{
	background-color:red;
	margin:100px,25px,20px,25px;
	float:left;
}
*/

/*
.chiristmas_campaign{
	background-color:#000000;
}
*/

/*チャイルド一覧エリア*/
.ch_s{
	height:200px;
	margin-top:-15px;
}


.child_al1{
	float:left;
	}

.child_al2{
	float:left;
}

/*チャイルド一覧写真周り*/
.c_ph{
	width:90px;
	height:120px;
	margin:15px;
	float:left;
}



.main_c{
	margin-top:-55px;
	padding-top:0px;
	background-color: #ffffff;
}

div.example { /* 親ボックス */
width: 640px;
height: 550px;
/*background-color: #85b9e9*/
margin-top:0px;
margin-left:50px;
padding-bottom:10px;
}

div.fl_l { /* 写真部分 */
width: 180px;
height: 240px;
float:left;
margin-left:35px;
margin-top:50px;
padding-top:0px;
} 

.list_c { /*チャイルド情報ul*/
width: 300px;
height: 200px;
margin-left:250px;
/*background-color: #ffd78c;*/
margin-top:55px;
padding-top:90px;
text-align:left;
}

.clr{
	clear:both;}
	
.btn_c{
	margin:auto;
}