@charset "utf-8";



/*
------------------------------------------------------------
　■ 色、背景、テキストリンク色などの共通設定
------------------------------------------------------------
*/

body {
  background-color:#fff;
  color:#666;
  font-size:1rem;
  line-height: 170%;
  text-align: center;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  /* font-size は body でリセットされているので .body-wrapper で
     ↓
	 font-size:10px --> line-height 指定なし
	 font-size:11px --> 使わない !!
	 font-size:12px --> line-height:16px
	 font-size:13px --> line-height:17px
	 font-size:14px --> line-height:18px
	
  */
}
@media screen and (max-width: 640px) {
    body {
        width:100%;
        max-width:100%;
        overflow-x: hidden;
    }
    iframe {
        height:20vw;
    }
    .smp-w100p {
        width: 100%;
    }

}

/* タグ定義
------------------------- */

a:link, a:visited{
	color:#666;
	text-decoration:underline;
}
a:hover, a:active{
	color:#999;
	text-decoration:none;
}
table, tr, th, td {
	border:none;
}
td, th {
	vertical-align:top;
}
input.btn {
	/* for IE6/7 */
	*padding-top:2px;
}



/* タイトル
-------------------------------- */

.ttl h3,
.ttl-left h3 {
	padding:3px 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.ttl h3 *,
.ttl-left h3 * {
	vertical-align:text-bottom;
}



/* 画像マウスオーバー半透明
-------------------------------- */
a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#header-kanban a:hover img { /* 例外 */
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


/*
------------------------------------------------------------
　■ 大きなレイアウト設定
------------------------------------------------------------
*/

/* div LEVEL 1
------------------------------------------*/
#body-wrapper { /* body直下の最大div */
	width:700px;
	margin:0 auto;
	text-align:left; /* reset */
	padding-bottom:20px;
	background-color:#fff;
}

@media screen and (max-width: 640px) {
	#body-wrapper {
		width:96%;
		margin: 0 auto;
	}
}





/* div LEVEL 2
------------------------------------------*/
#main {
	padding-top:30px;
	clear:both;
}

#form-head {
	padding-bottom:10px;
	font-weight:bold;
}
#form-head span{
	overflow:hidden;
	line-height:25px;
	color:red;
	margin:0;
	padding:0;
}

table.t-inner {
	width:100%;
}
table.t-inner td,
table.t-inner th{
	border:solid 1px #ccc;
	padding: 5px 10px;
	font-size:0.9rem;
}
table.t-inner th{
	width:25%;
	text-align:right;
	vertical-align:middle;
	background:#fafafa;
}
.dog div {
	padding-bottom:3px;
}
table.t-inner td input {
	width:200px;
	font-size:1rem;
}
table.t-inner td input.input-file {
	width:400px;
}
table.t-inner td textarea{
	width:400px;
	height:100px;
	font-size:1rem;
}

#btn-submit {
	text-align:center;
	padding:20px;
}
#btn-submit input {
	width:150px;
	height:32px;
	font-size:14px;
	line-height:14px;
}

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

	table.t-inner td,
	table.t-inner th{
		display:block;
		border:none;
	}
	table.t-inner th{
		width:90%;
		text-align:left;
		background:#fff;
		border-left:5px #999 solid;
	}
	table.t-inner td {
		padding-bottom:10px;
	}
	table.t-inner td input,
	table.t-inner td textarea {
		display:block;
		width:90%;
		padding:5px;
	}
}