@charset "utf-8";
/****************************************************************

 * <h1> nitto denko tape museum base.css </h1>**

 * <dl>
 * <dt>00.reset</dt>
 * <dd>リセット</dd>
 * <dt>01.base layout</dt>
 * <dd>基本レイアウト</dd>
 * </dl>

 * @version1.0


*****************************************************************/



/* 00.reset
********************************************************************************************************************
********************************************************************************************************************/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, img, div {_text-align: left;}
h1, h2, h3, h4, h5, h6, th {font-size: 100%;font-weight: normal;}
em {font-style: normal;}
img {border: none;vertical-align: top;}
ul, dl {list-style-type: none;}
img {vertical-align: top;}
/* 01.base style
********************************************************************************************************************
********************************************************************************************************************/

p {text-align: justify;text-justify: distribute;}
/* 02.base layout
********************************************************************************************************************
********************************************************************************************************************/

/*clearfix
--------------------*/
#contentsArea:after, #searchBox:after, #mainNavi:after, #mainAreaInd:after, #footer:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0.1em;
}
#contentsArea, #searchBox, #mainNavi, #mainAreaInd, #footer { /*for ie6,7*/
zoom: 1;
}
body {_text-align: center;}
html, body {height: 100%;width: 100%;margin: 0px;padding: 0px;}
/* contents
-----------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/
.bg {background: url(/jp/ja/others/tapemuseum/img/bg_body.gif) 0 0 repeat;}
#nd_wrapper {
z-index: 2;
position: relative;
width: 750px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
padding: 0 5px;
background: url(/jp/ja/others/tapemuseum/img/bg_wrap.png) 0 0 repeat-y;
}
/* header
---------------------------------------------------------------------------------------------------------*/
#header {
position: relative;
height: 80px;
width: 750px;
background: url(/jp/ja/others/tapemuseum/img/bg_header.gif) 0 0 no-repeat;
zoom: 1;
z-index: 90;
}
#siteLogo {position: absolute;top: 21px;left: 18px;}
/* gNavi
---------------------------------*/
#gNavi {position: absolute;left: 154px;top: 9px;}
#gNavi li {float: left;margin: 0;}
/* about
---------------------------------*/
#about {position: absolute;top: 7px;right: -12px;z-index: 10;}
#prom_area_index #aboutTop {position: absolute;top: 280px;_top: 180px;right: 20px;z-index: 1;}
/* search_box
---------------------------------*/
#searchBox, #searchBoxTop {position: absolute;}
#searchBox {
left: 480px;
bottom: -12px;
z-index: 20;
width: 125px;
height: 20px;
padding: 4px 0 0 45px;
background: url(/jp/ja/others/tapemuseum/img/bg_search.gif) 0 0 no-repeat;
}
#searchBoxTop {
right: 25px;
top: 0px;
z-index: 200;
width: 137px;
height: 24px;
padding: 7px 0 0 43px;
background: url(/jp/ja/others/tapemuseum/img/bg_search_top.png) 0 0 no-repeat;
}
#searchBox form {height: 16px;overflow: hidden;}
#i_search_input {display: block;float: left;font-size: 10px;width: 100px;}
#searchBoxTop #i_search_input {width: 110px;height: 16px;border-top: #336FA9 1px solid;border-bottom: #336FA9 1px solid;border-left: #336FA9 1px solid;}
#i_search_btn {display: block;float: left;width: 16px;height: 16px;}
#searchBoxTop #i_search_btn {margin: 0 0 0 -2px;width: 17px;height: 18px;}
/* flashArea
---------------------------------------------------------------------------------------------------------*/
#noFlash {position: relative;width: 750px;font-weight: bold;}
.pls01 {position: absolute;top: 40%;text-align: center;color: #F00;}
.plDL {padding: 0.25em;background: #DDD;zoom: 1;}
.plDL a {color: #F00;}
#top #flashArea {position: relative;z-index: 1;}
/* contentsArea
---------------------------------------------------------------------------------------------------------*/
#contentsArea {padding-bottom: 30px;z-index: 1;}
#contentsArea.guide {background: #f3f2ed url(/jp/ja/others/tapemuseum/guide/img/sec_guide_bg.gif) repeat-y;padding: 0 0 30px 0;z-index: 1;}
#contentsArea.guide_ind {background: #f3f2ed repeat-y;padding: 0 0 30px 0;z-index: 1;}
#top #contentsArea {z-index: 2;}
/* mainAreaInd
---------------*/
#mainAreaInd {padding: 20px 20px 5px;}
#contentsArea.guide #mainAreaInd {padding: 20px;}
#mainAreaInd.guide_sec {padding: 20px;background: #f3f2ed;}
#mainAreaInd h1 {margin: 0 0 10px 0;}
/* mainArea
---------------*/
#mainArea {width: 520px;_width: 540px;float: right;padding: 15px 20px 0 0;}
#mainArea.guide {width: 540px;_width: _560px;float: right;padding: 0;}
#naviArea {width: 210px;float: left;}
/* sideArea
---------------*/
#sideArea {width: 170px;float: left;padding: 15px 0 0 20px;_padding: 13px 0 0 15px;}
.history#sideArea {width: 175px;float: left;padding: 15px 0 0 17px;_padding: 13px 0 0 12px;}
/* footer
---------------------------------------------------------------------------------------------------------*/
#footer {z-index: 80;position: absolute;bottom: 0 !important;height: 45px;width: 710px;padding: 0 20px;background: url(/jp/ja/others/tapemuseum/img/bg_footer.gif) 0 0 no-repeat;}
#ci {float: left;margin: 12px 22px 0 0;}
#footNavi {float: left;margin: 14px 0 0 0;}
/*for ie 7*/
*:first-child+html #footNavi {margin: 11px 0 0 0;}
#footNavi li {float: left;}
#copyright {
float: right;
height: 0;
width: 315px;
overflow: hidden;
margin: 16px 0 0 0;
padding-top: 10px;
background: url(/jp/ja/others/tapemuseum/img/copyright.gif) 0 0 no-repeat;
}