body{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e23152+0,f28c91+100 */
background: #e23152; /* Old browsers */
background: -moz-linear-gradient(45deg,  #e23152 0%, #f28c91 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #e23152 0%,#f28c91 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #e23152 0%,#f28c91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23152', endColorstr='#f28c91',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg {
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-position:center;
 background-size:contain;
 background-color:white;
}

p.small {
 font-size:12px;
 line-height: 1.5em;
 margin-top: 1.5em;
}
body#contentsPage {
width: 100%;
text-align: center;
}
div#centerLayout {
padding-top:50px;
width: 100%;
text-align: center;
position: relative;
top: 70px;
}
div#centerLayoutMain {
width: 100%;
max-width:1150px;
margin: 0 auto;
}
div#centerLayout div#centerLayoutMain div#readContents {
line-height: 1.5em;
}

div#tab-unit,
h3.tab,
h3.tab a,
div.tab-target,
div.tab-content,
div.tab-content p {
margin: 0;
padding: 0;
}

div#tab-unit {
margin: 0;
padding: 0;
position: relative;
width: 100%;
}

h3.tab {
position: absolute;
top: -45px;
}

h3.tab a {
display: block;
width: 160px;
height: 25px;
box-sizing: border-box;
font-size: 18px;
font-weight: normal;
text-decoration: none;
text-align: center;
line-height: 25px;
border-top:   1px solid #000;
border-right: 1px solid #000;
cursor: default;
}

h3.tab a,
div.tab-content {
background-color: #fff;
}

h3.tab a:link,
h3.tab a:visited,
h3.tab a:hover,
h3.tab a:active,
div.tab-content {
color: #000;
}

div.tab-target {
position: fixed;
top: 0;
width: 0;
line-height: 0;
visibility: hidden;
}

div#tab1 + div.tab-content h3.tab { left: 0px; z-index: 20; }
div#tab2 + div.tab-content h3.tab { left: 120px;}
div#tab3 + div.tab-content h3.tab { left: 240px;}
div#tab4 + div.tab-content h3.tab { left: 360px;}
div#tab5 + div.tab-content h3.tab { left: 480px;}
div#tab6 + div.tab-content h3.tab { left: 600px;}
div#tab7 + div.tab-content h3.tab { left: 720px;}
div#tab8 + div.tab-content h3.tab { left: 840px;}

div#tab1 + div.tab-content {
z-index: 10;
}

div#tab1:target + div.tab-content,
div#tab2:target + div.tab-content,
div#tab3:target + div.tab-content,
div#tab4:target + div.tab-content,
div#tab5:target + div.tab-content,
div#tab6:target + div.tab-content,
div#tab7:target + div.tab-content,
div#tab8:target + div.tab-content {
z-index: 120;
}
div.tab-content {
position: absolute;
top: 25px;
left: 0;
width: 100%;
height: 500px;
padding: 20px;
box-sizing: border-box;
background-color: #ededed;
text-align:left;
display:block;
}

div#tab-unit.cf div.tab-content h3.tab a.trNaviBtn {
background-color: #eab92d;
background-image: linear-gradient(to bottom, #eab92d, #c79810);
border: 1px solid #cb9b14;
border-radius: 3px;
color: #ffffff;
display: inline-block;
float: left;
font-size: 1.4em;
font-weight: bold;
line-height: 1.4em;
margin: 2px;
padding: 8px 0;
text-align: center;
text-decoration: none;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
width: 119px;
height: 45px;
}
.linkArea a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#readContents a{
display: block;

}
.halfitem{
float: left;
}
.fullitem img{
width: 100%;
max-width:1150px;
}
.halfitem img{
max-width:575px;
}

/*******navi********/

#navi{
z-index: 0;
  padding-top: 20px;
    position: fixed;
    right: 0;
    text-align: right;
    top: 100px;
}
#navi p{
    font-weight: bold;
    line-height: 3em;
    margin-top: 3px;
    text-align: center;
    width: 120px;
     font-size: 14px;
        }
#navi a{   
         text-decoration: none;
         }
/*******色設定********/

.scb001{
 background-color:#EB6FA5;
color:#2A2A2A;
}
.scb007{
 background-color:#00A595;
color:#2A2A2A;
}
.scb005{
 background-color:#C2D615;
color:#2A2A2A;
}
.scb002{
 background-color:#00B2CC;
color:#2A2A2A;
}
.scb003{
 background-color:#E73245;
color:#2A2A2A;
}
.scb004{
 background-color:#EC6013;
color:#2A2A2A;
}
.scb006{
 background-color:#C46CA8;
color:#2A2A2A;
}