@charset "Shift_JIS";

/* ---------------------------------------------
 Base Layout
  - Base
  - Header
  - Global Navigation
  - Bread Crumbs
  - Main
  	- Contents
  	- Side
  - Pagetop Anchor
  - Footer
--------------------------------------------- */

/* Base
--------------------------------------------- */
body {
width:100%;
color:#383633;
font-family:"Arial",sans-serif;
text-align:center;
background:#f9f9f3 url(/common/images/body_bg_01.gif) repeat-x;
}

/* Header
--------------------------------------------- */
div#header {
width:950px;
height:76px;
margin:0 auto;
text-align:left;
}
div#header-inner {
margin-left:9px;
}
div#header-inner:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* CI
------------------------- */
#cilogo {
float:left;
width:354px;
margin-top:27px;
}

/* Utility
------------------------- */
div#header div#utility {
position:relative;
float:right;
width:383px;
margin-top:23px;
}
div#header div#utility li {
font-size:1px;
line-height:0.1;
}
div#header div#utility li img {
vertical-align:bottom;
}
/* Help Navigation */
div#helpnavi ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#helpnavi ul li {
float:left;
}
div#helpnavi ul li#helpnavi01 {
margin-right:18px;
}
div#helpnavi ul li#helpnavi02 {
margin-right:17px;
}
div#helpnavi ul li#helpnavi03 {
margin-right:22px;
}
div#helpnavi ul li#helpnavi04 {
margin-right:0;
}
/* Font-size Function */
div#fontsizefunc:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#fontsizefunc {
position:absolute;
top:23px;
left:31px;
}
div#fontsizefunc-inner {
position:relative;
width:141px;
}
p#fsfunc-title {
float:left;
width:49px;
margin-top:6px;
}
ul#fsfunc-btn {
float:right;
width:83px;
}
ul#fsfunc-btn:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
ul#fsfunc-btn li#fsfunc-btn01 {
float:left;
cursor:pointer;
}
ul#fsfunc-btn li#fsfunc-btn02 {
float:right;
cursor:pointer;
}
ol#fsfunc-step {
position:absolute;
top:6px;
left:85px;
}
ol#fsfunc-step li {
float:left;
margin-right:1px;
}
/* Site Search */
div#sitesearch {
position:absolute;
top:23px;
left:182px;
background:url(/common/images/header_searchbg_01.gif) no-repeat left top;
}
div#sitesearch input#suggestSearch {
width:128px;
padding:4px 0 0 20px;
border:0;
color:#383633;
font-size:12px;
line-height:1.5;
vertical-align:top;
background:transparent;
}
div#sitesearch input#search-btn {
vertical-align:baseline;
}

/* Global Navigation
--------------------------------------------- */
div#globalnavi {
border-bottom:1px solid #dedcd9;
}
div#globalnavi-inner {
width:950px;
height:45px;
margin:0 auto;
text-align:left;
}
div#globalnavi-inner ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#globalnavi-inner ul li {
float:left;
font-size:1px;
line-height:0.1;
zoom:1;
}

/* Bread Crumbs
--------------------------------------------- */
div#breadcrumbs {
border-bottom:1px solid #dedcd9;
font-size:92%;
line-height:1.5;
background-color:#fcfcf8;
}
div#breadcrumbs-inner {
width:950px;
margin:0 auto;
text-align:left;
}
div#breadcrumbs-inner ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#breadcrumbs-inner ul {
margin-left:9px;
}
div#breadcrumbs ul li {
float:left;
margin-right:9px;
padding:7px 19px 7px 0;
background:url(/common/images/breadcrumbs_bg_01.gif) no-repeat right center;
white-space:nowrap;
}
div#breadcrumbs ul li.stay {
background:none;
}

/* Main
--------------------------------------------- */
div#main {
width:950px;
margin:0 auto;
font-size:92%;
line-height:1.5;
text-align:left;
}
div#main-inner:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Contents */
div#contents {
float:left;
width:700px;
margin-top:30px;
}
/* Side */
div#side {
float:right;
width:220px;
margin-top:30px;
}

/* Pagetop Anchor
--------------------------------------------- */
div.pagetopanchor {
width:950px;
margin:50px auto 0;
text-align:left;
}
div.pagetopanchor-inner {
text-align:right;
}
div#contents div.pagetopanchor {
width:700px;
margin:0 0 24px;
}
div#contents div.pagetopanchor-inner {
margin-right:10px;
}
div#contents div.section div.pagetopanchor {
width:660px;
margin-top:0;
}
div#contents div.section div.pagetopanchor-inner {
margin-right:0;
}
div#contents div.section div.unit div.pagetopanchor {
width:620px;
margin-top:0;
margin-left:10px;
}
div#contents div.section div.unit div.pagetopanchor-inner {
margin-right:10px;
}

/* Footer
--------------------------------------------- */
div#footer {
padding-top:21px;
height:49px;
border-top:1px solid #dedcd9;
}
div#footer-inner:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#footer-inner {
width:950px;
margin:0 auto;
text-align:left;
}
/* Additional Navigation */
div#additionalnavi {
float:left;
width:370px;
}
div#additionalnavi ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#additionalnavi ul li {
float:left;
margin-right:14px;
font-size:1px;
line-height:0.1;
}
/* Copyright */
address#copyright {
float:right;
width:305px;
margin-right:5px;
display:inline;
}