@import url('reset.css');

/*サブページ*/
#consal,#about,#works,#contact{
	padding:2em 0;
}
.pageimg{
	position:relative;
	text-align:center;
	width:100%;
	padding:4px 0 0 0;
	background:#111;
	z-index:0;
}
.pageimg>figure{
	position:relative;
	display:inline-block;
	padding:0;
	margin:0;
	line-height:0;
	border-radius:2px;
	overflow:hidden;
}
.pageimg>figure:after {
	content:"";
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	border-radius:2px;
	-webkit-box-shadow:0 0 4px 4px rgba(25,25,25,0.4) inset;
	-moz-box-shadow:0 0 4px 4px rgba(25,25,25,0.4) inset;
	box-shadow:0 0 4px 4px rgba(25,25,25,0.4) inset;
}
.pageimg img{
	position:relative;
	max-width:850px;
	width:100%;
	padding:0;
	-webkit-box-shadow:1px 1px 4px 10px rgba(25,25,25,0.2) inset;
	-moz-box-shadow:1px 1px 4px 10px rgba(25,25,25,0.2) inset;
	box-shadow:1px 1px 4px 10px rgba(25,25,25,0.2) inset;

}
.pageimg img:after{
	content:"";
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	border-radius:15px;
}
.pageimg>h1{
	width:100%;
	position:absolute;
	bottom:12px;
	left:0;
	font-size:1.13em;
	font-weight:bold;
	text-align:center;
	line-height:1;
	color: #efefef;
    text-shadow: 1px 1px 3px #111;
    letter-spacing:1.5px;
    opacity:0.9;
}
.pageimg>h1 span{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.56em;
	padding:0;
	margin:0;
	opacity:0.8;

}
#seminer-block,#consal-block,#about-block,#works-block,#formWrap{
	max-width:980px;
	width:100%;
	margin:0 auto;
	padding:0 0 4em 0;
}
#seminer-block p{
	color:#111;
	padding:4px;
}

#seminer-block div:not(:last-child){
padding:0 0 2em 0;
border-bottom:1px solid #000;
box-shadow: 0px 4px 3px -4px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 4px 3px -4px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 4px 3px -4px rgba(0,0,0,0.4);}

#seminer-block h2,#consal-block h2,#about-block h2,#works-block h2{
	font-family:font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
	font-size:	1.75em;
	font-weight: 800;
	color: #399;
	padding: 2em 4px 1em;
	text-shadow: 1px 1px 1px #aaa;
}
@media only screen and (max-width: 769px){
#seminer-block h2,#consal-block h2,#about-block h2,#works-block h2{
	font-size: 1.50em;
	padding: 1em 4px 1em;
}
}
#seminer-block dl dt,#consal-block dl dt{
	position:relative;
	text-decoration:underline;
	font-size:1.38em;
	letter-spacing:1.5px;
	color:#222;
	font-weight:bolder;
	padding:1em 0 0 2em;
}
#seminer-block dl dt:before,#consal-block dl dt:before{
	position: absolute;
	content: "";
	font-size: 21px;
	top: 60%;
	left: 5px;
	border-radius: 0.7em 0.7em 0 0;
	background: #2C2C2C;
	width: 1.5em;
	height: 0.8em;
}

#seminer-block dl dt:after,#consal-block dl dt:after{
	position: absolute;
	content: "";
	top: 31%;
	left: 12px;
	width: 0.8em;
	height: 0.85em;
	border-radius: 50%;
	background: #2C2C2C;
}

#seminer-block dl dd,#consal-block dl dd {
	position: relative;
	display: inline-block;
	font-size:0.88em;
	margin:15px 4px 20px 25px;
	padding: 8px 12px;
	width: auto;
	color: #fff;
	background: #19283C;
	z-index: 0;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  

}
#seminer-block dl dd:after,#consal-block dl dd:after {
	content: "";
	position: absolute;
	top: -10px;
	left: 35px;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #19283C transparent;
}
#works-block>table{
	max-width:650px;
	width:95%;
	margin:0 auto 2em auto;
	
}
.table-striped tr:nth-child(even){
    background:#F2F2F2;
}
.table-striped th,.table-striped td{
	padding:5px;
	margin:1px;
	font-size:small;
}
#works-block>table th{
	min-width:20%;
}
#works-block p strong{
	text-align:center;
}

#works-block>h3{
	font-weight:bold;
	padding:2px 0 0 0.3em;
	margin:1em 0 8px 4px;
	border-left:4px solid #333;
}
#works-block li{
	padding:0.3em 0 0.3em 1em;
	font-size:0.88em;
}

#about-block table{
	max-width:650px;
	width:100%;
	min-width:300px;
	margin:2em auto;
	padding:1em;
}

#about-block table th{
	font-weight:bold;
	width:30%;
	padding:0.5em;
}
#about-block table td{
	padding:0.5em;
}
#about-block table .profile p{
	padding:0.2em;
	text-indent:0.5em;
}
#about-block>h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#888;
	font-size:1.25em;
	padding:2em 0 0.2em 0.3em;
}
#messege{
	line-height:1.5;
	font-size:0.94em;
	color:#555;
	background:#fff;
	margin:0 0 2em 0;
	padding:1em;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#messege p{
	text-indent:1em;
	padding:0.1em;
}
#formWrap{
	max-width:700px;
	width:90%;
	position:relative;
	overflow:hidden;
	margin:3em auto;
	padding:1em;
	background:#fff;
	border:2px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
#formWrap>h2{
	font-family:font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
	font-size:	1.5em;
	font-weight: 800;
	text-align: center;
	color: #399;
	padding:1em 0;
	text-shadow: 1px 1px 1px #aaa;
}
@media only screen and (max-width: 769px){
#formWrap>h2{
	font-size:1.25em;
	padding:6px 0;
}
}
#formWrap p{
	font-size:0.81em;
	padding:1em 0;
}
#formWrap .center{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	position:absolute;
	max-width:350px;
	width:100%;
	font-size:small;
	color:#eee;
	font-weight:bold;
	line-height:2.5;
	top:50px;
	right:-110px;
	padding:4px;
	background:rgb(255,140,0);
	transform: rotate(45deg);
	border-bottom:2px solid rgb(220,120,0);
	text-shadow: 1px 1px 1px rgba(5,5,5,0.2);
}
@media only screen and (max-width: 769px) {
#formWrap .center{
	max-wight:769px;
	position:static;
	color:rgb(255,140,0);
	background:none;
	transform: none;
	border:0;
}
}
#formWrap .right{
	font-size:small;
	color:#666;
}
#formWrap p>span{
	color:#ff0000;
}
.formTable tr{
	border-bottom:1px solid #ccc;
}
.formTable th,.formTable td{
	padding:6px;
}
.formTable textarea{
width:98%;
resize: none; 
}

input.checkbtn,input.radiobtn{
	width:50px;
}
input#confibtn,input#resetbtn{
	padding:4px;
	margin:15px 10px;
}