@charset "euc-jp";
/*======================[  BASE ]*/
html {
overflow-y: scroll;
margin: 0;
padding: 0;
}

body * {
margin: 0;
padding: 0;
}

body {
margin: 0 auto;
background: #000000;
color: #DDDDDD;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
font-size: 13px;
text-align: center;
}

#page , #footer  {
min-width: 1200px;
}

table {
word-break:break-all;
}

p, br, h1, h2, h3, h4, h5, h6 {
line-height: 1.5;
}

a {
color: #FFFFFF;
outline: none;
}

a:visited {
color: #FFFFFF;
}

a:hover {
color: #FFFFFF;
text-decoration: none;
}

ul, li {
list-style: none;
}

img {
border: none;
vertical-align: text-bottom;
}

/*======================[ TEXT ]*/
.txt10 {
font-size: 10px;
line-height: 1.3;
}
.txt11 {
font-size: 11px;
line-height: 1.3;
}
.txt12 {
font-size: 12px;
line-height: 1.3;
}
.txt13 {
font-size: 13px;
line-height: 1.3;
}
.txt14 {
font-size: 14px;
line-height: 1.3;
}
.txt16 {
font-size: 16px;
line-height: 1.3;
}

.lh1 {
line-height: 1;
}
.lh2 {
line-height: 1.2;
}
.lh3 {
line-height: 1.4;
}
.lh4 {
line-height: 1.7;
}
.lh5 {
line-height: 2;
}

.notice {
color: #c80000;
font-weight: bold;  
}
.bold {
font-weight: bold;
}

.left {
text-align:left;
}
.right {
text-align:right;
}
.center {
text-align:center;
}
.top {
vertical-align:top;
}
.middle {
vertical-align:middle;
}
.bottom {
vertical-align:bottom;
}

/*======================[  BORDER ]*/
.bd-t {
border-top:1px #999 solid;
}
.bd-b {
border-bottom:1px #999 solid;
}
.bd-t-dash {
border-top:1px #999 dashed;
}
.bd-b-dash {
border-bottom:1px #999 dashed;
}

/*======================[ MARGIN,PADDING ]*/
.mg-auto {
margin-right: auto;
margin-left: auto;
}
.mg-0 {
margin: 0px;
}
.mg-3 {
margin: 3px;
}
.mg-5 {
margin: 5px;
}
.mg-10 {
margin: 10px;
}
.mg-12 {
margin: 12px;
}

.mg-20 {
margin: 20px;
}

.mg-t3 {
margin-top: 3px;
}
.mg-t5 {
margin-top: 5px;
}
.mg-t10 {
margin-top: 10px;
}
.mg-t12 {
margin-top: 12px;
}
.mg-t20 {
margin-top: 20px;
}
.mg-t40 {
margin-top: 40px;
}

.mg-b3 {
margin-bottom: 3px;
}
.mg-b5 {
margin-bottom: 5px;
}
.mg-b10 {
margin-bottom: 10px;
}
.mg-b12 {
margin-bottom: 12px;
}
.mg-b20 {
margin-bottom: 20px;
}
.mg-b30 {
margin-bottom: 30px;
}
.mg-b40 {
margin-bottom: 40px;
}

.mg-l3 {
margin-left: 3px;
}
.mg-l5 {
margin-left: 5px;
}
.mg-l10 {
margin-left: 10px;
}
.mg-l12 {
margin-left: 5px;
}
.mg-l15 {
margin-left: 15px;
}

.mg-l20 {
margin-left: 20px;
}

.mg-l24 {
margin-left: 24px;
}

.mg-l40 {
margin-left: 40px;
}

.mg-l180 {
marign-left: 180px;
}

.mg-r3 {
margin-right: 3px;
}
.mg-r5 {
margin-right: 5px;
}
.mg-r10 {
margin-right: 10px;
}
.mg-r12 {
margin-right: 12px;
}
.mg-r16 {
margin-right: 14px;
}
.mg-r20 {
margin-right: 20px;
}
.mg-r24 {
margin-right: 24px;
}

.pd-3 {
padding: 3px;
}
.pd-5 {
padding: 5px;
}
.pd-10 {
padding: 10px;
}
.pd-12 {
padding: 12px;
}
.pd-20 {
padding: 20px;
}

