@charset "utf-8";
/* --The order of describing property-- 
display
visibility
overflow
clip
position
top/right/bottom/left/
float
clear
z-index
width(min-width/max-width)
hieght(min-height/max-height)
margin(margin-top/margin-right/margin-bottom/margin-left)
paddin(padding-top/padding-right/padding-bottom/padding-left)
border(border-width/bordercolor/border-style)
list-style(list-style-type/list-styleimage/list-style-position)
color
background(background-color/backgroundimage/background-repeat/background-attachment/background-position)
font(font-family/fontstyle/font-variant/font-weight/font-size)
line-height
vertical-align
text-indent
text-align
text-decoration
letter-spacing
word-spacing
white-space
--The order of describing property-- */

/* ===== Reset===== */
html,body,
div,span,
object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,tt,var,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,label,
table,caption,tbody,tfoot,thead,tr,th,td{
margin: 0;
padding: 0;
}

img{
border: 0;
}

/* ===== Basic===== */
body{
color: #000;
background:url(../images/header-bg2.gif) 0 0 repeat-x #fff;
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

#TOP{
	background:url(../images/header-bg.gif) 0 0 repeat-x;
}

#newwin{
	background:url(../images/newwin-bg.gif) 0 0 repeat-x;
}


p{
margin: 0;
}


ul,
ol,
dl,
table{
margin: 0 0 20px 0;
}



th p,
th ul,
th ol,
th dl,
td p,
td ul,
td ol,
td dl{
margin: 0;
}

ul li{
padding-left: 16px;
list-style: none;
}

ol li{
margin-left: 16px;
list-style-type: decimal;
}

p,
ul li,
ol li,
dl dt,
dl dd,
table tr th,
table tr td{
color: #000;
font-size: 0.8em;/* ===== 0.75em ===== */
line-height: 1.545;
}

ul li p,
ul li ul li,
ul li ol li,
ul li dl dt,
ul li dl dd,
ol li p,
ol li ul li,
ol li ol li,
ol li dl dt,
ol li dl dd,
dl dt p,
dl dt ul li,
dl dt ol li,
dl dt dl dt,
dl dt dl dd,
dl dd p,
dl dd ul li,
dl dd ol li,
dl dd dl dt,
dl dd dl dd,
td ul li,
td ol li,
td dl dt,
td dl dd{
font-size: 100%;
}

table{
border-collapse: collapse;
border-spacing: 0;
}



caption{
margin: 0 0 10px 10px;
font-weight: bold;
font-size: 0.75em;/* ===== 0.75em ===== */
line-height: 1.05;
text-align: left;
}

th{
background: #eee;
font-weight: normal;
}

td{
background: #fff;
}


th,
td{
padding: 3px 5px;
border: 1px solid #ccc;
line-height: 1.5;
border-collapse: collapse;
border-spacing: 0;
}

tbody th{
text-align: left;
}

hr{
display: none;
}
/* ===== Floating ===== */

.fL{
float:left;
margin-right:10px;
}

.fR{
float:right;
margin-left:10px;
}



/* ===== Clearing ===== */

.clearfix:after {
display:block;
clear:both;
content:"";
}

.clearfix{
zoom:1;
}

* html .clearfix {
height:1%;
}

.clearBoth{
clear:both;
}

.clearLeft{
clear:left;
}

.clearRight{
clear:right;
}

/* ===== Hides from IE-mac ===== */
* html .clearfix {
height: 1%;
}

/* ===== End hide from IE-mac ===== */
.clearBoth{
clear: both;
}


.clearLeft{
clear: left;
}


.clearRight{
clear: right;
}



a:link{
color: #039;
}


a:visited{
color: #609;
}


a:hover, a:focus{
color: #09c;
}


a:active{
clor: #039;
}



em{
font-style: normal;
font-weight: normal;
}



h1,h2,h3,h4,h5,h6,strong{
font-weight: bolder;
}


/* ===== backNav ===== */

.backNav{
clear:both;
margin-top:10px;
font-size:70%;
line-height:1;
text-align:right;
}

.backNav a{
padding-left:12px;
background-image:url(../img/page-back.gif);
background-repeat:no-repeat;
background-position:left top;
text-align:left;
}





/* ===== Margin ===== */

.m0{
margin:0!important;
}

.mt0{
margin-top:0!important;
}

.mt5{
margin-top:5px!important;
}

.mt10{
margin-top:10px!important;
}

.mt20{
margin-top:20px!important;
}

.mt30{
margin-top:30px!important;
}

.mt40{
margin-top:40px!important;
}

.mt50{
margin-top:50px!important;
}

.mt60{
margin-top:60px!important;
}

