@charset "UTF-8";
/*---------------------------------------
  utility
-----------------------------------------*/
* { margin: 0; padding: 0; }
.dspnone { display: none; }
.img_c { display: block; margin-left: auto; margin-right: auto; max-width: 100%; }
.img_r { display: block; float:right; max-width: 100%; }
.img_png_r { float: right; background: #fff; }
a:hover img { opacity:0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”; }
.f150 { font-size: 150%; }
.f140 { font-size: 140%; }
.f130 { font-size: 130%; }
.f120 { font-size: 120%; }
.bold { font-weight: bold; }
.text_img { margin: 0.5em 0; }
.r { color: #c00; }

/*---------------------------------------
  body
-----------------------------------------*/
body { font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;  font-size: 15px; color: #292929; min-width: 1000px; }
.wrapper { height: auto; position: relative; width:100%; }

/*---------------------------------------
  common-header
-----------------------------------------*/
.common-header { background: #fff; width: 100%; text-align: center; border-bottom: 1px solid #ccc; }
.common-header-inner { display:block; overflow:hidden; position: relative; width: 1000px; margin: 0 auto; }
.common-header-inner img { display: block; }
.head-menu { font-size: 11px; color: #666; position: absolute; right: 0; bottom: 0; font-weight: normal; }
.head-menu li { display: inline-block; }
.head-menu li:after { content: " |"; }
.head-menu li:last-child:after { content: ""; }
.head-menu li a { color: #666; text-decoration: none; }
.head-menu li a:hover { color: #999; }
/*---------------------------------------
  common-footer
-----------------------------------------*/
.common-footer {
  clear: both;
  background: #fff;
  width: 100%;
  border-top: 1px solid #ccc;
  overflow: hidden;
}
.common-footer-inner {
  width: 100%;
  margin: 0 auto;
}
.common-footer-logo {
  width: 70px;
  float: left;
}
.common-footer-logo img {
  margin: 10px;
}
.common-footer-text {
  margin-left: 0;
  font-size: 12px;
  text-align: center;
  padding-top: 25px;
  color: #666;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
ul.footer-menu a {
  color: #666;
  text-decoration: none;
}
ul.footer-menu a:hover {
  color: #999;
  text-decoration: underline;
}
ul.footer-menu {
  margin: 0;
  padding: 0;
}
.footer-menu li {
  display: inline-block;
  margin: 2px 4px;
  padding: 2px;
}
#go-pagetop {
  right: 20px;
  bottom: 20px;
  position: fixed;
  z-index: 2;
}

/*---------------------------------------
  header
-----------------------------------------*/
.header {
  width: 100%;
}
.header-inner {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.header-inner img {
  display: block;
}
h1 {
/*  border: 1px solid #fff;*/
}
h1 img { display: block; }
/*---------------------------------------
  contents
-----------------------------------------*/
.contents { width: 100%; background: #fff; margin: 0 auto; position: relative; border: 1px solid #ccc; border-width: 0 1px; }
.main-contents {
  width: 100%;
  margin: 0 auto;
}
.text-area {
  width: 90%;
  margin: 20px auto;
}
.notice {
  padding: 15px;
  width: 820px;
  border: 1px solid #fc0;
  text-align:left;
  margin: 20px auto;
  background-color:#fff;
  line-height: 1.75;
}

.gw {
  width: 862px;
  margin: 20px auto;
  background: #f5f5f5;
  padding: 15px;
  font-size: 0.8em;
  overflow: hidden;
}
.gw img {
  margin: 5px 10px 0 0;
}
table#seminar {
  border: 1px solid #ccc;
  border-collapse:collapse;
  width: 892px;
  margin: 20px auto;
  font-size: 0.8em;
}
table#seminar td,
table#seminar th {
  padding: 5px;
  border: 1px solid #ccc;
}
table#seminar tr td:first-child {
  text-align: center;
} 
table#seminar tr:nth-child(2n){
  background:#efefef;
}


/*---------------------------------------
  top-form
-----------------------------------------*/
.top-form {

  padding:2%;
  margin: 0 auto 20px auto;
  overflow: hidden;
	background:url(../images/formbg.jpg)
}
.top-form-area {
	color:#fff;
	font-size:1.1em;
	text-align:center;
  width: 100%;
  position: relative;
}
.top-form-text {
  margin: 0;
}
.top-form-text img {
  display: block;
}
.top-form-area .input-area {
  margin: 0 auto;
  overflow: hidden;
}
.top-form-btn {
 width: 80%; margin: 0 10%; text-align: center;
}
.mailformbtn {width: 100%;}
.top-form-address {
	margin: 0;
  overflow: hidden;
  width: 100%;
  text-align:center;
}
.address-area  {
  height: 50px;
  border: 5px solid #ccc;
  width: 80%;
  font-size: 20px;
  padding: 5px;
  margin: 10px 10%;
}
.top-form-area .mailnotice {
	width:60%;
	margin: 0 20%;
  font-size: 0.8em;
  color: #fff;
  height: 20px;
}
.top-form-area .mailnotice a {
  color: #fff003;
}
.top-form-area .mailnotice a:hover {
  color: #f60;
}
.top-form-area .mailnotice2 {
	width:90%;
	text-align: left;
	margin: 0 5% 10px 5%;
  font-size: 0.8em;
  color: #fff;
}
@media only screen and (max-width: 640px) {

.menseki-area > div {
    padding: 15px;
    font-size: 11px;
    border: 1px solid #DDD;
    margin: 10px auto;
    line-height: 1.6;
    font-family: "Hiragino Kaku Gothic ProN","メイリオ",sans-serif;
  width: 788px;
}
table.info {
  border-collapse: collapse;
  border-spacing: 0px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin-bottom: 30px;
  width: 100%;
}
table.info th {
  border: 1px solid #ddd;
  background: #f2f2f2;
  padding: 1em;
}
table.info th.title {
  background-color: #fffec4;
  border: 1px solid #ddd;
  color: #333;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 1em;
}
table.info td {
  border: 1px solid #ddd;
  padding: 1em;
}
/*---------------------------------------
  timer
-----------------------------------------*/
.timer {
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: -10px;
  width: 878px;
  margin-right: auto;
  margin-left: auto;
}
.timer2 {
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 10px;
  width: 878px;
  margin-right: auto;
  margin-left: auto;
}

/*
.cdt-title {
  background-color: #ccc;
  color: #fff;
  border-radius: 10px;
  font-size: 0.8em;
  padding: 10px;
}
*/



/*---------------------------------------
  clearfix
-----------------------------------------*/
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
  clear: both;
}
.inline_block {  
  display: inline-block;  
  *display: inline;  
  *zoom: 1;  
}

#regulation {
    max-width: 870px;
    margin: 10px auto;
    font-size: 12px;
    line-height: 1.5em;
    padding: 10px;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px inset #CCC;
}
#regulation {
    display: block;
    width: 760px;
    margin: 10px auto 0px;
    height: 180px;
    overflow: scroll;
    text-align: left;
}
/*-- profile -----------------------------------------*/
.prof-wrapper {
	width:90%;
  border: 1px solid #ccc;
  box-shadow: 0 0 3px rgba(0,0,0, 0.2);
  margin: 0 4% 4% 5%;
  padding: 0;
  overflow: hidden;
}
.prof-main {
  width: 100%;
  float: left;
  text-align: left;
}
.prof-sub {
  float: left;
  padding: 15px 15px 0 0;
  text-align: center;
  position: relative;
}
.catch { width:100%; background-color: #141e65; color: #fff; padding: 10px 40px 10px 20px;}
.prof-main > div {
  padding: 0;
}

.prof-main-inner {
	width:100%;
  padding: 0;
}
.prof-main-inner p.text {
	padding:20px 20px 0 20px;
  line-height: 1.8;
  margin-top: 0;
}
.prof-main-inner p.profcaution {font-size:80%;padding:20px;}
.profcenter img {margin:10px auto;}
@media only screen and (max-width: 768px) {
	body { width:100%; min-width:300px;}
	.common-header-inner { width: 100%; }
	.common-header-inner img { width: 100%; }
	.contents { width: 100%; border:none; }
	.contents img {width: 100%;}
.main-contents {
  width: 90%;
  margin: 0 5%;
}
.text-area {
  width: 100%;
  margin: 20px auto;
}
.prof-sub {
  float: left;
  width:100%;
  padding: 0;
}
	.prof-sub img {width:70%; margin: 20px auto;}
.prof-main-inner p.text img {
 width:25%;
}
	}