@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* tyr css　*/
/*==================================================================*/
#try header nav .inner li.g-try a{
	background-position: -276px -76px;
}
#try header nav {
    border-bottom: 4px solid #d0ba04;
}
#try #main .bg-area{
	background:#d0ba04 url('../image/main_try.gif') no-repeat 42% 0;
	
}
#try .sub-t{
	width:960px;
	margin:0 auto;
	text-align:center;
}
#try .sub-t .sub-box{
	margin-left:120px;
}
#try .sub-t .sub-box p{
	font-size:1.1em;
	margin-left:10px;
	padding-top:20px;
	text-align:left;
}
#try .sub-t .sub-box p span{
	font-weight:bold;
}
#try .sub-t .sub-box p span em{
	color:#c10000;
}
#try .sub-t .sub-box h2{
	padding-top:30px;
	margin:0 0 80px 0px;
}
/* clear hack */
#try .title-area{zoom:1;}
#try .title-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#try .koumoku{
	background:#eeede5;
	width:100%;
}
#try .koumoku .inner-box{
	width:1000px;
	margin:0 auto 60px;
	padding:20px 0;
}
#try .koumoku .inner-box .fig{
	width:393px;
	margin-right:30px;
	float:left;
}
#try .koumoku .inner-box .arrow{
	width:71px;
	margin-right:20px;
	float:left;
	padding-top:130px;
}
#try .koumoku .inner-box .text-area{
	width:475px;
	padding:30px 0;
	float:left;
	line-height:2em;
	font-size:1.2em;
}
#try .koumoku .inner-box .text-area p{
	margin:0 0 15px 20px;
}
#try .koumoku .inner-box .text-area p.free{
	margin-left:0;
}
#try .koumoku .inner-box .text-area p strong{
	font-size:2em;
	font-weight:bold;
	color:#c10000;
}
#try .koumoku .inner-box .text-area p span{
	font-weight:bold;
}
#try .koumoku .inner-box .text-area p em{
	color:#c10000;
}
/* clear hack */
#try .koumoku .inner-box{zoom:1;}
#try .koumoku .inner-box:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#try .otoiawase{
	width:960px;
	margin:0 auto 40px;
	padding:15px 40px;
	border: 4px solid #e4e4e4;
}
#try .otoiawase p{
	font-size:1.1em;
}
#try .otoiawase .contact-area li{
	margin-right:15px;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#try .otoiawase .contact-area li a{
	font-size: 0.8em;
}
#try .otoiawase .contact-area li a:hover{
	text-decoration: none;
}
#try .otoiawase .contact-area li em{
	margin-right: 5px;
	padding: 0 8px;
	background-color: #231815;
	color: #fff;
	font-weight: bold;
	font-size: 0.7em;
	vertical-align: middle;
}
#try .otoiawase .contact-area span{
	font-size: 0.55em;
	font-weight: normal;
}
#try .use{
	width:100%;
	margin:0 auto;
	padding-bottom:150px;
	background:#f0eee0 url('../image/bg_rule.gif') repeat-x 50% 0;
}
#try .use h3{
	margin-bottom:45px;
	padding:10px;
	text-align:center;
}
#try .use p.read{
	padding:25px;
	text-align:center;
}
#try .use .inner-box{
	width:960px;
	margin:0 auto;
}
#try .use .inner-box .rule{
	width:960px;
	margin-bottom:20px;
	padding:20px 30px;
	position:relative;
	background:#fff;
}
#try .use .inner-box .rule p.number{
	position:absolute;
	top:-20px;
	left:-20px;
}
#try .use .inner-box .rule dl{
	width:550px;
	padding-left:15px;
	float:left;
}
#try .use .inner-box .rule dl.long{
	width:900px;
	padding-left:15px;
	float:left;
}
#try .use .inner-box .rule dl dt{
	margin-bottom:20px;
	padding:15px 0;
	font-size:1.8em;
	font-weight:bold;
	text-align:left;
	border-bottom:1px dotted #000;
}
#try .use .inner-box .rule dl dd{
	text-align:left;
}
#try .use .inner-box .rule .fig{
	width:322px;
	float:right;
}
/* clear hack */
#try .use .inner-box .rule{zoom:1;}
#try .use .inner-box .rule:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#try .concrete{
	width:100%;
	height:174px;
	margin:0 auto 50px;
	position:relative;
	display:block;
	background:url('../image/bg_concrete.gif') no-repeat 50% 0;
}
#try .concrete p{
	width:960px;
	margin-left:-480px;
	text-align:center;
	position:absolute;
	top:-65px;
	left:50%;
}
#try .btn{
	width:960px;
	margin:0 auto 100px;
	text-align:center;
}