@charset "Shift_JIS";

/* ---------------------------------------------
 Base Layout
  - Base
  - Header
  - Global Navigation
  - Bread Crumbs
  - Main
  	- Contents
  	- Side
  - Pagetop Anchor
  - Footer
  
  base.cssとの差分について
ポップアップで文字の大小をコントロールしようとすると
#popupwrapper div#mainが邪魔をするので除外
--------------------------------------------- */

/* Base
--------------------------------------------- */
body {
color:#383633;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
text-align:center;
width:100%;
background-color:#f9f9f9;
}


/* Link
--------------------------------------------- */
a:link { color:#009383; }
a:visited { color:#993e7d; }
a:hover,
a:active,
a:focus {
color:#009383;
text-decoration:underline;	
}

/* Container
--------------------------------------------- */
#wrapper {
font-size:107%;
}
div#container {
font-size:100%;
background:#fff url(/common/images/site_bg_02.gif) repeat-x left top;
}

/* Main
--------------------------------------------- */
div#main {
text-align:center;
margin:0 auto;
width:950px;
position:relative;
}
div#main-inner {
text-align:left;
line-height:1.6;
}
div#main div#main-inner.index {
margin-top:38px;
}

/* -- MainVisual
--------------------------------------------- */
#mainVisual{
margin-bottom:38px;
width:100%;
background-color:#fff;
}
#mainVisual-inner{
text-align:left;
margin:0 auto;
width:950px;
}


/* Contents
--------------------------------------------- */
div#contents {
float:left;
width:692px;
margin-top:38px;
}
div#main.index div#contents {
margin-top:0px;
}


/* Aside 
--------------------------------------------- */
div#aside {
float:right;
width:230px;
margin-top:38px;
}
div#main.index div#aside {
margin-top:0px;
}
	


/* HeaderArea
--------------------------------------------- */
div#headerArea {
/*padding-bottom:1px;
height:109px;
border-bottom:1px solid #c6c6c6;*/
background:url(/common/images/site_bg_03.gif) repeat-x left top;
}
div#header-inner {
text-align:left;
margin:0 auto;
width:950px;
}


/* CiArea
------------------------- */
#ciArea {
font-size:1px;
line-height:0.1;
margin-top:18px;
float:left;
width:490px;
}
#cilogo {
float:left;
width:230px;
}
#cilogotxt {
float:left;
width:224px;
margin-left:20px;
display:inline;
}

/* Utility
------------------------- */
div#headerArea div#utilityArea {
margin-top:18px;
float:right;
width:440px;
position:relative;
}
div#headerArea div#utilityArea li {
font-size:1px;
line-height:0.1;
}
div#headerArea div#utilityArea li img {
vertical-align:bottom;
}

div#utilityArea_left{
float:left;
}

div#utilityArea_right{
float:right;
}

/* Help Navigation */
div#helpnavi ul li {
float:left;
display:inline;
}
div#helpnavi ul{
float: left;
}
div#helpnavi ul li#helpnavi01 { margin-left:47px; }
div#helpnavi ul li#helpnavi02 { margin-left:17px; }
div#helpnavi ul li#helpnavi03 { margin-left:18px; }

/* Font-size Function */
div#fsfunc {
top:24px;
left:0px;
position:absolute;
}
div#fsfunc-inner { width:145px; }
p#fsfunc-title { 
margin-top:4px;
float:left;
width:52px;
}
ul#fsfunc-btn {
float:right;
width:83px;
}
ul#fsfunc-btn li#fsfunc-btn01 {
float:left;
cursor:pointer;
}
ul#fsfunc-btn li#fsfunc-btn02 {
float:right;
cursor:pointer;
}
ol#fsfunc-step {
top:6px;
left:89px;
position:absolute;
}
ol#fsfunc-step li {
margin-right:1px;
float:left;
}
/* Site Search */
div#siteSearch {
width:191px;
top:24px;
left:162px;
position:absolute;
background:url(/common/images/utility/header_searchBg_01.gif) no-repeat left top;
}
div#siteSearch input#suggestSearch {
color:#383633;
font-size:12px;
line-height:1.5;
vertical-align:top;
padding:4px 0 0 20px;
border:0;
background:transparent;
width:126px;
}
div#siteSearch input#search-btn {
vertical-align:baseline;
width:44px;
}



