#box{
  width: 1200px;			/*[2016-04-13][sakiyama][modify]-->>*/
  height: 50px;				/*[2016-04-13][sakiyama][add]-->>*/
  margin: 10px auto;
  color: #3F2F69;
  text-align: center;
}

.boxin{
  position: relative;
  float: left;
  width: 170px;
  height: 140px;
  /*margin: 4 15px;*/	/*[2016-04-13][sakiyama][delete]-->>*/
}

#box a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 110px;
  padding: 0px;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
  line-height: 120px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  -ms-transition: .6s;
  transition: .6s;
  z-index: 15;
}

/*[2016-04-13][sakiyama][add]-->>*/
/*boxの中に移動したクマリンのスタイルを追加*/
#box img{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 110px;
  padding: 0px;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
  line-height: 120px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -o-transition: .6s;
  -ms-transition: .6s;
  transition: .6s;
  z-index: 15;
}
/*[2016-04-13][sakiyama][add]--<<*/

#box a:hover{
  top: -60px;
  left:-60px;
  width: 210px;
  height: 210px;
  font-size: 42px;
  line-height: 210px;
  z-index: 100;
}

#circle1{
  background: #9900ff;
  background: rgba(153,0,255,.7);
}

#circle2{
  background: #bd1550;
  background: rgba(180,21,80,.7);
}

#circle3{
  background: #ff6633;
  background: rgba(255,102,51,.7);
}

#circle4{
  background: #0000ff;
  background: rgba(0,0,255,.7);
}

#circle5{
  background: #008000;
  background: rgba(0,128,0,.7);
}

#circle6{
  background: #FF0000;
  background: rgba(255,0,0,.6);
}


table{
	border-spacing: 13px;
	
}

.btn1 a{
	border-radius:5px;
}



input[type="radio"] {
    /* ラベルでのみ選択させる場合はnoneにする */
    display:none;
    /* firefoxなど一部ブラウザではサイズ指定が効かない仕様 */
    width:23px;
    height:23px;
}
/* ラジオボタンに対応するラベル */
input[type="radio"]+label {
    display:inline;
    font-size:22px;
    border:1px solid black;
    border-radius:10px;
    padding:5px;
    background:#F0F8FF;
    color:black;
}
/* 選ばれているラジオボタンに対応するラベル */
input[type="radio"]:checked+label {
    background:black;
    color:white;
}

body {
margin: 4px 30px;
}


/* 一覧表示 */
.title {
	line-height: 2em;
	height: 1em;
	margin: 0.5em 0 0.5em 0;
}

/* 日付部分 */
.title span
{
	float: left;
	font-size: 1em;
}
.date {
	margin-right: 0.5em;
}

/* タイトル部分 */
.title h2{
	margin: 1;
	float: left;
	font-size: 1.8em;
}

/* 記事内容部分 */
.newsitem blockquote {
	margin-top: 0.5em;
	line-height: 1.5;
	padding: 1em 0.5em;
	background-color: #ffffef;
	clear: both;
}
.clear {
	clear: both;
}

/* 折りたたみ/展開の仕掛け */
.toggle_hidden {
	display: none;
}
.newsitem a,
.newsitem a:link,
.newsitem a:visited /* 訪問済でも色を変えない */
{
    color: #389ABE;
    text-decoration: none;
}
.newsitem a:hover,
.newsitem a:active
{
    text-decoration: underline;
}

img.kuma{float: left;}

   * {
                box-sizing: border-box;
            }

            .wrapper {
                padding: 3px;
                position: relative;
            } 
             .wrapper2 {
                padding: 3px;
                position: relative;
            }
 
            .box {
                position: relative;
                background:   #E6E6FA ;
                height: 80px;
                width: 210px;
                margin-bottom: 20px;
                border-radius: 50px;
            }
 
            .box:before {
                content: '';
                position: absolute;
                background:   #E6E6FA ;
                height: 25px;
                width: 25px;
                border-radius: 10px;
                bottom: -30px;
                left: 70px;
            }
 
            .box:after {
                content: '';
                position: absolute;
                background:   #E6E6FA ;
                height: 10px;
              width: 10px;
                border-radius: 10px;
                bottom: -50px;
                left: 80px;
           }