/* ============ 目次 =============

最終更新日 : 2006年5月26日

1:文字
2:文字色
3:テキスト配置
4:リスト
5:マージン
6:パディング
7:プラグイン
8:帯
9:リンク
10:アイコン
11:三角
12:表組ベース
13:表組パターンA
14:表組パターンB
14:表組パターンC
15:表組入れ子の要素
16:背景
17:画像
18:ボーダー
19:ドットライン
20:News Release (過去)

============================= */




/* =============================
■1:文字
============================= */

h2 { 
padding: 8px 0 5px 15px; 
margin: 0 0 35px 0; 
border-left: #accd39 solid 10px; 
border-bottom: #accd39 solid 1px; 
font-size: medium; 
line-height:1.6; 
color: #333; }

h3 { 
padding: 0 0 0 15px; 
margin: 0 0 20px 0; 
border-left: #deeab0 solid 8px; 
font-size: small; 
line-height: 1.6; 
color: #333; }

h4 { 
padding: 0; 
margin: 0 0 3px 0; 
font-size: x-small; 
line-height: 1.6; 
color: #333; }

h5 { 
padding: 0; 
margin: 0 0 3px 0; 
font-size: x-small; 
line-height: 1.6; 
color: #666; }

p { 
padding: 0; 
margin: 0 0 10px 0 ; 
font-size: x-small; 
line-height: 1.6; 
color: #666; 
}

div { 
padding: 0; 
margin: 0; 
font-size: x-small; 
line-height: 1.6; 
color:#666; }

em { 
font-style: normal; }

.medium {
font-size: medium; }

.small {
font-size: small; }

.xx-small {
font-size: xx-small; }

/* =============================
■2:文字色
============================= */

.red {
color: #f30; }

.blue {
color: #09f; }

.blue2 {
color: #4cb7ff; }

.blue3 {
color: #99d6ff; }

.dblue {
color: #036; }

.gray {
color: #333; }

.bgreen {
color: #009da5; }

.ygreen {
color: #accd39; }

.pink {
color: #f66; }

/* =============================
■3:テキスト配置
============================= */

.txt-right { text-align: right; }
.txt-left { text-align: left; }
.txt-center { text-align: center; }

/* =============================
■4:リスト
============================= */

ul.disc { list-style-type: disc; }
ul.square { list-style-type: square; }
ul.none { list-style-type: none; }
li { margin-bottom:10px ; }

/* =============================
■5:マージン
============================= */

.marTop0 { margin-top: 0; }
.marTop5 { margin-top: 5px; }
.marTop10 { margin-top: 10px; }
.marTop15 { margin-top: 15px; }
.marTop20 { margin-top: 20px; }
.marTop25 { margin-top: 25px; }
.marTop30 { margin-top: 30px; }
.marTop60 { margin-top: 60px; }

.marBtm0 { margin-bottom: ０; }
.marBtm5 { margin-bottom: 5px; }
.marBtm10 { margin-bottom: 10px; }
.marBtm15 { margin-bottom: 15px; }
.marBtm20 { margin-bottom: 20px; }
.marBtm25 { margin-bottom: 25px; }
.marBtm30 { margin-bottom: 30px; }
.marBtm40 { margin-bottom: 40px; }
.marBtm50 { margin-bottom: 50px; }
.marBtm60 { margin-bottom: 60px; }

/* =============================
■6:パディング
============================= */

padAllsides10 { padding: 10px; }

/* =============================
■7:プラグイン
============================= */

p.adobereader { 
padding: 10px; 
margin: 50px 0 0 0; 
width: 724px;
border: #c2c2c2 solid 1px; 
font-size: xx-small; }

p.flashplayer { 
padding: 10px; 
margin: 50px 0 0 0; 
width: 724px;
border: #c2c2c2 solid 1px; 
font-size: xx-small; }

/* =============================
■8:帯
============================= */

.obi-green {
padding: 2px 15px; 
background: #deeab0; }

.obi-blue {
padding: 2px 15px; 
background: #bedff0; }

/* =============================
■9:リンク
============================= */

:focus, :active { outline:0px none #000; }

a { 
text-decoration: none; 
color: #666; }

a:hover { 
text-decoration: underline; 
color: #f90; }

/* =============================
■10:アイコン
============================= */

.icon-mail { 
padding: 0 0 0 18px; 
background: url(../common_img/icon_mail.gif) no-repeat; } 

.icon-pdf { 
padding: 2px 0 2px 15px; 
background: url(../common_img/icon_pdf.gif) no-repeat 0 0; 
font-size: xx-small; } 

.icon-pickup { 
padding: 0 0 0 18px; 
background: url(../common_img/icon_pickup.gif) no-repeat; } 

.icon-print { 
padding: 0 0 0 18px; 
background: url(../common_img/icon_print.gif) no-repeat; } 

.icon-pagetop { 
padding: 0 0 0 18px; 
background: url(../common_img/icon_toppage.gif) no-repeat 0 3px; } 

.icon-pageback { 
padding: 0 0 0 18px; 
background: url(../common_img/icon_back.gif) no-repeat; } 

.icon-window { 
padding: 0 0 0 18px; 
background: url(../common_img/icon_window.gif) no-repeat; } 

.icon-close { 
padding: 0 0 0 18px; 
background: url(../common_img/icon_close.gif) no-repeat; } 

/* =============================
■11:三角
============================= */

.cur-gray { 
padding: 5px 0 5px 8px; 
background: url(../common_img/cur_gray2.gif) no-repeat 0 9px; }
a.cur-gray:hover { 
background: url(../common_img/cur_orange2.gif) no-repeat 0 9px; }

.cur-blue { 
padding: 5px 0 5px 8px;
/*background: url(../common_img/cur_blue1.gif) no-repeat 0 9px; }*/
background: url(../common_img/cur_blue2.gif) no-repeat 0 9px; }
a.cur-blue:hover { 
background: url(../common_img/cur_orange2.gif) no-repeat 0 9px; }

.cur-bgreen { 
padding: 5px 0 5px 8px; 
background: url(../common_img/cur_bgreen2.gif) no-repeat 0 9px; }
a.cur-bgreen:hover { background: url(../common_img/cur_orange2.gif) no-repeat 0 9px; }

.cur-bgreen2 { 
padding: 5px 0 5px 8px; 
background: url(../common_img/cur_bgreen2.gif) no-repeat 0 9px; }
a.cur-bgreen2:hover { 
background: url(../common_img/cur_orange2.gif) no-repeat 0 9px; }

.cur-bgreen2-down { 
padding: 5px 0 5px 8px; 
background: url(../common_img/cur_bgreen2_down.gif) no-repeat 0 9px; }
a.cur-bgreen2-down:hover { 
background: url(../common_img/cur_orange2_down.gif) no-repeat 0 9px; }

.cur-ygreen1 { 
padding: 0 0 5px 12px; 
background: url(../common_img/cur_ygreen1.gif) no-repeat 0 2px; }

.cur-ygreen2 { 
padding: 5px 0 5px 8px; 
background: url(../common_img/cur_ygreen2.gif) no-repeat 0 9px; }
a.cur-ygreen2:hover { 
background: url(../common_img/cur_orange2.gif) no-repeat 0 9px; }

/* =============================
■12:表組ベース
============================= */

table, th, td { 
border-spacing: 0; 
border-collapse: collapse; 
empty-cells: show;
font-size: x-small; 
line-height: 1.3;  
color: #666; 
}

table caption {
margin: 0 0 5px 0; 
text-align: left; }

/* =============================
■13:表組パターンA
============================= */

table.table-h {
background-color: #fff; }

table.table-h-nomargin {
background-color: #fff; }

table.table-h th, table.table-h td, table.table-h-nomargin th, table.table-h-nomargin td {
padding:  5px 10px; 
border: #9cc8e0 solid 1px; 
vertical-align: top; 
line-height: 1.3;  }

table.table-h th, table.table-h-nomargin th {
background-color: #bedff0; 
vertical-align: middle; 
line-height: 1.3;  }

/* =============================
■14:表組パターンB
============================= */

table.table-v {
background-color: #fff; }

table.table-v-nomargin {
background-color: #fff; }

table.table-v th, table.table-v td, table.table-v-nomargin th, table.table-v-nomargin td {
padding:  5px 10px; 
border: #9cc8e0 solid 1px; 
vertical-align: top; 
line-height: 1.3;  }

table.table-v th, table.table-v-normargin th {
background-color: #bedff0; 
vertical-align: top; 
line-height: 1.3;  }

/* =============================
■14:表組パターンC
============================= */

table.table-s {
margin: 0 0 20px 0; }

table-s-nomargin {
margin: 0; }

table.table-s th, table.table-s td, table.table-s-nomargin th, table.table-s-nomargin td {
padding: 4px; 
vertical-align: top; }

table.table-s th, table.table-s-nomargin th {
padding-right: 20px; 
text-align: right; }

table.table-s tr.bgA th, table.table-s tr.bgA td, table.table-s-normargin tr.bgA th, table.table-s-normargin tr.bgA td {
background-color: #ecf5fa; 
line-height: 1.3;  }

table.table-s tr.bgB th, table.table-s tr.bgB td, table.table-s-nomargin tr.bgB th, table.table-s-nomargin tr.bgB td {
background-color: #fff; 
line-height: 1.3;  }

/* =============================
■15:表組入れ子の要素
============================= */

table td table.noborder td { padding-left:0 ; border: 0px; }

/* =============================
■16:背景
============================= */

.bg-blue {
background-color: #ecf5fa; }

.bg-dblue {
background-color: #bedff0; }

.bg-gray {
background-color: #eee; }

.bg-gray2 {
background: #efefef; }

.bg-yellow {
background: #fff7e7}

/* =============================
■17:画像
============================= */

img { border: 0px none #000; } 
img.img-right { float: right; margin: 0 0 10px 30px; }
img.img-left { float: left; margin: 0 30px 10px 0; }

/* =============================
■18:ボーダー
============================= */

.brd-grey { border: #ccc solid 1px; } 
.brd-dgrey { border: #ddd solid 1px; } 

/* =============================
■19:ドットライン
============================= */

.dotL {
margin: 0; 
width: 770px;
height: 10px;
background: url(../common_img/line_dot.gif) repeat-x center left; }

.dotM {
margin: 0; 
width: 724px;
height: 10px;
background: url(../common_img/line_dot.gif) repeat-x center left; }

.dotS {
margin: 0; 
width: 100%;
height: 10px;
background: url(../common_img/line_dot.gif) repeat-x  center left; }

/* =============================
■20:News Release (過去)
============================= */

dl { font-size: x-small; line-height: 1.6; color: #666; }
dl dt, dl dd { font-size: x-small; line-height: 1.6; color: #666; }
b { font-size: x-small; line-height: 1.6; color: #666; }