@charset "UTF-8";

/* CSS Document */
/*===============================================
●style_sp.css  画面の横幅が780pxまで
===============================================*/
@media screen and (min-width: 100px) and (max-width: 780px) {
img{
max-width: 100%;
height: auto;
width /***/:auto;｡｡
}
html,body{-webkit-text-size-adjust: 100%;}

/*---------------------------------------

[reset]

[base]
	font
	anchor
	add class

[common set-up]
	h
	pagetop link

[lower common]

[each page]

[common contents]
	container
	header
	main contents
	footer
	print

[clearfix]

[cms setting]

---------------------------------------*/

/* CSS Document */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin: 0;
	padding: 0;
}

header,nav,section,aside,footer {
	display: block;
}

table {
	border-spacing: 0;
}

fieldset,img,a img,abbr,acronym {
	border: 0;
}

li img,dt img {
	vertical-align: top;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

html {
	overflow-y: scroll;
}

a {
	outline: none;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: base */

/*--------------------------------------- font */
html {
	font-size: 62.5%;
/* 1em=10px化 */
}

body {
	font-family: sans-serif,Arial,Helvetica,sans-serif,"Lucida Sans Unicode","Lucida Grande";
	line-height: 1.8;
	color: #666666;
	-webkit-text-size-adjust: 100%;
	font-size: 1.4em;
/* 基準フォントサイズ1.4em=14px */
}

/*----------------------- color */
/* red */
.input_required,
.red {
	color: #FF0000;
}

/* white */
.key div ,
footer,
#input-table .input_button,
.newsList .new {
	color: #FFFFFF;
}

/* blue */
.blue {
	color: #334f99;
}

/* beige */
.common .schedule dd dt,
.common .memberlist dd dt {
	color:#99785d;
}


/* black */
.lower h2 {
	color: #0b0b0b;
}

/*----------------------- size */
/* size10px */
.lower h2 span,
.size10 {
	font-size: 0.71em;
}

/* size12px */
.pure-drawer span,
nav#side ul li,
footer .copy {
	font-size: 0.85em;
}

/* size13px */
.loginBtn {
	font-size: 0.94em;
}

/* size14px */
.size14 {
	font-size: 1.0em;
}

/* size16px */
.side,
.breadCrumb,
article,
.topics .title,
.link{
	font-size: 1.14em;
}

/* size18px */
h2,
footer ul {
	font-size: 1.28em;
}

/* size20px */
.btn a{
	font-size: 1.42em;
}

/* size22px */
.size22 {
	font-size: 1.57em;
}

/* size24px */
.lower_news h1 {
	font-size: 1.71em;
}

/* size26px */
.lower h1,
.common h2 {
	font-size:2.14em;
}

/*--------------------------------------- anchor */

a:link,
a:visited {
	color: #410e7d;
	text-decoration: underline;
}

a:active,
a:hover {
	color: #410e7d;
	text-decoration: underline;
}


/* white */
footer li a:link,
footer li a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
footer li a:active,
footer li a:hover{
	color: #e4f1f3;
	text-decoration: none;
}


/* underline */
.keywordsList li a{
text-decoration:underline;
}

/*--------------------------------------- add class */

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.clearB {
	clear: both;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.bold {
	font-weight: bold;
}

br.forSp {
	display: none;
}

br.forPc {
	display: none;
}

.mb1em {
	margin-bottom: 1em;
}
.mb30 {
	margin-bottom: 30px;
}
.mb50 {
	margin-bottom: 50px;
}
.pl20{
	padding-left:20px;
}
.pl40{
	padding-left:40px;
}
.pl60{
	padding-left:60px;
}

.displayNone{
	display:none;
}

.indent{
	text-indent:15px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common set-up */
body{
	background-color: #410e7d;
}
/* h:変更した場合はstyle_editor.cssにも反映すること */
h3 {
	clear: both;
	padding:0 0 0 15px;
	margin-bottom:40px;
	color: #410e7d;
	font-size: 2.1em;
	font-weight:300;
	border-left:solid 15px #410e7d;
	text-align:left;
	line-height:1.1;
}

h4 {
	clear: both;
	margin-bottom:40px;
	color: #410e7d;
	font-size: 2.1em;
	font-weight:300;
	text-align:left;
}

h5 {
	clear: both;
	margin: 0 0 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;;
	border-left: 8px solid #85080F;
	padding-left:0.5em;
}

h6 {
	clear: both;
	margin: 1em 0 1em 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;;
	border-left: 1em solid #85080F;
	padding-left:0.5em;
	padding-top:0;
	padding-bottom:0;
	line-height:1em;
}

/* table */
table {
	border-collapse: collapse;
}

table th,
table td {
	padding:12px;
	border:1px solid #CCCCCC;
}

table th {
	background: #E6F5F8;
	text-align:center;
}

table td {
	background: #FFFFFF;
}
table.noborder{
	border:none;
}
table.noborder tr,
table.noborder th,
table.noborder td{
	border:none;
}

/* table style1 */
table.tableStyle1{
	width:100%;
	margin-bottom:70px;
	border-spacing: 0;
	border-collapse: separate;
}
.tableStyle1 th,.tableStyle1 td{
	border:none;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.tableStyle1 th{
	background: #E6F5F8;
	background: linear-gradient(#f2fbfd,#E6F5F8,#E6F5F8);
}
.tableStyle1 td{
	background: #FFFFFF;
}
.tableStyle1 th:last-child,.tableStyle1 td:last-child{
	border-right: 1px solid #CCCCCC;
}
.tableStyle1 tr:last-child th,.tableStyle1 tr:last-child td{
	border-bottom: 1px solid #CCCCCC;
}
.tableStyle1 tr:first-child :first-child{
	border-top-left-radius: 5px;
}
.tableStyle1 tr:first-child :last-child{
	border-top-right-radius: 5px;
}
.tableStyle1 tr:last-child :first-child{
	border-bottom-left-radius: 5px;
}
.tableStyle1 tr:last-child :last-child{
	border-bottom-right-radius: 5px;
}
/* f_table */
table.f_table{
	margin-bottom:40px;
}
table.f_table th{
	background:#BEB2A6;
	border-right:2px solid #FFFFFF;
	color:#FFFFFF;
	width:50%;
}
table.f_table td{
	border-bottom:1px solid #BEB2A6;
	line-height:1.2;
	width:50%;
}

/* link */
.link {
	padding-top:45px;
}
.link li{
	position: relative;
	padding: 0 0 0 16px;
	vertical-align: middle;
	text-decoration: none;
	list-style:none;
	margin-bottom:15px;
	font-weight:bold;
}
.link li::before,
.link li::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.link li:before{
	left: 3px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #410e7d;
	border-right: 2px solid #410e7d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main common */
.con {
	padding-bottom: 60px;
}

.entry {
	padding-bottom:50px;
}
.entry li{
	margin-left:2em;
}

/* btn */
.info #con01 li,
.btn {
	text-align:center;
	margin-bottom:20px;
}
.btn a {
	border-radius: 5px;
	padding: 10px 24px;
	border: solid 1px #CCC;
	text-shadow: 0px 1px 0px #FFF;
	font-size: 18px;
	cursor: pointer;
	outline: none;
	margin:0 auto;
	background: gradient(linear, center top, center bottom, from(#F7F7F7), to(#5ec2cf));
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#5ec2cf));
	background: -moz-linear-gradient(top, #F7F7F7, #5ec2cf);
	background: -ms-linear-gradient(top, #F7F7F7 0%, #5ec2cf 100%);
	color:#000;

}
.btn a:hover {
	text-decoration:none;
	background: gradient(linear, center top, center bottom, from(#F7F7F7), to(#44adbb));
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#44adbb));
	background: -moz-linear-gradient(top, #F7F7F7, #44adbb);
	background: -ms-linear-gradient(top, #F7F7F7 0%, #44adbb 100%);
}
.btn a:active {
	position:relative;
	top:1px;
}

.info #con01 li a {
	padding:13px 60px 13px 40px;
	background:url(img/ic_arrow03.png) 90% center no-repeat #8bba28;
	border-radius:50px;
	display:block;
}

.btn02 {
	text-align:center;
	margin:30px auto 20px;
}
.btn02 a {
	padding:15px 60px 15px 30px;
	background:url(img/ic_arrow04.png) 92% center no-repeat;
	border-radius:6px;
	border:solid 1px #8bba28;
	width:70%;
	display:block;
	margin:0 auto;
}

.btn03 {
	text-align:center;
	margin-bottom:30px;
}
.btn03 a {
	padding:13px 60px 13px 40px;
	background:url(img/ic_arrow.png) 90% center no-repeat;
	border-radius:4px;
}
a.btn_red {
	line-height: 1.5;
	display: inline-block;
	text-align: center;
	background-color: #E70012;
	color: #fff;
	width: 170px;
	height: 40px;
	vertical-align: middle;
	position: relative;
	padding-top: 15px;
	text-decoration:none;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:5px;
}
a.btn_red::after {
	content:"";
	width:5px;
	height:8px;
	background-image:url(img/arrow_w.png);
	position:absolute;
	right:12px;
	top:23px;
}
a.btn_red:hover {
	text-decoration:none;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

/* form
input[type="text"]{
	border:0;
	padding:4px;
	border:solid 1px #ccc;
	width: 50% !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.1);
	resize: none;
}
input[type="submit"]{
	-webkit-appearance: none;
	padding: 4px 10px;
	width:120px;
	-webkit-box-shadow:0 0 6px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:0 0 6px 2px rgba(0,0,0,0.2) inset;
	box-shadow:0 0 6px 2px rgba(0,0,0,0.2) inset;
	background:#90c31f;
	border:none;
	border-radius:6px;
	font-weight:700;
	cursor:pointer;
	color:#FFF;
} */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: lower common */








/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main */


/*--------------------------------------- index.html */
.common #lead .floatL {
	width:100%;
	float:none;
}

.common #lead .floatR {
	width:100%;
	float:none;
	margin-top:40px;
	padding-right:0;
	text-align:center;
}

.common #lead .floatR img {
	max-width:280px;
}

.common {
	counter-reset: wpp-ranking;
}
.common .flyer_title{
	margin-top:10px;
	font-size:1.1em;
	font-weight:bold;
	color:#410e7d;
	border-bottom:1px dotted #410e7d;
}
.common .host_list{
	background: url(../common/schedule_bg.jpg) 0 0 repeat-x #FFF;
	border: solid 1px #ebebeb;
	padding: 20px;
	margin-top: 30px;
}
.common .host_list table{
	width:100%;
	border:none;
	border-bottom:1px solid #DDDDDD;
}
.common .host_list table tr{
	border-top:1px solid #DDDDDD;
}
.common .host_list table tr td{
	border:none;
}
.common .host_list table tr td:nth-child(2){
	text-align:center;
	width:30%;
}

.common h4:before {
	content: counter(wpp-ranking, decimal);
	counter-increment: wpp-ranking;
	background-color:#410e7d;
	color:#FFF;
	margin-right:20px;
	padding:4px 15px;
}

.common .schedule {
	background:url(../common/schedule_bg.jpg) 0 0 repeat-x #FFF;
	border:solid 1px #ebebeb;
	margin-left:0;
	padding:20px 20px 0 0;
	margin-top:30px;
}
.common .schedule dt {
	padding:5px 0 10px 20px;
	border-bottom:solid 1px #dddddd;
}
.common .schedule dt:before {
	content: url(../common/schedule_ic.jpg);
	top: 2px;
	position: relative;
	margin-right:8px;
}

.common .schedule dd dt {
	clear:both;
	float:none;
	width:100%;
	padding:10px 20px 0;
	background:none;
	border-bottom:none;
}
.common .schedule dd dt:before {
	content:normal;
}

.common .schedule dd dd {
	border-bottom:solid 1px #dddddd;
	padding:10px 0 10px 20px;
}
.common .schedule dd dd:last-child {
	border-bottom:none;
}

.common .memberlist {
	background:url(../common/schedule_bg.jpg) 0 0 repeat-x #FFF;
	border:solid 1px #ebebeb;
	margin-left:0;
	padding:20px 20px 0 0;
	margin-top:30px;
}
.common .memberlist dt {
	padding:5px 0 10px 20px;
	border-bottom:solid 1px #dddddd;
}
.common .memberlist dt:before {
	content: url(../common/schedule_ic.jpg);
	top: 2px;
	position: relative;
	margin-right:8px;
}

.common .memberlist dd dt {
	clear:both;
	float:none;
	width:95%;
	padding:10px 20px 0;
	background:none;
	border-bottom:2px solid #99785D;
}
.common .memberlist dd dt:before {
	content:normal;
}

.common .memberlist dd dd {
	border-bottom:solid 1px #dddddd;
	padding:10px 0 10px 20px;
}
.common .memberlist dd dd:last-child {
	border-bottom:none;
}
.common .memberlist dd dt.memberlist_noncredit {
	display:none;
}
article ul{
	margin-left:20px;
}
ul.checkmark{
	list-style:none;
	margin-left:20px;
}
ul.checkmark li {
	position: relative;
}
ul.checkmark li.checkmark_list::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #217346;
	border-bottom: 2px solid #217346;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */

/*--------------------------------------- container */

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}

.breadCrumb ul,
.copy div,
article {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	max-width: 978px;
	-webkit-text-size-adjust: 100%;
}
.breadCrumb ul {
	min-width:918px;
	width:918px;
}

/*--------------------------------------- header */
header{
	top:0;
	position:fixed;
	z-index:99999;
	box-shadow: 0 7px 3px -3px rgba(0, 0, 0, 0.08);
	height:auto;
	min-height:40px;
	padding:0 0 7px 0;
	background:url(../images/common/bg_header.png) repeat-x bottom;
}

#headerArea{
    position:fixed;
    background:#fff;  
    width:100%;
	box-shadow: 0 7px 3px -3px rgba(0, 0, 0, 0.08);
    min-height:50px;
    height: auto;
}

#headerArea h1{
	position:absolute;
	height:50px;
	margin:0 0 0 20px;
	z-index:30000;
	width:85%;
}

#headerArea h1 img{
	width:auto;
	max-width:173px;
	height:35px;
	margin-top:5px;
}

      #snsArea,#menu{
        position:absolute;
        right:0px;
        top:0px;
        }
        #snsArea p{
          float:left;
          margin:0 0 0 10px;
          }
#menu{
	top:0px;
	height:50px;
	width:50px;
	display:block;
}
#menu img{
	width:100%;
}
header nav {
	width:100%;
	padding:10px 0;
	float:right;
}  
      nav ul li{
        display:inline-block;
        margin:0 10px;
        }  

.int{
  position:absolute;
  bottom:20px;
  left:20px;
}










      
      #snsArea{
        display:none;
        }
      #menu a{
        display:block;
        width:50px;
        height:50px;
      }

      nav{
        position:fixed;
        background:#fff;
        overflow-y:scroll;
        width:100%;
        max-height:100%;/*ここjsで*/
        float:none;
        display:none;
        }
      nav ul{
        width:100%;
        padding:40px 0 40px 0;
        border-bottom:1px solid #E5E5E5;
        margin-bottom:30px;
        } 
      nav ul li{
        border-top:1px solid #e5e5e5;
        width:100%;
        float:none;
        display:block;
        text-align:center;
        margin:0 0 0 0;
        } 
        nav ul li:first-child a{
          border-right:1% solid #f0f0f0;
          width:99%;
          }  
nav ul li:last-child a{
	display:inline-block;
	color:#FFFFFF;
	background-color:#410e7d;
}

        nav ul li a{
          width:100%;
          line-height: 40px;
          }
          
    .conArea{
      width:90%;
      margin:0 5%;
      position:relative;
      }
      .pick2{
        float:none !important;
        display:block;
        width:auto;
        margin:20px 0;
        padding:4%;
        background:#eee;
        border:5px solid #ddd;
        }
      .pickC{
        width:auto;
        margin:20px auto 40px auto;
        padding:20px;
        background:#eee;
        border:5px solid #ddd;
        }
.time{
  display:none;
  }
.areamap{
  width:100%;
  margin:40px 0;
  }
.areamap li{
  width:100%;
  float:none;
  line-height:30px;
  font-size:18px;
  margin:0 0 20px 0;
  }      
      

.navi{
  display:none;
}


/*--------------------------------------- mainContaints */
section {
	background:#ffffff;
}

section:nth-child(even) {
	background-color:#f7f7f7;
}

.lower section {
	min-height:400px;
}

article {
	padding:80px 20px 60px;
}

#wrapper{
  padding:0px 0 0 0;
  width:100%;
  position:relative;
  }
  .allArea{
    margin:20px 20px 100px 20px;
    }
  .allBox{    
    padding:60px 0;
    background-color: rgba(255,255,255,0.9);
    }

/*--------------------------------------- pagetop link */

.pagetop {
	cursor: pointer;
	width:40px;
	height:40px;
	position: fixed;
	z-index: 100;
	bottom: 0;
	right: 0px;
}

/*--------------------------------------- footer */
footer {

}
footer div {
	text-align:center;
	width: 74%;
	margin: 0 auto;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	max-width: 600px;
	-webkit-text-size-adjust: 100%;
	padding:30px 0;
}
footer .copy {
	margin-top:20px;
}
footer .copy img {
	width:14%;
	min-width:150px;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */
.con:after,
nav:after,
dl:after,
article:after,
ul:after,
section:after,
header:after,
header div:after,
footer:after,
.clearFix:after {
	content: "";
	display: block;
	clear: both;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: cms setting */
/* tooltip */
.invisible {
	display: none;
}

a.tooltiplink {
	display: inline-block;
	margin: 1px 3px 0;
	padding: 1px 3px 0;
	border: 2px solid #C7C7C7;
	background-color: #075698;
	border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
}

#content #input-table a.tooltiplink:link,
#content #input-table a.tooltiplink:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#content #input-table a.tooltiplink:hover,
#content #input-table a.tooltiplink:active {
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: none;
}

#content a.tooltiplink:link,
#content a.tooltiplink:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#content a.tooltiplink:hover,
#content a.tooltiplink:active {
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: none;
}

#content p.tooltipbox {
	position: absolute;
	top: 100px;
	left: 20px;
	font-size: 1.0em;
	margin: 0;
	padding: 10px;
	min-width: 100px;
	min-height: 30px;
	color: #FFFFFF;
	background: #075698;
	border: 2px solid #075698;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

#content #input-table p.tooltipbox a:link,
#content #input-table p.tooltipbox a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

#content #input-table p.tooltipbox a:hover,
#content #input-table p.tooltipbox a:active {
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: underline;
}

