@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------
COMMON
---------------------------------------------------------------*/
/*------------------------------------------------------------
elementStyle
------------------------------------------------------------*/
img{vertical-align:bottom;}
li img{_vertical-align:baseline;}
h1,h2{margin-bottom:20px;}
h3,h4{margin-bottom:10px;}
h1,h2,h3,h4,dt,strong{font-weight:bold;}
dt{margin-bottom:5px;}
p,dd{margin-bottom:15px;}
ol,ul{margin-bottom:10px;}
strong{color:#cc0000;}
sub{vertical-align:baseline;}
sup{vertical-align:text-top; margin:0 0.3em 0 0.2em;}


/*------------------------------------------------------------
fontStyle
------------------------------------------------------------*/
/*
11px =  85%
12px =  93%
13px = 100%
14px = 108%
15px = 116%
16px = 124%
20px = 154%
*/

#container{color:#555; font-size:120%; line-height:1.6; z-index:1;}

h1{font-size:154%;}
h2{font-size:124%;}
h3,dt{font-size:109%;}

.list-notice-01,
.caption{font-size:93%;}

.copyright{font-size:84%;}



/*------------------------------------------------------------
LAYOUT
------------------------------------------------------------*/

body{
background:#efefef;
}

#container{
width:100%;
background:#fff;
}

#headerArea .inner,
#contents{
width:900px;
margin:0 auto;
text-align:left;
}

#headerArea{
background:#f0f0f0 url(img/bg_top_headerArea.gif) repeat-x 0 0;
margin-bottom:10px;
}

#logo{
float:left;
padding-top:15px;
margin-bottom:15px;
}

#pomeraTop #logo{
float:none;
width:900px;
margin:0 auto 20px;
text-align:left;
}

.localNav{
width:679px;
height:48px;
padding-left:63px;
float:right;
background:url(img/bg_dm10_lnav.png) no-repeat 0 0;
}

.localNav li{
float:left;
background:url(img/bg_dm10_lnav_line.gif) repeat-y 0 0;
padding-left:2px;
}
.localNav li.last span{
background:url(img/bg_dm10_lnav_line.gif) repeat-y right 0;
padding-right:2px;
display:block;
}


/*---DM100-------------------------------------------*/
body#dm100 #headerArea{background:url(img/bg_dm100_headerArea.gif) repeat-x 0 0;}
body#dm100 .localNav{background:url(img/bg_dm100_lnav.png) no-repeat 0 0;}
body#dm100 .localNav li{background:url(img/bg_dm100_lnav_line.gif) repeat-y 0 0;}
body#dm100 .localNav li.last span{background:url(img/bg_dm100_lnav_line.gif) repeat-y right 0;}

/*---DM20-------------------------------------------*/
body#dm20 #headerArea{background:url(img/bg_dm20_headerArea.gif) repeat-x 0 0;}
body#dm20 .localNav{background:url(img/bg_dm20_lnav.png) no-repeat 0 0;}
body#dm20 .localNav li{background:url(img/bg_dm20_lnav_line.gif) repeat-y 0 0;}
body#dm20 .localNav li.last span{background:url(img/bg_dm20_lnav_line.gif) repeat-y right 0;}

/*---DM10-------------------------------------------*/
body#dm10 #headerArea{background:url(img/bg_dm10_headerArea.gif) repeat-x 0 0;}
body#dm10 .localNav{background:url(img/bg_dm10_lnav.png) no-repeat 0 0;}
body#dm10 .localNav li{background:url(img/bg_dm10_lnav_line.gif) repeat-y 0 0;}
body#dm10 .localNav li.last span{background:url(img/bg_dm10_lnav_line.gif) repeat-y right 0;}

