@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}

.red{ color: #FF0000;}
.orange{ color: #FF8000;}
.blue{ color: #0589CA;}
.gold{ color: #A08423;}
.gray{ color: #999999;}
.B{ font-weight: bold;}
.fontS{
	font-size: 90%;
}
.fontL{
	font-size: 120%;
}
.grayBu{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

.fR { float: right;}
.fL { float:  left;}
.cl { clear:  both;}

.vT { vertical-align:    top;}
.vM { vertical-align: middle;}
.vB { vertical-align: bottom;}

.aL { text-align:   left;}
.aR { text-align:  right;}
.aC { text-align: center;}

.mT00 { margin-top:    0px;}
.mT05 { margin-top:    5px;}
.mT10 { margin-top:   10px;}
.mT15 { margin-top:   15px;}
.mT20 { margin-top:   20px;}
.mT30 { margin-top:   30px;}
.mT40 { margin-top:   40px;}
.mT50 { margin-top:   50px;}
.mR05 { margin-right:  5px;}
.mR10 { margin-right: 10px;}
.mR15 { margin-right: 15px;}
.mR20 { margin-right: 25px;}
.mR30 { margin-right: 30px;}
.mL05 { margin-left:  5px;}
.mL10 { margin-left:  10px;}
.mL15 { margin-left:  15px;}
.mL20 { margin-left:  20px;}
.mL25 { margin-left:  25px;}
.mL30 { margin-left:  30px;}
.mL40 { margin-left:  40px;}
.mL50 { margin-left:  50px;}
.mB05 { margin-bottom: 5px;}
.mB10 { margin-bottom:10px;}
.mB15 { margin-bottom:15px;}
.mB20 { margin-bottom:20px;}
.mB30 { margin-bottom:30px;}
.mB40 { margin-bottom:40px;}
.mB50 { margin-bottom:50px;}
.mB6 {margin-bottom: 6px;}
.mB8 {margin-bottom: 8px;}
.mR5 {margin-right: 5px;}
.mR4 {margin-right: 4px;}
.mR3 {margin-right: 3px;}
.fclear { clear: both;}
.pT30 {padding-top: 30px;}
.pT40 {padding-top: 40px;}
.pT50 {padding-top: 50px;}
:focus {
	outline:0;
}

ol, ul {
list-style:none;
}

table {
border-collapse:separate;border-spacing:0;
}

caption, th, td {
font-weight:normal;text-align:left;
}

blockquote:before, blockquote:after,q:before, q:after {
content:"";
}

blockquote, q {
quotes:"" "";
}

a img {
border:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}

body{
font:15px/2.0 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#000000;
-webkit-text-size-adjust:none;
}


blockquote {
	position: relative;
	box-sizing: border-box;
	font-style: italic;
	background: #f5f5f5;
	color: #000000;
	border-left: 4px solid #9dd4ff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 60px;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
    vertical-align: middle;
    content: "“";
    font-family: FontAwesome;
    color: #9dd4ff;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
/* リンク設定
------------------------------------------------------------*/

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;

color:#18a8a0;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#cdcdcd;
}

/**** Clearfix ****/

nav .panel:after, #mainNav:after, .newsTitle:after, .bg:after,.post:after{
content:"";
display:table;
clear:both;
}

nav .panel,#mainNav,.newsTitle,.bg, .post{
zoom:1;
}


/* レイアウト
------------------------------------------------------------*/
.box_1{
	background-color: #FFFFD9;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-bottom: 20px;
}
.box_2{
	background-color: #E3ECFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.box_2 ul{
	margin-bottom: 15px;
}
.box_2 li{
	font-size: 90%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 3px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.box_2 h4{
	font-size: 130%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-bottom: 20px;
	font-weight: bold;
}
.box_3{
	background-color: #fff;
	margin-bottom: 20px;
	border-radius: 5px;
	border: 1px dotted #999999;
	padding: 30px;
}
.box_3 h4{
	font-size: 130%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-bottom: 20px;
	font-weight: bold;
}
#wrapper.inner{
margin:0 auto;
}
#wrapper{
margin:0 auto;
width:1040px;
}

#header{
text-align:center;
}

#content{
float:left;
width:750px;
padding:30px 0;
}

#sidebar{
float:right;
width:255px;
padding:30px 0;
}

