@charset "utf-8";

/*  全デバイス共通_*/
body {
	width: 100%;
	background-color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
}
#wrap {
	padding: 0 0 40px 0;
}
a {
	color:#ccf;
	text-decoration:none;
}
a:hover {
	color:#eee;
	background-color:#669;
}
ul li {
	list-style-type:none;
}

/* コンテンツエリア全体 */
div#content {
	padding-bottom:90px;
}
/* コンテンツエリア */
h2 {
	width: 100%;
	margin: 20px 0 0 0;
	border-bottom: 4px solid #525288;
	text-align: center;
}
h3 {
	width: 100%;
	margin: 20px 0;
	border-bottom: 1px solid #525288;
}
.error {
	color: #f00;
}
.tbl-layout {	
	width: 100%;
	margin: 0 auto;
	border-bottom: none;
	background-color: #fff;
}
.tbl-layout dt,
.tbl-layout dd {
	padding: 10px 20px;
}
.tbl-layout dt {
	font-weight: bold;
	font-size:14px;
	color:#fff;
	background-color: #525288;
	border-top:1px solid #fff;
	border-left: 1px solid #fff;
}
.tbl-layout dd {
	font-size:10px;
	padding-top:10px;
	padding-bottom:20px;
//	border-bottom: 1px solid #ccc;
}
.tbl-layout dd textarea {
	width:100%;
}
.tbl-layout .w300{
	font-size:12px;
	width:100%;	
	height:24px;
}
.tbl-layout .w120{
	font-size:12px;
	width:120px;	
	height:24px;
}
.tbl-layout .bdchange{
	border-bottom:none;	
}
p.btn {
	text-align: center;
	padding: 25px 0;
}
p.btn input {
	width:198px;
}

/* フッター */
footer {
//	border-top:10px solid #000;
	margin:20px 0 0 0;
}
footer div p {
	font-size:0.7em;
	line-height:2.0em;
}
/* footer */
footer {
	font-size: 80%;
	padding: 20px 0 0 0;
}
footer nav ul {
}
footer nav ul li {
	width: 50%;
	height: 40px;
	float: left;
	background-color: #525288;
	text-align: center;
	border-bottom: 1px dotted #eee;
}
footer nav ul li:nth-child(odd) {
	width: 49%;
	border-right: 1px dotted #eee;
}
footer nav ul li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 40px;
}
/* footer2 */
#footer2 {
	clear: both;
	padding: 20px 20px;
}
#footer2 p {
	display: inline;
	float: right;
}
#footer2 p#legal {
	display: block;
	clear: both;
//		border: 2px solid #ccc;
}
#footer2 p#updated:before { content: "　"; }
#footer2 p a{
	display: block;
	float: right;
}

/* タップ前のチェックボックスデザイン */
input[type="checkbox"]{
    -webkit-appearance:none;
    width:20px;
    height:20px;
    background:#fff;
    border:1px solid #ccc;
    }
/* タップ前のラジオボタンデザイン */
input[type="radio"]{
    -webkit-appearance:none;
    width:15px;
    height:15px;
    background:#fff;
    border:1px solid #ccc;
    -webkit-border-radius:10px / 10px;
    }
/* タップ後のデザイン */
input[type="checkbox"]:checked,
input[type="radio"]:checked{
    background:#009;
    }


/* PC向けおよび大型タブレット向け：600px～960px */
/* min-width : 600px */
@media only screen and (min-width : 600px) {
	footer nav {
		text-align: center;
//		border-bottom: 3px double #eee;
		margin: 10px auto 15px auto;
	}
	footer nav ul li {
		text-align: center;
		float: left;
		width: 24.5%;
		border-bottom,
		border-right: 1px dotted #eee;
	}
	footer nav ul li:nth-child(odd) {
		width: 25%;
		border-left: 1px dotted #eee;
	}
	footer nav ul li.home {
		border-left: none;
		margin-left: 1px;
	}
	footer nav ul li.contact {
		border-right: none;
	}
	footer nav ul li a{
		display: block;
	}
  .tbl-layout {  
    width: 100%;
    margin: 0 auto;
    border-bottom: none;
	background: #fff url(../images/table_bg.gif) repeat-y -39px 0;
  }
  .tbl-layout dt,
  .tbl-layout dd {
    padding: 20px;
  }
  .tbl-layout dt {
    font-size:12px;
    clear: both;
    float: left;
    width: 150px;
    border-top: 1px solid #FFFFFF;
  }
  .tbl-layout dd {
    font-size:12px;
    padding-left: 210px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #FFFFFF;
  }
  .tbl-layout .w300{
    width:300px;	
    height:24px;
  }
  .tbl-layout .w70{
    width:70px;	
    height:24px;
  }
  .tbl-layout .bdchange{
    border-bottom:1px solid #ccc;
  }
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width : 900px) {
	#wrap {
		width: 800px;
		margin: 0 auto;
//			border: 4px solid #222;
}
}