@charset "UTF-8";

body {
 margin: 0;
 padding: 0;
 font: normal normal normal 100%/1.5 verdana,"Osaka", Helvetica, arial, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
 font-size: 90%;
 color: #000000;
 text-align: center;
 word-break: break-all;
}

a, a:link {
 color: #51B9D5;
 text-decoration: underline;
}

a:visited {
 color: #51B9D5;
 text-decoration: underline;
}

a:active, a:hover {
 color: #F59623;
 text-decoration: underline;
}

img, a img {
 margin: 0;
 padding: 0;
 border: none;
 text-decoration: none;
}

strong {
 font-weight: bold;
}

em {
 font-style: italic;
}

form {
 margin: 0;
 padding: 0;
}

.clear {
 margin: 0 20px;
 padding: 0;
 font-size: 0;
 line-height: 0%;
 clear: both;
 border-bottom: 1px dotted #999999;
}

.clear_no_border {
 margin: 0;
 padding: 0;
 font-size: 0;
 line-height: 0%;
 clear: both;
}

span.small {
 font-size: 80%;
}

rt {
 color: #990000;
 font-size: 70%;
}



/** container **/

div#container {
 margin: 0 auto;
 padding: 5px 15px 20px 15px;
 text-align: left;
 width: 730px;
 background: #FFFFFF url('images/bg_container.png') repeat-y;
 _width: 760px;
}

/** HEADER **/

div#header {
 margin: 0;
 padding: 0 0 5px 0;
}

h1.site_name {
 margin: 0 0 0 10px;
 padding: 0;
 color: #3399CC;
 font-size: 210%;
}

h1.site_name a:link, h1.site_name a:visited {
 color: #3399CC;
 text-decoration: none;
}

h1.site_name a:active, h1.site_name a:hover {
 color: #3399CC;
 text-decoration: none;
}

p.page_description {
 margin: 0 0 0 15px;
 padding: 0;
 color: #3399CC;
}

p.ruby_onoff {
 margin: 0 10px 0 0;
 padding: 0;
 text-align: right;
}


/** CENTER 共通 **/

h2.contents_header {
 margin: 10px 0 0 0;
 padding: 0 0 0 20px;
 color: #AEB792;
 font-size: 130%;
 border-bottom: 2px solid #CDD5B9;
}

p.entries {
 margin: 10px 10px 10px 10px;
 padding: 0;
}

span.ex {
 color: #FF7F00;
 font-weight: bold;
}


div.step {
 margin: 10px;
 padding: 0;
}

h3.step {
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 110%;
}

div.step img {
 margin: 0 10px 20px 0;
 padding: 0;
 float: left;
}

div.bottom_banner {
 margin: 0 20px;
 padding: 30px 0;
 text-align: center;
 border-bottom: 1px dotted #999999;
}

div.footer {
 margin: 20px 0;
 padding: 0;
 text-align: center;
 border-top: 1px solid #333333;
}

p.credit {
 margin: 10px 0;
 padding: 0;
 font-size: 90%;
}

div.adsense_bottom {
 margin: 10px;
 padding: 0;
 float: left;
 width: 350px;
}

div.navi {
 margin: 10px 0 0 0;
 text-align: center;
}

div.ads_top {
 margin: 0 0 20px 0;
 padding: 10px 0 0 0;
 border-top: 1px solid #CDD5B9;
 border-bottom: 1px solid #CDD5B9;
}

div.ads_bottom {
 margin: 15px 0 0 0;
 padding: 15px 0 0 20px;
 border-top: 1px solid #000;
 zoom: 1;
}

div.ads_bottom:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.ads_left {
 width: 336px;
 float: left;
}

div.ads_right {
 margin: 0 0 0 336px;
}