@charset "UTF-8";
@import "reset.css";

body { background:#fff; font-family:"ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif; color:#000; line-height:1; }

/* !font-size */
body { font-size:12px;}
.txt10 { font-size:83%;}
.txt11 { font-size:92%;}
.txt14 { font-size:117%;}
.txt16 { font-size:133%;}
.txt18 { font-size:149%;}

/* !clearfix */
.cfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cfix{ overflow:hidden; }
* html .cfix{ height:1%; overflow:visible; }
.clear { clear:both;}

/* !IE6 PNG FIX */
* html .pfix { behavior: url(/common/css/iepngfix.htc); }

/* !Links */
a:link { color:#10207f; text-decoration:none; }
a:visited { color:#10207f; text-decoration:none; }
a:hover { color:#10207f; text-decoration:underline; }
a:active { color:#10207f; text-decoration:underline; }

/*Supersize Plugin Styles*/
html,body { height: 100%; overflow:hidden;}
#supersize { position: relative;}
#supersize img { height:100%; width:100%; display:inline; position: absolute; top:0; left: 0; }
#supersize img { -ms-interpolation-mode: bicubic; }

/*Common Layout*/
#wrapper {}

#FlashArea { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#globalNavi { background: #000; height: 100%; width: 200px; position: absolute; top: 0; left: 20px; min-height:640px;}
#globalNavi h1 { padding: 46px 0 35px;}
#globalNavi li { padding: 0; font-size: 1px;}
#globalNavi li.current { background:#10207f; width:210px; margin: 0 -10px 0 0; position: relative;}
#globalNavi li a { display: block;}
#globalNavi #topNavi li {font-size:10px; line-height: 1.5; padding: 0 14px;  color:#666;}
#globalNavi #topNavi li a { display: inline; }
#globalNavi #topNavi li a:link { color:#666; text-decoration:none; }
#globalNavi #topNavi li a:visited { color:#666; text-decoration:none; }
#globalNavi #topNavi li a:hover { color:#888; text-decoration:none; }
#globalNavi #topNavi li a:active { color:#888; text-decoration:none; }

#globalNavi #license { position: absolute; bottom: 70px; left: 0;}
#globalNavi #language { position: absolute; bottom: 40px; left: 0;}

#title { position: absolute; top:35px; left: 0; height: 80px; width: 740px; background:#10207f; }
#titleBG { position: absolute; top:35px; left: 0; height: 80px; width: 100%; background:#10207f;}
#title h1 { padding:31px 0 0 240px; font-size:1px;}
#title p { padding:0 0 0 240px; font-size:1px;}

#footer { background: #10207f; position: absolute; bottom:0px; left: 0px; width: 740px; height:30px;}
#footerBG { background: #10207f; position: absolute; bottom:0px; left: 0px; width: 100%; height:30px;}
* html #footer, * html #footerBG { bottom:-1px;}
#footer ul { padding: 5px 0 0 238px;}
#footer li { float: left;}

#container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;}
#scrollFix { position: absolute;}
#content { width: 520px; padding:137px 0 60px 215px; position: relative;}

.pWrap { display: none;}
#pageTop { padding:10px; margin:-10px; text-align: right; background: #000; }
#pageTop a { display: block;}
#pageTop a:link { color:#666; text-decoration:none; }
#pageTop a:visited { color:#666; text-decoration:none; }
#pageTop a:hover { color:#ddd; text-decoration:none; }
#pageTop a:active { color:#ddd; text-decoration:none; }

.list { list-style: disc; padding: 0 0 0 1.5em;}
.list li {padding: 0 0 10px 0; line-height: 1.5;}

* html #pageTop a { height: 1%;}
.RTL {margin: 30px 0 0 0;}
.RTL .left { width:94px ; float: left;}
.RTL .right { width:308px ; float: right;}
.RTL p {font-size:83%; }
.RTL .list li {font-size:83%; padding: 0; line-height: 1.3; }

.base { width: 474px; margin: 0 auto 20px;}
.base .top { background:url(../images/shadow_top.png) top; height: 6px;}
.base .inner { background:url(../images/shadow_mid.png); padding: 10px 14px 10px 14px; height: 1%; position: relative;}
.base .btm { background:url(../images/shadow_btm.png) bottom; height: 6px;}
* html .base .top { background-image:none;}
* html .base .inner { background-image:none; background-color: #fff; padding:10px; height: 1%; margin: 0 11px 4px 0;}
* html .base .btm { background-image:none;}

.base h3 { font-size:117% ; font-weight: bold; margin: 0 0 5px 0; line-height: 1.2;}
.base h4 { margin: 30px 0 0.8em 0; }
.base p { margin: 0 0 1em 0; line-height: 1.65;}

.base .baseTitle { border-left:4px solid #10207f; padding: 0 0 0 10px; line-height: 1;}
.base .baseTitle h3 { color:#10207f; font-size: 133%; margin: 0 0 4px 0; padding: 0; line-height: 1;}
.base .baseTitle p { color:#666; margin:0; padding: 0; font-weight: bold; line-height: 1; }
.base .dtlFunk { position: absolute; bottom: 0px; right: 14px; background: #10207f; padding: 10px; color: #fff; margin: 0; line-height:1;}
* html .base .dtlFunk { bottom: -1px;}
.base .dtlFunk a {color: #fff;}
.paragraph { padding: 24px 14px 35px;}
.paragraph h3 { margin:0 0 1em 0;}
.paragraph p { text-indent: 1em;}
.paragraph p.noIndent { text-indent:0;}
.base h3.tit { margin:0 0 1em 0;}
* html .paragraph { height: 1%;}
.txtRight { text-align: right;}
.txtCenter { text-align: center;}

ol, ol li { list-style: decimal;}
ol { padding: 0 0 0 2em;}
ol li { padding: 0 0 5px 0; line-height: 1.5;}

.new { font-weight: bold; color:#ff5a00; padding: 0 5px;}
.basicTB { width: 100%; border-collapse: collapse;}
.basicTB th { white-space: nowrap;}
.basicTB th,
.basicTB td { padding: 8px 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; vertical-align: top; line-height: 1.4; }

.catVisual { margin: 0 0 40px 0;}

.famlylist { border-top: 1px solid #eee;}
.famlylist ul { padding:0 0 0 5em;}
.famlylist li { padding: 10px 8px; border-bottom: 1px solid #eee;}

.formBtn a { background: #10207f; display: block; padding: 10px; width: 10em; margin: 20px auto 0; color: #fff !important; text-align: center;}
.textField { width:220px;}
.attention { color: #ff6600; padding: 0 5px;}

.read1 {}
.read2 { width: 204px; float: right;}
.read3 { width: 204px; float: left;}
.read4 {}
.pic1 { width: 204px; text-indent: 0 !important; float: left;}
.pic2 { width: 204px; text-indent: 0 !important; float: right;}
.clear { clear: both;}

.blue { color: #10207f; font-weight: bold;}
.director .photo { float: left; width: 130px; text-indent: 0; }
.director .box { overflow: hidden; font-weight: bold; }
.director .box .name { border-left: 4px solid #10207f; padding: 0 0 0 10px;}
.director .box p { text-indent: 0; line-height: 1.4; }

.acLinks { font-size: 11px }
.acLinks li { float: left; padding: 0 2px 0 0; }
.acLinks li span {}

.historyDL { border: 1px solid #ccc; border-bottom: none; }
.historyDL dt { padding: 10px; font-weight: bold;}
.historyDL dd { font-size: 11px; line-height: 1.5; min-height: 67px; position: relative; padding: 0 10px 10px 120px; border-bottom: 1px solid #ccc; height: 1%; }
* html .historyDL dd { height: 67px; }
.historyDL dd img { position: absolute; top: 0; left: 10px;}
.catVisual img { display: block; }
.catVisual p { font-size: x-small; color: #10207f; line-height: 1.3; padding: 4px 0 0;}
h4.line { color: #10207f; border-bottom: 1px solid #ccc; padding: 0 0 5px; font-size: 114%; }

h4.txt14 { font-size: 114%;}
.awards p { font-size: 11px; line-height: 1.8;}
.awards span.gray { background: #e1e1e1; padding: 4px; font-size:12px; }