/* all
----------------------------------------------- */
*{
margin:0;
padding:0;
}

/* header
----------------------------------------------- */
#header{
background:url("../images/header-bg.gif") repeat-x;
height:95px;
margin:0;
padding:0;
}

#header-area{
width:930px;
margin:0 auto;
}

.logo{
width:415px;
height:95px;
margin:0;
padding:0;
float:left;
}

.top-menu{
width:515px;
height:50px;
margin:45px 0 0 0;
padding:0;
float:left;
list-style:none;
font-size:13px;
}

.top-menu li{
float:left;
}

.top-menu li a, .top-menu li span{
display:block;
padding:15px 5px 0 5px;
height:35px;
text-decoration:none;
color:#BF073F;
font-weight:bold;
line-height:120%;
text-align:center;
background:url(../images/header-menu.gif) no-repeat right top;
overflow:hidden;
}

.top-menu li a:hover{
background:url(../images/header-menu.gif) no-repeat 0 -50px;
color:#FFFFFF;
}

.top-menu li.m-home, .top-menu li.m-wcrp, .top-menu li.m-partner{
width:75px;
}

.top-menu li.m-sign, .top-menu li.m-dl{
width:100px;
}

.top-menu li.m-mdgs{
width:90px;
}

.top-menu li.m-mdgs a, .top-menu li.m-mdgs span{
padding:10px 5px 0 5px;
}

/* catch
----------------------------------------------- */
#catch{
background:url("../images/main-img-bg.gif") repeat-x;
height:300px;
margin:0;
padding:0;
}

#catch-area{
background:url("../images/main-img.jpg") no-repeat;
margin:0 auto;
height:300px;
width:930px;
}

#catch-area .sig-total{
width:540px;
height:35px;
float:left;
margin:0;
padding:265px 0 0 20px;
color:#FFFFFF;
font-size:15px;
}

#catch-area .sig-total span{
font-size:26px;
margin:0 5px 0 0;
}

#catch-area .movie{
width:363px;
height:170px;
margin:0;
padding:35px 0 0 0;
float:left;
}

#catch-area .movie img{
border:0;
}

/* belt
----------------------------------------------- */
#belt{
background:url("../images/2nd-img-bg.gif") repeat-x;
height:70px;
margin:0;
padding:0;
}

.belt-area{
background:url("../images/2nd-img-bg.gif") no-repeat;
margin:0 auto;
height:70px;
width:930px;
vertical-align:bottom;
}

/* main
----------------------------------------------- */
#main{
margin:0;
padding:0;
background:url("../images/main-img-under.gif") repeat-x;
}

#main-area{
width:930px;
margin:0 auto;
}

#main-area:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}


h2{
background:url("../images/h2.gif") no-repeat;
height:35px;
width:700px;
color:#BF073F;
size:18px;
margin:20px auto 10px auto;
padding:5px 0 0 0;
}

h2 span{
margin:0 0 0 20px;
}

#right-area{
width:220px;
float:left;
margin:0;
padding:0;
}

/* top-page
----------------------------------------------- */
#top-left-area{
background:url("../images/earth.jpg") no-repeat 490px 100px;
width:710px;
float:left;
margin:0;
padding:0;
}

.message{
font-size:12px;
color:#434343;
width:450px;
margin:0 0 0 20px;
padding:0 0 20px 0;
line-height:160%;
clear:both;
}

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

.footnote{
font-size:12px;
color:#434343;
width:680px;
margin:0 0 10px 20px;
list-style:none;
}

/* sign-in
----------------------------------------------- */
.sign-in{
background:url("../images/tray.gif") no-repeat;
width:650px;
padding:20px 25px;
margin:20px 0 5px 0;
line-height:180%;
font-size:12px;
font-weight:bold;
color:#434343;
clear:both;
}

@media screen and (max-device-width: 480px) {
	.sign-in {
		font-size: 10px;
		line-height:150%;
	}
}

.sign-in:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.sign-fin{
width:640px;
border:2px solid #DCDCDC;
font-size:12px;
color:#434343;
font-weight:bold;
padding:20px 25px;
line-height:180%;
margin:20px auto;
}

/* signature
----------------------------------------------- */
.signature{
margin:20px 0 0 5px;
height:80px;
}

.signature a{
display:block;
width:210px;
height:60px;
background:url(../images/bnr-signature.gif) no-repeat;
overflow:hidden;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
padding:20px 0 0 0;
text-decoration:none;
}

.signature a:hover{
background:url(../images/bnr-signature.gif) no-repeat 0 -80px;
}

.signature span{
margin:0 0 0 10px;
}

/* download, news
----------------------------------------------- */
.download, .news{
margin:20px 0 0 5px;
height:80px;
}

.download a, .news a{
display:block;
width:210px;
height:50px;
background:url(../images/bnr-down.gif) no-repeat;
overflow:hidden;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
padding:30px 0 0 0;
text-decoration:none;
}

.news a{
background:url(../images/bnr-news.gif) no-repeat;
height:60px;
padding:20px 0 0 0;
}

.download a:hover{
background:url(../images/bnr-down.gif) no-repeat 0 -80px;
}

.news a:hover{
background:url(../images/bnr-news.gif) no-repeat 0 -80px;
}

.download span, .news span{
margin:0 0 0 10px;
}


/* footer
----------------------------------------------- */
#footer{
background:url("../images/footer-bg.gif") repeat-x;
margin:0;
padding:0;
height:75px;
}

#footer-area{
width:930px;
margin:0 auto;
}

