@charset "shift-jis";

/* .comレギュレーション要素 */

/* === 文字サイズ・行間 === */
.content {line-height: 180%} /* コンテンツ本文 */
h1, h2, h3, h4, h5, h6 {line-height: 130%;}

img {font-size: 100%;}

ul, ol {margin: 1.5em 0  1.5em 2.5em; line-height: 150%;}
.content li {zoom: normal;}

ul li {margin: 0.5em 0; padding-left: 0;}
ol li { margin: 0.5em 0; padding-left: 0;}

p {margin: 0.5em 0;}

.sm {line-height: 160%;}
.ss {line-height: 140%;}

p.sm, p.ss {margin: 0.25em 0;}


/* --- 文中用 --- */
a.link {background: url(/shared/images/arrow_link.gif) no-repeat 4px center; padding-left: 16px;}

/* --- clearfix --- */
ul.links:after, ul.anchors:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}
ul.links, ul.anchors {clear: both; zoom: 1;}

ul.link, ul.links, ul.anchor, ul.anchors, ul.link-r, ul.link-rr, ul.pdf, ul.totop {list-style: none; }

/* --- リセット --- */
ul.link, ul.links, ul.anchor, ul.anchors {margin: 1em 1.5em; padding: 0; line-height: 150%;}
ul.link-r, ul.link-rr {margin: 1em 0; padding: 0; line-height: 150%;}
ul.link li, ul.links li, ul.anchor li, ul.anchors li, ul.link-r li, ul.link-rr li, ul.totop li, ul.pdf li {margin: 0.4em 0; zoom: 1; background-repeat: no-repeat !important;}

/* --- 個別定義 --- */
ul.link   li {background: url(/azukeru/login/images/arrow_link.gif)   left 0.35em; padding-left: 14px;}
ul.links   li {background: url(/azukeru/login/images/arrow_link.gif)   left center; margin-right: 1.5em; padding-left: 14px; float: left; line-height: 130%; white-space: nowrap;}


