/*---------------------------------------------
	共通設定
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}



/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
	color: #666;
	background-color: #E7FFFB;
}


.text-center {
	text-align: center;
}

#wrapper {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

section{
	margin-bottom: 50px;
}


/*---------------------------------------------
	ヘッダー部分の設定
  ---------------------------------------------*/
header {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	/* 画像ファイルの指定 */
	background-image: url("../images/index.jpg");
	/* 画像を常に天地左右の中央に配置 */
	background-position: center center;
	/* 画像をタイル状に繰り返し表示しない */
	background-repeat: no-repeat;
	/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-attachment: fixed;
	/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;
	/* 背景画像が読み込まれる前に表示される背景のカラー */
	background-color: #FFFFFF;
	display: block;
}

/*---------------------------------------------
	シングルカラムの場合
  ---------------------------------------------*/
.single {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	line-height: 190%;
}



.name{
	font-weight: bold;
	font-size: 96%;
	line-height: 2em;
}

@media screen and (max-width: 539px) {
.single {
	width: 90%;
}
}

/*---------------------------------------------
	リンクの設定
  ---------------------------------------------*/

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #c00;
}
a:visited {
	text-decoration: none;
	color: #c00;
}
a:hover {
	text-decoration: underline;
	color: #c00;
}
a:active {
	text-decoration: underline;
	color: #c00;
}



/*---------------------------------------------
	アイコンをボタンっぽく表示
  ---------------------------------------------*/

.iconbtn {
	font-weight: bold;
	font-size: 120%;
	background-color: #A7A7A7;
	color: #fff;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	padding: 2px 4px;
	margin: 2px;
}



/*---------------------------------------------
	レスポンシブテーブルデザイン
  ---------------------------------------------*/

.data{
	width: 100%;
	border: 2px solid #999999;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
 
.data th{
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #F1F0DE;
}
 
.data td{
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}

@media (max-width: 539px)
{
	
.data{
	width: 95%;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	border-style: none;
	margin-left: auto;
	margin-right: auto;
}
 
 
.data th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.data td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}

}



/*-----------------------------------------------------	*/
/*	for - 540px					*/
/*-----------------------------------------------------	*/

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

	#header-inner {
		width: 100%;
	}

	#tagline {
		float: none;
		padding: 15px 0 5px;
		text-align: center;
	}

	#logo {
		padding: 0 0 15px;
	}

	#logo a {
		margin: 0 auto;
	}


	#gnav nav {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	}

	#gnav nav ul {
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
	}

	#gnav nav ul li {
		float: left;
		width: 50%;
		*width: 49.9%;
	}

	#gnav nav ul li a {
		display: block;
		padding: 8px 0 6px;
		text-align: center;
	}
	

a img {
	/* ブロック要素にします */
	overflow: hidden; /* はみ出ないようにします */
	display: block;
 margin:0 auto;
text-indent:100%;
white-space:nowrap;
}
	
a:hover img {
	margin-top: 0px;
}


	.column1 {
		width: 45.5%;
		margin-right: 4%;
	}


	.box {
		padding: 0 20px 20px;
	}

	#contents-title {
		font-size: 110%;
	}

	.btn {
		width: auto;
	}

	.btn a {
		width: auto;
	}

	#contents {
		width: 100%;
	padding: 0px;
	margin: 0 auto;
		
	}

	.left-column {
		float: none;
		width: 90%;
		margin: 0 auto;
		padding-bottom: 0;
	}

	.column-set {
		width: 105%;
	}

	.column1 {
		width: 29%;
		margin-right: 4.1%;
	}

	.right-column {
		float: none;
		width: 90%;
		margin: 0 auto;
		*margin: 0 auto 20px;
		overflow: hidden;
		*zoom: 1;
	}

	.right-column-inner {
		width: 105%;
	}

	.right-column .box {
		float: left;
		width: 24%;
		margin-right: 4.1%;
		padding: 0 2.5% 15px;
	}

	.right-column .ad {
		width: 26%;
		padding: 10px 1.5% 0;
	}

	#footer-inner {
		width: 100%;
	}

}
	
/*-----------------------------------------------------	*/
/*	亀井修正					*/
/*-----------------------------------------------------	*/