@charset "UTF-8";
/*
NPO法人 工芸文化研究所
@suzuki.t
2015/06/13
*/

/*---- 共通 ----*/
/* basic layout */
body{position:relative;}
	#wrapper{width:952px; height:100%; margin:0 auto 15px; box-shadow:0 0 5px #2f1f1f;}
		#header{}
			#logo{width:482px; float:left;}
			#gnavi{width:100%;}
		#content{margin:0;}
			#main_contents{float:left; width:606px;}
			#fast_information_contents{float:left; width:100%;}
			#side_menu{width:334px; height:400px; padding:12px 12px 10px 0; float:right;}
		#footer{width:100%;}

/* font */
body{
	font: 87.5% Verdana, "游ゴシック", "メイリオ", Meiryo, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;color:#000;
	-webkit-text-size-adjust: 100%; /* スマホ閲覧表示対応 */
}
/* background */
html{background-color:#3a4456; background:url("../images/bg_org.gif");}
/*body{background-color:#C9CACA; background:url("../images/bg_org.gif");}*/
#wrapper{background:#F9F9F9; background:rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%;}
/*#content{opacity:0;} /* fadeIn */

/* selection */
::selection {color:#444;background:#d4dcd6;} /* Safari */
::-moz-selection {color:#444;background:#d4dcd6;} /* Firefox */

/* tag:link */
a{text-decoration:underline;}
a:link{color:#00F;}
a:visited{color:#009;}
a:hover{color:#c00000;}
a:active{color:#9acce7;text-decoration:none;}

/* tag:text */
h1{font-size:2em; line-height:1.7124285em;}
h2{
	font-size:1.25em;
	line-height:1.8285714em;
	border-bottom:4px solid #222;
	background-color:#6e7068;
	background:url("../images/bg_lightgray.gif");
	color:#f9f9f9;
	padding:8px 0 4px 4px;
}
h3{font-size:1.2em;line-height:1.4285714em;}
p{line-height:1.7124285em;}
strong {font-weight:normal}
/* tag:class */
.ti-1{text-indent:1em;}
.mb-1{margin-bottom:1em;}
.ml-1{margin-left:1em;}
.ml-2{margin-left:2em;}
.ml-3{margin-left:3em;}
.mr-1{margin-right:1em;}
.mr-2{margin-right:2em;}
.mt1{margin-top:1em;}
.mt2{margin-top:2em;}
.mt3{margin-top:2em;}
.ml1{margin-left:1em;}
.ml2{margin-left:2em;}
.ml3{margin-left:3em;}
.mr1{margin-right:1em;}
.mr2{margin-right:2em;}
.mb1{margin-bottom:1em;}
.mb12{margin-bottom:2em;}


.ta_center{text-align:center;}
.w90pct{width:90%;}
span.small{font-size:0.8em;}
span.w6{display:inline-block;width:6em;vertical-align:top;}
span.w24-ib{display:inline-block;max-width:24em;}
span.w30pct{display:inline-block;width:30%;}
span.w40pct{display:inline-block;width:40%;}
span.w60pct{display:inline-block;width:60%;}
span.w70pct{display:inline-block;width:70%;}
span.w80pct{display:inline-block;width:80%;}
.text_right{text-align:right;}
.goTo{text-align:center;margin:1.5em;}
.book_index{text-align:center;font-size:150%;font-weight:bolder;}
.ti-title{text-indent:-1em;padding-left:1em;}
.ti-title2em{text-indent:-2em;padding-left:2em;}
.over{text-align:right;margin:1em 0;}
h3.headline{
	width:70%;
	max-width:80%;
	margin:1em 0 1em 0.5em !important;
	line-height: 1.5;
	padding:0.5em;
	border:0px !important;
}
h3.headline:after{
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background: transparent linear-gradient(to right , #000, rgba(252, 252, 252, 0), rgba(252, 252, 252, 0)) repeat scroll 0% 0%;
	background: transparent -moz-linear-gradient(left center , #000, rgba(252, 252, 252, 0) 50%) repeat scroll 0% 0%;
	background: transparent -webkit-gradient(linear, left center, center center, from(#000), to(rgba(252, 252, 252, 0))) repeat scroll 0% 0%; 
}
h4.kiyou{
	width:45%;
	max-width:80%;
	margin:1em 0 1em 0.5em;
	line-height: 1.5;
	padding:0.5em;
}
h4.kiyou:after{
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background: transparent linear-gradient(to right , #000, rgba(252, 252, 252, 0), rgba(252, 252, 252, 0)) repeat scroll 0% 0%;
	background: transparent -moz-linear-gradient(left center , #000, rgba(252, 252, 252, 0) 50%) repeat scroll 0% 0%;
	background: transparent -webkit-gradient(linear, left center, center center, from(#000), to(rgba(252, 252, 252, 0))) repeat scroll 0% 0%; 
}
h4.under_line{
	width:100%;
	background:url(../images/line_02.gif) repeat-x bottom left;
	margin:0.5em 0;
}
h4.under_line span{
	display:inline-block;
	background:url(../images/line_666.png) repeat-x bottom left;
	padding-right:1.5em;
}
/* tag:table and list */
ol, ul {list-style: none;}
ul li{line-height:1.7124285em;}
td, th{line-height:1.7124285em;}
dl.fl_lst dt{clear:both;float:left;}
/* tag:other */
img{border: 0px;vertical-align: bottom;}

/* clearfix */
.clearfix {zoom: 1;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}

/*---- /共通 ----*/

/* header */
#logo h1 a{
	display:block;
	color:#000;
}
#header_link{
	float:right;
	width:358px;
	margin-left:110px;
}
#header_link ul{
	clear:both;
}
#header_link ul li{
	float:left;
	width:119px;
	text-align:center;
	margin-top:54px;
	margin-bottom:6px;
}
#header_link ul li a{
	font-size:0.8571428571428571em;
	display:block;
	color:#000;
	text-decoration:none;
	line-height:36px;
	transition: background-color 0.8s ease , color 0.8s ease;
	-ms-transition: background-color 0.8s ease , color 0.8s ease;
	-webkit-transition: background-color 0.8s ease , color 0.8s ease;
	-moz-transition: background-color 0.8s ease , color 0.8s ease;
	-o-transition: background-color 0.8s ease , color 0.8s ease;
}
#header_link ul li a:hover{color:#c00000;}
#gnavi{}
#gnavi ul li{
	float: left;
	width: 157px;
	line-height: 48px;
	text-align:center;
	border-left:2px solid #2F2522;
}
#gnavi ul li:first-child{border-left:none;}
#gnavi ul li.top{border-bottom:4px solid #0291CB;}
#gnavi ul li.display{border-bottom:4px solid #028B55;}
#gnavi ul li.event{border-bottom:4px solid #6173BB;}
#gnavi ul li.collection{border-bottom:4px solid #9B62A7;}
#gnavi ul li.publication{border-bottom:4px solid #C56A58;}
#gnavi ul li.labo{border-bottom:4px solid #ABB866;}
#gnavi ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color:#3E3936;
	color:#F9F9F9;
	text-decoration:none;
	/*transition: background-color 0.5s ease , color 0.8s ease;*/
	/*-ms-transition: background-color 0.5s ease , color 0.8s ease;*/
	/*-webkit-transition: background-color 0.5s ease , color 0.8s ease;*/
	/*-moz-transition: background-color 0.5s ease , color 0.8s ease;*/
	/*-o-transition: background-color 0.5s ease , color 0.8s ease;*/
}
#gnavi ul li a:hover{background-color:#4f4f4f;}
/* /header */

/* side_menu */
#side_menu{
	width:334px;
	padding:12px 12px 10px 0;
	height:400px;
	float:right;
}

#about_labo h2,#book_download h2, #fast_info_link h2{
	width:326px;
	color:#F9F9F9;
	background-color:#6e7068;
	color:#f9f9f9;
	padding:8px 0 4px 4px;
	border-left:6px solid #C56A58;
	box-shadow:0px 4px 10px #2f1f1f;
}
#about_labo p.head{
	margin-left:8px;
	/*line-height:3em;*/
}
 p.head{
	margin-left:8px;
}

#about_labo > div,#book_download > div,#fast_info_link > div{
	background-color:#F9F9F9;
	border:1px solid #CFCFCF;
	border-top:none;
	padding-bottom:13px;
	box-shadow:1px 1px 5px #2f1f1f;
}

ul.side_address{
	margin-left:16px;
	margin-right:8px;
}
ul.side_address li{
	line-height:1.5em;
}

#contact{
	height:1000px;
}
/* /side_menu */

/* footer */
#footer{background-color:#2E242B; color:#F9F9F9; text-shadow: 1px 1px #666; text-align:center;}
#footer .copy{line-height:3em;}

/* /footer */

#alert > div{
	/* margin-bottom + paddeing-botttom + border-bottom = 24n */
	margin-bottom:12px;
	padding-bottom:13px;
	border-bottom:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	background-color:#F9F9F9;
	box-shadow:1px 1px 5px #000000;
}
#alert div ul.info_lst li{
	border-bottom:1px dashed #999;
	padding:12px 0 11px;/* border + padding */
	line-height:1.5em;
	clear:left;zoom: 1;
}
#alert h2{
	background-image:none;
	background-color: #6e7068;
	border-bottom:1px dashed #999;
}



