@charset "utf-8";
/* CSS Document */

*{
font-family: "メイリオ",Meiryo;
}

html{
overflow-y:scroll;
filter: expression(document.execCommand("BackgroundImageCache", false, true));
height:100%;
}
body,
#PanA ul,
#FootC ul,
h1,
h2,
h3,
h4,
h5,
h6{
margin:0;
padding:0;
}


/* BasicArea */
body{
font-family: Meiryo,Verdana, Arial, Helvetica, sans-serif;

/* font-family : 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
*/
/* font-family : 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif'; */
letter-spacing:0.03em;
font-size:90%;
line-height:180%;
height:100%;
color:#333;
background:url(../img/allBG.png) center repeat-y;
}
html>/**/body{ /* モダンブラウザ専用 */
font-family: Verdana,Arial,sans-serif;
letter-spacing:0.03em;
font-size:90%;
line-height:180%;
color:#333;
background:url(../img/allBG.png) center repeat-y;
}
#Wrap{
margin:0 auto;
width:100%;
height:100%;
float:none;
text-align:center;
}
#WebArea{
width:950px;
margin:0 auto;
text-align:left;
font-size:90%;
}
/* Header */
#HeadA{
width:100%;
height:120px;
text-align:left;
overflow:hidden;
color:#fff;
/* background:url(../img/HeadBG.png) center bottom; */
}
#HeadB{
width:930px;
height:120px;
margin:0 auto;
padding:10px;
display:block;
text-align:right;
position: relative;
z-index: 1;
}
#HeadB ul li{
list-style:none;
}
#Flash2{
position: absolute;
clear: both;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height:120px;
}

#HN{
margin:0;
padding:0;
font-size:90%;
float:right;
}
#HN ul{
margin:0;
padding:0;
}
#HN ul li{
margin:0;
padding:0;
float:left;
list-style:none;
padding-left:5px;
}
#HN a{
color:#fff;
padding-right:5px;
border-right:1px solid #fff;
}
#HN a:hover{
color:#FFFF33;
}
/* Navi */
#NaviA{
width:100%;
height:60px;
display:block;
overflow:hidden;
border-bottom:2px groove #ccc;
background:url(../img/GnaviBG.png) repeat-x;
}
#NaviB{
width:950px;
margin:0 auto;
display:block;
}
#NaviA ul{
margin:0 auto;
padding:0;
}
#NaviA ul li{
float:left;
list-style:none;
font-size:90%;
}




/* Pan */
#PanA{
width:100%;
font-size:90%;
margin:0 auto;
}
#PanB{
width:950px;
float:left;
overflow:hidden;
border-bottom:1px solid #ccc;
background:#f5f5f5;
}
#PanA ul{
}
#PanA ul li{
float:left;
list-style:none;
padding-left:23px;
margin-left:8px;
background:url(../img/panIcon.png) no-repeat left center;
}
#PanA ul li.start{
background:none;
padding-left:10px;
margin-left:0;
}
#PanA ul li a{ text-decoration:none; }
#PanA ul li a:hover{ text-decoration:underline; }



/* GotoTop */
.gotoTop{
width:740px;
padding:5px;
float:left;
background: url(../img/gotoBack.png) no-repeat top left;
margin-top:15px;
}
.gotoTop ul{
margin:0;
padding:0;
margin-top:15px;
margin-left:5px;
}
.gotoTop ul li{
list-style:none;
}
.gotoTop a{
background:url(../img/gotoIcon.png) no-repeat left center;
padding-left:20px;
}
.gotoTopB{
width:740px;
height:10px;
padding:5px;
margin-bottom:15px;
float:left;
background: url(../img/gotoBack.png) no-repeat bottom left;
}
.gotoTopB hr{
display:none;
}


/* ContentsArea 2way */
div#Cont{
margin:0;
width:770px;
height:100%;
float:left;
font-size:90%;
background:#fff;
}
div#ContIndex{
margin:0;
width:950px;
height:100%;
float:left;
font-size:90%;
background:#fff;
}
div#SubCont{
width:180px;
float:right;
height:100%;
font-size:90%;
line-height:normal;
}
div.ContArea{
padding:10px;
height:100%;
}
div.ContAreaIndex{
padding:15px;
}



/* Foot */
#FootA{
width:100%;
height:200px;
margin:0 auto;
posiotion:absolute; bottom:0px;
text-align:center;
background:#333631 url(../img/FootBG.png) repeat-x top;
border-top:2px ridge #ccc;
overflow:hidden;
float:left;
color:#fff;
}
#FootA a,
#FootA a:link,
#FootA a:visited {
text-decoration:underline;
color:#fff;
font-size:80%;
}
#FootA a:focus,
#FootA a:hover,
#FootA a:active {
text-decoration:underline;
color:#3eb370;
}
#FootB{
width:950px;
margin:0 auto;
/* background:url(../img/web.png) no-repeat right top; */
}
#FootC{
width:950px;
text-align:left;
padding:10px 10px 0 10px;
overflow:hidden;
}
#FootC ul{
margin:0;
padding:0;
float:left;
}
#FootC ul li{
float:left;
list-style:none;
font-size:0.9em;
margin-right:10px;
}
#FootD{
float:left;
text-align:left;
padding:5px;
padding-left:10px;
font-size:0.75em;
line-height:normal;
}
#FootE{
float:left;
width:950px;
text-align:left;
padding:10px 0 0 0;
overflow:hidden;
}
#FootE ul{
margin:0;
padding:0;
float:left;
}
#FootE ul li{
float:left;
list-style:none;
}










/* Text */
h1{
font-size:80%;
margin-bottom:0;
}
h2{
display:block;
overflow:hidden;
font-size:110%;
}
h3{
display:block;
overflow:hidden;
font-size:100%;
}
h4{
display:block;
overflow:hidden;
font-size:110%;
margin-top:10px;
margin-bottom:10px;
}
h5{
padding:5px;
color:#47885e;
}
strong{
color:#a22041;
font-weight:bold;
font-size:1.1em;
border-bottom:1px dotted #a22041;
}
em,address,code{ font-style:normal; }
p{ margin:0; padding:0; }
.Arial{ font-family:Arial, Helvetica, sans-serif; }
/* Table */
table{
border:0;
border-collapse:collapse;
}
table tr{
}
table th{
border:0;
}
table td{
border:0;
}
/* List */
ul{
}
ul li{
}
ol{
}
ol li{
}
/* img */
img,a img{
border:0;
-ms-interpolation-mode: bicubic;
-moz-interpolation-mode: bicubic;
-o-interpolation-mode: bicubic;
-webkit-interpolation-mode: bicubic;
text-decoration:none;
}
/* Link */
a,
a:link{
text-decoration:underline;
color:#001084;
}
a:focus,
a:hover,
a:active {
text-decoration:underline;
color:#e95464;
}
a:visited {
text-decoration:underline;
color:#eb6101;
}
.red{ color:#F00; }