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

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

1:基本
2:基本　LEFT
3:基本　RIGHT
4:基本　FOOTER

5:indexページ

6:多列構成
7:文章と画像の組み合わせ

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




/* =============================
■1:基本
============================= */

body { 
margin: 0; 
background: #fff url(../common_img/bg.gif) repeat-y  scroll 0 -150px; }

#contents { 
padding: 0; 
margin: 0; 
width: 990px; }

.clearFix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; visibility:hidden; }

.clearFix { 
display:inline-table; }

/* Hides from IE-mac \*/
* html .clearFix { height:1%; }
.clearFix { display: block; }
/* End hide from IE-mac */

/* =============================
■2:基本　LEFT
============================= */

#left { 
z-index: 10; 
position: absolute; 
left: 0; 
top: 0; 
width: 180px; }

#left .gNavi { 
float: left; 
padding: 0; 
margin: 0; 
width: 180px; }

#left .gNavi { 
padding: 0; 
margin: 0; 
width: 180px; }

#left .gNavi a { 
display: block; 
margin: 0; 
width: 180px; }

#left .group { 
float: left; 
padding: 0; 
margin: 40px 0 30px 0; 
width: 180px; }

#left .group select { 
padding: 0; 
margin: 0 0 0 20px; 
width: 140px; 
border: #999 solid 1px; 
font-size: 10px; 
color: #333; }

#left .group select option { 
padding: 0; 
margin: 0; }

/* =============================
■3:基本　RIGHT
============================= */

#right { 
z-index: 10; 
position: absolute; 
left: 180px;
 top: 0; 
 width: 810px; }

#right .visual { 
padding: 0; 
margin: 0 1px; 
width: 808px; 
background: #d6efff; }

#right .search { 
padding: 0; 
margin: 0 1px; 
width: 808px; 
height: 32px; 
border-bottom: #ccc solid 1px; 
background: #d6efff; 
text-align: right; }

#right form { 
padding: 0; 
margin: 0 10px 0 0; }

#right form input { 
padding: 0; 
margin: 0; 
vertical-align: middle; }

#right form input.btn { 
padding: 0; 
margin: 0; }

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

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

#right .pankuzu strong { 
font-size: x-small; 
line-height: 1.4; 
font-weight: bold; 
color: #666; }

#right h1{ 
padding: 0; 
margin: 0; }

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

.section { 
clear: both; 
display: block; 
margin-bottom: 30px; }

.subSection { 
clear: both; 
display: block; 
margin-bottom: 15px; }

.cntStyle { 
padding: 0 0 0 23px;
 width: inherit; }

/* =============================
■4:基本　FOOTER
============================= */

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

#right .footer a.back { 
float: left; 
padding: 5px 0 5px 18px; 
margin: 0 0 0 15px; 
background: url(../common_img/icon_back.gif) no-repeat 0 8px; 
font-size: 10px; 
text-decoration: none; color: #666; }

#right .footer a.top { 
float: right; 
padding: 5px 0 5px 14px; 
margin: 0 15px 0 0; 
background: url(../common_img/icon_toppage.gif) no-repeat 0 8px; 
font-size: 10px; 
text-decoration: none; 
color: #666; }

/* =============================
■5:indexページ
============================= */

.idxArea ul { 
list-style: none; 
padding-left: 20px; 
margin: 0; }

.idxArea ul li { 
padding-left:15px; 
margin-bottom: 5px; 
background: url(../common_img/cur_ygreen1.gif) no-repeat 0 6px; }

/* =============================
■6:多列構成
============================= */

/* 1列 */
.unit1-1 { 
width: 747px; }

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

.unit1-1 ul { 
margin-right: 23px; }

/* 2列 */
.section .unit2-1 { 
float: left; 
width: 290px; }

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

.section .unit2-2 { 
float: left; 
margin: 0 0 0 23px; 
width: 290px; }

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

/* 3列 */
.section .unit3-1 { 
float: left; 
width: 234px; }

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

.section .unit3-2 { 
float: left; 
margin: 0 23px; 
width: 233px; }

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

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

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

/* =============================
■7:文章と画像の組み合わせ
============================= */

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

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

.section .comb img { 
margin: 0 0 10px 0; } 

.subMenu-head { 
margin: 0 0 20px 0; 
width: 590px; 
font-size: 10px;
 line-height: 180%; }

.subMenu-head-right { 
margin: 0 0 20px 0; 
width: 590px; 
font-size: 10px; 
line-height: 180%; 
text-align: right; }

.subMenu-foot { 
margin: 40px 0 0 0; 
width: 590px; 
font-size: 10px; 
line-height: 180%; 
text-align: right; }