#content p.tooltipbox a:link,
#content p.tooltipbox a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

#content p.tooltipbox a:hover,
#content p.tooltipbox a:active {
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: underline;
}

/* comment form */
.comment_box {
	width: 100%;
	margin: 0 0 15px;
	padding: 0;
	border-collapse: collapse;
	border: solid 1px #cccccc;
	background: #eeeeee;
}

.comment_box th,
.comment_box td {
	padding: 10px;
}

.comment_id {
	width: 10%;
	text-align: left;
	white-space: nowrap;
}

.comment_name {
	width: 70%;
	text-align: left;
}

.comment_regist {
	width: 20%;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
	font-size: 0.8em;
	color: #aaaaaa;
}

.comment_box td {
	padding-top: 0;
}

.comment_text {
	padding: 15px;
	background: #ffffff;
}

.icon_comment {
	text-align: right;
}

.icon_comment a {
	padding-left: 30px;
	background: url(./icon_comment.gif) no-repeat left center;
}

/* twitter widget */
#twtr-hd h3,
#twtr-hd h4,
.twtr-widget h3,
.twtr-widget h4,
.twtr-widget p,
.twtr-widget-profile h3,
.twtr-widget-profile h4 {
	clear: none;
	margin: auto;
	padding: auto;
	font-size: auto;
	color: auto;
	border: none;
	background-image: none;
}
/* twitter tweet button */
iframe.twitter-share-button {
	width: 115px!important;
}