/*---DM5-------------------------------------------*/
body#dm5 #headerArea{background:url(img/bg_dm5_headerArea.gif) repeat-x 0 0;}
body#dm5 .localNav{background:url(img/bg_dm5_lnav.png) no-repeat 0 0;}
body#dm5 .localNav li{background:url(img/bg_dm5_lnav_line.gif) repeat-y 0 0;}
body#dm5 .localNav li.last span{background:url(img/bg_dm5_lnav_line.gif) repeat-y right 0;}



/*
mainVisual
------------------------------------------------------------*/
#mainVisual{
text-align:left;
width:900px;
height:360px;
position:relative;
margin:0 auto;
background:#333;
}
#mainVisual p{
margin-bottom:0;
}

#mainVisual #menu{
position:absolute;
top:10px;
left:710px;
}
#mainVisual #menu li{margin-bottom:1px;}
#panelArea{
text-align:left;
width:700px;
position:absolute;
height:360px;
top:0;
left:0;
}
#panelArea .panel{display:none;}
#panelArea #block01{display:block;}


#slider{
width:900px;
height:360px;
margin:0 auto;
}

#slider a{display:block;}
#slider img{display:none;}
#slider img.staticImage{_display:block;}
#slider noscript img.staticImage{display:block;}


body#dm100 #headerArea #mainVisual #mainBack{
position:absolute;
top:0;
display:none;
/display:block;
}

body#dm100 #mainVisual .inner{
text-align:left;
position:absolute;
top:71px;
left:37px;
margin:0;
}

body#dm100 #slider{
width:542px;
height:236px;
margin:0;
display:none;
/display:block;
}



/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}

.nivo-controlNav {
position:absolute;
left:50%;
bottom:-30px;
margin-left:-30px; /* Tweak this to center bullets */
}
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
display:block;
width:10px;
height:11px;
background:url(img/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:7px;
font-size:0;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -11px;
}

/*------------------------------------------------------------
2COLUMN
------------------------------------------------------------*/
#mainContent{
width:680px;
float:right;
}

#subContent{
width:200px;
float:left;
margin-right:20px;
}

#subContent .list-bnr-01 li{
margin-bottom:5px;
}



/*---globalNav-------------------------------------------*/
#subContent h2{
margin-bottom:0;
}


.globalNav{
background:url(img/bg_gnav_bottom.png)  no-repeat 0 bottom;
padding-bottom:15px;
margin-bottom:10px;
}
.globalNav .inner{
background:url(img/bg_gnav_top.png)  no-repeat 0 0;
padding-top:15px;
}

.globalNav ul{
margin:0 17px 10px 15px;
}
.globalNav ul li{
padding:3px 0;
background:url(img/line_horizontal.gif)  repeat-x 0 bottom;
}
.globalNav ul li.last{
padding-bottom:0;
background:none;
}
/*---footerNav-------------------------------------------*/
#footer{
background:#efefef;
}

#footerNav{
padding:5px 0 3px	;
margin-bottom:10px;
border-top:#a9a9a9 solid 1px;
border-bottom:#fff solid 1px;
background:url(img/bg_footerNav.gif) repeat-x 0 bottom;
}

#footerNav ul{
text-align:center;
margin-bottom:0;
}
#footerNav li{color:#666;}

#footerNav li{
display:inline-block;
/display:inline;
zoom:1;
padding:5px 0 10px;
border-right:#efefef solid 1px;
border-left:#c0c0c0 solid 1px;
}
#footerNav li a{
padding:4px 10px 0;
margin:-2px 0;
line-height:1;
display:block;
white-space:nowrap;
color:#676767;
}
#footerNav li.first{border-left:none;}
#footerNav li.last{border-right:none;}

#footer .copyright{margin-bottom:0;}




/*
TOP
------------------------------------------------------------*/
/*---scene-------------------------------------------*/
#pomeraTop #primary {
margin:0;
padding:0;
width:801px;
}

#pomeraTop #primary .title {
text-align: center;
font-size: 1%;
}

#pomeraTop #secondary {
position: relative;
margin:0 0 23px 0;
padding:0;
width:800px;
background: url(img/bg_top_scene.png) no-repeat left top;
}