.pd-t3 {
padding-top: 3px;
}
.pd-t5 {
padding-top: 5px;
}
.pd-t10 {
padding-top: 10px;
}
.pd-t12 {
padding-top: 12px;
}
.pd-t20 {
padding-top: 20px;
}

.pd-b3 {
padding-bottom: 3px;
}
.pd-b5 {
padding-bottom: 5px;
}
.pd-b10 {
padding-bottom: 10px;
}
.pd-b12 {
padding-bottom: 12px;
}
.pd-b20 {
padding-bottom: 20px;
}

.pd-l3 {
padding-left: 3px;
}
.pd-l5 {
padding-left: 5px;
}
.pd-l10 {
padding-left: 10px;
}
.pd-l12 {
padding-left: 12px;
}
.pd-l20 {
padding-left: 20px;
}

.pd-r10 {
padding-right: 10px;
}


/*======================[  FLOAT ]*/
.float-l {
float: left;
}
.float-r {
float: right;
}
.clear {
clear: both;
}
.clear br, .clear hr {
display: none;
}

/*======================[  color ]*/
.color-ylw {
font-size:14px;
font-weight: normal;
color: #f8d309;
}

/*======================[  text ]*/

.line-through {
text-decoration: line-through;
}

/*======================[ head ]*/

#head {
height: 37px;
background: url(/images/enishi/base/bg_header.jpg) repeat-x  center;
}

#head ul {
width: 1100px;
text-align: center;
margin: 0 auto;
}

#head ul li {
float: left;
}

/*======================[footer]*/

#footer {
font-family: "メイリオ";
background: #2C2723 url(/images/enishi/top/bg_footer.jpg) repeat-x center top;
}

#footer ul li {
 display: inline;
 height: 1.2em;
 margin-right: 4px;
 padding-right: 6px;
 white-space: nowrap;
}

#footer ul li.line {
border-right: 1px solid #666666;
}

#footer .ft-nav {
border-top: 1px solid #AAAAAA;
padding: 6px 7px;
}

#footer ul {
margin: 0;
text-align: center;
}

/*=====================[main]*/

#main {
color: #000000;
width:629px;
float: left;
}


.bottom-contents .sect01 , .top-contents .sect01 {
padding-left: 24px;
background: url(/images/enishi/base/bg_main_middle.png) repeat-y left;
}

.capt02 {
font-size: 16px;
font-weight: bold;
}

.sect02 {
background-color: #cbc6c2;
}

/*======================[contents]*/

#contents {
font-family: "メイリオ";
}


/*=====================[top-contents]*/

.top-contents #top-image {
margin: 0 auto;
position: relative;
width: 1200px;
height: 540px;
background: url(/images/enishi/top/bg_top_image.jpg) no-repeat top;
}

.top-contents #top-image .logo {
position: absolute;
top: 10px;
left: 90px;
}

.top-contents #bg-main-01 {
margin: 0 auto;
text-align: left;
width: 990px;
background: url(/images/enishi/top/bg_main.jpg)  top;
}

.top-contents #bg-main-02 {
width: 990px;
background: url(/images/enishi/top/bg_main_contents_top.png) repeat-x top;
}

.top-contents #l-navi {
width:300px;
padding-top: 70px;
margin-right: 20px;
margin-left: 20px;
float: left;
}


/*=====================[bottom-contents]*/

.bottom-contents #contents , .chart-contents #contents {
margin: 0 auto;
background: url(/images/enishi/base/bg_contents.jpg) no-repeat top;
}

.bottom-contents #top-image , .chart-contents #top-image {
position: relative;
margin: 0 auto;
width: 990px;
height: 110px;
}

.bottom-contents #top-image .logo , .chart-contents #top-image .logo  {
position: absolute;
left: 45px;
}

.bottom-contents #bg-main-02 , .chart-contents #bg-main-02  {
text-align: left;
width: 990px;
margin: 0 auto;
background: url(/images/enishi/base/bg_main_contents_top.png) repeat-x top;
}


/*======================[chart]*/

.chart {
margin-right:  44px;
margin-bottom: 10px;
height: 40px;
background:#605750  url(http://p.dmm.com/p/enishi/chart/bg_hl.jpg) top right no-repeat;
}

.chart-box {
width: 445px;
float: left;
}