#footer{
clear:both;
padding:40px;
} 
.post p{
	margin-bottom: 20px;
}
.btn_1{
	border-radius: 2rem;
	background-color: #9CCAD1;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
a:hover .btn_1{
	border-radius: 2rem;
	background-color: #ffffff;
	color: #509DAB;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.btn_2{
	border-radius: 2rem;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
a:hover .btn_2{
	border-radius: 2rem;
	background-color: #ffffff;
	color: #509DAB;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.btn_3{
	border-radius: 2rem;
	background-color: #FFCC66;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
a:hover .btn_3{
	border-radius: 2rem;
	background-color: #FFEEDD;
	color: #FF9900;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.boxr{
	margin-bottom: 30px;
	overflow: auto;
	background-color: #FFE8E8;
	padding: 10px;
	border: 1px solid #FFBBBB;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

/* トップページ
------------------------------------------------------------*/
.index h4{
	font-family:"Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-size: 24px;
	margin-bottom: 4px;
	font-weight: bold;
}

/* 日程
------------------------------------------------------------*/
ul.past{
	background-color: #EDEFF1;
	border: 1px solid #CCCCCC;
	padding: 20px;
	margin-bottom: 10px;
}
ul.past h4{
	font-size: 20px;
	font-weight: bold;
}
ul.past li{
	list-style-type: none;
	margin-bottom: 5px;
}
.td01{
	color: #FF6600;
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 20px;
}
ul.past hr{
	height:1px;
	color:#FFFFFF;
	border-top-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* 概要
------------------------------------------------------------*/
.about h4{
	font-size: 160%;
	margin-bottom: 20px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: #FF6666;
	border-bottom-color: #0079A1;
}

dl.list01{
	padding-right: 15px;
	padding-left: 20px;
	margin-bottom: 20px;

}
dl.list01 dt {
	clear: left;
	float: left;
	width: 9em;
	padding-left: 5px;
	color: #666666;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0;
	font-size: 13px;
}

dl.list01 dd {
  margin-bottom: 0.8em;
  margin-left: 5.5em;
}

/* ヘッダー
------------------------------------------------------------*/

#header h1{
position:relative;
padding:10px 0;
text-align:left;
font-size:80%;

}

.contact{
position:relative;
float:right;
text-align:right;
font-size:80%;
margin-top:-32px;

}

#header h2{
position:relative;
clear:both;
text-align:center;
font-size:160%;

}

#header h2 img{
width:400px;
}

#header .pnav ul{
position:relative;
float:right;
}

#header .pnav ul li{

display:inline;
margin-left:5px;
font-size:90%;
}

#header .pnav ul li:before{
content:"・";
}

#header .pnav ul li a{
padding-left:5px;
color:#000000;
}

#header .pnav ul li a:hover{
color:#999999;
}

/* ルール
------------------------------------------------------------*/

dl.list03{
	padding-right: 15px;
	padding-left: 0px;
	margin-bottom: 20px;

}
dl.list03 dt {
	clear: left;
	float: left;
	width: 3em;
	padding-left: 5px;
	color: #666666;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0;
	font-size: 100%;
}

dl.list03 dd {
	margin-bottom: 1.8em;
	margin-left: 6em;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

/* 過去の活動
------------------------------------------------------------*/

dl.list02{
	padding-right: 15px;
	padding-left: 0px;
	margin-bottom: 20px;

}
dl.list02 dt {
	clear: left;
	float: left;
	width: 9em;
	padding-left: 5px;
	color: #666666;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0;
	font-size: 90%;
}

dl.list02 dd {
	margin-bottom: 1.8em;
	margin-left: 8em;
	color: #000000;
}

/* トップページ　メイン画像
------------------------------------------------------------*/

#mainImg img{
width:100%;
height:auto;
margin-top:-270px;
}

.post{
margin:0 0 20px 0;
}


/* タイポグラフィ
------------------------------------------------------------*/

h2.title{
	clear:both;
	margin-bottom:20px;
	padding-bottom:7px;
	text-align:center;
	font-size:200%;

}

h2.title span{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	padding-bottom:10px;
	border-bottom:2px solid #000000;
}



.post h1{
margin:15px 0 25px;
padding:15px 0;
font-size:150%;

color:#000000;
border-bottom:3px solid #000000;
}

.post h2{

}

.post h3{
	font-size: 170%;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	color: #0086B3;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #0079A1;
}

