﻿<@charset "UTF-8";>


<style type="text/css">
#body{
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
	_line-height:140%;
}

#main{
    margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:70%;         /* 幅を決定する */
    }

#main2{
    margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:60%;         /* 幅を決定する */
    }

#blocka {
   float: left;
   width: 20%;   
}

#blockb {
   float: left;
   width: 1%;
}

#blockc {
   float: left;
   width: 79%;
}

#blockd {
   float: left;
   width: 70%;   
}

#blocke {
   float: left;
   width: 1%;
}

#blockf {
   float: left;
   width: 29%;
}


#p1{
  line-height: 1.8;
}

#p2{
  line-height: 0.7;
}


#p3{
  line-height: 0.4;
}

#p4{
  line-height: 2.2;
}

#p4{
  line-height: 3.0;
}

#profile{

 height:260px;
background:url('../image/3.jpg');
  background-position: center center ;
  background-repeat: no-repeat;
  background-size: contain;
   margin: 0 auto;
}

#profile2{

 height:260px;
background:url('../image/4-1.jpg');
  background-position: center center ;
  background-repeat: no-repeat;
  background-size: contain;
   margin: 0 auto;
}

.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_tab {
	margin: 1em auto;
}
.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6), 
.cp_tab > input:nth-child(13):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(7),
.cp_tab > input:nth-child(15):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(8),
.cp_tab > input:nth-child(17):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(9),
.cp_tab > input:nth-child(19):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(10),
.cp_tab > input:nth-child(21):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(11)
{
	display: block;
}
.cp_tab > label {
	position: relative;
	display: inline-block;
        padding: 5px 1em 2px 1em;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 0;
}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
	color: #0066cc;
}
.cp_tab > input:checked + label {
	margin-bottom: -1px;
	border-color: #cccccc;
	border-bottom: 1px solid #ffffff;/*背景色と同じ*/
	border-radius: 6px 6px 0 0;
}
.cp_tab .cp_tabpanel {
	padding: 0.5em 1em;
	border-top: 1px solid #cccccc;
}
@media (max-width: 480px) {
	.cp_tab {
		width: 100%;
		font-size: 0.8em;
	}
	.cp_tab label {
		padding: 0.5em;
	}
}

#frame{width:auto; height:auto; margin:auto; margin-bottom:40px;  
        padding-top:auto; padding-bottom:100px; padding-left:72px; padding-right:40px; background-color:#FFFFFF;
    background-repeat:no-repeat;
    background-image: url(../image/frame1.jpg),  
                      url(../image/frame2.jpg);
	background-position: top right,
                         bottom left;

 }



a:link
{
color : #000000;
}

a:visited
{
color : #000000;
} 


 </style>





