/* 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.75;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}.alnC{text-align:center}.block{display:block}.inline{display:inline}.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}

/* slimbox
-------------------------------------------------------------------------------*/

#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer;
}

#lbCenter, #lbBottomContainer {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;
}

.lbLoading {
    background: #fff url(/common/images/slimbox2_src/loading.gif) no-repeat center;
}

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;
    background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none;
}

#lbPrevLink {
    left: 0;
}

#lbPrevLink:hover {
    background: transparent url(/common/images/slimbox2_src/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
    right: 0;
}

#lbNextLink:hover {
    background: transparent url(/common/images/slimbox2_src/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none;
}

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(/common/images/slimbox2_src/closelabel.gif) no-repeat center;
    margin: 5px 0;
    outline: none;
}

#lbCaption, #lbNumber {
    margin-right: 71px;
}

#lbCaption {
    font-weight: bold;
}

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

html {
    background: #fff url(../images/bg_html.png) no-repeat 50% 0 fixed;
}

p {
    font-size: 13px;
    line-height: 1.92;
    color: #331e00;
    letter-spacing: 0.1em;
}

p a {
    color: #2f66d4!important;
}

#wrapper {
    width: 1031px;
    margin: 0 auto;
    position: relative;
}

#wrapper > h1 {
    position: absolute;
    z-index: 2;
    top: -5px;
    left: 242px;
}

#wrapper > h1 img {
    display: block;
}

#wrapper > h1 img + a,
#wrapper > h1 img + img {
    margin: 10px 0 0 -12px;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

#header {
    padding: 11px 0 2px 35px;
}

#contents {
    position: relative;
    background: url(../images/bg_contents_02_b.png) repeat-y;
    margin: 44px 0 25px;
    text-align: center;
}

#contents:before {
    position: absolute;
    content: url(../images/bg_contents_02_h.png);
    top: -34px;
    left: 0;
}

#contents:after {
    position: absolute;
    content: url(../images/bg_contents_02_f.png);
    bottom: -34px;
    left: 0;
}

#contents > p {
    font-size: 12px!important;
    color: #808080!important;
    padding-top: 22px;
}

#footer {
    position: relative;
    background: url(../images/bg_footer_b.png) repeat-x;
    margin: 0 44px 4px 47px;
    height: 88px;
}

#footer:before {
    position: absolute;
    content: url(../images/bg_footer_l.png);
    top: 0;
    left: -47px;
}

#footer:after {
    position: absolute;
    content: url(../images/bg_footer_r.png);
    top: 0;
    right: -44px;
}

#footer ul {
    padding: 34px 158px 0 68px
}

#footer li {
    float: left;
}

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

.col {
    position: relative;
    z-index: 1;
    width: 384px;
    margin-top: 4px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

.col + .col {
    z-index: 0;
    width: 535px;
    text-align: right;
}

.col > a {
    display: block;
}

.box {
    position: relative;
    z-index: 1;
    display: inline-block;
    text-align: left;
    /display: inline;
    /zoom: 1;
}

.box:before {
    position: absolute;
    left: 0;
}

.box:after {
    position: absolute;
    left: 0;
}

.box h3:first-child {
    position: absolute;
    z-index: 2;
}

.box > p {
    position: relative;
    z-index: 2;
}

/* pre
-------------------------------------------------------------------------------*/

#pre h2 {
    padding-bottom: 27px;
    margin-left: -6px;
}

#pre h2 + p {
    font-size: 18px;
    line-height: 2;
    color: #005000;
    padding: 0 0 25px 60px;
}

#pre h2 + p span {
    font-size: 14px;
    color: #f00;
}

#pre p {
    font-size: 14px;
    line-height: 2;
    color: #000;
    letter-spacing: 0.1em;
}

#pre p a {
    color: #00a000!important;
}

#pre dl {
    font-size: 14px;
    line-height: 2;
    color: #000;
    margin: 28px 0 21px;
}

#pre dt {
    float: left;
    clear: both;
}

#pre dt:after {
    content: "：";
}

#pre dd {
    padding-left: 4.43em;
}

#pre dd + dt + dd {
    font-size: 12px;
    padding: 0.17em 0 0 5.17em;
}

#pre #wrapper {
    width: 931px;
}

#pre #contents {
    margin: 34px 0 25px;
    background: url(../images/bg_contents_b.png) repeat-y;
}

#pre #contents:before {
    content: url(../images/bg_contents_h.png);
}

#pre #contents:after {
    content: url(../images/bg_contents_f.png);
}

#pre #contents h1 {
    padding-top: 4px;
}

#pre #footer ul {
    padding: 34px 108px 0 18px
}

#pre .box {
    width: 578px;
    background: url(../images/bg_box_b.png) repeat-y;
    margin: 21px 0;
}

#pre .box:before {
    content: url(../images/bg_box_h.png);
    top: -21px;
}

#pre .box:after {
    content: url(../images/bg_box_f.png);
    bottom: -21px;
}

#pre .box + .box {
    margin: 43px 0 21px;
}

#pre p.box {
    width: 526px;
    padding: 33px 0 32px 52px;
}

#pre p.box + .box {
    width: 418px;
    padding: 33px 80px 30px;
}

#pre .box > a {
    display: block;
    width: 254px;
    margin: 12px auto 0;
}

#pre .box > a + a {
    margin: 7px auto 3px;
}

#pre .box a + p {
    font-size: 12px;
    text-align: center;
}

