@charset "UTF-8";
/*=====================================================================================*

	layout.css

 *=====================================================================================*/
/*
	layout and other
	PageBase
	Menu
	MainColumn
	SubColumn
	Footer
*/



/*----------------------------------------*
	layout and other
 *----------------------------------------*/

* {
	margin:			0;
	padding:		0;
	letter-spacing:	0.1em;
}
body {
	min-width:		900px;
	word-break:		normal;
	word-wrap:		break-word;
	font-size:		13px;
	font-family:	"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:			#006699;
/*	background-color:	#ffffee;
*/
}

.clearfix:after {
	visibility:		hidden;
	height:			0;
	display:		block;
	font-size:		0;
	content:		" ";
	clear:			both;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}

/*-----------------------------*
	link
 *-----------------------------*/
a {
	text-decoration:	underline;
	color:				#FF6699;
}
a:hover {
	text-decoration:	underline;
	color:				#FF9999;
}

/* メール */
a[href^="mailto:"]{
	padding-left:	20px;
	margin-left:	5px;
	background:		url(../images/email.svg) no-repeat;
}


/*-----------------------------*
	Head
 *-----------------------------*/

#Head {
/*	height:		200px;
*/	padding:	0px;
/*	background-color:	#1a4b68;
*/	border-bottom:	6px solid #EE819E;
}
#HeadInner{
	width:		900px;
	height:		100px;
/*	height:		220px;
*/	margin:		0 auto;
	background:	url(../../201508%20-%20Copy/images/head.png) no-repeat;
}
#HeadInner h1 {
	display:	none;
}

#SPHeadInner {
	display:	none;
}

/*----------------------------------------*
	PageBase
 *----------------------------------------*/
#PageBase {
	width:			100%;
	overflow:		hidden;
	padding-bottom:	50px;
}
#PageInner {
	clear:			both;
	width:			880px;
	margin:			0 auto;
	padding:		40px 10px 50px 10px;
	position:		relative;
background-color:	#fff;
}


/*----------------------------------------*
	top/main_catch
 *----------------------------------------*/
h1#top_catch {
	position:			relative;
	font-size:			20px;
	line-height:		1;
	margin:				0 0 30px 0;
	padding:			17px 5px 15px 20px;
	border-left:		10px solid #ee819e;
	border-right:		10px solid #ee819e;
	background-color:	#FFF1EF;
/*	border-top:		1px solid #ee819e;
*/
}
h1#top_catch:after {
	content:		"";
	position:		absolute;
	bottom:			0px;
	left:			0;
	height:			0;
	width:			100%;
	border-bottom:	1px solid #ee819e;
}

#main_catch {
	line-height:	1.8em;
	font-size:		14px;
	margin:			0px 10px 10px 10px;
}
#main_catch img {
	float:			left;
	margin-right:	2em;
	margin-bottom:	2em;
	width:280px;
/*height:160px;*/
border:1px #ccc solid;
}

.req_attention {
	margin:			0px 10px 30px 10px;
	padding:		15px 10px;
	font-size:		12px;
	color:			#ee819e;
	border:			1px #ccc dotted;
}

.req_attention p {
	padding-left:	 1em;
	text-indent:	-1em;
	margin-bottom:	0.5em;
	line-height:	1.4em;
}



.syutten_attention {
	margin:			0px 15px 30px 15px;
	font-size:		12px;
	color:			#ee819e;
}

.syutten_attention p {
	padding-left:	 1.5em;
	text-indent:	-1.5em;
	margin-bottom:	0.5em;
	line-height:	1.4em;
}


.attention {
	margin:			0px 10px 30px 10px;
	padding:		15px 10px;
	font-size:		12px;
	color:			#ee819e;
	line-height:	1.8em;
}



/*----------------------------------------*
	Contents
 *----------------------------------------*/

.ContentsContainer {
	margin:					0px 10px;
	padding:				10px 10px 30px 10px;
	background-color:		#fff;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
	border:					1px #ccc solid;
}
.ContentsContainer h2 {
	position:		relative;
	color:			#fff;
	background:		#EE819E;
	font-size:		16px;
	line-height:	1;
	margin:			0px -20px 20px -20px;
	padding:		12px 5px 10px 40px;
	box-shadow:		0 1px 3px #777;
}
.ContentsContainer h2:after,
.ContentsContainer h2:before {
	content:	"";
	position:	absolute;
	top:		100%;
	height:		0;
	width:		0;
	border:		5px solid transparent;
	border-top:	5px solid #C21A46;
}
.ContentsContainer h2:after {
	left:			0;
	border-right:	5px solid #C21A46;
}
.ContentsContainer h2:before {
	right:			0;
	border-left:	5px solid #C21A46;
}




