@charset "UTF-8";

/* ///////////////////////////////////////////////
title: common.css
paths: css/common.css
/////////////////////////////////////////////// */


/* -----------------------------------------------
Table Of Contents

#01 共通
#02 HEADER
#03 GLOBAL NAVI
#04 FOOTER
----------------------------------------------- */



/* -----------------------------------------------

#01 共通

----------------------------------------------- */
div#container00 {
width: 887px;
margin: 0 auto 15px;
padding-left: 3px;
text-align: left;
}

ul#topicPath {
font-size: 0.95em;
}

ul#topicPath li {
float: left;
}

div#container02 {
width: 890px;
margin: 0 auto 45px;
text-align: left;
}

div#container02 div.containerL {
display: inline;
float: left;
width: 270px;
margin-right: 20px;
}

div#container02 div.containerR {
float: left;
width: 600px;
}

.boxA {
width: 580px;
margin-right: 10px;
margin-left: 10px; 
}

.boxB {
width: 578px;
margin-right: 11px;
margin-left: 11px; 
}




/* -----------------------------------------------

#02 HEADER

----------------------------------------------- */
div#headerTop {
width: 890px;
margin: 10px auto 20px;
text-align: left;
}

div#headerTop h1 {
float: left;
}

div#headerTop ul {
float: right;
text-align: right;
}

div#headerTop ul li {
float: left;
}

div#headerTop ul li a:link,
div#headerTop ul li a:visited {
color: #717171;
text-decoration: none;
}
div#headerTop ul li a:hover,
div#headerTop ul li a:active {
color: #717171;
text-decoration: underline;
}

div#headerBottom {
width: 890px;
margin: 0 auto 23px;
text-align: left;
}

div#headerBottom p {
display: inline;
float: left;
width: 179px;
height: 37px;
margin-right: 484px;
margin-left: 3px;
}

div#headerBottom ul {
float: left;
width: 209px;
height: 25px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 4px;
}

div#headerBottom ul li {
float: left;
height: 25px;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}
div#headerBottom ul li.navA01 {
width: 124px;
}
div#headerBottom ul li.navA02 {
width: 85px;
}

div#headerBottom ul li a {
display: block;
height: 25px;
text-decoration: none;
}
div#headerBottom ul li.navA01 a {
width: 124px;
background: url(../img/common/header_nav_a_01.gif) no-repeat;
}
div#headerBottom ul li.navA02 a {
width: 85px;
background: url(../img/common/header_nav_a_02.gif) no-repeat;
}



/* -----------------------------------------------

#03 GLOBAL NAVI

----------------------------------------------- */
div#gNavBox {
width: 100%;
height: 109px;
background: url(../img/common/gnav_bg_01.gif) center top repeat-x;
}

div#gNavBox ul {
width: 906px;
height: 109px;
text-align: left;
background: url(../img/common/gnav_bg_02.gif) center top no-repeat;
text-indent: -1000em;
}
html > body div#gNavBox ul {/* Win IE6 Except */
margin: 0 auto;
padding-left: 16px;
}
*html div#gNavBox ul {/* Win IE6 ONLY */
padding: 0 8px;
}

div#gNavBox ul li {
float: left;
height: 90px;
/*¥*/overflow: hidden;/**/
}
div#gNavBox ul li.gNav01 {
width: 179px;
background: url(../img/common/gnav_01.jpg) no-repeat;
background-position: 0 -90px;
}
div#gNavBox ul li.gNav02 {
width: 177px;
background: url(../img/common/gnav_02.jpg) no-repeat;
background-position: 0 -90px;
}
div#gNavBox ul li.gNav03 {
width: 179px;
background: url(../img/common/gnav_03.jpg) no-repeat;
background-position: 0 -90px;
}
div#gNavBox ul li.gNav04 {
width: 178px;
background: url(../img/common/gnav_04.jpg) no-repeat;
background-position: 0 -90px;
}
div#gNavBox ul li.gNav05 {
width: 177px;
background: url(../img/common/gnav_05.jpg) no-repeat;
background-position: 0 -90px;
}

div#gNavBox ul li a {
display: block;
height: 90px;
text-decoration: none;
}
div#gNavBox ul li.gNav01 a {
width: 179px;
background: url(../img/common/gnav_01.jpg) no-repeat;
background-position: 0 0;
}
div#gNavBox ul li.gNav01 a:hover {
background: url(../img/common/gnav_01.jpg) no-repeat;
background-position: 0 -90px;
}
div#gNavBox ul li.gNav02 a {
width: 177px;
background: url(../img/common/gnav_02.jpg) no-repeat;
background-position: 0 0;
}
div#gNavBox ul li.gNav02 a:hover {
background: url(../img/common/gnav_02.jpg) no-repeat;
background-position: 0 -90px;
}
div#gNavBox ul li.gNav03 a {
width: 179px;
background: url(../img/common/gnav_03.jpg) no-repeat;
background-position: 0 0;
}
div#gNavBox ul li.gNav03 a:hover {
background: url(../img/common/gnav_03.jpg) no-repeat;
background-position: 0 -90px;
}
div#gNavBox ul li.gNav04 a {
width: 178px;
background: url(../img/common/gnav_04.jpg) no-repeat;
background-position: 0 0;
}
div#gNavBox ul li.gNav04 a:hover {
background: url(../img/common/gnav_04.jpg) no-repeat;
background-position: 0 -90px;
}
div#gNavBox ul li.gNav05 a {
width: 177px;
background: url(../img/common/gnav_05.jpg) no-repeat;
background-position: 0 0;
}
div#gNavBox ul li.gNav05 a:hover {
background: url(../img/common/gnav_05.jpg) no-repeat;
background-position: 0 -90px;
}



/* -----------------------------------------------

#04 FOOTER

----------------------------------------------- */
p#goTop {
width: 890px;
margin: 0 auto 10px;
text-align: right;
}

div#footer01Box {
width: 100%;
height: 50px;
background: url(../img/common/footer_bg_01.gif) repeat-x;
}

div#footer01Box ul {
width: 890px;
text-align: left;
}
html > body div#footer01Box ul {/* WinIE6 Except */
margin: 0 auto;
}
*html div#footer01Box ul {/* WinIE6 ONLY */
padding: 0 auto;
}

div#footer01Box ul li {
float: left;
padding-top: 15px;
}

div#footer01Box ul li a:link,
div#footer01Box ul li a:visited {
color: #717171;
text-decoration: none;
}
div#footer01Box ul li a:hover,
div#footer01Box ul li a:active {
color: #717171;
text-decoration: underline;
}

div#footer02Box {
width: 100%;
height: 50px;
background: url(../img/common/footer_bg_02.gif) repeat-x;
}

div#footer02Box div {
width: 890px;
margin: 0 auto;
padding-top: 1px;
text-align: left;
}

div#footer02Box div p {
width: 238px;
height: 26px;
background: url(../img/common/footer_txt.gif) no-repeat;
text-indent: -1000em;
/*¥*/overflow: hidden;/**/
}