@charset "UTF-8";

.no-disp{
display:none;
}

div#wrapper {
margin: 0px auto 0px auto;
position: relative;
width: 100%;
}

html.iphone #wrapper,html.ipod #wrapper,html.ipad #wrapper {
z-index: 1;
overflow: hidden;
}

.inner {
width: 980px;
margin: 0 auto;
}

div#header {
width: 100%;
}

#header,#header .inner {
background-color: #1B1B1B;
}

#header .inner {
height:110px;
}

#header p.hello {
float: left;
color: #BBBBCC;
font-size:12px;
padding-top: 90px;
padding-left: 15px;
}

hr#eof {
clear: both;
visibility: hidden;
height: 1px;
}

@media projection, screen {
#contents div.hide { display: none; }
}
@media print {
#contents ul.tabnav { display: none; }
}

#contents_wrapper {
width: 100%;
height: 460px;
background: url(../images/main_bg.gif) repeat-x;
}

#contents {
background: url(../images/ajax-loader.gif) center center no-repeat;
position: relative;
width: 980px;
height: 460px;
margin: 0 auto;
}

#contents_lock {
position: relative;
width: 980px;
height: 460px;
margin: 0 auto;
}

#contents ul.tabnav {
position: absolute;
top: 5px; 
left: 15px;
}

#contents ul.tabnav li {
float: left;
margin-right: 10px;
}

#contents ul.tabnav li,#contents ul.tabnav li a {
width: 15px;
height: 15px;
overflow: hidden;
}

#contents ul.tabnav li a {
display: block;
background: transparent url(../images/main_li.png) 0 0 no-repeat;
text-indent: -5000px;
}

#contents ul.tabnav li a:hover {
background-position: 0px -15px;
}

#contents ul.tabnav li.select a {
background-position: 0px -30px;
}

#footer {
width: 100%;
height: 140px;
background-color: #1B1B1B;
margin: 0;
padding: 0;
}

#footer .inner {
height: 140px;
}

#footer .inner .nav {
padding: 30px 0 0 0;
color: #FFFFFF;
font-size: 14px;
}

#footer .inner .nav a {
color:#FFFFFF;
}

#footer .inner .nav a:hover {
color: #CCCCCC;
text-decoration: underline;
}

#footer .inner p.copyright,
#footer .inner p.seoLink {
float: left;
padding: 10px 0 0 0;
color: #CCCCCC;
font-size: 10px;
}

#footer .inner p.seoLink {
margin-left: 15px;
}

#footer .inner p.seoLink a {
color: #CCCCCC;
}

#footer .inner p.seoLink a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#inquiry {
position: fixed;
top: 130px; right: 5px;
background-color: transparent;
z-index: 10;
}

* html #inquiry {
position: absolute;
}

#inquiry a {
background: transparent url(../images/go_inquiry.png) left top no-repeat;
display: block;
width: 127px;
height: 75px;
text-indent: -9999px;
}

#inquiry a:hover {
background-position: left bottom;
}

/* パンくず */
ul#breadCrumb_top,ul#breadCrumb_bottom {
margin: 10px 0px 10px 0px;
padding: 0px 40px 0px 30px;
height: 30px;
background-image: url(../images/link.gif);
background-repeat: no-repeat;
background-position: center center;
clear: both;
}

ul#breadCrumb_bottom {
margin: 10px 0px 10px 0px;
}

ul#breadCrumb_top li,ul#breadCrumb_bottom li {
padding: 0px 15px 0px 10px;
background-image: url(../images/link_sepa.gif);
background-repeat: no-repeat;
background-position: right;
height: 30px;
overflow: hidden;
float: left;
}

ul#breadCrumb_top li span,ul#breadCrumb_bottom li span {
display: block;
padding: 6px;
color: #FFFF99;
}

ul#breadCrumb_top li a,ul#breadCrumb_bottom li a {
display: block;
padding: 6px;
color: #FFFFFF;
}

div#breadCrumb_bottom_wrapper {
height: 40px;
}