/* info */
#info {margin:12px;}
#info > div{
	/* margin-bottom + paddeing-botttom + border-bottom = 24n */
	margin-bottom:12px;
	padding-bottom:13px;
	border-bottom:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	background-color:#F9F9F9;
	box-shadow:1px 1px 5px #2f1f1f;
}

#info h2{
	background-color:#6e7068;
	color:#f9f9f9;
	padding:8px 0 4px 4px;
	width:573px;/* 586-border-padding */
	box-shadow:0px 4px 10px #2f1f1f;
}
h2#alert_display{border-left:6px solid #000000;}
h2#info_display{border-left:6px solid #0291CB;}
h2#info_display_fast{border-left:6px solid #0291CB;}
h2#info_news{border-left:6px solid #CCB44E;}
h2#info_reading{border-left:6px solid #ABB866;}
#info div ul.info_lst{
	width:568px;/* 586-border-padding */
	padding:0px 8px 0 8px;
}
#info div ul.info_lst li{
	border-bottom:1px dashed #999;
	padding:12px 0 11px;/* border + padding */ 
	line-height:1.5em;
	clear:left;zoom: 1;
}
#info div ul.info_lst .info_lst_detail{
	display:block;
	margin-left:2em;
}

#info div ul li div{
	width:8.5em;
	float:left;
}
#info_display + div p
,#info_news + div p{
	padding:0 0 0 9.5em;
}
#info_display_fast + div p
{
	padding:0 0 0 11em;
}
#info_reading + div > ul{
	width:574px;
	padding:0 0 23px 0;
	background-color:#F9F9F9;
	border-bottom:1px solid #CFCFCF;
	clear:left;zoom: 1; /* clear */
}
#info_reading + div > ul:last-child{
	border-bottom:none;
	padding:0;
}
#info_reading + div .covers{
	width:173px;
	padding:9px 0 0 8px;
	float:left;
}
#info_reading + div .covers img{
	border:1px solid #CCC;
}

