@charset "utf-8";

/* for IE6.0 bug */
br {
    letter-spacing: normal;
}

/* for FireFox */

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

/* Base */

html {
    overflow-y:scroll;
}

body {
    margin: 0;
    padding: 0;
    color: #333333;
    background-color: #FFFFFF;
    background-image: url(../images/bg.gif);
    font-size: 80%;
    text-align: left;
    font-family: "ＭＳ Ｐゴシック", "Hiragino Maru Gothic Pro";
    line-height: 1.5;
    height: 100%;
}


table {
    font-size:100%;
    border: none;
    _letter-spacing:-1.5px;
    border-collapse: collapse;
    margin-bottom:20px;

}

table, th, td {
    border-style: none;
    padding:3px;

}

th {
    font-weight:normal;
    text-align:center;
}

img{
    border:0px;
}

html, h1, h2, h3, h4, h5, p, dl, dt, dd, li, ul, ol, form, div, img{
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a:link, a:visited, a:active {
    color: #0035D5;
    text-decoration: underline;
}

a:hover {
    color: #ED145B;
    text-decoration: underline;
}


/* Layout */

#container{
    background-color: #FFFFFF;
    width:960px;
    height:100%;
    text-align:left;
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background-color:#FFFFFF;
}

#container h1 {
    color: #666666;
    font-weight:normal;
    font-size: 12px;
    padding:4px 10px 10px 10px;
    margin-bottom: 5px;
    text-align:right;
}


/* header */

#header{
    background-color: white;
    width:960px;
    height:149px;
    margin: 0px; 
    padding: 0px; 
    background: #ffffff url(../images/header.gif) no-repeat;
}

#header_b{
    background-color: white;
    width:960px;
    height:149px;
    margin: 0px; 
    padding: 0px; 
    background: #ffffff url(../images/header_building.gif) no-repeat;
}



/* MENU */

ul#menu { 
    width: 100%; 
    height: 43px; 
    background:url("../images/menu-bg.gif") top left repeat-x; 
    font-size: 0.8em; 
    font-family: "Lucida Grande", Verdana, sans-serif; 
    font-weight: bold; 
    list-style-type: none; 
    margin: 80px 0px 0px 0px; 
    padding:0px; 
}

ul#menu li { 
    display: block; 
    float: left; 
    margin: 0px 0px 0px 5px;
}

ul#menu li a { 
    height: 33px; 
    color:#666666;
    text-decoration: none; 
    display: block; 
    float: left; 
    line-height: 200%; 
    padding: 10px 15px 0px 15px; 
    margin:0px;
}

ul#menu li a:hover {
    color: #dc6716;
    margin:0px;
}

ul#menu li a.current{ 
    color: #FFFFFF; 
    background:url("../images/current-bg.gif") top left repeat-x; 
    padding: 5px 15px 0px 15px; 
    margin:0px;
}

/* content */

#content{
    clear:both;
    width:960px;
    padding: 0px;
    margin: 0px;
    background-color:#dddddd;
    
}

#content p{
    line-height:170%;
    margin:0px 0px 10px 10px;
    
}

#content h2 {
    background: url(../images/mark.gif) no-repeat;
    font-size:18px;
    height:30px;
    padding:0px 0px 0px 40px;
    vertical-align:middle;
    margin: 10px 10px 20px 5px;
}

#content h3 {
    text-decoration: underline;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 8px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    background: no-repeat;
    font-size: 16px;
    height:30px;
    vertical-align:middle;
}

#content ul{
    line-height:170%;
    margin:0px 0px 10px 10px;
    
}




/* heroes */

#heroes{
    padding:10px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:960px;
    height:480px;
    background: #ffffff url(../images/heroes.gif) no-repeat;
    text-align:center;
}

#heroes p{
    line-height:170%;
    margin:0px 10px 10px 380px;
    
}

#heroes img{
    margin:0px 0px 20px 380px;
    
}



/* box */

.boxL{
    font-size: 10px;
    background-color: #dddddd;
    padding:20px 0px 20px 0px;
    margin:0px;
    width:480px;
    background-image: url(../images/box_bg.gif);
    background-repeat: repeat-x;
}

.box{
    margin:0px 30px 0px 30px;
}

.boxR{
    font-size: 10px;
    background-color:#dddddd;
    padding:20px 0px 20px 0px;
    margin:0px;
    width:480px;
    float:right;
    border: 1px;
    background-image: url(../images/box_bg.gif);
    background-repeat: repeat-x;
}


.main{
    background-color: #FFFFFF;
    padding:20px 0px 20px 0px;
    margin:0px;
    width:760px;
    background-repeat: repeat-x;
}

.main dl {
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.main dt {
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 5px;
}

.main dd {
	margin-bottom: 2px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.side{
    font-size: 10px;
    background-color:#dddddd;
    padding:20px 0px 20px 0px;
    margin:0px;
    width:200px;
    float:right;
    border: 1px;
    background-repeat: repeat-x;
}

.side hr {
    width: 90%;
}

/* TABLE */

.about {
}

.about th {
    text-align: right;
    vertical-align:top;
    font-weight: bold;
    margin-bottom: 30px;
}


.about td {
    text-align: left;
    vertical-align:top;
}


/* footer */

#footer{
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    clear:both;
    width: 960px;
    margin: 0px;
    font-size: 10px;
    line-height: 30px;
    height: 30px;
    background-image: url(../images/footer_bg.gif);
    background-repeat: repeat-x;
    background-color: #9f9f9f;
    text-align: right;
    vertical-align: middle;
    color: #e6e6e6;
}


/*-------------*/
/* ETC         */
/*-------------*/
.error {
    color: #D50035;
}

.warning {
    color: #D50035;
}

.strong1 {
    color: #0035D5;
    font-weight:bold;
}
.strong2 {
    color: #D50035;
    font-weight:bold;
}

.info {
    color: #8A8A8A;
    font-size: 80%;
}

.req {
    color: #D50035;
}

.hint {
    color: #8A8A8A;
    font-size: 80%;
}

.hint a {
    font-size: 100%;
}


.bold {
    font-weight:bold;
}

.big {
    font-size: 18px;
    font-weight:bold;
}

.new {
    color: #FFFFFF;
    background-color:#dc6716;
    padding:3px;
    font-size: 0.8em; 
    font-family: "Lucida Grande", Verdana, sans-serif; 
    font-weight: bold; 
    margin-right:5px;
}

.center {
    text-align: center;
}