@charset "utf-8";
/* CSS Document */

*{
font-size:14px;
line-height:1.6;
list-style:none;
padding:0;
margin:0;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#111;
}

h1,h2,h3,h4,h5,h6,ul,li,ol,p {
padding:0;
margin:0;

}

body {
text-align:center;
}

#sp-hdr {
overflow:hidden;
border-bottom:5px solid #4C4C4C;
text-align:center;
width:100%;
}

.wrap {
width:800px;
margin:0 auto 0 auto;
text-align:left;
}

img {
border:0;
}

img.capture {
width:100px;
height:64px;
}

a { color:#111; }
a:hover { color:#CCC; }

/* *******************************
header
******************************* */

#hdr {
float:left;
}

#hdr-1 {
padding:10px 0;
overflow:hidden;
}

#hdr-1 h1 {
float:left;
}

#hdr-1 ul {
float:right;
}

#hdr-1 ul li {
font-size:80%;
float:left;
padding:0 10px;
border-right:1px solid #4C4C4C;
}

#hdr-1 ul li.end {
border:0;
padding-right:0;
}

#hdr-1 ul li a {
font-size:100%;
}

#hdr-2 {
clear:both;
overflow:hidden;
}

#hdr-2 ul {
overflow:hidden;
width:720px;
height:33px;
float:left;
background:url("http://www.donation.jp/img/hdr_navi.gif") no-repeat;
}

#hdr-2 ul li {
float:left;
}

#hdr-2 ul li a {
display:block;
text-indent:-9999px;
}

#hdr-2 ul li#h-nav-ab a {
width:180px;
height:33px;
padding-left:6px;
}

#hdr-2 ul li#h-nav-ab.active ,
#hdr-2 ul li#h-nav-ab a:hover {
background:url("http://www.donation.jp/img/hdr_navi.gif") no-repeat 0px -50px;
}

#hdr-2 ul li#h-nav-wi a {
width:171px;
height:33px;
padding-left:4px;
}
#hdr-2 ul li#h-nav-wi.active ,
#hdr-2 ul li#h-nav-wi a:hover {
background:url("http://www.donation.jp/img/hdr_navi.gif") no-repeat -186px -50px;
}

#hdr-2 ul li#h-nav-sp a {
width:150px;
height:33px;
padding-left:2px;
}
#hdr-2 ul li#h-nav-sp.active ,
#hdr-2 ul li#h-nav-sp a:hover {
background:url("http://www.donation.jp/img/hdr_navi.gif") no-repeat -361px -50px;
}

#hdr-2 ul li#h-nav-sh a {
width:100px;
height:33px;
padding-left:2px;
}
#hdr-2 ul li#h-nav-sh.active ,
#hdr-2 ul li#h-nav-sh a:hover {
background:url("http://www.donation.jp/img/hdr_navi.gif") no-repeat -513px -50px;
}

#hdr-2 ul li#h-nav-te a {
width:100px;
height:33px;
padding-left:2px;
}
#hdr-2 ul li#h-nav-te.active ,
#hdr-2 ul li#h-nav-te a:hover {
background:url("http://www.donation.jp/img/hdr_navi.gif") no-repeat -615px -50px;
}

#hdr-2 .sbm {
float:right;
padding:10px 0 0 0;
}


/* *******************************
banner
******************************* */


#bnr {
padding:10px 5px 0 5px;
clear:both;
float:left;
}

#bnr-a {
float:left;
width:620px;
height:300px;
border:1px solid #4C4C4C;
}

#bnr-b {
float:right;
width:160px;
text-align:center;
}

/* *******************************
content
******************************* */

#cnt {
clear:both;
overflow:hidden;
padding:10px 0 0 0;
}

#cnt-a {
float:left;
width:620px;
padding:10px 5px;
}

#cnt-b {
float:right;
width:160px;
}

/* *******************************
side-navi
******************************* */

#s-navi{

}

.s-bnr {
padding:0 0 5px 0;
}

.s-bnr img {
width:145px;
border:3px solid #4C4C4C;
}

.s-box {
overflow:hidden;
width:150px;
}

.s-box h3 {
text-align:center;
background:#4C4C4C;
padding:3px;
color:#FFF;
border:1px solid #4C4C4C;
}

.s-box ul {
border-right:1px solid #4C4C4C;
border-left:1px solid #4C4C4C;
border-bottom:1px solid #4C4C4C;
background:#EEE;
padding-left:5px;
}

.s-box ul li {
font-size:90%;
padding:5px 0 5px 14px;
border-bottom:1px dotted #4C4C4C;
background:url("http://www.donation.jp/img/arrow.gif") no-repeat 2% 50%;
}

.s-box ul li a{
font-size:100%;
}

.s-box ul li.end {
border:0;
}

.thanks {
margin:10px 0 0 0;
overflow:hidden;
width:144px;
border:3px solid #CCC;
}

.thanks h4 {
padding:3px;
font-weight:normal;
text-align:center;
border-bottom:3px solid #CCC;
}

.thanks p {
padding:5px;
font-size:80%;
}

.thanks p a{
font-size:100%;
}

/* *******************************
footer
******************************* */

#ftr {
width:100%;
border-top:5px solid #4C4C4C;
clear:both;
overflow:hidden;
text-align:center;
margin-top:10px;
padding-top:7px;
}

#ftr .wrap p {
text-align:center;
}

/* *******************************
pages
******************************* */

.cnt-box {
padding:0 0 20px 0;
}

.cnt-box h3 {
padding:0 0 10px 0;
}

.cnt-box p {
padding:10px 15px 10px 15px;
}

.cnt-box p.image {
text-align:center;
}

.cnt-box p .code {
width:570px;
height:70px;
padding:5px;
border:3px solid #4C4C4C;;
}

.cnt-box ol {
padding:10px 0 10px 10px;
}

.cnt-box ol li {
padding-left:10px;
margin:5px 0;
border-left:3px solid #AAA;
}

.cnt-box p.team-num {
text-align:center;
}

.large {
font-size:900%;
color:#AAA;
}

.price {
font-size:150%;
font-weight:bold;
}
.
cnt-box ul.team-new {

}

.cnt-box ul.team-new li {
float:left;
margin:5px 0 5px 10px;
padding:5px;
border:1px solid #4c4c4c;
}

table tr {
}

table th ,table td {
font-weight:normal;
padding:5px 0;
}

input#name {
width:200px;
padding:3px;
}

input#email {
width:400px;
padding:3px;
}

input#title {
width:400px;
padding:3px;
}

textarea#body {
width:400px;
height:200px;
padding:3px;
}