@charset "utf-8";

*{
	margin: 0px;
	padding:0px;
}


/* みんぱくロゴ・言語切り替えボタン・サイトタイトル
------------------------------------------------------------*/
.logo_minpaku{
	float: left;
	margin: 20px 0px 10px 20px
}

.en_gate{
	float: right;
	margin: 25px 60px 10px 0px;
	padding: 12px;
	background: radial-gradient(#F2B9A1, #EA6264);
	color: azure;
	border-radius: 5px;
}

.en_gate a{
	color: azure;
	font-family: Comic Sans MS;
}


.jp_gate{
	float: right;
	margin: 25px 60px 10px 0px;
	padding: 12px;
	background: radial-gradient(#0dc931, #0b9616);
	color: azure;
	border-radius: 5px;
}

.jp_gate a{
	color: azure;
	font-family: Comic Sans MS;
}


.signboard{
	clear: both;
	text-align: center;
}



/* 2カラムレイアウト
------------------------------------------------------------*/
header nav ul{
	width: 20%;
	float: left;
	margin: 2%;
	margin-bottom: 10%;
}

.sillr_content{
	width: 70%;
	margin: 2%;
	margin-bottom: 10%;
	float: left;
}

.sillr_content ul{
	margin-left: 30px;
}

.sillr_content li{
	margin-bottom: 12px;
}

footer{
	clear: both;
	background-color: #000033;
}



/* ナビゲーション・パンくずリスト
------------------------------------------------------------*/
header nav li{
	padding: 10px 5px 8px 5px;
	border-bottom: dotted 2px gray;
	list-style: none;
}

header nav li img{
	vertical-align: middle;
}

header nav a{
	color: #0da8ac;
}

header nav a:hover{
	color: black;
	padding-bottom: 1px;
}

header nav .on_content{
	color: coral;
	font-weight: bolder;
}

footer nav ul{
	margin-top: 50px;
	padding-top: 30px;
	text-align: center;
}

footer nav li{
	display: inline;
}

footer nav a{
	color: ghostwhite;
	margin: 10px;
	font-size: 85%;
	text-align: center;
}

footer a:hover{
	color: ghostwhite;
	border-bottom: 1px solid ghostwhite;
}

footer .on_content{
	color: ghostwhite;
	border-bottom: 3px solid #EA6264;
}

.pankuzu{
	font-size: 90%;
	color: #777;
}

.pankuzu img{
	vertical-align: middle;
	padding: 0px 2px 0px 2px;
}

.pankuzu a{
	color: #777;
}

.pankuzu a:hover{
	color: #777;
	border-bottom: 1px solid #777;
	margin-bottom: 1px;
}



/* リンクの装飾
------------------------------------------------------------*/
a{
	text-decoration: none;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.more{
	font-size:90%;
}

.more a:hover{
	color: darkgray;
	border-bottom: 1px solid darkgray;
}



/* 本文内の装飾
------------------------------------------------------------*/
.sillr_content{
	line-height: 1.5;
}

h1{
	margin:20px 0px 30px 0px;
}

h1.h1ssr{
	margin:20px 0px 30px 0px;
	background-color: oldlace;
	padding: 8px 0px 5px 10px;
	color: coral;
}

h2{
	margin: 50px 0px 30px 5px;
	border-left:10px solid brown;
	padding-left: 10px;
}

h3{
	margin:30px 0px 10px 0px;
}

h4{
	margin-top:20px;
}

.lv_list div{
	text-align: center;
}


.lp_list article{
	border: 1px solid silver;
	border-radius: 5px;
	margin: 50px 0px 30px 0px;
	padding: 0px 30px 60px 30px
}

.lv_list dt{
	font-weight:800;
	margin-bottom:5px;
}

.lv_list dd{
	line-height: 1.5;
}

.lv_list dd ul{
	margin-top:10px;
}

.lp_list dt{
	float:left;
	padding-top:8px;
}

.lp_list dd{
	padding: 8px 0px 8px 9.5em;
	border-bottom: dashed 1px silver;
}


.ev_list img{
	float:left;
	margin-right: 15px;
}

.ev_list dl{
	clear: both;
	width: 95%;
	margin: 0px 0px 20px 10px;
	padding: 20px 0px 30px 20px;
	border: 1px silver solid;
}

.ev_list dt{
	margin-bottom: 6px;
}

.ev_list .lec_pro{
	margin-bottom:25px;
}

.ev_list .lec_pro b{
	font-size:large;
}

.recru dd{
	margin-bottom:15px;
}


.more_deco{
	text-align: center;
	border-radius: 5px;
	background: #fca00c;
	width: 80px;
	padding: 2px;
	margin-left:80%;
}

.more_deco a{
	color: ghostwhite;
}


hr{
	border: dotted 2px silver;
	margin-top:40px;
	margin-bottom: 20px;
}

footer .copyright{
	color: ghostwhite;
	margin: 80px 0px 0px 0px;
	padding-bottom: 40px;
	text-align: center;
	font-size: 80%;
}

.clear{
	clear:both;
}

.att{
	color:red;
}

p.parag{
	margin-bottom:15px;
}

.italic{
	font-style: italic;
}

.underline{
	text-decoration: underline;
}


/* メンバー
------------------------------------------------------------*/
.cv_list dl{
	width: 95%;
	margin: 0px 0px 30px 5px;
	padding:8px 12px 8px 12px;
}


.cv_list dt{
	font-size: 120%;
}

.cv_list dt span{
	font-size: 85%;
}

.cv_list dt.member_photo img{
	float:left;
	margin:2px 15px 1px 1px;
}

.cv_list dd.more{
	clear:both;
}



/* ページトップへ
------------------------------------------------------------*/
#wrapper{
	margin:0 auto;
	padding:0 1%;
	width:98%;
	position:relative;
}

.inner{
	margin:0 auto;
	width:100%;
}

#pageTop{
	background:#888888;
	border-radius:5px;
	color:#fff;
	padding:15px;
	position:fixed;
	bottom:20px;
	right:30px;
}

#pageTop:hover{
	background:#f58f29;
}




/* テーブル
------------------------------------------------------------*/
caption{
	text-align: left;
}

table.table{
	border-collapse:collapse;
	width:100%;
	margin:10px auto;
}

table.table th,table.table td{
	padding:10px;
	border: 1px solid #ddd;
}

table.table th{
	font-weight:bold;
	letter-spacing:1px;
	white-space:nowrap;
	background:#eee;
}

td.center{
	text-align:center;
}

td.time{
	width:90px;
}

td.sp01{
	width:250px;
}

table.t1{
	border-collapse:collapse;
	border-spacing:0;
	margin: 10px 0;
}

table.t1 tr th{
	padding: 5px;
	border:1px solid #ccc;
}

table.t1 tr td{
	padding: 5px;
	border:1px
	solid #ccc;
}

table.t1 tr td.wrap{
	white-space: normal;
}

table.t1 tr td.verm{
	vertical-align: middle;
}

table.t2{
	border-collapse:collapse;
	border-spacing:0;
	margin: 10px 0;
}

table.t2 tr th{
	padding: 5px;
	border:1px solid #ccc;
	vertical-align: middle;
}

table.t2 tr td{
	padding: 5px;
	border:1px solid #ccc;
	vertical-align: middle;
	font-size:90%;
}

table.t2 tr td.wrap{
	white-space: normal;
}

table.thwidth01{
	width: 20%;
}

th{
	background-color: floralwhite;
}
