@charset "utf-8";

/*
Site URL	http://www.umin.ac.jp/cdisc/index-seminar2015-10.html
Created		2015/07/10
Last update	2015/07/17
Author		Hayashi Ryosuke
*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	基礎情報
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	position: relative;
	background-image:url(/images/cdisc/index-seminar2015/bg-body.png);	
	background-color:#FFF;
	max-width:980px;
	margin: 0 auto;
	padding:0;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#body-div{
	width : 100%;
	background-color: #fff;
	position: relative;
}
.c_012c5e{
	color:#012C5E;
}	
.c_6ba196{
	color:#6BA196;
}
h1{
	font-size: 40px;
	padding: 100px 40px;
	line-height: 1.2em;
}
#menu_div{
	position: relative;
}
#menu_div a{
	position: absolute;
	right: -40px;
	top: 0px;
}
/*section_div*/
#section_div{
	margin-top: 40px;
	padding: 0 10px;
}
p{
	text-indent: 1em;
	line-height: 1.4em;
}
.chapter{
	margin-top: 40px;
}
.chapter:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
h2{
	font-size: 32px;
	padding: 16px 0;
}
h3{
	font-size: 20px;
	font-weight: bold;
	padding: 16px 20px 8px 20px;
}
.top-p{
	position: relative;
	width: 86%;
	margin: 0px 7%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #fff;
}
.top-p:before{
	position: absolute;
	left: -40px;
	top: 0px;
	content: url(/images/cdisc/index-seminar2015/w-left.png);
}
.top-p:after{
	position: absolute;
	right: -40px;
	bottom: 0px;
	content: url(/images/cdisc/index-seminar2015/w-right.png);
}
#cdisc-enter ol{
	margin-left: 40px;
	list-style-type: decimal;
	list-style-position: outside;
}
#cdisc-enter ol li{
	line-height: 1.4em;
	padding-bottom: 8px;
}
#cdisc-enter ul{
	margin-left: 40px;
	list-style-type: square;
	list-style-position: outside;
}
#cdisc-enter ul li{
	line-height: 1.4em;
	padding-bottom: 8px;
}
	.enter-button {
		position: relative;
		display: inline-block;
		padding: 1em 5em;
		border: 2px solid #000;
		color: #000;
		text-decoration: none;
		outline: none;
		margin: 20px 0;
		width: 130px;
	}
	.enter-button::after {
		position: absolute;
		top: 0;
		left: 0;
		content: attr(data-hover);
		padding: 1em 5em;
		color: #000;
		transform: rotateX(-360deg);
		transition: all .4s;
		opacity: 0;
		width: 130px;
	}
	.enter-button span {
		display: inline-block;
		transition: all .4s;

	}
	.enter-button:hover::after {
		transform: rotateX(0);
		opacity: 1;
		background-color: #eef;
	}
	.enter-button:hover span {
		transform: rotateX(-360deg);
		opacity: 0;
	}
#seminar-info dl{
	margin-left: 40px;
}
#seminar-info dl dt{
	clear: both;
	float: left;
	width: 5em;
	font-weight: bold;
	padding-bottom: 8px;
	position: relative;
}
#seminar-info dl dt:after{
	content: ":";
	position: absolute;
	right: 0;
}
#seminar-info dl dd{
	float: left;
	padding-left: 8px;
}
#seminar-info li,
#cdisc-program li{
	padding-bottom: 8px;
}
#cdisc-program dl{
	margin-left: 40px;
}
#cdisc-program dl dt{
	clear: both;
	float: left;
	width: 9em;
	font-weight: bold;
	padding-bottom: 8px;
	position: relative;
}
#cdisc-program dl dt:after{
	content: ":";
	position: absolute;
	right: 0;
}
#cdisc-program dl dd{
	float: left;
	padding-left: 8px;
}
#cdisc-program li{
	padding-bottom: 8px;
}
#material p{
	margin-bottom: 16px;
}
#material ul{
	margin-left:45px;
}
#material ul li{
	margin-bottom:24px;
}
#material ul li a{
	position: relative;
}
#material ul li a:before{
	position: absolute;
	content: url(/images/pdf_01.png);
	left: -28px;
	top: -4px;
}
#cdisc-qa{
	position: relative;
}
.qa-chapter{
	position:relative;
	margin-left: 40px;
	margin-bottom: 30px;
	background-color: #fff;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:2px solid #aaa;
	padding: 7px;
}
.qa-chapter:before{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 300px;
	top: 80%;
	max-width:300px;
	background: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.qa-chapter img{
	position: absolute;
	right: -20px;
	top: -10px;
	height: 120%;
}
.qa-q{
	position: relative;
	margin-right: 20px;
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:dotted 3px #494; 
}
.qa-q:before{
	position: absolute;
	left: 0;
	top: 0;
	content: url(/images/Q.png);
}
.qa-q h5{
	font-size: 18px;
	font-weight: bold;
}
.qa-a{
	position: relative;
	margin-right: 20px;
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.qa-a p{
	text-indent: 0;
}
.qa-a:before{
	position: absolute;
	left: 0;
	top: 10px;
	content: url(/images/A.png);
}
.seminar-end {
	color: #6666FF;
	font-size: 36px;
	bottom: 1em;
	position: relative;
}
footer,
#footer_div{
	margin-top: 100px;
	position: relative;
}
#footer_div:before{
	content: url(/images/cdisc/index-seminar2015/footer1.png);
	top: -53px;
	position: absolute;
}
#footer_div:after{
	content: url(/images/cdisc/index-seminar2015/footer2.png);
	position: absolute;
	right:0px;
	top: -70px;
}
#footer_div li{
	display: inline-block;
}
#footer_div li:before{
	content: "　";
}
#footer_div li:after{
	content: "　｜";
}
@media only screen and (max-width:650px){
#body-div{
	overflow: hidden;
}
#footer_div:after{
	content:"";
	position: absolute;
	right:0px;
	top: 0px;
}
.qa-chapter{
	margin-left: 20px;
}
.qa-chapter img{
	display: none;
}
}