ul.link  li.off {background: url(/azukeru/login/images/arrow_link_off.gif) left 0.35em; color: #ccc;}
ul.links li.off {background: url(/azukeru/login/images/arrow_link_off.gif) left center; color: #ccc;}

table.type01 ul.link, table.type01 ul.links,
table.type02 ul.link, table.type02 ul.links,
dd ul.link, dd ul.links {margin: 0; margin-left: 1em;}


/* -- 囲みのカラーパターン -- */
div.type-blue, div.type-green, div.type-white, div.type-glay, div.type-red, div.type-yellow {margin: 1em 0; padding: 14px;}

.type-white  {background: #ffffff; border: solid 1px #dedede;}
.type-glay   {background: #f2f2f2; border: solid 1px #f2f2f2;}
.type-yellow {background: #fffae5; border: solid 1px #ffe57f;}
.type-blue   {background: #f2f9fe; border: solid 1px #bfe4fb;}
.type-green  {background: #f2faf5; border: solid 1px #bfe6ce;}
.type-red    {background: #fef5f2; border: solid 1px #fbd0bf;}


/* === 下部お申し込み === */
.order_bot {margin-top: 30px; padding: 35px 0; text-align: center; background: url(/shared/images/hr_shadow.png) no-repeat center 0;}

/* -- コンテンツ中の角丸 -- */
.rad {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} /* モダンブラウザのみ */

/* -- 標準のテーブル（料金系はfee.cssで管理） -- */
table.type01,
table.type02 {border-spacing: 0; margin: 1em 0; *border-collapse: collapse; /* IE7 and lower */}
table.type01 caption,
table.type02 caption {text-align: right; padding-bottom: 5px;}

table.type01,
table.type02 {border: 1px solid #c0c0c0; border-width: 1px 0 0 1px;}

table.type01 th, table.type02 th {font-weight: normal; background-color: #f2f2f2;}
table.type01 th, table.type02 th,
table.type01 td, table.type02 td {line-height: 140%; border: 1px solid #c0c0c0; border-width: 0 1px 1px 0;}

table.type01 th {text-align: center;}
table.type02 th {text-align: left;}

/* -- 表中の入れ子テーブル制御（レイアウト用） -- */
table.type01 table, table.type02 table {margin: 0;}
table.type01 table,
table.type01 table.type00,
table.type02 table,
table.type02 table.type00,
table.type01 table th, table.type01 table td,
table.type01 table.type00 th, table.type01 table.type00 td,
table.type02 table th, table.type02 table td
table.type02 table.type00 th, table.type02 table.type00 td {background: none; border: none;}


/* === タイトル各種 === */

h1, h2, h3, h4 {letter-spacing: 1px;}

body#next .container h1,
body#light .container h1,
body#bflets .container h1 {position: relative; padding-right: 130px;}
body#next .container h1 img,
body#light .container h1 img,
body#bflets .container h1 img {position: absolute; top: 3px; right: 0;}

h2 {font-size: 20px; margin: 2em 0 1em 0; padding: 8px 10px 8px 8px; background-color: #fff;
position: relative;
border: 1px solid #ccc; border-width: 1px 2px 2px 1px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}

h2 * {vertical-align: middle;}

h2 i {display: block; padding-left: 8px; border-left: solid 3px #002ddb; font-style: normal;}
h3 {font-size: 16px; margin: 2.5em 0 1em; padding-bottom: 0.3em; border-bottom: 1px solid #999;}
h3.type01 {border-bottom: none; padding-bottom: 0;}
h4 {font-size: 16px; margin: 1.5em 0 0.5em;}
h5 {margin: 1.5em 0 0.5em;}
h6 {margin: 1em 0 0.5em}

h3 i, h4 i, h5 i, h6 i {font-family: 'Osaka','ＭＳ ゴシック'; font-style: normal; color: #002ddb; font-size: 75%; font-weight: normal; margin-right: 3px; vertical-align: 5%;}

/* -- タイトル解除 -- */
body.no_dc_all h2,
body.no_dc_all h3,
body.no_dc_all h4,
body.no_dc_all h5,
body.no_dc_all h6,
body.no_dc.h1 h1,
body.no_dc.h2 h2,
body.no_dc.h3 h3,
body.no_dc.h4 h4,
body.no_dc.h5 h5,
body.no_dc.h6 h6, 
h2.no_dc,
h3.no_dc,
h4.no_dc,
h5.no_dc,
h6.no_dc {border: none; padding: 0; margin: 0; background-color: transparent; font-size: 100%;}

/* -- プロモエリア系タイトル -- */
h2.prom,
h2.catch,
div.catch {margin: 0; padding: 0; border: none; background-repeat: no-repeat !important;}

h2.catch,
div.catch {height: 155px; font-size: 14px; line-height: 180%;}

h2.prom,
div.prom {height: 230px; font-size: 18px; line-height: 160%;}

h2.catch span,
div.catch strong,
h2.prom span,
div.prom strong {display: block; padding: 50px 0 0 50px; letter-spacing: 2px;}



/* -- 特定条件 -- */
h1 + .nav_sub {margin-top: 1.5em;}

.nav_local_top + h2,
.nav_sub + h2 {margin-top: 1em;}

h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6 {margin-top: 1.5em !important;}

h1 + h3 {margin-top: 1.5em;}

h3 + table,
h3 + div.type-white,
h3 + div.type-glay,
h3 + div.type-yellow,
h3 + div.type-blue,
h3 + div.type-green,
h3 + div.type-red {margin-top: 0;}


/* -- 強調、注意文 -- */
.red {color: #b00;}
sup {vertical-align: 0.4em;}

/* -- テキストインデント -- */
.indent-1w {padding-left: 1em; text-indent: -1em;}
.indent-2w {padding-left: 2em; text-indent: -2em;}

/* -- 注意事項 -- */
.attention {border:1px solid #c90; margin:20px 0; padding:15px 15px 15px 70px; text-align: left; background: url(/shared/legacy/images/icon_attention.gif) no-repeat #fffae5;}
.attention h5 {color:#900; margin:0 0 0.5em 0;}

/* -- 隠し -- */
.hide {display: none;}


/* -- よくあるご質問 -- */
.faq_box {border: 1px solid #ccc; margin: 2em 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow:    0 0 4px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow:         0 0 4px rgba(0, 0, 0, 0.15);}

.faq_box h5 {letter-spacing: 0; padding: 8px 10px; margin: 0; border: 1px solid #fff; border-bottom: none;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background: #f2f2f2;
background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#F9F9F9) );
background: -moz-linear-gradient(-90deg, #EBEBEB, #F9F9F9);}

.faq_box h5 span {float: left;}
.faq_box h5 a {float: right; font-weight: normal;}

.faq_box a.que {padding: 8px 10px 8px 35px; color:#000 ; line-height: 140%; display: block; text-decoration: none; border-top: solid 1px #ccc;
background: url(/shared/images/faq_q.gif) no-repeat 8px 6px;}

.faq_box.top a.que {padding: 8px 10px 8px 45px; background: url(/shared/images/faq_ql.gif) no-repeat 8px 10px;}
.faq_box a.que:hover {background-color: #f2faff; text-decoration: underline; color: #0099FF;}

.cat {font-size: 80%;}

/* .faq-ctg {border: solid 1px #ccc; border-bottom: none; padding: 5px 12px 10px 12px;} */

.faq_box .ctg01 {border: solid 1px #ccc; padding: 14px;
border-width: 1px 2px 2px 1px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}

/* -- フォーム -- */
input, select {font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'hirakakupro-w3', 'ＭＳ Ｐゴシック', sans-serif;}

.content form.yellow {background: #ffe57f;}

/* -- フォントカラー -- */
.red {color: #b00;}
.blue {color: #184d96;}