#pre .large {
    padding: 35px 0 36px;
    background: url(../images/bg_box_large_b.png) repeat-y;
    width: 808px;
}

#pre .large:before {
    content: url(../images/bg_box_large_h.png);
}

#pre .large:after {
    content: url(../images/bg_box_large_f.png);
}

#pre .large p {
    float: left;
    margin-left: 50px;
}

#pre .large p + p {
    width: 415px;
    margin: -6px 0 0 42px;
}

#pre .large img {
    display: block;
}

#pre .large img + img {
    margin: 20px 0 0 3px;
}

/* common
-------------------------------------------------------------------------------*/

.col .box {
    margin: 68px 0 37px;
}

.col .box:before {
    top: -68px;
}

.col .box:after {
    bottom: -37px;
}

.col + .col > div:first-child {
    min-height: 319px;
}

#b01 {
    width: 924px;
    background: url(../images/bg_b01_b.png) repeat-y;
    margin: 180px 0 35px;
}

#b01:before {
    content: url(../images/bg_b01_h.png);
    top: -193px;
}

#b01:after {
    content: url(../images/bg_b01_f.png);
    bottom: -35px;
}

#b01 h3 {
    top: -56px;
    left: 565px;
}

#b02 {
    width: 493px;
    background: url(../images/bg_b02_b.png) repeat-y;
}

#b02:before {
    content: url(../images/bg_b02_h.png);
    
}

#b02:after {
    content: url(../images/bg_b02_f.png);
}

#b02 h3 {
    top: -50px;
    left: 61px;
}

#b02 p {
    margin: 1px 0 -1px 37px;
}

#b02 a {
    position: absolute;
    z-index: 2;
    top: 80px;
    left: 105px;
}

#b02 + a {
    width: 477px;
    margin: 12px 0 41px 8px;
}

#b03 {
    width: 384px;
    background: url(../images/bg_b03_b.png) repeat-y;
}

#b03:before {
    content: url(../images/bg_b03_h.png);
    
}

#b03:after {
    content: url(../images/bg_b03_f.png);
}

#b03 h3 {
    top: -51px;
    left: 62px;
}

#b03 p {
    text-align: center;
    margin: -5px 22px -4px;
}

#b03 + a {
    width: 264px;
    margin: 5px auto 0;
}

#b04 {
    width: 422px;
    background: url(../images/bg_b04_b.png) repeat-y;
}

#b04:before {
    content: url(../images/bg_b04_h.png);
}

#b04:after {
    content: url(../images/bg_b04_f.png);
}

#b04 h3 {
    top: -50px;
    left: 59px;
}

#b04 > p {
    margin: -4px 22px 16px 43px;
}

#b04 dt {
    float: left;
    width: 83px;
    padding-top: 9px;
    text-align: right;
}

#b04 dd p {
    font-size: 12px;
    line-height: 2.08;
    margin: -41px 4px -3px 38px;
}

#b05 {
    margin: 72px 0 37px;
    width: 535px;
    background: url(../images/bg_b05_b.png) repeat-y;
}

#b05:before {
    content: url(../images/bg_b05_h.png);
}

#b05:after {
    content: url(../images/bg_b05_f.png);
}

#b05 h3 {
    top: -51px;
    left: 245px;
}

#b05 p {
    margin: -5px 22px -7px 47px;
}

#b06 {
    float: right;
    width: 286px;
    margin: 53px 41px 16px 12px;
    background: url(../images/bg_b06_b.png) repeat-y;
}

#b06:before {
    top: -53px;
    content: url(../images/bg_b06_h.png);
}

#b06:after {
    bottom: -13px;
    content: url(../images/bg_b06_f.png);
}

#archive {
    width: 918px;
    margin: 0 auto;
    padding-top: 32px;
}

#archive ul {
    text-align: left;
    margin-top: 15px;
}

#archive li {
    vertical-align: bottom;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

#archive li + li {
    margin-left: 16px;
}

#archive + p {
    padding-top: 32px;
}

.article {
    /zoom: 1;
}

.article:before,
.article:after {
    content:"";
    display:table;
}

.article:after {
    clear:both;
}

.article > h4 {
    margin: 16px 0 17px;
}

.article > h4 a {
    color: #106610;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}

.article > span {
    font-family: Arial,Helvetica,sans-serif;
    background: #fdea31;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    min-height: 18px;
    border-radius: 9px;
    font-size: 11px;
    line-height: 18px;
    color: #331e00;
    padding: 0 20px 0 22px;
}

.article > img {
    float: left;
    margin-left: -585px;
}

.article > div {
    width: 320px;
    float: left;
    margin-left: -360px;
}

.article > div a {
    display: block;
}

.article > div a + a {
    margin-top: 20px;
}

.article > a {
    float: right;
    margin: 21px 20px 0 0;
}

.article + ul {
    position: relative;
    margin: 82px 51px 25px;
    text-align: center;
}

.article + ul li:first-child {
    position: absolute;
    left: 0;
}

.article + ul li:first-child + li {
    position: absolute;
    right: 0;
}

.article + ul li + li + li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

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

#index .article {
    padding: 3px 22px 2px 622px;
}

/* textlive
-------------------------------------------------------------------------------*/

#textlive .article {
    margin-top: 2px;
    padding: 3px 62px 2px 422px;
}

#textlive .article + .article {
    margin-top: 23px;
    padding-top: 67px;
    background: url(../images/border.png) no-repeat 50% 0;
}