/* form */
.contact form {
	text-align: center;
}

#input-table {
	display: block;
	width: 100%;
	max-width: 100%;
}

#input-table table {
	font-size: 0.9em;
	width: 100%;
	max-width: 1000px;
	padding: 5px;
	margin: 0 auto 20px;
	border: none;
	box-shadow: inset 0 0 0 2px #f0f0f0;
	background-color: #ffffff;
}

#input-table table li {
	margin-left: 0;
}

#input-table table th {
	width: 35%;
	padding: 20px 60px 20px 30px;
	color: #3f4242;
	background: rgba(0, 0, 0, 0);
	text-align: left;
	border: none;
	font-weight: 700;
	position: relative;
	vertical-align: top;
}

#input-table table td {
	padding-left: 10px;
	font-weight: normal;
}

#input-table table tr {
	transition: linear 0.2s;
	border-top: 1px solid #ccc;
}

#input-table table tr:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

#input-table table tr:first-child {
	border-top: 5px solid #f0f0f0;
}

#input-table table tr:last-child {
	border-top: 2px solid #f0f0f0;
}

.input_required,
.input_not_required:before {
	font-size: 0.9em;
	padding: 2px 6px;
	display: inline-block;
	background-color: #2b71b7;
	color: #ffffff;
	position: absolute;
	right: 10px;
	top: 20px;
}