.post h4{
	font-size: 140%;
	color: #CC3366;
	font-weight: normal;
	text-align: left;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

.post h5{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;

}

.post h6{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;

}



.post table{
border:1px #cccccc solid;
border-collapse:collapse;
border-spacing:0;
margin:10px 0 30px;
width:100%;
}

.post table th{
padding:15px;
border:#cccccc solid;
border-width:0 0 1px 1px;

}

.post table td{
padding:15px;
border:1px #cccccc solid;
border-width:0 0 1px 1px;
}

.post img{
max-width:100%;height:auto;
}

img.aligncenter {
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{
margin:5px 0 30px 30px;
}

img.alignleft{
margin:5px 30px 30px 0;
}

.alignright{
float:right;
}

.alignleft{
float:left;
}


/* サイドバー
------------------------------------------------------------*/

.widget, .widgetInfo{
margin:0 0 20px;
}

#banners img{
max-width:255px;
height:auto;
padding-bottom:10px;
}

.widget h3{
clear:both;
margin:0 0 20px;
padding:5px 0;
font-size:130%;

border-bottom:2px solid #000000;
}

.widget a{

display:block;
padding:5px 0 5px 0;
color:#000000;
}

.widget a:hover{
color:#999999;
}

.newsTitle{
clear:both;
margin:0 0 20px;
padding:5px 0;
font-size:100%;
border-bottom:2px solid #000000;
}

.newsTitle h3{
font-size:130%;
float:left;

}

.newsTitle p{
float:right;
padding:5px 5px 0 5px;
font-size:.8em;
}

.newsTitle a{

color:#000000;
}

.newsTitle a:hover{
color:#999999;
}

.news p{
clear:both;
padding-bottom:2px;
}

.news p:last-child{
border:0;
}

.news p a{

display:block;
padding:5px 0;
color:#000000;
}

.news p a:hover{
color:#999999;
}

.news span{
padding-left:10px;
}


/* フッター
------------------------------------------------------------*/

#footer ul{
text-align:center;
padding-bottom:10px;
}

#footer li{
display:inline-block;
vertical-align:text-top;
text-align:left;
margin-right:30px;
}

#footer li a{

display:block;
padding:0 0 0 10px;
overflow:hidden;
color:#000000;
}

#footer li a:before{
content:"・";
}

#footer li a:hover{
color:#cdcdcd;
}

#footer li li{
display:block;
padding:0;
}

*:first-child+html #footer li{
display:inline;
}

*:first-child+html #footer ul ul,*:first-child+html #footer li li a,*:first-child+html #footer li li{
display:none;
}

#copyright{
clear:both;
padding:10px;
text-align:center;
font-size:75%;
zoom:1;
}

#pagetop{
position:fixed;
right:30px;
bottom:0px;
font-size:40px;
color:#cdcdcd;
}


/* トップページ 最新記事3件
------------------------------------------------------------*/

.thumbWrap{
width:770px;
margin:0 -20px 20px 0;
}

.thumbWrap li{
float:left;
width:236px;
margin:0 20px 40px 0;
background:none;
}

.thumbWrap img{
margin-bottom:15px;
}

ul.thumb h3{
	margin-top:20px;
	font-size:100%;
	text-align:center;
	border:1px dotted #87D1EE;
	background-color: #D8F3FA;
}

ul.thumb h3 span{
display:block;
padding:7px;
color:#000000;
}

ul.thumb h3 span:hover{
color:#999999;
}

.test{
	text-align: center;
	margin-right: auto;
	margin-left: auto;position:relative;
}
/* メインメニュー　PC用
------------------------------------------------------------*/

@media only screen and (min-width:644px){
/* ギャラリー
------------------------------------------------------------*/
.img-flex{

}
.img-flex img{
	width: 32%;
	margin-bottom: 10px;

}
/*
------------------------------------------------------------*/
.facebook2{
   text-align:center;
   display: none;
}

nav#mainnav{
position:relative;
margin-top:10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

nav#mainnav ul{
display:flex;
justify-content:center;
align-items:center;
}

nav#mainnav ul li{
float:left;
}

nav#mainnav ul li a{
display:block;
text-align:center;
_float:left;
height:60px;
padding:0 10px 0;
line-height:60px;
font-size:120%;

color:#000000;
}

nav#mainnav ul li a span,nav#mainnav ul li a strong{
display:block;
font-size:90%;
line-height:1.7;
}

nav#mainnav ul li a span{
font-size:70%;
}

nav#mainnav ul li a:hover span, nav#mainnav ul li a:hover{
color:#999999;
}

nav#mainnav ul ul{
width:160px;
border-top:0;
}

nav#mainnav ul li ul{
display: none;
}

nav#mainnav ul li:hover ul{
display: block;
position: absolute;
top:60px;
text-align:center;
z-index:500;
}

nav#mainnav ul li li{
background:#EFEFEF;
border-bottom:1px dotted #cdcdcd;
float: none;
width:160px;
height:40px;
line-height:40px;
margin:0;
}

nav#mainnav ul li li:last-child{
border:0;
}

nav#mainnav ul li li a{
width:100%;
height:40px;
padding:0;
line-height:40px;
font-size:95%;
text-lign:center;
}

