@charset "utf-8";

/* ==================================================
  Common Parts CSS
  Last Update 2008/06/20

 -----------------------------------------
INDEX
 -----------------------------------------

  01.Body
  02.Basic Structure
  03.Summary
  04.Header
  05.Contents Wrap
  06.Navigation Wrap
  07.Footer
  08.Out Wrap

 -----------------------------------------*/


/* ==========================================
 01.Body
========================================== */
body {
text-align:center;
background:url(/common/images/share_bg_01.gif) repeat-y 50% 50%;
}

/* ==========================================
 02.Basic Structure
========================================== */

div.wrap {
position: relative;
margin: 0 auto;
width: 800px;
text-align:left;
}

img.imageBorder {
border:solid #DCDCDC 1px;
margin:0;
padding:0;
}

/* ==========================================
 03.Link List Structure
========================================== */
.linkList01 {
display:block;
background:url(/common/images/share_ico_01.gif) no-repeat left center;
padding-left:0.8em;
}

.linkList02 {
display:block;
background:url(/common/images/share_ico_02.gif) no-repeat left center;
padding-left:1.6em;
}
.pdfIco {
background: url(/common/images/share_ico_08.gif) no-repeat right center;
padding:0.2em 1.6em 0.2em 0;
}

a.detailsLink {
display:block;
text-align:right;
font-size:90%;
padding-top:0.4em;
}
a.detailsLink:after {
content:"\00BB";
font-family:verdana,sans-serif;
font-weight:bold;
color:#039;
white-space:nowrap;
}

div.pagetop p a {
display:block;
background:url(/common/images/share_ico_03.gif) no-repeat left center;
padding-left:1em;
}


/* ==========================================
 03.Summary
========================================== */
#summary {
position: relative;
height: auto !important; /* for Modern Browser */
height: 17px; /* for IE6.0&IE5.5 */
min-height: 17px; /* for Modern Browser */
background:url(/common/images/header_bg_01.gif) repeat-x;
}

#summary p {
font-size: 10px;
padding:1px 0 0 4px;
color:#666;
display:inline;
}


/* ==========================================
 04.Header
========================================== */
div#header {
margin:14px;
}

/* ------------------------------ 
 04-1.div#cilogo
------------------------------ */
div#cilogo{
position:relative;
width:336px;
}
/* ------------------------------ 
 04-2.div#headerNavi
------------------------------ */
div#headerNavi{
position: absolute;
top: 26px;
right: 2px;
text-align:right;
}

div#headerNavi ul li {
vertical-align:top;
display:inline;
padding-left:0.5em;
padding-right:0.5em;
border-left:1px solid #ccc;
}

div#headerNavi ul li a {
text-decoration:none;
color:#666;
}

div#headerNavi ul li a:hover {
color:#F00;
}

/* ==========================================
 05.Contents Wrap
========================================== */





/* ==========================================
06.Navigation Wrap
========================================== */
div#navLogoArea {
margin:10px 9px 0 10px;
padding-top:0.8em;
border-top:#ccc 1px solid;
}


div#navLogoArea p {
text-align:center;
font-size: 10px;
color: #666;	
}

div#navLogoArea p a:link,
div#navLogoArea p a:visited,
div#navLogoArea p a:hover,
div#navLogoArea p a:active,
div#navLogoArea p a:focus {
color:#666;
text-decoration: none;
}



/* ==========================================
07.Footer
========================================== */
div#footer{
clear:both;
text-align:right;
background-color:#D4D0C8;
}

div#footer ul li {
display:inline;
padding-right:1.2em;
font-size:90%;
}

div#footer ul li a:link,
div#footer ul li a:visited {
color:#FFF;
text-decoration: none;
font-weight: bold;
}

div#footer ul li a:hover,
div#footer ul li a:active,
div#footer ul li a:focus {
color:#666;
text-decoration:underline;
font-weight: bold;
}



/* ==========================================
 08.Out Wrap
========================================== */
div.outWrap {
background:url(/common/images/share_bg_03.gif);
font-size:85%;
color:#999;
padding:0.8em;
}