#info_reading + div p{
	/*line-height:1.5em;*/
	line-height:1.714285714285714em;
	}
#info_reading + div h3{
	/*font-size:1.25em;*/
	/*line-height:2.4em;*/
	font-size:1.142857142857143em;
	line-height:1.5em;
	padding:0.75em 0;
}
#info_reading + div .headline_list{
	background: url("../images/icon_arrow.gif") no-repeat top left;
	margin-left:183px;
	padding-left:8px;
}
#info_reading + div .headline_list p{
	/*line-height:1.875;*/
	line-height:2em;
	margin-bottom:0;
	font-size:0.8571428571428571em;
}
/* /info */

/* fast_info */
#fast_info {margin:12px;}
#fast_info > div{
	/* margin-bottom + paddeing-botttom + border-bottom = 24n */
	margin-bottom:12px;
	padding-bottom:13px;
	border-bottom:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	background-color:#F9F9F9;
	box-shadow:1px 1px 5px #2f1f1f;
}

#fast_info h2{
	background-color:#6e7068;
	color:#f9f9f9;
	padding:8px 0 4px 4px;
	width:918px;/* 933-border-padding */
	box-shadow:0px 4px 10px #2f1f1f;
}
h2#alert_display{border-left:6px solid #000000;}
h2#info_display{border-left:6px solid #0291CB;}
h2#info_news{border-left:6px solid #CCB44E;}
h2#info_reading{border-left:6px solid #ABB866;}
#fast_info div ul.info_lst{
	width:905px;/* 918-border-padding */
	padding:0px 8px 0 8px;
}
#fast_info div ul.info_lst li{
	border-bottom:1px dashed #999;
	padding:12px 0 11px;/* border + padding */
	line-height:1.5em;
	clear:left;zoom: 1;
}
#fast_info div ul.info_lst .info_lst_detail{
	display:block;
	margin-left:2em;
}