.bottom-menu{
width:480px;
height:20px;
margin:0 0 0 450px;
padding:10px 0 0 0;
vertical-align:bottom;
color:#BBBBBB;
font-size:12px;
text-align:right;
}

.bottom-menu a, .bottom-menu span{
font-size:12px;
color:#BBBBBB;
}

.bottom-menu li{
list-style:none;
float:left;
height:20px;
margin:0 0 0 10px;
padding:0 10px 0 0;
border-right:1px solid #BBBBBB;
}

.copyright{
background:url("../images/dot-line.gif") repeat-x top;
margin:10px 0 0 0;
padding:10px 0 0 0;
color:#BBBBBB;
font-size:12px;
text-align:right;
}


/* About
----------------------------------------------- */
#left-area{
width:710px;
float:left;
margin:0;
padding:0;
}

.wcrp{
font-size:15px;
color:#434343;
width:690px;
margin:0 0 30px 20px;
line-height:180%;
}

.global-youth{
font-size:15px;
color:#434343;
width:610px;
margin:0 0 20px 60px;
line-height:170%;
border:1px dotted #434343;
padding:10px;
}


.address{
font-size:14px;
color:#434343;
margin:0 0 10px 270px;
line-height:150%;
}

.address span{
font-size:15px;
font-weight:bold;
}

/* MGDs
----------------------------------------------- */
ol.us-goal{
width:600px;
margin:-20px 0 30px 50px;
padding:0 0 0 30px;
font-size:14px;
color:#434343;
}

ol.us-goal li{
margin:0 0 15px 0;
}

/* form
----------------------------------------------- */
table.sign-input{
border:1px solid #BF073F;
margin:20px 0 20px 55px;
font-size:15px;
empty-cells:show;
border-collapse: separate;
}

table.sign-input th{
background-color:#BBBBBB;
border:1px solid #BF073F;
font-weight:normal;
padding:5px;
}

table.sign-input td{
background-color:#FFFFFF;
border:1px solid #BF073F;
padding:5px;
}

.one-button{
width:150px;
height:40px;
margin:10px 0 20px 280px;
font-size:14px;
}

.privacy{
font-size:12px;
width:590px;
margin:0 auto;
}

.pdf{
width:600px;
font-size:15px;
margin:0 auto;
}

.pdf-link{
text-aling:right;
widht:150px;
height:40px;
margin:0 0 0 460px;
}

.pdf-link a{
background:url("../images/pdf.gif") no-repeat top right;
padding:0 25px 25px 0;
color:#BF073F;
}

.pdf-link a:hover{
color:#9ACD32;
}

/* download
----------------------------------------------- */
h3{
font-size:16px;
}

#dl{
margin:0 10px 30px 10px;
width:690px;
clear:both;
}

#dl-item{
float:left;
width:480px;
font-size:12px;
}

#dl-item img{
border:1px solid #333333;
margin:0 0 5px 0;
}

#dl-info{
float:left;
font-size:12px;
border:1px solid #333333;
width:195px;
margint:0;
padding:5px;
}

.howtouse{
clear:both;
width:680px;
font-size:12px;
text-align:center;
}

.l-pdf{
background:url("../images/pdf.gif") no-repeat top left;
padding:0 0 0 20px;
margin:20px 0;
font-size:14px;
width:420px;
}

#dl .use{
font-size:12px;
width:600px;
margin:5px 10px 0 50px;
padding:10px;
border:1px solid #333333;
line-height:160%;
}

/* partner
----------------------------------------------- */
ul.partner {
font-size:15px;
color:#434343;
width:690px;
margin:0 0 30px 20px;
line-height:180%;
}

/* string
----------------------------------------------- */
.str-b{
font-weight:bold;
}

.str-i{
font-style:italic;
}

.str-r{
text-align:right;
font-size:13px;
color:#434343;
}

.str-cen{
text-align:center;
font-size:14px;
color:#434343;
}

/* kanri
----------------------------------------------- */
table.sign-list{
border:1px solid #BF073F;
margin:10px 0 20px 10px;
font-size:12px;
empty-cells:show;
border-collapse: collapse;
}

table.sign-list th{
background-color:#BBBBBB;
border:1px solid #BF073F;
font-weight:normal;
padding:3px;
}

table.sign-list td{
background-color:#FFFFFF;
border:1px solid #BF073F;
padding:3px;
}

table.total_nm{
border:1px solid #BF073F;
margin:5px auto;
font-size:10px;
empty-cells:show;
border-collapse: collapse;
}

table.total_nm th{
width:50px;
border:1px solid #BF073F;
}

table.total_nm td{
width:50px;
text-align:center;
vertical-align:bottom;
height:200px;
}

ul.lk{
list-style:none;
font-size:12px;
width:420px;
margin:0 0 0 500px;
}

ul.lk li{
margin:0 10px;
float:left;
padding:0 0 0 20px;
}

ul.lk li.still-next{
background:url("../images/arrow-right-blue.gif") no-repeat center left;
}

ul.lk li.still-back{
background:url("../images/arrow-left-blue.gif") no-repeat center left;
}

ul.lk li.dynamic-next{
background:url("../images/arrow-right-red.gif") no-repeat center left;
}

ul.lk li.dynamic-back{
background:url("../images/arrow-left-red.gif") no-repeat center left;
}


/* size
----------------------------------------------- */
.w30{
width:30px;
}

.w50{
width:50px;
}

.w60{
width:60px;
}

.w80{
width:80px;
}

.w100{
width:100px;
}

.w120{
width:120px;
}

.w150{
width:150px;
}

.w90per{
width:90%;
}