@charset "UTF-8";

/* ====================================================== */
/* [各要素の標準スタイル定義]                             */
/* ====================================================== */

/* 見出し (lv2) */

h2 {
	background: none;
	padding: 0;
}

/* ====================================================== */
/* [汎用クラスの定義]                                     */
/* ====================================================== */

/* リスト (順不同：茶矢印) */

ul.arrow-brown li {
	background: url("/img/top/mkr_arrow_brown.gif") no-repeat 0 0.35em;
	margin-top: 0.4em;
	padding-left: 14px;
	font-size: 100%;
	line-height: 140%;
}

/* 見出しに従属する文章節 */

div.section {
	margin-left: 10px;
}

/* 本文部分を2列カラムで表示 */

div.half {
	margin-bottom: -10px;
	width: 485px;
}

div.half div.col2-l {
	width: 238px;
}

div.half div.col2-r {
	width: 238px;
}

div.half h2 {
	margin-top: 20px;
}

/* PRエリア */

div.pr {
	background: url("/img/top/pr_bg.gif") no-repeat;
	padding: 5px;
}

div.pr div.col2-l {
	width: 235px;
}

div.pr div.col2-r {
	width: 235px;
}

/* ====================================================== */
/* [主要ブロックの定義]                                   */
/* ====================================================== */

/* ページの横幅 */

#wrap-inner {
	background: none;
}

/* 主要ブロック */

#main-box {
	width: 515px;
}

#navi-box {
	width: 245px;
}

/* ====================================================== */
/* [main-box] (メインブロック)                            */
/* ====================================================== */

#main-box div.pad {
	background: url("/img/top/bg.gif") repeat-x;
	padding: 15px;
	border: none;
}

/* マージン調整 */

#main-box ul.arrow-brown {
	margin-top: -0.4em;
}

/* [定ボ] フロートで画像とテキストとを横並び配置 */

#main-box div.top-img {
	margin: 10px 0;
	width: 485px;
}

#main-box div.top-img div.col2-l {
	width: 102px;
}

#main-box div.top-img div.col2-r {
	width: 373px;
}

#main-box div.top-img p {
	margin: 0;
}

#main-box div.top-img p.service {
	margin-bottom: 5px;
	font-size: 100%;
}

/* ====================================================== */
/* [navi-box]（ナビゲーション）                           */
/* ====================================================== */

#navi-box div.pad {
	background: url("/img/top/bg.gif") repeat-x;
	padding: 15px 15px 15px 0;
}

/* 上段 (上) */

#navi-box div.trace-head {
	background: url("/img/top/nb_trace_h_bg_lower.gif") no-repeat 0 100%;
	padding-bottom: 10px;
}

#navi-box div.trace-head div.inner {
	background: url("/img/top/nb_trace_h_bg_upper.gif") no-repeat;
	padding: 0 12px;
}

#navi-box div.trace-head div.col2-l {
	margin: 17px 0 10px;
	width: 84px;
}

#navi-box div.trace-head div.col2-r {
	margin: 17px 0 10px;
	width: 102px;
}

/* 上段 (下) */

#navi-box div.trace-body {
	background: url("/img/top/nb_trace_b_bg_lower.gif") no-repeat 0 100%;
	padding-bottom: 10px;
	width: 230px;
}

#navi-box div.trace-body div.inner {
	background: url("/img/top/nb_trace_b_bg_upper.gif") no-repeat;
	padding: 0 5px;
}

#navi-box div.trace-body div.upper {
	padding: 4px 10px 8px;
	border-top: 1px dotted #FBFBFB;
}
#navi-box div.trace-body div.upper-inner {
	width: 200px;
}

#navi-box div.trace-body div.lower {
	padding: 8px 10px 4px;
	border-top: 1px dotted #C4C3C3;
}
#navi-box div.trace-body div.lower-inner {
	width: 200px;
}

#navi-box div.trace-body div.col2-l {
	width: 37px;
}

#navi-box div.trace-body div.col2-r {
	width: 155px;
}

#navi-box div.trace-body p.h {
	margin-bottom: 3px;
}

#navi-box div.trace-body input {
	vertical-align: middle;
}

#navi-box div.trace-body input.number {
	font-size: 12px;
	width: 105px;
	color: #666666;
}

/* 中段 */

#navi-box div.button {
	background: url("/img/top/nb_button_bg.gif") no-repeat;
	margin-top: 20px;
	padding-top: 1px;
}

#navi-box div.button p {
	padding: 3px 4px 4px;
}

#navi-box p.info {
	margin: 10px 0;
	font-size: 75%;
	text-align: right;
}

/* 下段 */

#navi-box div.box {
	background: #F7F7F7;
	margin-bottom: 1px;
	padding: 0;
	border-width: 1px;
	border-style: none solid solid;
	border-color: #CBCBCB;
}

#navi-box p.to-list {
	background: none;
	margin: 15px 10px;
	padding: 0;
	font-size: 87.5%;
	text-align: right;
}

/* よくあるご質問 */

#navi-box ul.q li {
	background: url("/img/top/mkr_q.gif") no-repeat 10px 10px;
	padding: 10px 10px 10px 35px;
	border-bottom: 1px dotted #C4C3C3;
	font-size: 87.5%;
	line-height: 140%;
}

/* 特集 */

#navi-box div.special {
	padding: 10px;
	border-bottom: 1px dotted #C4C3C3;
	font-size: 87.5%;
	line-height: 140%;
}

#navi-box div.special div.col2-l {
	width: 50px;
}

#navi-box div.special div.col2-r {
	width: 145px;
}

/* 関連サイト */

#navi-box div.link {
	padding: 1px 0 10px;
}

#navi-box div.link p {
	margin: 7px 0;
	text-align: center;
}

/* ====================================================== */
/* [flash 描画領域]                                     */
/* ====================================================== */
#flash-box {
	width:485px;
	height:166px;
}

/* ====================================================== */
/* [add 2007.09.05]                                       */
/* ====================================================== */
#main-box p.telop {
	margin: 0 0 15px;
}
#main-box ul.infolist-lower {
	border-top: 1px dotted #C4C3C3;
}