@charset "Shift_JIS";
.tabs{
   position: relative;
   margin-right : auto;
   margin-bottom : 30px;
   width : 900px;
   top : -10px;
   text-align : center;
   margin-left : 30px;
}
.tabs input{
   position: absolute;
   z-index: 1000;
   height: 32px;
   left: 0px;
   top: 0px;
   opacity: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   cursor: pointer;
}
.tabs input#tab-2{
   left : 220px;
}
.tabs input#tab-3{
   left : 440px;
}
.tabs input#tab-4{
   left : 660px;
}
.tabs label{
   background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #000000)) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
   background: -moz-linear-gradient(top, #4d4d4d 0%, #000000 100%);
   background: -webkit-linear-gradient(top, #4d4d4d 0%,#000000 100%);
   background: -o-linear-gradient(top, #4d4d4d 0%,#000000 100%);
   background: -ms-linear-gradient(top, #4d4d4d 0%,#000000 100%);
   background: linear-gradient(top, #4d4d4d 0%,#000000 100%);
   font-size : 11px;
   line-height: 32px;
   height: 32px;
   position: relative;
   padding : 0px 2px;
   float: left;
   display: block;
   width : 220px;
   color : #ffffff;
   top: 0px;
   letter-spacing : 1px;
   text-transform: uppercase;
   text-align: center;
   text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
   border-radius: 4px 4px 0px 0px;
   border-left-width : 1px;
   border-left-style : solid;
   border-left-color : white;
   font-family: century;
}
.tabs label:after{
   content: '';
   background:#ffffff;
   position: absolute;
   bottom: -3px;
   left: 0;
   width: 100%;
   height: 3px;
   display: block;
}
.tabs input:hover + label{
   background : none 0% 0% / auto auto repeat scroll padding-box border-box #003296;
   top: -4px;
   -webkit-transition: top linear 0.3s;
   -moz-transition: top linear 0.3s;
   -o-transition: top linear 0.3s;
   -ms-transition: top linear 0.3s;
   transition: top linear 0.3s;
}
.tabs input:hover + label:after{
   background : none 0% 0% / auto auto repeat scroll padding-box border-box #003296;
}
.tabs input:hover + label ~ .clear-shadow{
   top: -0px;
   -webkit-transition: top linear 0.3s;
   -moz-transition: top linear 0.3s;
   -o-transition: top linear 0.3s;
   -ms-transition: top linear 0.3s;
   transition: top linear 0.3s;
}
.tabs input:checked:hover + label{
   top: 0;
}
.tabs input:checked:hover + label:after{
   background:#ffffff;
}
.tabs input:checked:hover + label ~ .clear-shadow{
   top: 0;
   background: #ffffff;
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   -ms-transition: none;
   transition: none;
}
.tabs input.tab-selector-1:hover + label.tab-label-1 ~ .clear-shadow{
   z-index: 4;
}
.tabs input.tab-selector-2:hover + label.tab-label-2 ~ .clear-shadow{
   z-index: 3;
}
.tabs input.tab-selector-3:hover + label.tab-label-3 ~ .clear-shadow{
   z-index: 2;
}
.tabs input.tab-selector-4:hover + label.tab-label-4 ~ .clear-shadow{
   z-index: 1;
}
.tabs label:first-of-type{
   z-index:4;
}
.tab-label-2{
   z-index:3;
}
.tab-label-3{
   z-index:2;
}
.tab-label-4{
   z-index:1;
}
.tabs input:checked + label{
   background:#990000;
   z-index: 7;
   -webkit-transition: top linear 0.2s;
   -moz-transition: top linear 0.2s;
   -o-transition: top linear 0.2s;
   -ms-transition: top linear 0.2s;
   transition: top linear 0.2s;
}
.clear-shadow{
   background:#ffffff;
   position: relative;
   top: 0;
   height: 10px;
   margin-bottom: -10px;
   clear: both;
   z-index: -2;
}
.content{
   background-image : none;
   background-repeat : repeat;
   background-attachment : scroll;
   background-position : 0% 0%;
   background-size : auto auto;
   background-origin : padding-box;
   background-clip : border-box;
   position: relative;
   width: 100%;
   height : 820px;
   z-index: 40;
   overflow: hidden;
}
.content div{
   position: absolute;
   top: 0;
   left: 0;
   bottom: 100%;
   padding : 10px 30px;
   overflow: hidden;
   z-index: 1;
   opacity: 0;
   -webkit-transition: all linear 0.3s;
   -moz-transition: all linear 0.3s;
   -o-transition: all linear 0.3s;
   -ms-transition: all linear 0.3s;
   transition: all linear 0.3s;
}
.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4{
   bottom: 0px;
   z-index: 100;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 5;
   -webkit-transition: all ease-out 0.3s 0.3s;
   -moz-transition: all ease-out 0.3s 0.3s;
   -o-transition: all  ease-out 0.3s 0.3s;
   -ms-transition: all  ease-out 0.3s 0.3s;
   transition: all  ease-out 0.3s 0.3s;
}
.subtitle_1_0{
   margin-left : 0px;
   color : #0a0a0a;
   font-weight : bold;
   padding-top : 14px;
   padding-left : 0px;
   border-top-width : 1px;
   border-top-style : solid;
   border-top-color : #a01e32;
   text-align : left;
   background-repeat : no-repeat;
   background-position : 0px 0px;
   margin-top : 0px;
   background-image : url(../img/title_1.png);
   font-size : 106%;
   letter-spacing : 6px;
   margin-right : 0px;
   font-family: century;
}
.font11{
   font-size : 14px;
   color : black;
   line-height : 26px;
   text-align: left;
   margin-top : 20px;
   list-style-position: outside;
   margin-left : 310px;
   text-shadow: 1px 1px 1px rgba(225, 225, 225, 0.90);
   -webkit-text-shadow: 1px 1px 1px rgba(225, 225, 225, 0.90);
   /* Safari,Google Chrome用 */  
-moz-text-shadow:1px 1px 1px rgba(225, 225, 225, 0.90);
   /* Firefox用 */  
list-style-type: decimal;
   font-weight : normal;
   margin-right : 20px;
   font-family: century;
}
.cap01{
   width : 260px;
   float : left;
   margin: 0 9px;
   font-size : 14px;
   color : #0f0f0f;
   text-shadow: 1px 1px 1px #efefef;
   -webkit- text-shadow: 1px 1px 1px  #efefef;
   /* Safari,Google Chrome用 */-moz- text-shadow: 1px 1px 1px  #efefef;
   /* Firefox用 */

   margin-top : 0px;
   text-align : center;
   margin-left : 50px;
   font-family: century;
}
.font11_1{
   font-size : 14px;
   color : black;
   line-height : 28px;
   text-align : right;
   margin-top : 0px;
   list-style-position: outside;
   margin-left : 50px;
   -webkit-text-shadow: 1px 1px 2px #c8c8c8;
   /* Safari,Google Chrome用 */  
-moz-text-shadow: 1px 1px 2px #c8c8c8;
   /* Firefox用 */  
	list-style-type: decimal;
   font-weight : normal;
   margin-right : 70px;
   font-family: century;
}
.cap02{
   width : 220px;
   float : right;
   　margin: 0 9px;
   font-size : 14px;
   color : #0f0f0f;
   text-shadow: 1px 1px 1px #efefef;
   -webkit- text-shadow: 1px 1px 1px  #efefef;
   /* Safari,Google Chrome用 */-moz- text-shadow: 1px 1px 1px  #efefef;
   /* Firefox用 */

   margin-top : -10px;
   text-align : center;
   margin-left : 30px;
   margin-right : 30px;
   letter-spacing : 2px;
   font-family: century;
}
.font11_2{
   font-size : 14px;
   color : black;
   line-height : 26px;
   text-align: left;
   margin-top : 6px;
   list-style-position: outside;
   margin-left : 330px;
   -webkit-text-shadow: 1px 1px 2px #c8c8c8;
   /* Safari,Google Chrome用 */  
-moz-text-shadow: 1px 1px 2px #c8c8c8;
   /* Firefox用 */  
	list-style-type: decimal;
   font-weight : normal;
   margin-right : 60px;
   font-family: century;
}
.font12{
   font-size: 14px;
   color: #141414;
   line-height: 24px;
   text-align: justify;
   margin-top : 0px;
   list-style-position: outside;
   margin-left : 10px;
   text-shadow: 1px 1px 1px #d1d1d1;
   -webkit- text-shadow: 1px 1px 1px #d1d1d1;
   /* Safari,Google Chrome用 */-moz- text-shadow: 1px 1px 1px #d1d1d1;
   /* Firefox用 */
	list-style-type: square;
   font-family: century;
}
.font13{
   font-size: 14px;
   color : #141414;
   line-height : 26px;
   text-align : left;
   margin-top : 0px;
   list-style-position: outside;
   margin-left : 10px;
   text-shadow: 1px 1px 1px #d1d1d1;
   -webkit- text-shadow: 1px 1px 1px #d1d1d1;
   /* Safari,Google Chrome用 */-moz- text-shadow: 1px 1px 1px #d1d1d1;
   /* Firefox用 */
	list-style-type: square;
   font-family: century;
}
.img7{
   background-color : white;
   padding-left : 2px;
   padding-bottom : 2px;
   padding-top : 2px;
   padding-right : 2px;
   border-width : 1px 1px 1px 1px;
   border-style : solid solid solid solid;
   border-color : #9ba5ff;
   float : left;
   border-radius: 6px;
   /* CSS3草案 */  
-webkit-border-radius: 6px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;
   /* Firefox用 */  

   box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.12);
   -webkit-box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.12);
   /* Safari,Google Chrome用 */  
　-moz-box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.12);
   /* Firefox用 */
   margin-right : 30px;
   margin-left : 20px;
}
.img7_1{
   background-color : white;
   padding-left : 2px;
   padding-bottom : 2px;
   padding-top : 2px;
   padding-right : 2px;
   border-width : 1px 1px 1px 1px;
   border-style : solid solid solid solid;
   border-color : #9ba5ff;
   float : right;
   border-radius: 6px;
   /* CSS3草案 */  
-webkit-border-radius: 6px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;
   /* Firefox用 */  

   box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.12);
   -webkit-box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.12);
   /* Safari,Google Chrome用 */  
　-moz-box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.12);
   /* Firefox用 */  

   margin-left : 30px;
   margin-right : 20px;
}
.dl{
   font-weight : normal;
   text-align : left;
   margin-left : 30px;
   margin-top : 14px;
   line-height : 10px;
}
.dt{
   font-size : 14px;
   font-weight : normal;
   color : black;
   background-repeat : no-repeat;
   background-position : left top;
   text-align : left;
   line-height : 10px;
   text-shadow: 1px 1px 2px #c8c8c8;
   -webkit-text-shadow: 1px 1px 2px #c8c8c8;
   /* Safari,Google Chrome用 */  
-moz-text-shadow: 1px 1px 2px #c8c8c8;
   /* Firefox用 */  
font-family: century;
}
.dd{
   font-size : 14px;
   font-weight : normal;
   color : #0f0f0f;
   margin-left : 78px;
   line-height : 20px;
   text-shadow : 1px 1px 2px #c8c8c8;
   position : relative;
   bottom : 14px;
   -webkit-text-shadow: 1px 1px 2px #c8c8c8;
   /* Safari,Google Chrome用 */  
-moz-text-shadow: 1px 1px 2px #c8c8c8;
   /* Firefox用 */  

   text-align : left;
   font-family: century;
}
.dd_2{
   font-size : 14px;
   font-weight : normal;
   color : #0f0f0f;
   margin-left : 106px;
   line-height : 20px;
   text-shadow : 1px 1px 2px #c8c8c8;
   position : relative;
   bottom : 14px;
   -webkit-text-shadow: 1px 1px 2px #c8c8c8;
   /* Safari,Google Chrome用 */  
-moz-text-shadow: 1px 1px 2px #c8c8c8;
   /* Firefox用 */  

   text-align : left;
   font-family: century;
}
.cdu{
   position : relative;
   top : 10px;
}
.small{
   font-size : 80%;
}
#back_1{
   background-image : url(img/back_1.png);
   background-repeat : no-repeat;
   background-position : right 90px;
   width : 940px;
}
.small_2{
   font-size : 90%;
}
.large_p{
   font-size : 140%;
}