@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

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

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* Font
-------------------------------------------------------------------------------*/

body{font:14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.86;letter-spacing:.05em}

/* basic
-------------------------------------------------------------------------------*/

a{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:link{color:#33c}a:visited{color:#802080}a:hover{text-decoration:underline;color:#eb6100}a:active{color:#ebc300}a:focus{outline:0}a img{vertical-align:top}.opc a:hover img{opacity:.6;-moz-opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60)}.opc .current>a:hover img{opacity:1;-moz-opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100)}.current>a{cursor:default}.sprite{position:relative;display:block;overflow:hidden}.sprite:hover{/zoom:1}.sprite img{position:absolute}.normal{font-weight:normal!important}.bold{font-weight:bold}.fltL{float:left!important}.fltR{float:right!important}.clrml{margin-left:0!important}.clrmr{margin-right:0!important}.clrmb{margin-bottom:0!important}.clrmt{margin-top:0!important}.clrbt{clear:both!important}.clrL{clear:left!important}.clrR{clear:right!important}.clrbd{border:none!important}.alnR{text-align:right}.block{display:block}.whitespace{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}.clrfx:before,.clrfx:after{content:"";display:table}.clrfx:after{clear:both}.clrfx{zoom:1}

/* layout
-------------------------------------------------------------------------------*/

html, body {
    background: #afb4b9;
}

#wrapper {
    margin: 0 auto;
    padding-bottom: 9px;
}

#contents {
    background: #fff;
    border: #000 1px solid;
    border-top: none;
}

#footer {
    background: #fff;
    border: #000 1px solid;
    margin-top: 6px;
}

#footer address {
    padding-bottom: 16px;
    margin: 0 auto;
    width: 337px;
}

#footer ul {
    margin: 0 76px 0 100px;
    padding: 30px 0;
}

#footer li {
    float: left;
}

#footer li + li {
    margin-left: 60px;
}

#footer li.fltR {
    margin-left: ０;
}

/* index
-------------------------------------------------------------------------------*/

#index #wrapper {
    width: 1001px;
}

#index #header {
    background: #fff;
    border: #000 1px solid;
    border-top: none;
    height: 500px;
    overflow: hidden;
}

#index #header .fltL {
    border-right: #000 1px solid;
    width: 699px;
    height: 500px;
    overflow: hidden;
    position: relative;
}

#index #header .fltL img {
    position: absolute;
    left: 0;
    top: 500px;
    z-index: 0;
}

#index #header .fltL .foreground {
    z-index: 1;
    top: 0;
}

#index #header .fltL .background {
    top: 0;
}

#index #header .fltR {
    width: 249px;
    height: 500px;
    overflow: hidden;
}

#index #header .fltR h1 {
    padding: 17px 0 86px;
}

#index #contents {
    padding: 0 63px 51px 64px;
}

#index #contents #headline {
    padding: 0 1px;
    height: 309px;
}

#index #contents #headline p,
#index #contents #headline ul {
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

#index #contents #headline p {
    padding-top: 53px;
}

#index #contents #headline ul {
    padding-top: 51px;
}

#index #contents #headline li {
    width: 131px;
    float: left;
}

#index #contents #headline li + li {
    width: 227px;
}

#index #contents #headline li h3 {
    padding-bottom: 6px;
}

/* sub
-------------------------------------------------------------------------------*/

.sub .underline {
    margin: 0;
    padding: 0;
    border-bottom: #000 1px solid;
}

.sub h3.underline {
    height: 21px;
}

.sub #wrapper {
    width: 951px;
}

.sub #header {
    margin-right: -208px;
    width: 669px;
    padding: 35px 0 95px;
}

.sub #header h3.underline {
    margin-bottom: 24px;
    padding: 0!important;
}

.sub #header > .fltL {
    width: 395px;
}

.sub #header .fltL h3 {
    padding: 2px 0 0 3px;
}

.sub #header .fltL p {
    padding: 35px 0 43px;
}

.sub #header .fltL.clrbt {
    padding-bottom: 40px;
}

.sub #header .fltL.clrbt p {
    padding: 0;
}

.sub #header > .fltR {
    width: 249px;
}

.sub #header .fltR h3 {
    padding: 0 0 9px 1px;
}

.sub #header .fltR p {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
}

.sub #header .fltR a + a {
    margin-left: 3px;
}

.sub #header .clrbt p {
    padding-left: 5px;
}

.sub #contents {
    padding: 0 208px 0 280px;
    position: relative;
}

.sub #contents h1 {
    margin: 0 -208px 0 -80px;
    width: 749px;
    height: 200px;
    overflow: hidden;
}

/* timeline
-------------------------------------------------------------------------------*/

#timeline {
    margin-top: 55px;
    width: 872px;
    background: url(/stripe/2013/images/bg_timeline.png) 432px 0 repeat-y;
    position: relative;
}

#timeline:before {
    content: "";
    width: 872px;
    height: 55px;
    background: url(/stripe/2013/images/bg_timeline_before.png) 432px 0 no-repeat;
    position: absolute;
    top: -55px;
    left: 0;
}

#timeline > h3,
#timeline > div {
    position: absolute;
    left: -9999px;
}

#timeline h3 {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    margin-bottom: 6px;
}

/* article */

#timeline .article {
    width: 411px;
    padding-bottom: 33px;
}

#timeline .article .inner {
    padding: 24px 25px 22px;
    border: #000 1px solid;
    background: #fff;
    position: relative;
}

