body {
	color: #333;
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ","Meiryo",Verdana,"ＭＳ ゴシック",Osaka-mono,sans-serif;
	line-height: 1.8;
	width: 100%;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a{
	color: #7599ea;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
a:hover{
	text-decoration: none;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


#wrap{
	height: 100%;
}
#particleground {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e6e6e6; 
	display: block;
	z-index: -1;
}
#wrap{
	position: relative;
	width: 1280px;
	margin: 0 auto;
	z-index: 0;
}



/*============================================================================

		header

============================================================================*/

#header{
	width: 260px;
	background: #4d4d4d;
	float: left;
}
#header .title{
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 260px;
	background: #fff;
	border-right: solid 1px #cccccc;
}
#header .title h1{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#header .gl_nav ul{
	margin: 0;
}
#header .gl_nav li{
	margin-bottom: 0;
	border-bottom: solid 1px #333;
}
#header .gl_nav li a,
#header .gl_nav li span{
	display: block;
	padding: 15px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}
#header .gl_nav li a:hover{
	background-color: #7599ea;
}

/*============================================================================

		main_contents

============================================================================*/
#main_contents{
	width: 1020px;
	height: 100%;
	float: left;
	background: #fff;
}


/*新着情報------------*/
.news_blc h3{
	background: #3c5cb3;
	color: #fff;
	padding: 10px 60px;
	font-size: 20px;
	font-weight: normal;
}
.news_blc h3 span{
	font-size: 12px;
	color: #afc7f2;
	padding-left: 10px;
}

.news_blc .list{
	padding: 45px 60px;
}
.news_blc .list li{
	position: relative;
	padding-left: 120px;
	margin-bottom: 20px;
}
.news_blc .list li:before,
.news_blc .list li:after {
	content: " ";
	display: table;
}
.news_blc .list li:after {
	clear: both;
}
.news_blc .list li:last-child{
	margin-bottom: 0;
}
.news_blc .list li span{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px #333;
	line-height: 1;
	padding: 5px;
	width: 100px;
	text-align: center;
}


/*共通部分------------*/

.taC{
	text-align: center !important;
}
.taL{
	text-align: left !important;
}
.taR{
	text-align: right !important;
}
.space_indent01{
	margin-left: 1em;
}
.space_indent02{
	margin-left: 2em;
}

p,ul,table{
	margin: 10px 0;
}



.contents_blc{
	border-top: solid 1px #cccccc;
	padding: 45px 60px 60px;
}
h2.ttl{
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.5;
}
h2.ttl span{
	font-size: 32px;
	font-weight: normal;
	display: inline-block;
	padding: 0 35px 12px;
	background: url(../img/h3_border_bottom.png) repeat-x center bottom;
}
h3.ttl{
	font-size: 22px;
	font-weight: normal;
	color: #3c5cb3;
	margin-bottom: 15px;
}

/*テーブル*/
.table--base{
	width: 100%;
}
.table--base td,
.table--base th{
	border: solid 1px #e6e6e6;
	padding: 15px;
	text-align: left;
	vertical-align: middle;
}
.table--base th{
	background-color: #f2f2f2;
}

/*リスト*/
li{
	margin-bottom: 10px;
}
li:last-child{
	margin-bottom: 0;
}
.list--base li{
	position: relative;
	padding-left: 25px;
}
.list--base li:last-child{
	margin-bottom: 0;
}
ul.list--base li:before{
	content: "";
	background: #3c5cb3;
	width: 5px;
	height: 5px;
	position: absolute;
	top: 8px;
	left: 7px;
	color: #3c5cb3;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
ol.list--base{
	counter-reset: number;
}
ol.list--base li{
	padding-left: 25px;
}
ol.list--base li:before{
	position: absolute;
	top: 0;
	left: 0;
	color: #3c5cb3;
	counter-increment: number;
	content: counter(number)". "; 
	font-weight: bold;
}

/*アコーディオン*/
.aco--toggle_btn{
	display: block;
	cursor: pointer;
	border: solid 1px #e6e6e6;
	padding: 20px;
	margin-bottom: 20px;
	background: url(../img/aco_arrow_bottom.png) no-repeat 97% center;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.aco--toggle_btn:hover{
	background-color: #f2f2f2;
}
.aco--toggle_btn.active{
	background: #f2f2f2 url(../img/aco_arrow_up.png) no-repeat 97% center;
}
.aco_contents{
	display: none;
	margin-bottom: 30px;
	padding: 20px;
}


/*ボタン*/
.btn--base,
.btn--movie{
	display: inline-block;
	background: #3c5cb3;
	background-position: 94% center;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	min-width: 200px;
	margin: 10px 10px 10px 0;
	padding: 10px 20px 10px 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-decoration: none;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.btn--base:hover,
.btn--movie:hover{
	background-color: #7599ea;
}
/*.btn--base.add_pdf{
	background-image: url(../img/icon-pdf.png);
	text-align: left;
	padding: 10px 50px 10px 20px;
}*/
/*.btn--base.icon-download{
	background-image: url(../img/icon-download.png);
	text-align: left;
	padding: 10px 50px 10px 20px;
}*/
.btn--base.icon-none_textleft{
	text-align: left;
	padding: 10px 50px 10px 20px;
}
a.add_pdf:after,
a.add_zip:after{
	content: url(../img/icon-pdf.png);
	margin: 0 5px;
	position: relative;
    top: 5px;
}
a.add_zip:after{
	content: url(../img/icon-download.png);
}
.btn--base.add_pdf,
.btn--base.add_zip{
	position: relative;
	text-align: left;
	padding: 10px 50px 10px 20px;
}
.btn--base.add_pdf:after,
.btn--base.add_zip:after{
	position: absolute;
	right: 10px;
	top: 10px;
}


/*強調ブロック*/
.emphasis_blc {
	background: #f2f2f2;
	border: solid 1px #999999;
	padding: 30px;
	margin-bottom: 30px;
}

/*動画紹介ページ用*/
.movie_blc{
	margin-bottom: 40px;
}


/*本人の情報*/
.profile th,
.profile td{
	vertical-align: top;
}
.profile ul{
	margin-top: 0;
}
.profile .text{
	padding-left: 30px;
}
.profile .hidden_link{
	color: #fff;
}
.profile .hidden_link:hover{
	color: #fff;
}

/*============================================================================

		footer

============================================================================*/
#page_top{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
}
#footer{
	color: both;
	position: relative;
	clear: both;
	padding: 20px 0;
	color: #fff;
	text-align: center;
	background: #3c5cb3;
}
#footer .etc{
	margin-bottom: 10px;
}
#footer .etc .google_ana a{
	color: #fff;
	font-size: 12px;
}
#footer .copy{
	display: block;
	color: #fff;
	font-size: 10px;
	color: #829ce0;
}