#pomeraTop #secondary .point01 {
padding-top: 15px;
margin-left: 20px;
margin-bottom: 336px;
font-size: 1%;
}

#pomeraTop #secondary .point02 {
position: absolute;
top: 15px;
left: 310px;
font-size: 1%;
}	

#pomeraTop #secondary .point03 {
position: absolute;
top: 15px;
left: 619px;
font-size: 1%;
}

#pomeraTop #secondary .point04 {
position: absolute;
top: 218px;
left: 317px;
font-size: 1%;
}


#pomeraTop .list-anc-01{
width:870px;
background:url(img/bg_top_list-anc-01.png) no-repeat 0 0;
padding:10px 0 12px 30px;
margin-bottom:25px;
}
#pomeraTop .list-anc-01 li{
margin-right:10px;
}


/*---------------------------------------------------------------
MOD
---------------------------------------------------------------*/

h2{
margin-bottom:20px;
}



/*List
------------------------------------------------------------*/
.list-share-01{margin-bottom:15px;}
.list-share-01 li{
float:right;
padding-left:5px;
}

.list-notice-01{
padding-left:4px;
margin-bottom:15px;
}
.list-notice-01 li{
background:none;
position:relative;
padding:0 0 3px 1.4em;
color:#737373;
zoom:1;
}
.list-notice-01 li.num{padding-left:2.3em;}

.list-notice-01 li span{
position:absolute;
top:0;
left:0;
}

.list-image-01,
.list-image-02{
text-align:center;
margin-bottom:20px;
}

.list-image-01 li,
.list-image-02 li{
display:inline-block;
/display:inline;
zoom:1;
}
.list-image-01 li{padding:0 15px 10px;}
.list-image-02 li{padding:0 4px 10px 0;}
.list-image-02 li.last{padding-right:0;}

.list-image-02 .caption{
display:block;
}

.list-tab-01{
background:url(img/bg_top_list-tab-01.gif) repeat-x 0 bottom;
zoom:1;
}

.list-tab-01 li{
float:left;
padding-bottom:6px;
_padding-bottom:5px;
}

.list-tab-01 li a{
display:block;
margin-top:8px;
}


#dm100 .list-tab-01 li{
width:226px;
height:75px;
margin-right:1px;
padding-bottom:8px;
_padding-bottom:0;
float:left;
}

#dm100 .list-tab-01 li.last{
margin-right:0;
}

#dm100 .list-tab-01 li a{
width:226px;
height:75px;
display:block;
line-height:1;
}

#dm100 .list-tab-01 li a span{display:none;}

#dm100 .list-tab-01 a#top-tab-01{background:url(img/bg_top_tab01.png) no-repeat 0 -75px;}
#dm100 .list-tab-01 a#top-tab-02{background:url(img/bg_top_tab02.png) no-repeat 0 -75px;}
#dm100 .list-tab-01 a#top-tab-03{background:url(img/bg_top_tab03.png) no-repeat 0 -75px;}

#dm100 .list-tab-01 li.active a{background-position:0 0!important;}


.list-anc-01{
width:651px;
background:url(img/bg_list-anc-01.png) no-repeat 0 0;
padding:10px 0 12px 29px;
margin-bottom:25px;
}

.list-anc-01 li{
float:left;
margin-right:1px;
}
.list-anc-02{
width:654px;
background:url(img/bg_list-anc-02.png) no-repeat 0 0;
padding:10px 0 12px 25px;
margin-bottom:20px;
}

.list-anc-02 li{
float:left;
margin-right:1px;
}






.spbox .list-share-01{float:right; /float:none;}
.spbox dl{
width:515px;
margin-bottom:20px;
padding:5px 0;
background:#f0f0f0 url(img/bg_top_spbox.gif) repeat-x 0 0;
}

.spbox dt{
float:left;
padding:0 25px 0 20px;
clear:left;

}
.spbox dt,
.spbox dd,
.spbox ul{
margin:0;
}