nav#mainnav ul li li a:hover{
color:#999999;
}

nav div.panel{
display:block !important;
}

a#menu{
display:none;
}

}


/* iPadサイズ以下（1024px）からアコーディオンメニュー
------------------------------------------------------------*/

@media only screen and (max-width:644px){
/* ギャラリー
------------------------------------------------------------*/
.img-flex{

}
.img-flex img{
	width: 49%;
	margin-bottom: 10px;

}
/*
------------------------------------------------------------*/
.facebook2{
   display: none;
}

#header{
position:fixed;
width:100%;
z-index:500;
}
	
#headerWrap{
position:relative;
width:100%;
height:75px;
background:#ffffff;
border-bottom:1px solid #cccccc;
}
	
#header h1{
display:none;
}
	
#header h2{
padding-top:18px;
}
	
#header h2 img{
max-height:60px;
width:auto !important;
}

#header .pnav ul{
display:none;
}

a#menu{
display:inline-block;
position:relative;
width:40px;
height:40px;
}

#menuBtn{
display:block;
position:absolute;
top:60%;
left:50%;
width:18px;
height:2px;
margin:-1px 0 0 -7px;
background:#000000;
transition:.2s;
}

#menuBtn:before, #menuBtn:after{
display:block;
content:"";
position:absolute;
top:50%;
left:0;
width:18px;
height:2px;
background:#000000;
transition:.3s;
}

#menuBtn:before{
margin-top:-7px;
}

#menuBtn:after{
margin-top:5px;
}

a#menu .close{
background:transparent;
}

a#menu .close:before, a#menu .close:after{
margin-top:0;
}

a#menu .close:before{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

a#menu .close:after{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

.panel{
width:100%;
overflow-y: scroll;
height:100%;
left:0;
top:0;
z-index:100;
}

#mainnav{
position:absolute;
overflow: auto;
top:0;
width:100%;
text-align:right;
z-index:500;
}

#mainnav ul{
background:#ffffff;
text-align:left;
}

#mainnav li a{
position:relative;
display:block;
padding:3px 10px;
border-bottom:1px solid #eeeeee;
color: #000000;

}

#mainnav ul li a span{
display:none;
}

#mainnav ul li li{
border:0;
}

#mainnav ul li li a{
padding-left:40px;
}

}


/* iPadサイズ以下（1024px）から 1カラム表示に切り替え
------------------------------------------------------------*/

@media only screen and (max-width:644px){
.facebook2{
   margin-right: auto;
   margin-left: auto;
   text-align:center;
   display: block;
}
.facebook1{
   display: none;
}
#header h2 img{
max-height:60px;
width:auto !important;
}

#wrapper, #header, .inner{
width:100%;
}

#header h1, #header p{
padding:5px 10px;
}

#header h2{
padding:10px;
}

#mainImg{
margin-bottom:30px;
padding-top:330px;
}

h2.first{
margin-top:75px;
}

h2.topFirst{
margin-top:-10px;
}

#content, #sidebar{
clear:both;
width:95%;
float:none;
margin:0 auto;
padding:10px 0;
}

#banners{
width:100%;
margin:30px 0 30px 0;
text-align:center;
}

#banners p{
display:inline;
}

#banners p img{
width:100%;
height:auto;
}

.widget_search{
text-align:center;
}

#footer{
margin:0;border:0;
text-align:center;
}

#footer ul{
text-align:center;
}

#footer li{
margin-right:20px;
}

.thumbWrap{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
width:100%;
margin:0 auto;
overflow:auto;
}

.thumbWrap ul.thumb li{
width:30%;
float:left;
margin:0 1% 0 2%;
}

.thumbWrap img{
width:100%;
height:auto;
}

}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width:644px){

.facebook2{
   display: none;
}
.facebook1{

   margin-right: auto;
   margin-left: auto;
   text-align:center;
   display: block;
}
#mainImg{
margin-bottom:30px;
padding-top:200px;
}

h2.title{
margin-bottom:35px;
}

img.alignright, img.alignleft{
display:block;
margin:5px auto 20px auto;
}

.alignright,.alignleft{
float:none;
}

#footer ul{
text-align:left;
padding:15px;
}

#footer ul ul{
padding:0;
}

.thumbWrap ul.thumb li{
width:95%;
margin-bottom:30px;
}

}





/* メールフォーム
------------------------------------------------------------*/

#formWrap {
	color:#555;
	line-height:120%;
	font-size:90%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
table.formTable{
	width:100%;
	border-collapse:collapse;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	vertical-align: top;
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}