@charset "UTF-8";

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

 ** site base style **

 *<ul>
 *<li>01.reset リセットCSS</li>
 *<li>02.base layout サイトの共通レイアウト</li>
 *<li>03.base style サイトの共通スタイル</li>
 *</ul>

 * @version1.0
 * @see

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


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

01. 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,object {
margin:0;
padding:0;
}


dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, p,img,div {
_text-align:left;
font-size:100%;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

strong, em, th { font-style:normal; font-weight:normal;}

body {
height: auto;
font-size:0.83em;
line-height: 1.4;
color: #666;
font-family:"ＭＳ Ｐゴシック", "MS PGothic" Arial, Helvetica, sans-serif;
}

/* for IE6 */
* html body {
    font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}

img {border:0; vertical-align:top; }

ul, dl { list-style-type: none; }
ul, li { padding:0; margin:0; }
li img { vertical-align:top; }

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


a { text-decoration:underline; color:#666; }
a:hover { text-decoration:none; color:#5E91BF; }
a:visited { text-decoration:none; color:#006093; }


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

02. base layout 

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

/***** clearfix *****/

#contentsArea:after,
#mainContentsArea:after,
#footer #inqArea:after,
#footer #inqArea ul:after,
#footer #sitemapArea:after,
#footer #functionArea ul:after {
content: "."; 
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
}


#contentsArea,
#mainContentsArea,
#footer #inqArea,
#footer #inqArea ul,
#footer #sitemapArea,
#footer #functionArea ul
{ /*for ie6,7*/ zoom:1; }


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

body { _text-align:center; }

#wrap { width:955px; margin:0 auto;}
#top #wrap { width:947px; margin:0 auto;}



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

03. common style

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

body { background:url(../images/bg_01.gif) 0 0 repeat-x #E8F7F7; }
body#top { background:#E8F7F7; }

#bg { width:100%; background:url(../images/bg_06.jpg) center 6px no-repeat; } 

#header { background:url(../images/bg_01_01.jpg) 0 0 repeat-x; padding:6px 0 0 0; position:relative; }
#top #header { background:url(../images/bg_01_01.jpg) 0 0 repeat-x #fff; padding:6px 0 0 0; position:relative; }

#contentsArea {}

#wrapInner {
width:948px;
padding:0 3px 0 4px;
background:url(../images/bg_03.png) 0 0 repeat-y;
_background:url(../images/bg_03.gif) 0 0 repeat-y;
zoom:1;
}

#top #wrap {
width:948px;
padding:0 3px 0 4px;
background:url(../images/bg_03.png) 0 0 repeat-y;
_background:url(../images/bg_03.gif) 0 0 repeat-y;
zoom:1;
}


#contentsArea {background:url(../images/bg_04.jpg) right bottom no-repeat #fff; }







/**********  #footer  **********/
#footer { background:url(../images/bg_05.jpg) right bottom no-repeat #fff; zoom:1; }
#footer #inqArea { height:45px; padding:5px 0 0 30px; background:url(../images/inq_bg_01.jpg) 0 0 repeat-x;}
#footer #inqArea p { float:left;}
#footer #inqArea ul { float:left; margin:0 0 0 8px; }
#footer #inqArea ul li { float:left; margin:0 3px 0 0; background:#FFF; }

#footer #sitemapArea {
margin:10px 20px 15px;
min-height:126px;
_height:126px;
border-right:solid 1px #83A4B7;
}

#footer #sitemapArea dl {
float:left;
_position:relative;
width:20%;
min-height:126px; _height:126px;
margin-left:-2px;
padding:0 0 3px;
border-left:solid 1px #83A4B7;
}

#footer #sitemapArea dl dt {
padding:0 10px 0 10px;
margin:0 0 10px 0;
font-weight:bold;
}

#footer #sitemapArea dl dd {
padding:0 10px 0 10px;
font-size:10px;
}

#footer #functionArea {
position:relative;
width:100%;
margin:0;
height:49px;
padding:18px 0 0;
background:url(../images/foot_bg_01_01.png) 0 0 repeat-x;

/*for ie6*/
_width:100%;
_margin:0;
_height:44px;
_background:url(../images/foot_bg_01_01.jpg) 0 0 repeat-x #CCC;
zoom:1;}

#footer #functionArea ul { text-align:center; }
#footer #functionArea ul li { display:inline; width:auto; white-space:nowrap; }
#footer #functionArea ul li a {
padding:0 5px;
background:url(../images/foot_border.gif) no-repeat right 2px;
font-size:10px;
color:#666;
}
#footer #functionArea ul li.last-child a { background:none;}
#privacyLogo { position:absolute; right:20px; top:10px; }
#copyright { display:block; clear:both; margin:3px 0 0; text-align:center; }



/*****  shop tag  *****/

.shopTag01{ }


#tooltip {
position: absolute;
z-index: 3000;
border:#FFF 1px solid;
background:#069;
color:#FFF;
padding:6px 8px;
opacity: 0.9;
}

#tooltip h3 { font-weight:bold; }