@charset "UTF-8";

/* --------------------------------------------------
intro
-------------------------------------------------- */
div.intro {
clear: both;
}

div.intro div.introLeft {
float: left;
width: 200px;
margin-right: 10px;
}

div.intro div.introLeft p.mainVisual {
margin-bottom: 15px;
}

div.intro div.introLeft p.cm img {
display: block;
margin-bottom: 5px;
}

div.intro div.introRight {
float: left;
width: 420px;
}

div.intro div.introRight p.logo {
margin-bottom: 10px;
}

div.intro div.introRight h3 {
margin-bottom: 30px;
}

div.intro div.introRight p.officialLink {
margin-top: 20px;
}


/* --------------------------------------------------
credit
-------------------------------------------------- */
div.credit {
margin-top: 30px;
padding-bottom: 30px;
border-bottom: #999999 1px dotted;
margin-bottom: 30px;
}


/* --------------------------------------------------
summary
-------------------------------------------------- */
div.summary h4 {
margin-bottom: 5px;
}

div.summary table {
width: 630px;
margin-bottom: 30px;
border-collapse: collapse;
}

div.summary table tr th,
div.summary table tr td {
text-align: left;
vertical-align: top;
padding: 5px 10px;
border: #FFFFFF 1px solid;
}

div.summary table tr th {
width: 150px;
font-weight: normal;
background-color: #CCCCCC;
}

div.summary table tr td {
width: 480px;
background-color: #E6E6E6
}


/* --------------------------------------------------
attention
-------------------------------------------------- */
p.attention {
}