/*------------------------------------
BASE
------------------------------------*/
html, body {
margin:0;
padding:0;
height:100%;
}
body {
background:#ffffff url("../img/bg.jpg") top center repeat-x;
font-size:12px;
line-height:180%;
font-family:'‚l‚r ƒSƒVƒbƒN',Lucida Grande,'ƒqƒ‰ƒMƒmƒSƒVƒbƒN Pro W3','Hiragino Gothic Pro',sans-serif;
color:#4d4d4d;
}

a:link,
a:visited {color:#0066cc; text-decoration:none;}
a:hover,
a:active  {color:#29aae1; text-decoration:underline;}

/*------------------------------------
Decoration
------------------------------------*/
h1, h2, h3, h4 {
margin:0;
padding:0;
font-size:12px;
line-height:180%;
font-weight:normal;
}
p {margin:0; padding:0;}
strong {font-weight:bold;}
em {font-style:normal; color:#d94d95;}
table {margin:0;}
fieldset {border:1px solid #ccc; padding:6px;}

.arw {
background:url("../img/icn_arw.gif") left no-repeat;
padding:0 0 0 10px;
}

.pagetop {
text-align:right;
}
.pagetop a {
background:url("../img/icn_arw2.gif") left no-repeat;
padding:0 0 0 10px;
}

/*------------------------------------
Outline
------------------------------------*/
#container {
width:880px;
margin:0 auto;
background:url("../img/content-center.gif") top center repeat-y;
min-height:100%;
height:auto !important;
height:100%;
margin-bottom:-72px;
}
#container-inner {
background:url("../img/header-bg.jpg") top center no-repeat;
}
#container-content {
width:880px;
margin:0 auto;
}
#header {
height:114px;
text-indent:-9999em;
padding:42px 0 0 0;
}
#header h1,
#header .logo {
height:74px;
background:url("../img/logo.jpg") top left no-repeat;
}
#navi {
margin:0 0 0 21px;
}
#content {
clear:both;
background:url("../img/content-top.gif") top left no-repeat;
padding:0 23px 0 23px;
}
#main {
float:left;
width:694px;
margin:14px 0 0 0;
padding:0;
} 
#main-inner {
width:675px;
margin-left:auto;
margin-right:auto;
}
.main-content {
padding:0 10px 0 20px;
}
.back {
text-align:right;
padding:0 0 10px 0;
}
#content-footer {
width:880px;
margin:0 auto;
background:#ffffff url("../img/content-bottom.gif") top left no-repeat;
height:16px;
padding:0;
overflow:hidden;
}
#push {
clear:both; 
height:72px;
}
#footer {
width:880px;
margin:0 auto;
background:#ffffff;
height:52px;
padding:4px 0 0 0;
font-size:10px; 
line-height:140%;
color:#999;
text-align:center;
overflow:hidden;
}

/*------------------------------------
Nabigation
------------------------------------*/
#navi ul {
margin:0;
padding:0;
list-style:none;
}
#navi ul li {
float:left;
display:block;
width:120px;
height:36px;
text-indent:-9999em;
margin:0 5px 0 0;
}
#navi ul li a {
display:block;
width:120px;
height:36px;
text-decoration:none;
padding:0;
margin:0;
}
.nav01 {background:url("../img/navi01.gif") bottom left no-repeat;}
.nav02 {background:url("../img/navi02.gif") bottom left no-repeat;}
.nav03 {background:url("../img/navi03.gif") bottom left no-repeat;}
.nav04 {background:url("../img/navi04.gif") bottom left no-repeat;}
.nav05 {background:url("../img/navi05.gif") bottom left no-repeat;}
.nav06 {background:url("../img/navi06.gif") bottom left no-repeat;}
.nav01 a:link,
.nav01 a:visited {background:url("../img/navi01.gif") top left no-repeat;}
.nav01 a:hover,
.nav01 a:active {background:url("../img/navi01.gif") bottom left no-repeat;}
.nav02 a:link,
.nav02 a:visited {background:url("../img/navi02.gif") top left no-repeat;}
.nav02 a:hover,
.nav02 a:active {background:url("../img/navi02.gif") bottom left no-repeat;}
.nav03 a:link,
.nav03 a:visited {background:url("../img/navi03.gif") top left no-repeat;}
.nav03 a:hover,
.nav03 a:active {background:url("../img/navi03.gif") bottom left no-repeat;}
.nav03_on a:link,
.nav03_on a:visited,
.nav03_on a:hover,
.nav03_on a:active {background:url("../img/navi03.gif") bottom left no-repeat;}
.nav04 a:link,
.nav04 a:visited {background:url("../img/navi04.gif") top left no-repeat;}
.nav04 a:hover,
.nav04 a:active {background:url("../img/navi04.gif") bottom left no-repeat;}
.nav05 a:link,
.nav05 a:visited {background:url("../img/navi05.gif") top left no-repeat;}
.nav05 a:hover,
.nav05 a:active {background:url("../img/navi05.gif") bottom left no-repeat;}
.nav06 a:link,
.nav06 a:visited {background:url("../img/navi06.gif") top left no-repeat;}
.nav06 a:hover,
.nav06 a:active {background:url("../img/navi06.gif") bottom left no-repeat;}
.nav06_on a:link,
.nav06_on a:visited,
.nav06_on a:hover,
.nav06_on a:active {background:url("../img/navi06.gif") bottom left no-repeat;}