@charset "UTF-8";





/*---------------*/
/* BASIC         */
/*---------------*/



/* --- Site Main Setting --- */
body {
min-width: 880px;
margin: 0;
padding: 0;
background-color: #FFFFFF;
color: #AA2D2E;
font-size: 80%;
}

a:link { color: #0000FF; }
a:visited { color: #0000FF; }
a:hover { color: #383838; }
a:active { color: #383838; }

#header div.container,
#content div.container,
#footer div.container {
width: 880px;
margin: 0 auto;
}

img {
border:0;
}










/*---------------*/
/* HEADER        */
/*---------------*/



/* --- Layout --- */
#header{
margin-bottom: 20px;
padding: 10px 0;
background-color: #FFFFFF;
border-top: 10px #AA2D2E solid;
border-bottom: 1px #AA2D2E solid;
}

#header div.container {
position: relative;
}



/* --- Site Title --- */
#header h1.siteTitle,
#header p.siteTitle {
margin: 10px 0 3px;
font-size: 200%;
}

#header h1.siteTitle a,
#header p.siteTitle a {
text-decoration: none;
color: #000000;
}



/* --- Catch Copy --- */
#header p.catch {
margin: 0 0 10px;
}

#header p.catch strong {
font-weight: normal;
}



/* --- Guide Link --- */
#header ul.guide {
/* position: absolute; */
top: 80px;
right: 10px;
margin: 0;
padding: 0;
list-style-type: none;
}

#header ul.guide li {
display: inline;
padding: 0 5px 0 17px;
background:url("image/headerguidelink.gif") 0 100% no-repeat;
}



/* --- Main Image --- */
#header div.mainimage {
margin-bottom: 2px; 
}

#header div.mainimage h2 {
margin: 0;
}



/* --- Global Navigation --- */
#header ul.nl {
width: 100%; /* IE6用 */
margin: 0;
padding: 0;
background-color: #AA2D2E;
list-style-type: none;
text-align: center;
}

#header ul.nl li {
width: 176px;
float: left;
line-height: 100%;
}

#header ul.nl li.first,
#header ul.nl li.last {
width: 176px;
}

#header ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding:22px 2px 18px 2px;
color: #FFFFFF;
font-size:16px;
font-weight:bold;
text-decoration: none;
border: 1px #F1CDCD;
border-style: solid solid solid none;
}

#header ul.nl li.first a {
border-left: 1px #F1CDCD solid;
}

#header ul.nl li a:hover {
color: #FFFFFF;
font-size:16px;
font-weight:bold;
text-decoration: underline;
background-color: #CE4646;
}



/* --- Ruled Line --- */
#header hr.none {
display: none;
}










/*----------------*/
/* CONTENTS       */
/*----------------*/



/* --- Layout --- */

#content {
margin-bottom: 10px;
}



/* --- Breadcrumb --- */
#content ol.breadcrumb {
text-align:right;
margin: 0;
padding: 0 0px 10px 0 ;
list-style-type: none;
}

#content ol.breadcrumb li {
display: inline;
}

#content ol.breadcrumb li a {
padding-right: 20px;
background: url(image/breadcrumb.gif) no-repeat right;
}



/* --- Contents Main --- */
#main {
float: right;
width: 660px;
}


/* Section */
#main img {
float: right;
}


/* Section */
#main div.section {
margin: 0 0 2em 20px;
}


/* Normal Section */
#main div.normal h2 {
margin:0 0 10px 0;
padding:10px;
color:#FFFFFF;
background-color: #AA2D2E;
font-size: 130%;
clear:both;
}

#main div.normal h3 {
margin:10px 20px 5px 20px;
line-height:1.8;
font-size:110%;
color:#AA2D2E;
border-bottom:3px solid #AA2D2E;
clear:both;
}

#main div.normal p {
margin:0 20px 10px 20px;
font-size:13px;
color: #AA2D2E;
line-height:150%;
letter-spacing:1px;
}

#main div.normal img {
margin:0 0 10px 20px;
}


