@charset "utf-8";
/* CSS Document */
body{
margin-top:0;
}

/***** reset *****/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{
margin:0;
padding:0;
}

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

ul,li{
list-style:none;
}

/***** base *****/
#cnt,.cv,
#main,
#menu,
#world,
#able,
#support{
line-height:1.6;
color:#000000;
}

#breadcrumbs{
margin:5px 0 13px 0;
color:#009afc;
font-size:62%;
}

#cnt{
font-size:72%;
width:980px;
}

.pagetop{
margin-top:10px;
margin-bottom:40px;
margin-left:800px;
text-indent:-9999px;
}

.pagetop a{
background:url(images/top.gif) top left no-repeat;
width:160px;
height:21px;
display:block;
}

.pagetop a:hover{
background-position:bottom;
}

#footer{
margin:20px 0 0 0;
}

#copy{
margin-bottom:10px;
}

a:link,
a:visited{
color:#0066cb;
text-decoration:underline;
}

h2{
margin:0;
}


/***** main *****/
#mainbox{
background:url(images/main_bg.gif) top right repeat-x;
}

#main{
position:relative;
height:500px;
display:block;
}

#main .movie{
position:absolute;
top:15px;
left:15px;
}

#main h1{
position:absolute;
top:37px;
right:24px;
}

#main .txt{
position:absolute;
top:165px;
right:47px;
}

#main .num{
position:absolute;
top:334px;
left:62px;
}


/***** cv *****/
.cv{
width:980px;
margin-bottom:20px;
clear:both;
}

.cv h2{
background:url(images/cv_titbg.gif) top left repeat-x;
height:40px;
_height:53px;
padding-top:13px;
text-align:center;
}

.cv .area{
padding:8px;
}
.cv .onetime{
float:left;
width:554px;
height:142px;
background:url(images/cv_onebg.gif) top left no-repeat;
margin-right:10px;
}

.cv .msp{
float:left;
width:397px;
height:142px;
background:url(images/cv_mspbg.gif) top left no-repeat;
}

.cv .onetime .tit,
.cv .msp .tit{
margin:12px;
}

.cv ul{
margin:20px 0 15px 12px;
}

.cv .onetime li,
.cv .msp li{
float:left;
}

.cv .onetime li{
margin-right:6px;
}

.cv .onetime li a{
width:173px;
height:69px;
display:block;
text-indent:-9999px;
}

.cv .onetime li.cv01 a{
background:url(images/cv_onecredit.gif) top left no-repeat;
}

.cv .onetime li.cv02 a{
background:url(images/cv_onenet.gif) top left no-repeat;
}

.cv .onetime li.cv03 a{
background:url(images/cv_onecs.gif) top left no-repeat;
}

.cv .onetime li a:hover{
background-position:bottom;
}

.cv .msp li{
margin-right:4px;
color:#666666;
}

.cv .msp li a.cv04,
.cv .msp li a.cv05{
width:185px;
height:50px;
display:block;
text-indent:-9999px;
}

.cv .msp li a.cv04{
background:url(images/cv_mspcredit.gif) top left no-repeat;
}

.cv .msp li a.cv05{
background:url(images/cv_mspaccount.gif) top left no-repeat;
}

.cv .msp li a.cv04:hover,
.cv .msp li a.cv05:hover{
background-position:bottom;
}

/***** menu *****/
#menu{
width:980px;
height:120px;
margin-bottom:20px;
background:url(images/menu_bg.gif) top left repeat-x;
clear:both;
}

#menu ul{
margin-top:25px;
padding-left:20px;
float:left;
}

#menu li{
float:left;
margin-right:8px;
}

#menu li a{
width:308px;
height:73px;
display:block;
text-indent:-9999px;
}

#menu li.menu01 a{
background:url(images/menu_world.gif) top left no-repeat;
}

#menu li.menu02 a{
background:url(images/menu_able.gif) top left no-repeat;
}

#menu li.menu03 a{
background:url(images/menu_support.gif) top left no-repeat;
}

#menu li a:hover{
background-position:bottom;
}


/***** world *****/
#world{
margin-bottom:30px;
clear:both;
}

#world #five,
#world #shelter,
#world #school{
margin:10px;
}

#world h3{
margin-bottom:10px;
}

/*----- five -----*/
#world #five{
margin-bottom:20px;
}

#world #five .text,
#world #five .graph{
float:left;
}

#world #five .text{
width:640px;
}

#world #five .text .catch{
margin-bottom:15px;
}

#world #five .text dl,
#world #five .text p{
float:left;
}

#world #five .text dl{
width:270px;
margin-right:15px;
}

#world #five .text dd{
font-size:86%;
line-height:1.4;
color:#666666;
}

#world #five .text p{
width:350px;
}