#fast_info div ul li div{
	width:10.5em;
	float:left;
}
#info_display + div p
,#info_news + div p{
	padding:0 0 0 9.5em;
}
/* /fast_info */


/* 各メニュー共通 */
#about_contents
,#activities_contents
,#book_contents
,#restore_contents
,#access_contents
,#study_contents
,#contact_form{
	min-height:500px;
	padding:2em;
	background-color:#F9F9F9;
}
#about_contents h2
,#activities_contents h2
,#book_contents h2
,#restore_contents h2
,#access_contents h2
,#study_contents h2
,#contact_form h2{
	padding:8px 0 4px 4px;
	margin-bottom:1.2em;
	box-shadow:0 1px 1px #2f1f1f;
}
#activities_contents h3
,#about_contents h3
,#study_contents h3
,#book_contents h3
,#restore_contents h3{
	border-left:7px solid #00009f;
	border-bottom:1px solid #6611dd;
	padding:0.5em 0.5em;
	margin-bottom:1.5em;
}

#content a[href^="http"]{
	background:url("../images/external_link.png") no-repeat right center;
	padding-right:20px;
	margin-right:0.5em;
}
.dt-6_lst{line-height:1.5em;}
.dt-6_lst dt{
	margin:0 0 1.5em 1em;
	width:6em;
	float:left;
	clear:both;
	zoom:1;
}
.dt-6_lst dd{
	margin-bottom:1.5em;
	float:left;
}
.disc_lst {
	list-style-type:disc;
	margin-left:1.5em;
}
.disc_lst li{
	margin-top:0.5em;
}
.disc_lst-item dt{
	display:list-item;
	list-style-type:disc;
}
.book_lst li{
	margin-bottom:0.5em;
}
.decimal_lst {
	list-style-type:decimal;
	margin-left:1.5em;
}
.decimal_lst li{
	margin-top:0.5em;
}
.none_lst {
	list-style-type:none;
	margin-left:1.5em;
}
.none_lst li{
	margin-top:0.5em;
}
.sign{
	border:1px solid #444;
	max-width:14em;
	margin-left:10em;
}
.ta-r{text-align:right;}
.arrow_lst_b li{
	background:url("../images/icon_arrow_b.gif") no-repeat top 0.75em left 0.25em;
	margin:0.5em 0;
	padding-left:1em;
}
.parag{
	text-indent:1em;
	margin-bottom:0;
}
.parag-end{
	text-indent:1em;
	margin-bottom:1.5em;
}
/* /各メニュー共通 */

/* 工芸文化研究所とはページ	about_contents */
#about_contents h2
,#access_contents h2
,#contact_form h2{
	border-left:6px solid #9b62a7;
}

#about_contents dl{
	line-height:1.5em;
	clear:left;zoom:1;
	margin-bottom:1.5em;
}
#about_contents dl dt{
	margin-left:1em;
	width:8em;
	float:left;
	
}
#about_contents dl dd{
	margin-left:9em;
}
.sup{
	line-height:1.5em;
	margin-bottom:1.5em;
	margin-left:1em;
}

/* /工芸文化研究所とは	about_contents */

/* 普及活動 */

#activities_contents h2{
	border-left:6px solid #6173bb;
	margin-bottom:1.2em;
}
#activities_contents p{
	line-height:1.5em;
}
.sec{
	margin-bottom:1.5em;
}

.sec
,.sec_content{
	margin-left:1em;
	margin-right:1em;
}
.sec_content h3{
	margin-bottom:1.5em;
}


/* end 普及活動 */

/* book_contents */
#book_contents h2{
	border-left:6px solid #abb866;
}
.book_lst li span{
	display:inline-block;
	margin-right:1em;
}
.book_lst li a span{
	text-decoration:underline;
}

