@charset "shift-jis";

html, body, div, span, iframe, blockquote, abbr, address,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead {margin: 0; padding: 0;}
/* ul, ol {list-style: none} */

/* === フォント・サイズ === */

/* webフォント 読み込み */
@font-face {
font-family: 'dinFs';
src: url('/shared/css/font/dinFs.eot'); /* IE9 Compat Modes */
src: url('/shared/css/font/dinFs.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('/shared/css/font/dinFs.woff') format('woff'), /* Modern Browsers */
     url('/shared/css/font/dinFs.ttf')  format('truetype') /* Safari, Android, iOS */
}

.dinf {font-family: 'dinFs', 'Arial', sans-serif; letter-spacing: -0.025em; padding-right: 2px; padding-left: 2px; *font-weight: bold;}

/* 標準指定 */
body {text-align: center; padding-bottom: 50px; color: #000; background-color: #f2f2f2;
font-size: 88%; /* 14px相当 */
line-height: 1.3; /* IE paddingなしで文字が切れない最小 */
font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'hirakakupro-w3', 'ＭＳ Ｐゴシック', sans-serif;}

.ss  {font-size: 78%;}  /* 11px相当（xpでは10px）*/
.sm  {font-size: 85%;}  /* 12px相当 */
.lg  {font-size: 114%;} /* 16px相当 */
.xlg {font-size: 128%;} /* 18px相当 */
.xxlg {font-size: 143%;} /* 20px相当 */

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

img {border: 0; /* vertical-align: bottom; */}
label {cursor: pointer;}

/* === リンク === */
a         {color: #09f;}
a:visited {color: #004D8E;}
a:hover   {color: #006bb2;}
a:hover.opa {filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
a.link img {vertical-align: middle; margin-left: 3px;}

/* === レイアウト === */
#wrapper {width: 990px; text-align: left; margin: 0 auto; background: #fff; position: relative;
-moz-box-shadow:    0 4px 5px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
box-shadow:         0 4px 5px rgba(0, 0, 0, 0.25);}

/* 1段用 */
.content {width: 950px; margin: 0 auto;}
.content-bg {padding: 1px 0 20px 0; background: url(/shared/images/hr_shadow_950.png) center top no-repeat;}

/* 880px用 */
body.w880 .content .section,
body.w880 .content-bg .content {width: 880px; margin: 0 auto;}

/* 800px用（旧メンバーズ用） */
body.w800 .content .section,
body.w800 .content-bg .content {width: 800px; margin: 0 auto;}

/* 730px用（旧メンバーズ用） */
body.w730 .content .section,
body.w730 .content-bg .content {width: 730px; margin: 0 auto;}

/* 710px用 */
body.w710 .content .section,
body.w710 .content-bg .content {width: 710px; margin: 0 auto;}

/* 700px用（講座など） */
body.w700 .content .section,
body.w700 .content-bg .content {width: 700px; margin: 0 auto;}

/* 680px用（マイフレッツ） */
body.w680 .content .section,
body.w680 .content-bg .content {width: 680px; margin: 0 auto;}

/* 2段用 */
.container .content {width: 710px; margin: 0 15px 0 20px; float: left;
_display: inline; zoom: 1; /* IE6対応 */
/* position: relative; */
}

/* 右ナビ */
.container .nav_right {width: 225px; float: left;
_display: inline; zoom: 1; /* IE6対応 */
}

/* clearfix */
.container:after,
.clearfix:after /*,
h2:after */ {content: "."; display: block; clear: both; visibility: hidden; height: 0;}

.container,
.clearfix /*,
h2 */ {zoom: 1; /* clear: both; */}


/* === リンク各種 === */

/* ページの先頭へ */
ul.totop {text-align: right; line-height: 1.3; font-size: 12px; letter-spacing: 1px; list-style: none; margin: 1.5em 0; clear: both;}
ul.totop a {background: url(/shared/images/arrow_totop.gif) no-repeat left center; padding-left: 14px; color: #666; text-decoration: none;}
ul.totop a:hover {text-decoration: underline; color: #0099ff;}

/* リンクブランク */
.blank,
/* ↑複数行の場合に使用 テキストの最後に挿入（アイコンが改行されない）記述例）<span class="blank">&nbsp;</span> */
a.blank {background: url(/shared/images/icon_blank.gif) no-repeat right; padding-right: 17px;
/* ↑テキスト1行におさまる場合に限る 改行されるとブラウザによってアイコンがずれる */
}

/* ===== C&Oサイト内共通 ===== */
.zip1, .zip2 {ime-mode: disabled; padding: 2px 0; font-family: Arial; text-align: center;}
.txtimput    {border: 1px solid #9CF; box-shadow: 0 0 3px 0 rgba(153, 204, 255, 0.4) inset; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.txtimput:focus {border: 1px solid #39f; box-shadow: 0 0 3px 0 rgba(153, 204, 255, 1) inset;}

/* === ｈ1 タイトル要素 === */
.content h1 {font-size: 26px; margin-bottom: 13px;}
.content h1 .subtit, .content h1 .sm {vertical-align: 3px; font-size: 16px;}

/* === hr要素 === */
hr {border-top: 1px solid #999; height: 1px; margin: 1em 0;}

hr.shadow, hr.shadow950 {margin: 50px 0 35px 0; border: none; height: 13px; *height: 2px; *border-bottom: solid 1px #dedede; color: #999;}

hr.shadow {background:url(/shared/images/hr_shadow.png) center 0 no-repeat;}
hr.shadow950 {background:url(/shared/images/hr_shadow_950.png) center 0 no-repeat;}

hr.shadow + h2,
hr.shadow + h3,
hr.shadow + h4,
hr.shadow + h5,
hr.shadow + h6 {margin-top: 1em;}

.shadow-top {background:url(/shared/images/hr_shadow.png) center 0 no-repeat; margin-top: 15px; padding-top: 15px;}

.nowrap {white-space: nowrap;}

@media print {
	body {background-color: transparent;}
	#wrapper {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
}

/* -- スマホ -- */
body {-webkit-text-size-adjust: 100%;}
.pc_hide {display: none;}

/* -- 集計タグコントロール -- */
.vltag img,
#anal_tag img,
#anal_tag iframe {position: absolute; bottom: 0; left: 0; width: 1px; height: 1px;}