#world #five .graph{
width:314px;
text-align:right;
}

/*----- shelter -----*/
#world #shelter{
margin-bottom:20px;
}

#world #shelter p{
margin-bottom:15px;
}

#world #shelter .map{
background:url(images/shelter_map.gif) top left no-repeat;
width:930px;
height:382px;
position:relative;
}

#world #shelter .map .haiti{
position:absolute;
top:14px;
left:16px;
}

#world #shelter .map .pakistan{
position:absolute;
top:12px;
right:8px;
}

#world #shelter .map .libya{
position:absolute;
top:280px;
left:412px;
}

/*----- school -----*/
#world #school p{
margin-bottom:15px;
}

#world #school .catch{
font-weight:bold;
}

#world #school .graph,
#world #school dl{
float:left;
}

#world #school .graph{
width:395px;
margin-left:10px;
}

#world #school dl{
width:542px;
height:415px;
padding-top:20px;
background:url(images/school_bg.jpg) top left no-repeat;
}

#world #school dt,
#world #school dd{
margin-left:20px;
}

#world #school dd{
margin-top:15px;
}

/***** able *****/
#able{
margin-bottom:30px;
clear:both;
}

#able #care,
#able #save,
#able #girl{
margin:10px;
}

#able h3{
margin-bottom:10px;
}

#able .box{
width:660px;
float:left;
}

#able .donation{
width:273px;
float:right;
}

#able .donation dd{
margin-top:10px;
}

/*----- care -----*/
#able #care{
margin-bottom:30px;
}

#able #care .sub{
margin:10px 0;
}

#able #care .sub dt{
margin-bottom:6px;
}

#able #care .acsd{
background-color:#d9f0ff;
padding:10px 15px;
}

#able #care .acsd dd{
margin-top:8px;
}

#able #care .acsd span{
font-weight:bold;
}

/*----- save -----*/
#able #save{
margin-bottom:30px;
}

#able #save p{
margin-bottom:10px;
}

#able #save ul{
background-color:#d9f0ff;
padding:15px;
}

#able #save li{
height:44px;
padding-left:55px;
margin-bottom:8px;
}

#able #save li.img01{
background:url(images/save_ico01.gif) top left no-repeat;
}

#able #save li.img02{
background:url(images/save_ico02.gif) top left no-repeat;
}

#able #save li.img03{
background:url(images/save_ico03.gif) top left no-repeat;
}

#able #save li.img04{
background:url(images/save_ico04.gif) top left no-repeat;
}

#able #save li.img05{
background:url(images/save_ico05.gif) top left no-repeat;
}

#able #save li.img06{
background:url(images/save_ico06.gif) top left no-repeat;
margin-bottom:0px;
}

/*----- girl -----*/
#able #girl .catch{
margin-bottom:10px;
}

#able #girl .box div{
background-color:#d9f0ff;
}

#able #girl .box div p{
background:url(images/girl_bg.jpg) top right no-repeat;
padding:13px 280px 0 10px;
line-height:1.6;
height:100px;
}

#able #girl .box div ul{
width:657px;
}

#able #girl .box div li{
float:left;
padding-bottom:13px;
padding-left:13px;
}


/***** support *****/
#support{
margin-bottom:30px;
clear:both;
}

#support p{
padding:10px;
}

#support .map{
background:url(images/map_bg.gif) top left no-repeat;
width:960px;
height:430px;
margin-left:10px;
position:relative;
}

#support .map .japan dt{
	position:absolute;
	top:31px;
	left:40px;
}

#support .map .japan dd{
	position:absolute;
	top:64px;
	left:40px;
	background:url(images/japan_img.jpg) top left no-repeat;
	height:109px;
	padding-left:294px;
	padding-top:20px;
}

#support .map .message dt{
	position:absolute;
	top:198px;
	left:40px;
}

#support .map .message dd{
	position:absolute;
	top:196px;
	left:354px;
}

#support .map .message .morocco01{
	position:absolute;
	top:231px;
	left:43px;
}

#support .map .message .germany{
	position:absolute;
	top:231px;
	left:246px;
}

#support .map .message .morocco02{
	position:absolute;
	top:231px;
	left:422px;
}

#support .map .message .afghanistan{
	position:absolute;
	top:231px;
	left:600px;
}

#support .map .message .myanmar{
	position:absolute;
	top:231px;
	left:776px;
}

#support .one{
text-align:center;
margin:20px 0;
}

#support .one dt{
margin-bottom:20px;
}


/* IE以外のモダンブラウザ向け */
.cfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* IE7および、Mac：IE5向け */
.cfix{
display:inline-block;
}

/* IE6以前向け */
/* Hides from IE-mac \*/
* html .cfix{
height:1%;
}

.cfix{
display:block;
}