/* Emphasis Section */
#main div.emphasis {
padding: 1.1em 15px 0;
border: 1px #E49A9A solid;
clear:both;
}

#main div.emphasis h2 {
margin: 0 0 0.8em;
font-size: 130%;
color: #AA2D2E;
}

#main div.emphasis p {
margin: 0 0 1em;
line-height: 150%;
}


/* News */
#main div.news dl {
width: 630px;
margin: 0 auto;
}

#main div.news dt {
width: 6.7em;
float: left;
padding: 7px 0 6px 3px;
line-height: 120%;
}

#main div.news dd {
margin: 0;
padding: 7px 3px 6px 6.6em;
border-bottom: 1px #E49A9A dotted;
line-height: 120%;
}

/* table */
#main table {
   width:600px;
   margin:0px 15px 20px 20px;
   border-collapse:collapse;
   border:1px solid #E49A9A;
   border-spacing:0;
   line-height:1.8;
}

#main table th {
   padding: 8px 10px 5px 10px;
   border:1px solid #E49A9A;
   border-width: 0 0 1px 1px;
   background: #FBEEEE;
   font-weight: bold;
   line-height: 120%;
}

#main table td {
   padding: 8px 10px 5px 10px;
   border:1px solid #E49A9A;
   border-width:0 0 1px 1px;
}

#main table td ol{
margin:0;
padding:0 0 0 30px;
font-size:100%;
}

#main table td li{
margin:0;
padding:0;
}

/* --- List --- */
#main ul,ol,dl {
font-size:12px;
line-height:180%;
}



/* ---Side Navigation --- */
#nav {
float: right;
width: 220px;
}


/* section */
#nav div.section {
margin-bottom: 10px;
}

#nav div.section h2 {
margin: 0 0 0.7em;
padding: 5px 8px;
font-size: 120%;
}

#nav div.section p {
margin: 0 10px 0.7em;
line-height: 130%;
}


/* Normal Section */
#nav div.banner {
text-align:center;
}


/* Normal Section */
#nav div.normal {
border: 1px #AA2D2E solid;
}

#nav div.normal h2 {
color:#FFFFFF;
background-color: #AA2D2E;
}


/* Sub Menu */
#nav div.submenu {
   margin-bottom:20px;
}

#nav div.submenu h2 {
   margin:0;
   padding:10px;
   font-size:14px;
   font-weight:bold;
   color:#FFFFFF;
   background:#AA2D2E;
}

#nav div.submenu h3 {
   margin:0;
   padding:10px;
   font-size:13px;
   font-weight:bold;
   background:#E49A9A;
}

#nav div.submenu ul {
   margin:0;
   padding:0;
   border:1px solid #AA2D2E;
}

#nav div.submenu li {
   margin:0;
   padding:5px;
   font-size:13px;
   line-height:1.8;
   list-style:none;
   border-bottom:1px solid #AA2D2E;
}

#nav div.submenu li a {
   display:block;
   padding:5px 5px 5px 15px;
   background:url("image/bg_arrow.gif") 5px 50% no-repeat;
}

#nav div.submenu li a:hover {
   display:block;
   color:#333333;
   background:#F7DDDD url("image/bg_arrow.gif") 5px 50% no-repeat;
   text-decoration:none;
}



/* --- Ruled Line --- */
#content hr.clear {
clear: right;
width: 100%;
margin: 0;
visibility: hidden;
}










/*----------------*/
/* FOOTER         */
/*----------------*/



/* --- Layout --- */
#footer {
padding: 15px 0 20px;
background-color: #FFFFFF;
border-top: 1px #AA2D2E solid;
}



/* --- Footer Menu --- */
#footer ul.nl {
margin:10px 0 0 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#footer ul.nl li {
padding: 0 5px 0 15px;
background:url("image/footer.gif") 0 100% no-repeat;
display: inline;
}


/* --- Adress & Copiright --- */
#footer address {
margin:30px 0 0 0;
font-style: normal;
text-align: center;
line-height: 140%;
}










/*----------------*/
/* Other Settings */
/*----------------*/



.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}