/* Global Navigation
--------------------------------------------- */
div#globalNav {
font-size:1px;
line-height:0.1;
margin-top:7px;
}
div#globalNav-inner {
text-align:left;
margin:0 auto;
width:953px;
height:40px;
background:url(/common/images/nav/globalNav_bg_02.gif) no-repeat left bottom;
}
div#globalNav-inner ul {
margin-left:1px;
}
div#globalNav-inner ul li {
float:left;
}

/* Bread Crumbs
--------------------------------------------- */
div#breadcrumbs {
border-bottom:1px solid #c6c6c6;
background-color:#fff;
}
div#breadcrumbs-inner {
font-size:90%;
line-height:1.3;
text-align:left;
margin:0 auto;
width:950px;
}
div#breadcrumbs ul li {
float:left;
margin-right:9px;
padding:10px 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;
}



/* Pagetop Anchor
--------------------------------------------- */
div.pagetopanchor {
clear:both;
width:950px;
margin:40px auto 10px;
text-align:left;
}

div.pagetopanchor img{
vertical-align:bottom;
}

#main div.pagetopanchor {
margin:20px auto 20px;
}

div.pagetopanchor-inner { text-align:right; }

div#contents div.pagetopanchor {
width:692px;
margin:20px 0 28px;
}
div.pagetopanchor-line {
clear:both;
margin:16px auto 28px;
}

div#contents div.pagetopanchor-02{
width:650px;
margin:20px 20px 28px;
}
/* ----------------------------------------------------------------------- */
/* FooterArea */
/* ----------------------------------------------------------------------- */

/* Global Navigation-footer 
--------------------------------------------- */
div#globalNav-footer {
font-size:1px;
line-height:0.1;
border-top:1px solid #c6c6c6;
border-bottom:1px solid #c6c6c6;
background:url(/common/images/footer/footer_globalNavbg_01.gif) repeat-x left top;
}
div#globalNav-footer-inner {
text-align:left;
margin:0 auto;
width:950px;
height:35px;
}
div#globalNav-footer-inner ul li { float:left; }


/* groupArea
--------------------------------------------- */
div#groupArea {
clear:both;
padding:8px 0;
border-bottom:1px solid #c6c6c6;
}
div#groupArea-inner {
text-align:left;
font-size:90%;
line-height:1.5;
width:950px;
margin:0 auto;
}
div#groupArea p#grouplinks-headings {
margin-right:16px;
padding:5px 19px 5px 0;
float:left;
width:190px;
border-right:1px solid #c6c6c6;
}
div#groupArea ul.links { float:left; }
div#groupArea ul.links li { 
margin:3px 25px 0 0;
float:left;
}

/* additionalNav */
#additionalNav {
padding:14px 0;
border-bottom:1px solid #c6c6c6;
}
#additionalNav-inner {
line-height:1.5;
text-align:left;
margin:0px auto;
width:950px;
}
#additionalNav-inner ul li {
font-size:90%;
line-height:1.4;
 float:left; }
#additionalNav .case01 { width:352px; }
#additionalNav .case02 { width:300px; }
#additionalNav .case03 { width:236px; }
#additionalNav-inner ul li.last { margin-bottom:0;}

/* Footer
--------------------------------------------- */
div#footer {}
div#footer-inner {
padding-top:10px; 
margin:0 auto;
width:950px;
}
/* footerbnrArea */
.footerbnrArea {
padding-bottom:10px;
float:left;
width:675px;
}
.footerbnrArea ul li {
font-size:0.1em;
line-height:0;
margin-right:10px;
float:left;
display:inline;
}

/* footerInformation */
#footerInformation {
padding-top:3px;
padding-bottom:10px;
float:right;
width:420px;
}
#footerInformationlink {
padding-top:3px;
float:right;
width:270px;
}
#footerInformationlink ul{
float:left;
}
#footerInformationlink ul li {
font-size:90%;
line-height:1.5;
padding-bottom:5px;
margin-left:10px;
margin-bottom:0;
text-align:left;
}
/* Copyright */
address#copyright {
float:right;
width:382px;
display:inline;
}