.spbox dd li{
float:left;
margin-right:5px;
}

dl.cbox{margin-bottom:15px;}
dl.cbox dt,
dl.cbox dd{
width:778px;
margin:0 auto 10px;
}
dl.cbox dt{margin-bottom:1px;}

.list-def-01{

margin-bottom:20px;
}
.list-def-01 dt{
margin-bottom:0;
padding-bottom:5px;
}

.list-def-01 dt,
.list-def-01 dd{
border-left:#a3a3a3 solid 2px;
padding-left:6px;
}
.list-def-01 dd{
margin-bottom:10px;
}


/*---column------------------*/
.laycol{
width:700px;
margin-right:-20px;
overflow:hidden;
}

.col2 .column{
float:left;
width:330px;
margin:0 20px 20px 0;
}

.line-01{
margin-bottom:25px;
border-bottom:#cfcfcf solid 1px;
}

.laycol.line-01.col2 .column{
margin:0 20px 5px 0;
}

/*---column(pomeraTop)------------------*/
#pomeraTop .laycol{width:920px;}
#pomeraTop .col2 .column{width:440px;}

/*---box------------------*/
.box-lay-01{margin-bottom:30px;}
.box-lay-01 p.image .caption{text-align:left;}
.box-lay-01 .txt{overflow:hidden;}
.rpos .image{float:right; padding-left:15px;}
.lpos .image{float:left; padding-right:15px;}

.box-section-01{
width:802px;
margin:20px auto;
}

.box-new-01{
position:relative;
}
.box-new-01 .new{
position:absolute;
bottom:20px;
right:20px;
}

.box-topix-01{
margin-bottom:30px;
border: 1px solid #D3CFCF;
padding:14px 14px 4px;
}


/*Table
------------------------------------------------------------*/
table.tbl-01{
width:100%;
margin-bottom:20px;
border:none;
border-right:#cfcfcf solid 1px;
border-bottom:#cfcfcf solid 1px;
}

.tbl-01 th,
.tbl-01 td{
border:none;
border-top:#cfcfcf solid 1px;
border-left:#cfcfcf solid 1px;
background:#fff;
}

.tbl-01 thead th,
.tbl-01 tbody th{font-weight:bold;}

.tbl-01 thead th,
.tbl-01 thead td{vertical-align:middle;}

.tbl-01 tbody th,
.tbl-01 tbody td{vertical-align:top;}

.tbl-01 thead th,
.tbl-01 thead td{vertical-align:middle; font-weight:bold; background:#ebf2f7 !important;}
.tbl-01 tbody th{text-align:left; background:#e7e7e7;}

.tbl-01 th, .tbl-01 td{padding:5px 10px;}
.tbl-01 th.icon, .tbl-01 td.icon{text-align:center; vertical-align:middle;}
.tbl-01 th.icon img, .tbl-01 td.icon img{vertical-align:middle; margin:2px;}





div,li{zoom:1;}


#headerArea .inner:after,
#contents:after,
.localNav:after,
#footerNav ul:after,
#pomeraTop #primary:after,
#pomeraTop #secondary:after,
.list-tab-01:after,
.list-anc-01:after,
.list-anc-02:after,
.list-share-01:after,
.spbox:after,
.spbox dd ul:after,
.box-lay-01:after,
.laycol:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*------------------------------------------------------------
SubModules
------------------------------------------------------------*/
.al-c{text-align:center!important;}
.al-l{text-align:left!important;}
.al-r{text-align:right!important;}

.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}

.mAuto{
margin:0 auto!important;
/margin:0 auto 20px!important;
}

.w300{width:300%!important;}
.w200{width:200%!important;}
.w150{width:150%!important;}
.w100{width:100%!important;}
.w80{width:80%!important;}
.w70{width:70%!important;}
.w50{width:50%!important;}
.w30{width:30%!important;}
.w20{width:20%!important;}
.w10{width:10%!important;}