@charset "utf-8";

/* 本文 */
html { font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック",Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif ; color: #333; line-height: 1.5; letter-spacing:1px; -webkit-print-color-adjust: exact;}

.f_redb {color: #CC0000; font-weight: bold;}
.f_red {color: #CC0000;}
.font20 { font-size:1.2em; line-height:1.4em; } 

#wrapper { overflow: hidden; }
#contents { overflow: hidden; width : 96%; margin: 0 auto; }

#line01 { width: 100%; height: 26px; font-size : 0.9em; text-align: center; background-image: url(../img/00back02.gif); background-repeat: repeat-x; background-position: center top; padding-top: 10px; margin: 4em 0 3em 0 ; }

/* テーブル */
table.form {
	border: 1px solid #999;
	border-collapse: collapse;
	margin-top: 1em;
}
table.form th, table.form td {
	text-align: left;
	border: 1px solid #999;
	padding: 8px;
	font-weight: normal;
}
table.form th {
	white-space: nowrap;
	background: #f0f0f0;
}
table.form td {
	background: #fff;
}

/* タイトル装飾 */
strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}

/* メッセージ */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* 戻りボタン */
form.back {
	margin-top: 2em;
}

/*◆◆[ 480px ]◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

@media print, screen and (max-width:480px){

html{ font-size : 70%; }

a img.linkimg{  }
a:hover img.linkimg{  }

#contents { width: 100%;}
#main { width: 100% }

#t01 { width: 80%; height: 40px; padding: 14px 0 0 60px; }

}


/*◆◆[ 768px ]◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

@media print, screen and (min-width:481px){

html{ font-size : 87.5%; }

a img.linkimg{  }
a:hover img.linkimg{  }

#contents { width: 100%;}
#main { width: 100% }

#t01 { width: 94%; height: 40px; padding: 14px 0 0 60px; }


}


/*◆◆[ 1020px ]◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

@media print, screen and (min-width : 1020px) {

html{ font-size: 100%; }

a img.linkimg{ background: none; transition: 0.3s; }
a:hover img.linkimg{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:none;}

#contents { max-width: 700px;}
#main { width: 100% }

#t01 { width: 94%; height: 40px; padding: 14px 0 0 60px; }

}