@charset "utf-8";
@import "common.css";

/*==============================================================

	CONTACT CSS

==============================================================*/
.contact #contentsArea #contentsInner{
	background:#FFF !important;
}
.contact #categoryTitle{
	background:url(../images/contact_titleBg.gif) 50% 0 repeat-y;
	background: -moz-linear-gradient(left top, #097dfb,
		#097dfb 50%,
		#54dede 50%,
		#54dede);　/* Firefox用 */
	background: -webkit-gradient(linear, left top, right top, from(#097dfb),
		color-stop(0.5, #097dfb),
		color-stop(0.5, #54dede),
		to(#54dede));　/* Safari,Google Chrome用 */
}
.contact #categoryTitle h1,
.contact #categoryTitle p{
	background: -moz-linear-gradient(left, #097dfb, #54dede);　/* Firefox用 */  
    background: -webkit-gradient(linear, left, right, from(#097dfb), to(#54dede));　/* Safari,Google Chrome用 */
}
.contact #contentsMain .title2nd{
	background:#ebebeb url(../images/contact_stitleBg.gif) left no-repeat;
}

.contact #contentsMain address{
	font-style:normal;
	margin-bottom:2em;
}
.contact #contentsMain h2{
	font-size:120%;
	margin-top:70px;
}
.contact #contentsMain h2:first-child{
	margin-top:0;
}
.contact #contentsMain ul.link li a{
	background:url(../common/contents_arrwLink.gif) 0 0.1em no-repeat;
	padding-left:12px;
}
.contact #contentsMain form h3{
	background:#ebebeb;
	font-weight:bold;
	font-size:120%;
	padding:15px;
	margin:3em 0 0 0;
	border:1px solid #999;
	color:#505050;
}
.contact #contentsMain .notes{
	color:#3777b4;
	margin-top:1em;
}
.contact #contentsMain span.must{
	color:#C00;
	font-size:100%;
}
.contact #contentsMain form .gryLine{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:17px 22px;
}
.contact #contentsMain form ul li{
	float:left;
	line-height:240%;
	margin-right:1em;
	width:16em;
}
.contact #contentsMain form ul li input{
	margin:0 5px 0 0;
}
.contact #contentsMain table.formTable{
	width:100%;
	border-collapse:collapse;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.contact #contentsMain table.formTable th{
	width:20em;
	text-align:left;
	background:#f3f3de;
	padding:15px 20px;
	border-bottom:1px dotted #999;
	vertical-align:top;
}
.contact #contentsMain table.formTable td{
	padding:10px;
	border-bottom:1px dotted #999;
}
.contact #contentsMain form #btnArea{
	width:530px;
	margin:50px auto 30px auto;
}
.contact #contentsMain form #btnArea ul li{
	float:left;
	width:240px;
	margin:0 10px !important;
}