.input_not_required:before {
	content: "任意";
	background-color: #adadad;
	text-align: center;
}

#input-table table td {
	padding: 20px 30px;
	border: none;
	text-align: left;
}

#input-table table tr:last-child td {
	text-align: center;
}

#input-table div.formcomment {
	clear: both;
	margin-left: 7px;
	margin-top: 3px;
}

#input-table table td ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

input[type="text"] {
	border: 0;
	padding: 4px;
	border: solid 1px #ccc;
	max-width: 100% !important;
	width: 90% !important;
	resize: none;
	border-radius: 5px;
}

.body_textbook_form input[type="text"] {
	margin-bottom: 10px;
}

#input-table table .form_input_addnumber {
	width: 40% !important;
}

#input-table table textarea {
	padding: 10px;
	width: 96% !important;
	border: solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input:focus,
input:textarea {
	border: solid 1px #3ba5eb;
}

.input_button {
	font-size: 0.9em;
	font-weight: bold;
	-webkit-appearance: none;
	padding: 4px 10px;
	background-color: #2b71b7;
	color: #ffffff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

#input-table .input_button {
	padding: 10px 50px;
}

#input-table .submit_button {
	text-align: center;
	padding-top: 20px;
}

#input-table .privacy {
	font-size: 0.9em;
	height: 200px;
	overflow: auto;
	border: 1px solid #ddd;
	padding: 10px;
	background: #ffffff;
	border-radius: 3px;
}