#timeline .article .inner:after {
    content: "";
    width: 30px;
    height: 22px;
    position: absolute;
    top: 50px;
}

#timeline .article h4 img {
    float: left;
}

#timeline .article h4 img.date {
    margin: 34px 0 0 -114px
}

#timeline .article h4 img.subject {
    margin: 11px 0;
    clear: both;
}

#timeline .article p {
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.1em;
}

#timeline .article p > img {
    float: left;
    padding-right: 13px;
}

#timeline .article p span {
    word-wrap: break-word;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    width: 179px;
    margin-right: -13px
}

#timeline .article p a {
    float: right;
    margin: 11px 2px 0 0;
}

#timeline .article ol {
    padding: 27px 0 9px 2px;
}

#timeline .article ol li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    float: left;
    clear: left;
}

#timeline .article ol li + li {
    margin-top: 24px;
}

#timeline .article ol li a {
    display: block;
}

/* left right noarrow */

#timeline .article.left .inner:after {
    background: url(/stripe/2013/images/bg_arrow_left.png) no-repeat;
    right: -30px;
}

#timeline .article.right .inner:after {
    background: url(/stripe/2013/images/bg_arrow_right.png) no-repeat;
    left: -30px;
}

#timeline .article.left h4 img.date,
#timeline .article.right h4 img.date {
    margin: 34px 0 0 -67px
}

#timeline .article.noarrow .inner:after {
    background: none!important;
}

/* latest */

#timeline .article.latest .inner {
    padding: 29px 25px 25px;
}

#timeline .article.latest .inner:after {
    top: 65px!important;
}

#timeline .article.latest h4 span.date {
    float: left;
    clear: both;
    margin: -42px 0 0 242px!important;
    position: relative;
    width: 55px;
    text-align: right;
}

#timeline .article.latest h4 span.new:after {
    content: url(/stripe/2013/images/icon_new.png);
    position: absolute;
    top: -18px;
    right: -61px;
}

#timeline .article.latest h4 span img {
    float: none;
}

#timeline .article.latest .inner > img {
    margin: 12px -25px 12px  -25px;
}

#timeline .article.latest p {
    padding-top: 16px;
}

#timeline .article.latest p span {
    width: auto;
    margin-right: 0;
}

/* news */

#timeline .article.news {
    width: 872px;
}

#timeline .article.news .inner {
    padding: 25px 25px 23px;
    overflow: hidden;
}

#timeline .article.news h4 span.date {
    margin: -58px 0 0 702px!important;
}

#timeline .article.news .inner > img {
    float: right;
    margin: -5px 0 0;
}

#timeline .article.news h5 {
    padding-top: 37px;
    float: left;
}

#timeline .article.news p {
    padding-top: 13px;
    width: 363px;
    float: left;
}

/* advance */

#timeline .advance {
    width: 540px;
    background: #321e87;
    text-align: center;
    padding: 25px 0 14px;
}

#timeline .advance ol {
    padding-top: 27px;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

#timeline .advance ol li {
    width: 87px;
    height: 133px;
    float: left;
}

#timeline .advance ol li + li {
    margin-left: 38px;
}

#timeline .advance ol li a {
    width: 87px;
    height: 109px;
    display: block;
    overflow: hidden;
    background: #fff;
    margin-bottom: 12px;
}

#timeline .advance ol li > img {
    vertical-align: top;
}

/* global
-------------------------------------------------------------------------------*/

#global {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
}

#global.fixed {
    position: fixed;
}

#global dl {
    margin: 35px 0 35px 49px;
}

#global dl img {
    vertical-align: top;
}

#global dt {
    padding-bottom: 14px;
}

#global dd {
    padding-left: 26px;
}

#global dd + dd {
    padding-top: 21px;
}

/* content
-------------------------------------------------------------------------------*/

#content {
    padding-bottom: 71px;
}

#content h3 {
    margin: 0 -208px 27px 0;
}

#content p {
    font-size: 14px;
    line-height: 1.86;
    letter-spacing: 0.18em;
}
#content .cap {
  font-size: 12px;
  line-height: 1.8em;
  color: #4D4D4D;
  /*padding-left: 70px;*/
}


#content img {
   display: block;
}

#content img.inline {
   display: inline!important;
   vertical-align: middle;
}

#content h4 {
    padding: 51px 0 37px;
}

#content a:hover {
    text-decoration: underline;
}

#content .article {
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    margin: 38px 0 36px;
    padding-bottom: 39px;
}

/* navi
-------------------------------------------------------------------------------*/

#navi {
    margin-right: -208px;
    padding:  40px 86px 44px 0;
    border-top: #000 1px solid;
}

#navi li {
    float: left;
}

#navi li + li {
    float: right;
}

/* e
-------------------------------------------------------------------------------*/

#e a {
    color: #3fa9f5;
}

/* t
-------------------------------------------------------------------------------*/

#t a {
    color: #d7142b;
}

/* profile
-------------------------------------------------------------------------------*/

.profileContent {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #000;
  background: #FFF;
  padding: 25px;
  display: none;
  z-index: 51;
}

.profileContent h3 {
  margin: 0 0 25px 0;
}

.profileContent .close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 18px;
  height: 18px;
}


/*
 * banner
 */

.banner {
	width: 669px;
	padding: 40px 0;
	border-top: 1px solid #000;
}