/* /book_contents */

/* 復元研究 */
#restore_contents h2{
	border-left:6px solid #028B55;
}
#restore_contents ol.art_list li{
	margin-left:1em;
}
.ta_retore_list{
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.ta_retore_list caption{
	line-height:1.5em;
	line-height:1.7124285em;
	text-align:left;
}
/* 横幅 */
.head_no{width:5%;}
.head_year{width:7%;}
.head_month{width:5%;}
.head_for{width:45%;}
.head_illust{width:9%;}
.head_coop{width:29%;}
/* /横幅 */
.ta_restore_list th{
	background-color:#BBC4E4;
	font-weight:normal;
}
.ta_restore_list tr:hover{
	background-color:#ddd;
}
.ta_restore_list td
,.ta_restore_list th{
	padding:0.25em 0.5em;
	border: 1px solid #B9B9B9;
	border-collapse: collapse;
}
.ta_restore_list tr > td:first-child
,.ta_restore_list tr > td:nth-child(2)
,.ta_restore_list tr > td:nth-child(3){
	text-align:right;
}
.ta_restore_list tr > td:nth-child(5){text-align:center;}
table,th,td {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}

/* /復元研究 */

#detail_labo{
	float:left;
	width:450px;
}
#map_labo{
	float:right;
	width:400px;
	padding:10px;
}

#access_contents dl{
	background: url('../images/line.png') repeat-x 0 100%;
}
#access_contents dl dt{
	width:8em;
	float:left;
}
#access_contents dl:before,
#access_contents dl:after{
	content: "";
	display: table;
}
#access_contents dl:after {
	clear: left;
}

#access_contents dl dt,
#access_contents dl dd{
	padding:12px 10px;
	line-height:1.5em;
	line-height:1.714285714285714em;
}

a .img_lnk{
	display:inline-block;
	text-decoration:none;
	border:solid 1px #F9F9F9;
	line-height:1em;
	padding:0.2em 0.1em;
	color:#FFF;
	background-color:#5F67AE;
}
a .img_lnk:hover{
	background-color:#F9F9F9;
	color:#444;
	border:solid 1px #5F67AE;
}

/* 出版物 */
.book_img{
	float:left;
	margin-top:0.5em;
	margin:0 1%;
	width:20%;
}
.book_img img{
	border:solid 1px #444;
}
.book_detail{
	float:right;
	width:74%;
	margin-right:1%;
}

.ac-container {
	border:solid 1px #BBB;
	border-radius:0.5em;
	margin-bottom:0.6em;
}
.ac-container label {
	display:block;
	line-height:1.7124285em;
	cursor: pointer;
	padding-left:2em;
	background:url("../images/icon_open.png") no-repeat 0.2em 3px;
	background-color:#777;
	color:#FFF;
	border-radius:0.5em;
	border: 4px solid #FFF;
	transition: background-color 0.5s ease;
}
.ac-container label:hover {
	background-color:#5F67AE;
	color:#FFF;
}
.ac-container input:checked ~ label {
	background-image:url("../images/icon_close.png");
}
.ac-container input {
  display: none;
}
.ac-container input ~ ol
,.ac-container input ~ ul {
	overflow: hidden;
	height:0;
	max-height: 0;
	transition: height 1.0s ease;
	transition: max-height 1.5s ease;

}
.ac-container input:checked ~ ol
,.ac-container input:checked ~ ul {
	height:auto;
	max-height:600px;
}
#book_contents ol li{
	margin-left:1em;
}
#book_contents ol li.title_sup{
	font-weight:bolder;
}

#book_contents ol ol li
,#book_contents ol ul li{
	clear:both;
}

.art_list li{
	background: transparent url("../images/line_02y2.gif") repeat-x scroll left 24px top 11px;
	margin-right:1em;
	background-size:7px 2px;
	
}
.art_list li > ul li
,.art_list li > ol li{
	margin-right:0em;
}
.art_list li:not(#hover-none):hover{
	background-color:#C9CACA;
}
.art_list li:hover > span{
	background-color:#C9CACA;
}
.art_list li.no_art{
	background-image:none;
}

