@charset "shift-jis";

html {overflow-y: scroll;}

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} */

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

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

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

.content table {font-size: 100%;}
.content table.sm {font-size: 85%;}

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;}

/* 1段用 */
.content {width: 950px; margin: 0 auto;}

/* 800px用 */
body.w800 .content .section {width: 800px; margin: 0 auto;}

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

/* 710px用（予備） */
body.w710 .content .section {width: 710px; margin: 0 auto;}

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

/* 680px用（マイフレッツ） */
body.w680 .content .section {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: 120%; font-size: 12px; letter-spacing: 1px;}
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 タイトル要素 === */
h1 {font-size: 26px; margin-bottom: 15px; min-height: 26px; line-height: 120%; padding-top: 2px; /* IE7以下で文字かけを防ぐ */}
h1 span.subtit, h1 .sm {vertical-align: 3px; padding-left: 10px; font-size: 16px;}


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

hr.shadow {margin: 3em 0 1.5em 0; border: none;
height: 13px; *height: 2px; *border-bottom: solid 1px #dedede; color: #999;
background:url(/shared/images/hr_shadow.png) center 0 no-repeat;}

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

.nowrap {white-space: nowrap;}

/* -- 税表記 -- */
div.tax {margin: 2em 0 1em 0 !important; padding: 0.5em; border: 1px solid #ccc; border-width: 1px 0;}

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