@charset "utf-8";
/*@import "reset_html5.css";*/
@import "bootstrap.min.css";
/*-------------------------------------
contents style
-------------------------------------*/
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-text-size-adjust:100%;}

.gsc-control-cse * {
	-webkit-box-sizing:content-box;
	box-sizing:content-box;}

html,body {}



body {
	word-break:break-all;
	font:16px/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333;
	padding:30px;
	background:url("") center top no-repeat transparent;
	-webkit-text-size-adjust:100%;}



a {color:#3087a0;}
a:hover {color:#3fb4d4;}
ul,ol {list-style:none;}
table {border-collapse:collapse;}

.tac {
	text-align:center;}

.tal {
	text-align:left;}

.tar {
	text-align:right;}

.bold {
	font-weight:bold;}




/*---------------------
content
---------------------*/
header {
	text-align:center;}

header div img {
	width:80px;
	margin-right:8px;
	vertical-align:top;}

article {
	width:100%;
	padding:30px;}

.error {
	max-width:720px;
	color:#d00;
	margin:0 auto 16px;}

.table {
	display:table;
	max-width:720px;
	margin:0 auto;
	border-radius:12px;
	border:1px solid #ddd;}

h3,
h2 {
	display:inline-block;
	width:200%;
	margin:0;
	padding:32px 16px 16px;}

h3 {
	padding-top:16px;
	font-size:14px;}

h3:before {
	content:"▼ ";}

.item {
	display:table-row;}

span.data,
span.title {
	position:relative;
	display:table-cell;
	padding:16px;
	border-bottom:1px dotted #ddd;}

h3 + .item span.data,
h3 + .item span.title,
h2 + .item span.data,
h2 + .item span.title {
	border-top:1px dotted #ddd;}

span.title {
	width:22%;
	vertical-align:middle;
	background-color:#eceff3;
	border-color:#a8a8a8;}

.item:nth-child(1) span.title {
	border-radius:12px 0 0 0;}

.item:nth-last-child(49) span.data,
.item:nth-last-child(49) span.title,
.item:nth-last-child(2) span.data,
.item:nth-last-child(2) span.title {
	border:none;}

form .item:nth-last-child(49) span.title,
.item:nth-last-child(2) span.title {
	border-radius:0 0 0 12px;}

.item:nth-last-child(49) {
	border}

span.title b {
	display:block;
	font-size:10px;
	color:#d00;}

article > p {
	width:720px;
	margin:0 auto 16px;}

p b {color:#d00;}

span.data {
	width:78%;}

input[type=text],
textarea {
	width:95%;
	margin-right:8px;
	padding:3px;
	background-color:#fff9b6;
	border:1px solid #ddd;}

select + input[type=text] {
	width:77%;}

textarea {
	height:7em;}

button,
input[type=submit] {
	margin:32px auto;
	padding:8px 16px;
	line-height:1;
	color:#333;
	cursor:pointer;}

select {
	background-color:#fff9b6;
	margin-right:3px;}

footer {
	text-align:center;}



/*---------------------
media query
---------------------*/
/* sp - pc */
@media screen and (max-width:768px){
/**/
body {
	padding:16px;}

article {
	width:auto;
	padding:0;}

h2 {
	padding:16px 8px 8px;
	font-size:16px;}

.table {
	border-radius:8px;}

span.data,
span.title {
	padding:4px;}

span.title {
	width:8em;
	font-size:12px;}

span.data {
	width:auto;}

.item:nth-child(1) span.title {
	border-radius:8px 0 0 0;}

.item:nth-last-child(2) span.title {
	border-radius:0 0 0 8px;}

input[type=text],
textarea {
	width:100%;
	padding:2px;
	font-size:18px;}

select {
	font-size:12px;}

select + input[type=text] {
	width:75%;}
/**/
}

/* tab - pc */
@media screen and (min-width:768px){}











/*---------------------
[common]:hover alpha
---------------------*/
/*
:hover {
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);}
*/


/*---------------------
[common]:float clear
---------------------*/
/*
■:after {content:".";display:block;height:0px;font-size:0px;line-height:0;visibility:hidden;clear:both;}
■ {zoom:100%;}
*/


/*---------------------
[common]:text fly out
---------------------*/
/*
■ {display:block;text-indent:-9999px;overflow:hidden;font-size:0;}
*/


/*---------------------
[common]:absolute a text fly out
---------------------*/
/*
 a {display:block;text-indent:-9999px;overflow:hidden;background-color:#fff;filter:alpha(opacity=0);opacity:0;}
*/