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

【横幅設定 640px】
最終更新日 : 2006年7月11日

1:レイアウト　基本
2:レイアウト　多列構成
3:レイアウト　文章と画像の組み合わせ

4:各要素　基本

5:下層ページ オリジナル用
6:トップページ オリジナル用

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





/* =============================
■1:レイアウト　基本
============================= */

body { 
margin: 0; 
background: #fff url(../common_img/bg.gif) none; }

#contents { 
padding: 0; 
margin: 0; 
width: 640px; }
#left { display: none; }

#right { 
left: 0px; 
margin: 0; 
width: 640px; 
background-color: #fff; }

#right .visual { 
display: none; }

#right .search { 
display: none; }

#right .pankuzu { 
padding: 10px 15px; 
margin: 0; 
width: 620px; 
font-size: x-small; 
line-height: 1.4; }

#right .mcontents { 
padding: 0; 
margin: 40px 20px 0; 
width: 620px; }

#right .footer a { 
display: none; }

#right .footer { 
clear: both; 
padding: 0; 
margin: 60px 0 0 0; 
width: 810px; 
height: 30px; 
background: url(../common_img/footer.gif) no-repeat -50 top; }

/* =============================
■2:レイアウト　多列構成
============================= */

.unit1-1 { 
width: 620px; }

.unit1-1 p { 
width: 620px; }

.section .unit2-1 { 
float: left; 
width: 280px; }

.section .unit2-1 p { 
width: 280px; }

.section .unit2-2 { 
float: left; 
margin: 0 0 0 10px; 
width: 280px; }

.section .unit2-2 p { 
width: 280px; }

.section .unit3-1 { 
float: left; 
width: 180px; }

.section .unit3-1 p { 
width: 160px; }

.section .unit3-2 { 
float: left; 
margin: 0 10px; 
width: 180px; }

.section .unit3-2 p { 
width: 160px; }

.section .unit3-3 { 
float: left; 
width: 180px; }

.section .unit3-3 p { 
width: 160px; }

/* =============================
■3:レイアウト　文章と画像の組み合わせ
============================= */

.section .comb .txtArea { 
float: left; 
padding: 0; 
margin: 0; 
width: 380px; }

.section .comb .imgArea-right { 
float: left; 
padding: 0; 
margin-left: 10px; 
width: 200px; }

.section .comb .imgArea-left { 
float: left; 
padding: 0; 
margin-right: 10px; 
width: 200px; }

/* =============================
■4:各要素　基本
============================= */

h1 { width: 100%; overflow:hidden; }
h2 { width: 100%; }
h3 { width: 100%; }

/* 表組 */
table.table-h th, table.table-h td, table.table-h-nomargin th, table.table-h-nomargin td {
padding:  5px; 
}
table.table-v th, table.table-v td, table.table-v-nomargin th, table.table-v-nomargin td {
padding:  5px; 
}

/* プラグイン */
p.adobereader { 
padding: 10px; 
margin: 50px 0 0 0; 
width: 600px;
border: #c2c2c2 solid 1px; 
font-size: xx-small; }

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

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

.dotM {
margin: 0; 
width: 100%;
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; }

/* 印刷用強制改行 */
div.break { page-break-before: always; }

/* =============================
■5:下層ページ オリジナル用
============================= */

.special3 .unit3-1, 
.special3 .unit3-2, 
.special3 .unit3-3 {
padding-left: 10px; 
width: 180px;
}

.special3 .unit3-1 p, 
.special3 .unit3-2 p, 
.special3 .unit3-3 p {
padding: 0 10px; 
width: 160px;
}

/* =============================
■6:トップページ オリジナル用
============================= */

.mcontents h2 { 
overflow:hidden; }

.mcontents .top-col-2 .col-left { 
float: none; 
margin-bottom: 20px; 
width: 370px; 
border: #c2c2c2 solid 1px; }

.mcontents .top-col-2 .col-right { 
float: none; 
width: 370px; 
border: #c2c2c2 solid 1px; }

.mcontents .top-col-2 p { 
padding: 8px 15px 23px; 
margin: 0; }