.ContentsContainer .ContentsInner {
	border:				solid 1px #ccc;
	margin-top:			-10px;
	padding:			20px 20px 30px 20px;
	background-color:	#fff;
	line-height:		1.6em;
	font-size:			12px;
	border-bottom-left-radius:		3px;
	border-bottom-right-radius:		3px;
}

.Contents {
	padding: 10px 20px;
}


.policy {
	margin-top:		30px;
}
.policy h3 {
	width:			50%;
	position:		relative;
	color:			#fff;
	background:		#1A4B68;
	font-size:		12px;
	line-height:	1;
	border:			1px solid #1A4B68;
	margin:			15px 10px 0px 10px;
	padding:		10px 5px 8px 20px;
	border-top-left-radius:		3px;
	border-top-right-radius:	3px;
}
.policy h3:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 30px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #1A4B68;
}



.kakomi {
	padding:				10px 10px;
	background-color:		#f5f5f5;
	border:					1px solid rgba(0,0,0,0.15);
	border-radius:			2px;
	-webkit-border-radius:	2px;
	-moz-border-radius:		2px;
}


/*----------------------------------------*
	form
 *----------------------------------------*/

#access_code, #email, #confirm_email, #city1, #city2, #city3 {
	width:95%;
}
#tel1, #fax1, #zip1 {
	width:15%;
}
#tel2, #tel3, #fax2, #fax3, #zip2 {
	width:20%;
}
#comment {
	width:90%;
	height:100px;
}

#zip1, #zip2 {
	margin-bottom: 5px;
}


.chkarea {
	white-space: nowrap;
	margin-right: 20px;
}

.hissu {
	color: #ff0000;
}



/*------------------------------*
	基本情報部分
 *------------------------------*/

.base_info {
	padding:	0px 10px;
}

.base_info table {
	width:				100%;
	margin:				20px auto 0 auto;
	border-collapse:	collapse;
	line-height:		1.6em;
	border:				1px solid #cfcfcf;
}
.base_info table th {
	width:			25%;
	background:		#f5f5f5;
	color:			#555;
	padding:		10px 10px;
	border:			1px solid #cfcfcf;
}
.base_info table td {
	width:		75%;
	padding:	10px 10px;
	border:		1px solid #cfcfcf;
}

.base_info table td input[type="text"] {
	padding: 5px;
}
.base_info table td input[type=checkbox], .enquete table td input[type=checkbox] {
	position:relative;
	top:-2px;
}

.base_info table td input[type=checkbox] + label, .enquete table td input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	line-height: 1.6em;
	cursor: pointer;
}

.base_info table td textarea {
	padding: 5px;
	width: 90%;
	height: 100px;
}

.base_info table td select, .enquete table td select {
	padding: 5px;
}


.present_list {
	padding-left:	 1.7em;
	text-indent:	-1.7em;
}



/*------------------------------*
	アンケート部分
 *------------------------------*/

.enquete {
	padding:	0px 10px;
}

.enquete table {
	width:				100%;
	margin:				20px auto 0 auto;
	border-collapse:	collapse;
	line-height:		1.6em;
	border:				1px solid #cfcfcf;
}
.enquete table th {
/*	width:			10%;
*/	background:		#f5f5f5;
	color:			#FF6699;
	padding:		10px 10px;
	border:			1px solid #cfcfcf;
	text-align:		left;
}

.enquete table td {
/*	width:		30%;
*/	padding:	10px 10px;
	border:		1px solid #cfcfcf;
}

.enquete table td input[type="text"] {
	padding: 5px;
}
.enquete table td input[type=checkbox] {
	position:relative;
	top:-2px;
}

.enquete table td input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	line-height: 1.6em;
	cursor: pointer;
}

.enquete table td textarea {
	padding: 5px;
	width: 90%;
	height: 100px;
}

td.fukusu div {
	margin-bottom:	3px;
}
td.fukusu p, td.fukusu_radio p {
	color:			#FF6699;
	font-weight:	bold;
}
td.fukusu_radio {
	line-height:	1.8em;
}
td.fukusu_radio span {
	white-space:	nowrap;
}



/*----------------------------------------*
	index list
 *----------------------------------------*/

div#index_list_title {
	text-align:		center;
	margin:			30px 0px 20px 0px;
	color:			#FF6699;
	font-weight:	bold;
}

div#index_list {
	margin:				10px 5px 30px 5px;
	padding-bottom:		30px;
}
div#index_list ul {
	width:				100%;
	list-style-type:	none;
}
div#index_list ul li {
	width:			50%;
	float:			left;
	line-height:	1.6em;
}