/* popupwrapper
--------------------------------------------- */
#popup {
background:#fff url(/common/images/site_bg_02.gif) repeat-x 110px 0px;
}
#popupwrapper {
font-size:107%;
}

#popupwrapper div#headerArea {
padding-bottom:1px;
height:84px;
border-bottom:1px solid #c6c6c6;
background:url(/common/images/site_bg_01.gif) repeat-x left bottom;
}


#popupwrapper div#header-inner {
text-align:left;
width:692px;
}
#popupwrapper #ciArea {
width:350px;	
}

#popupwrapper div#header-inner div#utilityArea {
margin-top:0px;
float:right;
width:320px;
position:relative;
}
/* Site Search */
#popupwrapper div#fsfunc {
top:30px;
left:0px;
position:absolute;
}
#popupwrapper #closebtn{
position:absolute;
top:25px;
right:0px;
}
#popupwrapper div#main{
/*font-size:107%;*/
text-align:center;
margin:0 auto;
width:732px;
}
#popupwrapper #main-inner{
padding:30px 20px 0;
text-align:center;
}
#popupwrapper div#contents {
text-align:left;
margin:0;
float:none;
width:692px;
}
#popupwrapper #footer {
text-align:center;
margin:0 auto;
padding:0 0 10px;
background:none;
}
#popupwrapper div#footer-inner {
margin:0 auto;
width:750px;	
}
#popupwrapper #copyright{
text-align:center;
float:none;
}



/* agentwrapper
--------------------------------------------- */
body.agent{
background:#fff url(/common/images/site_bg_02.gif) repeat-x 110px 0px;
}
#agentwrapper {
font-size: 107%;
}

#agentwrapper div#headerArea {
padding-bottom:1px;
height:110px;
border-bottom:1px solid #c6c6c6;
background:url(/common/images/site_bg_01.gif) repeat-x left bottom;
}


#agentwrapper div#headerArea div#header-inner {
text-align:left;
margin:0 auto;
width:692px;
min-height:1%;
position:relative;
}
#agentwrapper #ciArea { margin-top:35px; }
#agentwrapper div#headerArea div#utilityArea {
margin:0;
float:right;
width:150px;
top:0px;
right:0;
position:absolute;
}
#agentwrapper div#headerArea div#fsfunc{
top:30px;
right:0;
position:absolute;
}
#agentwrapper div#headerArea div#utilityArea #siteSearch{
float:right;
position:absolute;
top:0;
right:0;
width:250px;
}
#agentwrapper div#container {
text-align:center;
padding:38px 0 0;
}

#agentwrapper div#contents{
text-align:left;
margin:0 auto;
float:none;
width:692px;
}
#agentwrapper div#main .pagetopanchor{
width:692px;
}
#agentwrapper div#main{
text-align:center;
font-size:107%;
margin:0 auto;
width:692px;
}
#agentwrapper #main-inner{
text-align:center;
}


/* Voice Guide
--------------------------------------------- */
.voice-guide {
display:run-in;
position:absolute;
font-size:0;
line-height:0;
top:0;
left:0;
width:1px;
height:1px;
margin:0;
padding:0;
border-style:none;
overflow:hidden;
z-index:100;
}


/* clearfix
--------------------------------------------- */
div#ciArea:after,
div#header-inner:after,
div#mainVisual-inner:after,
div#breadcrumbs ul:after,
div#helpnavi ul:after,
div#fsfunc:after,
ul#fsfunc-btn:after,
dic#footer-inner:after,
div#globalNav-inner:after,
div#globalNav-footer-inner:after,
#additionalNav-inner:after,
div#groupArea:after,
div#groupArea-inner:after,
div#main-inner:after,
div#contents:after,
div#footer-inner:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
font-size: 0.1em;
}

div#ciArea,
div#header-inner,
div#mainVisual-inner,
div#breadcrumbs ul,
div#helpnavi ul,
div#fsfunc,
ul#fsfunc-btn,
dic#footer-inner,
div#globalNav-inner,
div#globalNav-footer-inner,
#additionalNav-inner,
div#groupArea,
div#groupArea-inner,
div#main-inner,
div#contents,
div#footer-inner {
zoom:1;	
}

.c-both {
clear:both;
}