@charset "UTF-8";
@import "fonts-min.css";

/* =========== YUI Font Size Set ===========

10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
*/

/* =========== COMMON =========== */

* { margin:0px; padding:0px; font-size:100%; _zoom:1; }
p, table { font-size:93%; }
p { margin-bottom:1em; }
img { border:0; }
ul,ol { list-style-type:none; }
li img { vertical-align:bottom; }
a { color:#0099CC; }
a:hover { text-decoration:none; }


body { background:url("../img/bg_body.gif") repeat-x 0 0; font-family:"ＭＳ Ｐゴシック", sans-serif; }

#logo { position:absolute; top:21px; display:inline; padding-left:22px; }
#logo img { }

#wrapper { width:888px; margin:0 auto; padding:170px 0 0; position:relative; }

/* HEADER */

#headerArea { width:400px; height:72px; overflow:hidden; margin:0 auto; position:absolute; top:31px; right:22px; vertical-align:bottom; }
#headerArea p, #headerArea ul { padding-left:4px; }
#fSize li { float:left; }
#headerArea p,#headerArea ul { position:absolute; }
#headerArea #hFont { top:5px; right:245px; }
#headerArea #fSize { top:5px; right:180px; }
#headerArea #hEng { top:8px; right:120px; }
#headerArea #hJpn { right:114px; top:9px; }

#headerArea #hBtn_01 { top:0px; right:0; }

/* FONT CHANGE */

#fSize li a { display:block; width:21px; height:19px; text-indent:-9999px !important; overflow:hidden; }
#fchange #fmiddle{margin:0 5px;}
#fsmall a  { background: url("../img/font_s_of.gif") no-repeat 0 0 ; }
#fmiddle a { background: url("../img/font_m_ac.gif") no-repeat 0 0 ; }
#flarge a  { background: url("../img/font_l_of.gif") no-repeat 0 0 ; }
#fsmall a:hover  { background-image: url("../img/font_s_on.gif"); }
#fmiddle a:hover { background-image: url("../img/font_m_on.gif");}
#flarge a:hover  { background-image: url("../img/font_l_on.gif");}

/* GLOBAL MENU */
#gMenu { width:888px; margin:0 auto; padding:3px 4px 0; position:absolute; top:87px; left:0; background:url("../img/bg_gm.jpg") no-repeat 0 0; }
#gMenu li { display:inline; }

/* MAIN LAYOUT */

#mainArea { width:840px; margin:0 0 0 22px; padding-bottom:30px; }

#mainWrapper { width:840px; margin:0 auto; }
#mainWrapper #mainArea { width:640px; float:left; overflow:hidden; margin:0; padding-bottom:30px; }
#sideArea { width:175px; float:right; overflow:hidden; }

#footerArea { width:840px; margin:0 0 0 22px; padding:15px 0 0 0; position:relative; background:url("../img/bg_ftr.gif") repeat-x 0 0; }

/* COMMON PARTS */

#panqz { width:840px; margin:0 0 20px; }
#panqz li { display:inline; padding-right:10px; }
#panqz li a { background:url("../img/icon_panqz.gif") no-repeat 100% 50%; padding:0 15px 0 0; }

.pagetop { width:840px; margin:0 auto 20px; text-align:right; }

#sideArea h2 { width:175px; height:67px; background:url("../img/bg_sidetit.gif") no-repeat 0 0; }
#sideArea img { margin:19px 0 0 13px; }
#sideArea h3 img { margin:10px 0 0 13px; }
#sideArea h3 { width:175px; height:32px; background:url("../img/bg_sidetit_02.gif") no-repeat 0 0; }

#sideArea .sMenu { background:#EBEFF6; padding-bottom:1px; }
#sideArea .sMenu li { display:block; background:#FFFFFF; width:171px; padding:8px 0; margin:1px 0 2px 2px; }
#sideArea .sMenu li a { display:block; background:url("../img/icon_arrow.gif") no-repeat 2px 4px; padding-left:10px; margin:0 13px; }
#sideArea .sMenu li.act a { text-decoration:none; color:#333333; }

#sideArea .sMenu02 { background:#EFEFEF; padding-bottom:1px; }
#sideArea .sMenu02 li { display:block; background:#FFFFFF; width:171px; padding:8px 0; margin:1px 0 2px 2px; }
#sideArea .sMenu02 li a { display:block; background:url("../img/icon_arrow.gif") no-repeat 2px 4px; padding-left:10px; margin:0 13px; }
#sideArea .sMenu02 li.act a { text-decoration:none; color:#333333; }


#fMenu { }
#fMenu li { display:inline; background:url("../img/icon_arrow.gif") no-repeat 2px 3px; padding:0 10px;}
#fMenu li a {  }
#fMenu li a img { vertical-align:bottom; }

#logo_ftr { position:absolute; right:0; top:17px; }

address { font-style:normal; font-size:93%; text-align:left; color:#68524a; margin: 13px 0 20px; }
address img { margin-left:22px; }


/* BASIC PARTS */

.sub .h1_01 { position:relative; margin:0 0 20px; padding:0 0 17px; font-size:161.6%; background:url("../img/bg_h1.gif") repeat-x 0 100%; line-height:1; color:#356CB0; }
p.subTit_h1 { margin-bottom:10px; }

#mainArea .h2_01 { background:url("../img/bg_h2.gif") repeat-y 0 0; margin:0 0 20px; padding:0 0 0 15px; color:#666666; }
#mainArea .h2_01 span { display:block; border-bottom:1px solid #E5E5E5; padding:0 0 8px; font-size:123.1%; line-height:1.1; }
#mainArea p.subTit_h2 { background:url("../img/bg_h2.gif") repeat-y 0 0; margin:-20px 0 20px; padding:3px 0 0 15px; color:#666666; }

#mainArea .h3_01 { background:url("../img/bg_h3.gif") no-repeat 0 100%; margin:0 0 20px; padding:0 0 12px; color:#666666; }

.txt_mk { text-indent:-1em; padding-left:1em; color:#666666; }
.txt_mk strong { _padding-left:1em; }

/* ICON */
p.icnArrow,
ul.icnArrow li { background:url("../img/icon_arrow.gif") no-repeat 2px 3px; padding-left:10px; }
.linkBlank { background:url("../img/icon_blank.gif") no-repeat 100% 0; padding-right:17px; }
p.icnDot,
ul.icnDot li { background:url("../img/icon_dot.gif") no-repeat 2px 50%; padding-left:10px; }
.arrow { background:url("../img/icon_arrow.gif") no-repeat 0 3px; padding-left:10px; }

/* BOX */
#mainArea p { line-height:1.4; margin-bottom:12px; }

.clmBox { margin-bottom:10px; }
.clmBox .fr img { margin-left:20px; margin-bottom:1em; }
.clmBox .fl img { margin-right:20px; margin-bottom:1em; }

.borderBox { border:3px solid #9EC1ED; background:#EAF1FC; padding:15px; margin:0 0 20px; }
.borderBox h3 { color:#666666;  }

.contactBox { background:#E8E8E8; padding:20px 20px 10px 20px; margin:0 0 20px; }
.contactBox dl dt { font-weight:bold; font-size:123.1%; color:#666666; }
.contactBox dl dd { padding:5px 10px 10px; }

.table_01 { border-collapse:collapse; width:100%; }
.table_01 th { padding:10px 12px; border:1px solid #CCCCCC; width:20%; background:#EAF1FC; color:#666666; font-weight:bold; text-align:left; }
.table_01 td { padding:10px 12px; border:1px solid #CCCCCC; text-align:left }

.dl_01 { margin-bottom:20px; }
.dl_01 dt { width:135px; float:left; background:url("../img/icon_dl.gif") no-repeat 100% 4px; }
.dl_01 dd { margin-left:142px; _padding-left:0px; }

.bnrBox { margin:0 0 15px; }


/* =========== LEVEL 2 =========== */



/* =========== Clear Fix (各◆以下に追加)=========== */

/* ◆for modern brouser */
#sideArea:after,
#mainWrapper:after,
#fSize:after,
.dl_01:after,
.clmBox:after,
.mainBox:after,
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* ◆IE7,MacIE5 */
#sideArea,
#mainWrapper,
#fSize,
.dl_01,
.clmBox,
.mainBox,
.clearfix {
  display: inline-block;
}
/* ◆WinIE6 below, Exclude MacIE5 \*/
* html #sideArea,
* html #mainWrapper,
* html #fSize,
* html .dl_01,
* html .clmBox,
* html .mainBox,
* html .clearfix {
  height: 1%;
}
/* ◆ */
#sideArea,
#mainWrapper,
#fSize,
.dl_01,
.clmBox,
.mainBox,
.clearfix {
  display: block;
}
/**/

/* =========== Align Set =========== */

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

/* =========== Float Set =========== */

.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

/* =========== Margin Set =========== */

.mt0 { margin-top:0px!important; }
.mt5 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }

.mr0 { margin-right:0px!important; }
.mr5 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr30 { margin-right:30px!important; }
.mr40 { margin-right:40px!important; }
.mr50 { margin-right:50px!important; }

.mb0 { margin-bottom:0px!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }

.ml0 { margin-left:0px!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }


/* ====================================================================== */


.w430 {
	width:430px;
	}
.w420 {
	width:420px;
	}