.art_list .art_head{
	display:inline-block;
	max-width:80%;
	background-color:#F9F9F9;
	padding-right:0.5em;
	border-radius:6px;
}
.art_list .art_author{
	display:inline-block;
	float:right;
	max-width:25%;
	padding:0 0.5em;
	background-color:#F9F9F9;
	border-radius:6px;
}
.art_list-author .lst_author{
	display:inline-block;
	width:20%;
	background-color:#F9F9F9;
	padding-right:0.5em;
	border-radius:6px;
	float:left;
}
.art_list-author .lst_idx{
	display:inline-block;
	max-width:80%;
	padding:0 0.5em;
	background-color:#F9F9F9;
	border-radius:6px;
}
.text_small{font-size:90%;}
.sub_text{font-size:80%;padding-left:1em;}
.num_list{
	list-style:decimal;
	margin-left:0.5em;
	padding-left:1em;
}
.lowRoma_list{
	list-style:lower-roman;
}
/* end 出版物 */

/* 研究会 */
#study_contents h2{
	border-left:6px solid #C56A58;
	margin-bottom:1.2em;
}
.study_lst li{
	background:url("../images/icon_arrow.gif") no-repeat top -0.25em left 0.25em;
	border-bottom:1px dashed #777;
	margin:0.5em 0;
}
.study_lst li:hover{
	background-color:#ddd;
}
.study_lst div{
	margin:0.5em 0 0.5em 1em;
}

#sub_menu{
	padding:2em 0 0;
	/*height:3.4em;*/
	border-bottom:solid 3px #5F67AE;
}
#sub_menu ul{
	margin-left:2em;
}
#sub_menu li{
	display:block;
	min-width:18%;
	text-align:center;
	font-size:1.14285em;
	line-height:3em;
	float:left;
	background-color:#f9f9f9;
	margin-right:3px;
}
#sub_menu li.current{
	background-color:#5F67AE;
}
#sub_menu li a{
	display:block;
	text-decoration:none;
	padding:0 0.5em;
	color:#222;
}
#sub_menu li.current a{
	color:#FFF;
}

span.study_index{
	display:inline-block;
	width:20em;
	margin-left:1em;
	text-decoration:underline;
}
span.study_day{
	display:inline-block;
	width:20em;
}
/* end 研究会 */

/* サイトマップ */
.grid_menu{
	margin:0 1em;
}
.grid_menu .menu_title{
	display:block;
	font-size:120%;
	background:#EBEBF4 url("../images/icon_circle.png") no-repeat scroll left 0.3em top 0.3em;
	padding-left:1.2em;
}
.grid_menu > li{
	width:32%;
	margin-left:2%;
	float:left;
}
.grid_menu .grid_1stCol{
	margin-left:0;
	clear:left;
}

/* お問い合わせ */
#contact_form input{
	background-size:contain;
	padding:0.5em 0.5em 0.5em 2em;
	border:solid 1px #888;
	border-radius:5px;
	
}
#contact_form textarea{
	height:13.5em;
	padding:0.5em 0.5em 0.5em 2em;
	border:solid 1px #888;
	border-radius:5px;
	overflow:auto;
}
@-moz-document url-prefix() { /*firefox対応*/
	#contact_form textarea{
		padding:0.5em 0.5em 0.5em 1.66667em;
	}
}
.contact_tbl{
	width:100%;
}
.contact_tbl th,.contact_tbl td{
	border:2px solid #F9F9F9;
	border-collapse:collapse;
	padding:0 0.25em;
}
.contact_tbl th{
	width:20%;
	padding:0.25em;
	font-weight:normal;
	background-color:#BBC4E4;
	vertical-align:top;
	text-align:left;
}

input#name{background:url("../images/icon/contact_name_60.png") no-repeat; width:20em;}
input#email{background:url("../images/icon/contact_email_60.png") no-repeat;width:20em;}
textarea#mail_body{background:url("../images/icon/contact_mail_body_60.png") no-repeat;width:80%;}
input#name:-webkit-autofill,input#email:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}/*webkitのオートフィル対策*/
.contact_form_submit{
	padding:0.5em 0.5em 0 2em;
	text-align:center;
}
.contact_button span{
	display:inline-block;
	letter-spacing:3px;
	padding:3px 0 3px 3px;
}
.red{
	color:#FF2222;
}
.sent{font-size:120%; color:#FF2222;}