@charset "UTF-8";
/* mixin */
/* common
==========================*/
/* reset */
body { margin: 0; padding: 0; text-align: center; }

body, input, textarea, select { color: #333; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

ul li, ol li { list-style: none; }

table { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 100%; }

caption { text-align: left; }

table, pre, code, select, input, textarea, kbd, var, ins, del, samp { font-size: 100%; }

input[type="checkbox"] { font-size: 15px; }

address, cite, dfn, em, strong, var, th, ins, del, samp { font-weight: normal; font-style: normal; }

a img { border: 0; }

hr.yjSeparation { display: none; }

fieldset { border: none; }

/* layout
==========================*/
/* === layout common === */
#wrapper { text-align: left; font-size: medium; line-height: 1.6; min-width: 950px; }

#contentsBody { *zoom: 1; }
#contentsBody:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.yjGuid, .yjSkip { display: block; height: 0; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }

#header, #contentsHeader, #contentsBody, #footer { width: 950px; margin: 0 auto; }

#footer { padding: 10px 0 0; }

#contents { width: 100%; overflow: visible; *zoom: 1; text-align: left; }
#contents:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/* 1 column */
.yj950-1 #main { width: 950px; }

/* 2 column */
.yj950-2 #main { float: left; width: 700px; }

.yj950-2 #sub { float: right; width: 230px; }

/* === clearfix === */
/* for FF,Safari,Opera */
#contentsBody:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

/* for Win IE5.5-7 */
#contentsBody { height: 1%; }

/* ad
==========================*/
#emg table, #emg2 table, #emg3 table, #ad-emg table, #ad-emg2 table, #ad-emg3 table { margin: 0 auto; background: #fff; }
#emg strong, #emg2 strong, #emg3 strong, #ad-emg strong, #ad-emg2 strong, #ad-emg3 strong { font-weight: bold; }

#emg, #ad-emg { margin: 0 auto 20px; }

#lrec { width: 300px; margin: 0 auto 15px; }

#uft { padding: 10px 0; border-top: 1px solid #ccc; }

/* contents
==========================*/
#contentsBody, #contentsFooter { color: #333; /* link text */ }
#contentsBody a, #contentsFooter a { text-decoration: none; }
#contentsBody a:link, #contentsFooter a:link { color: #09a; }
#contentsBody a:visited, #contentsFooter a:visited { color: #639; }
#contentsBody a:hover, #contentsFooter a:hover { color: #CC3434; text-decoration: underline; }
#contentsBody a:active, #contentsFooter a:active { color: #CC3434; }

/* footer
==========================*/
#footer { text-align: center; position: relative; }

#footer address { padding: 10px 0 20px; border-top: 1px solid #ccc; font-size: small; line-height: 1.4em; }

.yjChviewWrap { text-align: center; margin-bottom: 10px; }

.yjChview { display: inline-block; padding: 10px 30px; border: 1px solid #e7e7e7; background: #f9f9f9; text-align: center; }

.yjChview dl, .yjChview dd, .yjChview p { margin: 0; }

.yjChview dl dt, .yjChview dl dd { display: inline; font-size: 14px; line-height: 1.2em; }

.yjChview dl dt { padding-right: 0.2em; }

.yjChview dl dd span { font-weight: bold; }

.yjChview dl dd:after { content: "\ff5c"; }

.yjChview dl dd.end:after { content: ""; }
