@charset "utf-8";

/* ============================================================ style for all content */

*{
margin:0;
padding:0;}

body{
background:#FFFFFF;
text-align:center;}

img{border:0;}

hr {display:none;}

/* ============================================================ style for font */

body{
color:#333;
font-size:90%;
font-family:"ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
line-height:150%;}

h1 {font-size:117%;}
h2 {font-size:108%;}
h3 {font-size:100%;}
h4 {font-size:92%;}

dt {font-size:100%; font-weight:bold;}
dd {margin:0 2em;}

a:link    {color:#3366cc;}
a:visited {color:#66c;}
a:hover   {color:#EC8602;text-decoration:none;}
a:active  {color:#666;}

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

/* ============================================================ wrapper */

#wrapper{
width:840px;
margin:0 auto;
text-align:left;}

/* ============================================================ header */

#header{
width:840px;
height:85px;
}

#logo_area {float:left;}
#logo_area p{font-size:80%;}

#r_menu {float:right;}

#r_menu ul {list-style:none; float:right;}

#r_menu li {
float:left;
padding:0px 0px 0px 20px;
background: url("../img/arrow_pink.gif") 10px center no-repeat;
font-size:80%;
}

#r_menu address {
clear:both;
}

#r_menu address img {
float:right;
}

/* ======================================================== global navigation */

#navi {
clear:both;
width:840px;
}

#navi ul {
list-style:none;
}

#navi li {
float:left;
}

#navi li a {
display:block;
width:168px;
height:45px;
text-indent:-9999px;
}

#navi li a:focus{
 /*\*/
  overflow: hidden;
 /**/
}

#gnav01 a:link, #gnav01 a:visited {background:url(../img/global_navigation.gif) 0 0 no-repeat;}
#gnav01 a:hover, #gnav01 a:active {background:url(../img/global_navigation.gif) 0 -45px no-repeat;}
#gnav01_over a:link, #gnav01_over a:visited {background:url(../img/global_navigation.gif) 0 -45px no-repeat;}
#gnav01_over a:hover, #gnav01_over a:active {background:url(../img/global_navigation.gif) 0 -45px no-repeat;}

#gnav02 a:link, #gnav02 a:visited {background:url(../img/global_navigation.gif) -168px 0 no-repeat;}
#gnav02 a:hover, #gnav02 a:active {background:url(../img/global_navigation.gif) -168px -45px no-repeat;}
#gnav02_over a:link, #gnav02_over a:visited {background:url(../img/global_navigation.gif) -168px -45px no-repeat;}
#gnav02_over a:hover, #gnav02_over a:active {background:url(../img/global_navigation.gif) -168px -45px no-repeat;}

#gnav03 a:link, #gnav03 a:visited {background:url(../img/global_navigation.gif) -336px 0 no-repeat;}
#gnav03 a:hover, #gnav03 a:active {background:url(../img/global_navigation.gif) -336px -45px no-repeat;}
#gnav03_over a:link, #gnav03_over a:visited {background:url(../img/global_navigation.gif) -336px -45px no-repeat;}
#gnav03_over a:hover, #gnav03_over a:active {background:url(../img/global_navigation.gif) -336px -45px no-repeat;}

#gnav04 a:link, #gnav04 a:visited {background:url(../img/global_navigation.gif) -504px 0 no-repeat;}
#gnav04 a:hover, #gnav04 a:active {background:url(../img/global_navigation.gif) -504px -45px no-repeat;}
#gnav04_over a:link, #gnav04_over a:visited {background:url(../img/global_navigation.gif) -504px -45px no-repeat;}
#gnav04_over a:hover, #gnav04_over a:active {background:url(../img/global_navigation.gif) -504px -45px no-repeat;}

#gnav05 a:link, #gnav05 a:visited {background:url(../img/global_navigation.gif) -672px 0 no-repeat;}
#gnav05 a:hover, #gnav05 a:active {background:url(../img/global_navigation.gif) -672px -45px no-repeat;}
#gnav05_over a:link, #gnav05_over a:visited {background:url(../img/global_navigation.gif) -672px -45px no-repeat;}
#gnav05_over a:hover, #gnav05_over a:active {background:url(../img/global_navigation.gif) -672px -45px no-repeat;}


/* ============================================================ main */

#main {
clear:both;
width:840px;
}

/* ============================================================ table */

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

table,th,td {
padding:0.2em 0.2em;
}

.nowrap {white-space:nowrap;}

/* ============================================================ footer */

#footer{
clear:both;
width:840px;
padding-top:10px;
}

#footer ul{
width:840px;
text-align:center;
padding-bottom:10px;
border-bottom:3px solid #f6496f;
}

#footer li{
display:inline;
padding:0px 10px;
border-right:1px solid #666666;
}

#footer address{
padding-top:5px;
background: url("../img/bg_footer.gif") left top no-repeat;
text-align:center;
color:#333333;
}

#footer p{
margin-top:5px;
text-align:center;
}

/* ============================================================ class */

.noDisp   {display:none;}
.dispBlock{display:block}

.clearBoth {clear:both;}
.clearLeft {clear:left;}
.clearRight{clear:right;}

.alignCenter {text-align:center;}
.alignRight  {text-align:right;}

.small{font-size:80%;}
.red    {color:#ff0000;}
.orange {color:#cc3300;}
.blue   {color:#0099cc;}
.bold{font-weight:bold;}
.text-ul {text-decoration:underline;}

.nowrap{white-space:nowrap;}

.imgBorder {padding:2px; border:1px solid #999;}
.pageTop {text-align:right; padding-top:1em;}

/* ===================================================== class for margin */

.marginBtm5  {margin-bottom:5px;}
.marginBtm10 {margin-bottom:10px;}
.marginBtm15 {margin-bottom:15px;}
.marginBtm20 {margin-bottom:20px;}

.marginLft10 {margin-left:10px;}
.marginLft20 {margin-left:20px;}

.marginRht10 {margin-right:10px;}
.marginRht20 {margin-right:20px;}

#mainArea2 .sitemapBox div.homelist{
	float: left;
	display: inline;
	width: 300px;
	margin: 0 0 10px 0;
}