@charset "utf-8";

/*--------------------------------------------------
  == Module Style ==
  --------------------------------------------------
  File       : mod.css
  Date       : 2013.08.31
  Last Update: 2013.08.31
  --------------------------------------------------
	※主にサイト全体で共有するCSS
--------------------------------------------------*/

.skipNav { display:none; }
.noscriptMsg { padding-bottom:10px; font-weight:bold !important; color:#c00; }


/* ---------------------------------------------- */
/* 共通余白
------------------------------------------------- */
.pgh-01, .list-d01, .list-a01, list-i01,
.box-p01, .box-p02, .box-l01, .box-kiyaku, .box-error,
.tbl-01, .tbl-02, .tbl-03 { margin-bottom:1em !important; }

li .pgh-01, li .list-d01, li .list-a01,
li .box-p01, li .box-p02, li .box-l01, li .box-kiyaku,
li .tbl-01, li .tbl-02 { margin-bottom:.5em !important; }


/* ---------------------------------------------- */
/* 段落・書き出し
------------------------------------------------- */
.section, .section-num { margin-bottom:2em !important; }
.section-line          { padding-bottom:1.5em !important; margin-bottom:2.5em !important; border-bottom:1px dotted #ccc; }
.section .section,
.box-kiyaku .section { margin-bottom:1em !important; }

/* ---------------------------------------------- */
/* 見出し
------------------------------------------------- */

.ttl-01 { font-size:200%; font-weight:bold; margin-bottom:.5em; background:url(../images/line_ttl.gif) bottom left no-repeat; }
.ttl-02 { font-size:150%; font-weight:bold; margin-bottom:.5em; }
.ttl-03 { font-size:110%; font-weight:bold; margin-bottom:.5em; }


/* ---------------------------------------------- */
/* 文字装飾
------------------------------------------------- */
/* 文字揃え */
.tx_c { text-align:center !important; }
.tx_r { text-align:right !important; }
.tx_l { text-align:left !important; }

/* 文字色・太さ */
.cap01 { color:#c00; }
.cap02 { font-weight:bold; }
.cap03 { font-weight:normal; }
.cap04 { font-size:80%; }
.cap05 { font-size:135%; }

/* ---------------------------------------------- */
/* 画像
------------------------------------------------- */
.img_r { display:block; margin:0 0 1em 1em; float:right; }
.img_l { display:block; margin:0 1em 1em 0; float:left; }
.img_c { margin:0 auto .5em; text-align:center; }


/* ---------------------------------------------- */
/* リスト
------------------------------------------------- */
/* ・つき */
.list-d01 li,
li .list-d01 li { padding-left:15px; background:url(../images/top_main_line.gif) no-repeat 5px .5em; }

/* ※つき */
.list-a01 { padding-left:1em; text-indent:-1em; background:none; }

/* 番号つき */
.list-n01 { list-style:decimal; padding-left:1.9em; }

/* インライン 基本入れ子で使用 */
.list-i01    { border-left:1px solid #ccc; overflow:hidden; }
.list-i01 li { border-right:1px solid #ccc; padding:0 10px; float:left; white-space:nowrap; }

/* インライン分割 共通 */
.list-2clm-i01 p, .list-3clm-i01 p, .list-4clm-i01 p, .list-5clm-i01 p,
.list-2clm-i01 li, .list-3clm-i01 li, .list-4clm-i01 li, .list-5clm-i01 li { float:left; margin-right:1%; margin-bottom: 0.5em; }

/* インライン2分割 */
.list-2clm-i01 p, .list-2clm-i01 li { width:49% }

/* インライン3分割 */
.list-3clm-i01 p, .list-3clm-i01 li { width:32% }

/* インライン4分割 */
.list-4clm-i01 p, .list-4clm-i01 li { width:24% }

/* インライン5分割 */
.list-5clm-i01 p, .list-5clm-i01 li { width:19% }


/* 特長用 基本dlで使用 */
.list-dl01 dt      { font-size:150%; font-weight:bold; }
.list-dl01 dd      { margin:-.5em 0 1.2em 0; }

.list-dl02 dt span { margin-right:.5em; font-size:175%; font-weight:bold; vertical-align:top; line-height:1.35; color:#666; }
.list-dl02 dt      { font-size:150%; font-weight:bold; }
.list-dl02 dd      { margin:-.5em 0 1.2em 5em; }


/* ---------------------------------------------- */
/* リンクき
------------------------------------------------- */
.link-arr-01 a { padding-left:1em; background:url(../images/arrow02.gif) no-repeat 2px .5em; }

/* ロールオーバー */
#mainContents-inner a:hover img,
#mainContents-inner input[type="image"]:hover { -ms-filter:"alpha(opacity=8)"; filter:alpha(opacity=80); opacity:0.8; }


/* ---------------------------------------------- */
/* 囲み
------------------------------------------------- */
.box-p01, .box-l01 { padding:15px; }
.box-p01 { background-color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

.box-l01 { border:1px #ccc solid; }

.box-att .inner   { float:left; width:16%; margin-right:1%; font-size:170%; font-weight:bold; }
.box-att .inner-r { float:left; width:83%; }


/* ---------------------------------------------- */
/* 表
------------------------------------------------- */
.tbl-01 { width:100%; border-collapse:separate; #border-collapse:collapse; }
.tbl-01 th, .tbl-01 td { padding:5px 3px; border-bottom:1px solid #ccc; }
html>/**/body .tbl-01 th, html>/**/body .tbl-01 td { border-top:1px solid #fff; }
.tbl-01 .t th, .tbl-01 .t td,
.tbl-01 thead th, .tbl-01 thead td { border-top:none !important; }

.tbl-02 { width:100%; border-collapse:separate; #border-collapse:collapse; border-right:1px solid #ccc; }
.tbl-02 th, .tbl-02 td { padding:5px 8px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
.tbl-02 thead th { padding:12px 8px; background-color:#444; color:#fff; border-bottom:1px solid #fff; border-left:1px solid #ccc; }

.tbl-03 { width:100%; border-collapse:separate; #border-collapse:collapse; border-right:1px solid #ccc; border-top:1px solid #ccc; }
.tbl-03 td { padding:5px 8px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
.tbl-03 th { padding:12px 8px; background-color:#444; color:#fff; border-bottom:1px solid #fff; border-left:1px solid #ccc; }

.tbl-price td { text-align:right; }


/* ---------------------------------------------- */
/* ボタンエリア
------------------------------------------------- */
.lay-btn       { padding-top:1.2em; text-align:center; }
.lay-btn p     { margin-bottom:1.2em; }
.lay-btn input { margin:0 8px; }


/* ---------------------------------------------- */
/* 分割
------------------------------------------------- */
.lay-cl2-01 .inner   { width:49%; float:left; margin-right:2%; }
.lay-cl2-01 .inner-r { width:49%; float:left; }

.lay-cl2-02 .inner   { width:240px; float:left; margin-right:30px; }
.lay-cl2-02 .inner-r { width:480px; float:left; }

.lay-cl3-01 .inner,
.lay-cl3-01 .inner-r { width:240px; float:left; }
.lay-cl3-01 .inner   { margin-right:15px; }



/* ---------------------------------------------- */
/* 余白調整
------------------------------------------------- */
/*___ lay-top ___*/
.lay-top-00 { margin-top:0 !important; }
.lay-top-01 { margin-top:5px !important; }
.lay-top-02 { margin-top:10px !important; }
.lay-top-03 { margin-top:15px !important; }
.lay-top-04 { margin-top:20px !important; }
.lay-top-05 { margin-top:25px !important; }
.lay-top-06 { margin-top:30px !important; }

/*___ lay-btm ___*/
.lay-btm-00 { margin-bottom:0 !important; }
.lay-btm-01 { margin-bottom:5px !important; }
.lay-btm-02 { margin-bottom:10px !important; }
.lay-btm-03 { margin-bottom:15px !important; }
.lay-btm-04 { margin-bottom:20px !important; }
.lay-btm-05 { margin-bottom:25px !important; }
.lay-btm-06 { margin-bottom:30px !important; }
.lay-btm-07 { margin-bottom:40px !important; }
.lay-btm-08 { margin-bottom:50px !important; }

/*___ lay ___*/
.lay-00 { margin:0 !important; }


/* ---------------------------------------------- */
/* Clear Fix
------------------------------------------------- */
#container,
#mainContents-inner,
#header .inner,
#footer .inner,
.section,
.section-line,
.pkg { zoom:1; }

#container:after,
#mainContents-inner:after,
#header .inner:after,
#footer .inner:after,
.section:after,
.section-line:after,
.pkg:after { display:block; clear:both; height:0; visibility:hidden; content:"."; font-size:0; }