/* セパレーター */
#input-table table tr.input-formgroup-blank th{
	background:#F0F0F0;
	border:none;
}
#input-table table tr.input-formgroup{
	padding-top:20px;
}
#input-table table tr.input-formgroup th{
	text-align:left;
	border:none;
	padding:10px 0 5px 50px;
	background-image:url(./img/icon_arrow_down.png);
	background-repeat:no-repeat;
	background-position: 5px 10px;
	background-color:#074D93;/* セパレーターth背景色 */
	border-top:2px solid #EEEEEE;
	border-left:2px solid #EEEEEE;
	border-right:2px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
#input-table table tr.input-formgroup th.formgroup-closed{
	background-image:url(./img/icon_arrow_down.png);
	background-repeat:no-repeat;
	background-position: 5px 10px;
	border-bottom:2px solid #EEEEEE;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#input-table table tr.input-formgroup th:hover{
	cursor:pointer;
	filter: alpha(opacity=90);
	opacity:0.90;
	-moz-opacity:0.90;
	-ms-filter: "alpha(opacity=90)";
}
#input-table table tr.input-formgroup span.input-formgroup-title{
	display:block;
	color:#FFFFFF;/* セパレータータイトル文字色 */
	font-size:1.3em;/* セパレータータイトル文字サイズ */
	padding-bottom:5px;
}
#input-table table tr.input-formgroup span.input-formgroup-text{
	position: relative;
	display:block;
	color:#FFFFFF;/* セパレーター説明文文字色 */
	padding:0 5px 0 1em;
	margin:5px 10px 10px 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#input-table table tr.input-formgroup span.input-formgroup-text:before{
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 0.5em;
	height: 0.5em;
	background: #FFFFFF;
	content:"";
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}
#input-table table tr.input-formgroup span.input-formgroup-text a:visited,
#input-table table tr.input-formgroup span.input-formgroup-text a:link{
	color:#FFFFFF;/* セパレーター説明文内リンク色1 */
	text-decoration:underline;
}
#input-table table tr.input-formgroup span.input-formgroup-text a:hover,
#input-table table tr.input-formgroup span.input-formgroup-text a:active{
	color:#66FFFF;/* セパレーター説明文内リンク色2 */
	text-decoration:underline;
}
/* tab */
#input-table table {
	width: 80%;
	border-collapse: collapse;
	border-bottom: 1px solid #CCCCCC;
}

#input-table table th ,
#input-table table td {
	width: 89%;
	display: block;
	border-top: none;
	text-align: left;
	background:none;
}

#input-table table th {
	padding: 6px 45px 6px 12px;
	background: #eeeeee none repeat scroll 0 0;
	font-weight: normal;
}

#input-table table td {
	padding-bottom: 20px;
}

#input-table table textarea {
	width: 96%;
	max-height: 24vw;
	font-size: 110%;
}

#input-table .input_button {
}

.input_required, .input_not_required:before {
	position: absolute;
	right: 10px;
	top: 5px;
}


}