.mt70{
margin-top:70px!important;
}

.mt80{
margin-top:80px!important;
}

.mt90{
margin-top:90px!important;
}

.mt100{
margin-top:100px!important;
}


.mb5{
margin-bottom:5px!important;
}

.m10{
margin:10px!important;
}




/* ===== table style ===== */
table.normal{
width: 100%;
margin-bottom: 0;
margin-left: 0;
border-top: 1px solid #999;
border-left: 1px solid #999;
}

table.normal2{
width: 70%;
margin-bottom: 0;
margin-left: 0;
border-top: 1px solid #999;
border-left: 1px solid #999;
}




table.normal tr th,
table.normal2 tr th{
margin: 0;
padding: 5px;
border-top: 0;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 0px;
font-weight:bold;
vertical-align: middle;
}

table.normal tr td,
table.normal2 tr td{
margin: 0;
padding: 5px;
border-top: 0;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 0px;
vertical-align: middle;
}


table.com{
margin-bottom: 0;
margin-left: 0;
border-top: 0;
border-left: 0;
}


table.com tr th{
margin: 0;
padding: 3px 10px;
background:none;
border-top: 0;
border-bottom: 15px solid #FFF;
border-left: 0;
border-right: 5px solid #A4AEC6;
font-weight: normal;
vertical-align: middle;
}


table.com tr td{
margin: 0;
padding: 3px 10px;
border-top: 0;
border-right: 0;
border-bottom: 15px solid #FFF;
border-left: 0;
vertical-align: middle;
}

table.normal tr th.yy{
	background-color:#cfd3dd;
	white-space: nowrap;
	text-align:center;
}

table.normal tr th.dlt{
	color:#FFF;
	font-weight:bold;
	background-color:#32406D;
	text-align:center;
	padding:5px 10px;
	white-space:nowrap;
}


table.normal tr td.mm{
	background: #eee;
	white-space: nowrap;
	text-align:right;
}

table.nob{
width: 100%;
margin-bottom: 0;
margin-left: 0;
border-none;
}

table.nob tr th{
margin: 0;
padding: 5px;
border:none;
border:none;
white-space:nowrap;
vertical-align:top;
font-weight:bold;
background:none;
}

table.nob tr td{
margin: 0;
padding: 5px;
border:none;
vertical-align: middle;
}

table.normal tr td.dln{
	background: #E8E8E8;
	font-weight:bold;
	white-space: nowrap;
	text-align:center;
}

table.normal tr td.bbdot{
	border-bottom:dotted 1px #999;
}

.nowrap{
	white-space: nowrap;
	background-color: #eee;
}


wd100{
width:100%;
}

/* ===== width % ===== */
.per5{
width: 5%;
}


.per10{
width: 10%;
}


.per15{
width: 15%;
}


.per20{
width: 20%;
}


.per25{
width: 25%;
}


.per30{
width: 30%;
}


.per35{
width: 35%;
}


.per40{
width: 40%;
}


.per45{
width: 45%;
}


.per50{
width: 50%;
}


.per55{
width: 55%;
}


.per60{
width: 60%;
}


.per65{
width: 65%;
}


.per70{
width: 70%;
}


.per75{
width: 75%;
}


.per80{
width: 80%;
}


.per85{
width: 85%;
}


.per90{
width: 90%;
}


.per95{
width: 95%;
}


.per100{
width: 100%;
}



/* ===== text align ===== */
.txtAC{
text-align: center;
}


.txtAL{
text-align: left;
}


.txtAR{
text-align: right;
}

/* ===== arrow ===== */
a.arrow{
text-decoration:none;
color:#0063dd;
background:url(../images/arrow.gif) 3px 0.1em no-repeat;
padding:0 0 0 10px;
}

a.arrow:hover{
background:url(../images/arrow-on.gif) 3px 0.1em no-repeat;
}


a.arrowGray{
padding-left: 15px;
background-repeat: no-repeat;
background-position: left 0.2em;
background-image: url(../img/arr-gray.gif);
}



a.return{
display: block;
padding-left: 15px;
background-repeat: no-repeat;
background-position: left 3px;
background-image: url(../img/me-bt-return.gif);
}



a.win{
padding-right: 15px;
background-repeat: no-repeat;
background-position: right 3px;
background-image: url(../img/me-bt-win.gif);
}



/* ===== heading ===== */
.underLine img{
vertical-align: bottom;
}


.topNavInner {
clear: both;
margin-top: 10px;
font-size: 70%;
line-height: 1;
text-align: right;
}

.backNav {
clear: both;
margin-top: 10px;
font-size: 70%;
line-height: 1;
text-align: right;
}