/* general setings */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:none;}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6, li {line-height:100%;}
blockquote, q {quotes:none;}
table {border-collapse:collapse; border-spacing:0;}
input, textarea, button {margin:0; font-family:inherit; font-size:1em;}
html{background:#d1d1d1 url(../images/bg-page.jpg);}
body{
	font:14px/17px Verdana, Helvetica, sans-serif;
	color:#262626;
	background:url(../images/bg-body.gif) repeat-x;
	text-shadow: 0 1px #f1f1f1;
}
/* general reset */
a{
	color:#000;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/league_gothic-webfont.eot');
	src: local('LeagueGothicRegular'), url('../fonts/league_gothic-webfont.woff') format('woff'), url('../fonts/league_gothic-webfont.ttf') format('truetype'), url('../fonts/league_gothic-webfont.svg#webfontqx8FLt9Y') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* wrapper */
#wrapper{
	width:960px;
	margin:0 auto;
}
/* header */
#header{
	width:100%;
	overflow:hidden;
	padding:49px 0 63px;
}
#header .logo{
	background:url(../images/bg-logo.gif) no-repeat;
	width: 447px;
	margin:0 41px 0 257px;
	display:inline;
	height: 169px;
	overflow:hidden;
	float:left;
	text-indent:-9999px;
}
#header .logo a{
	height:100%;
	display:block;
}
/* nav */
#nav{
	padding:16px 0 0;
	width:97px;
	float:left;
	overflow:hidden;
}
#nav li{
	float:left;
	width:97px;
	margin:0 0 5px;
	vertical-align:top;
}
#nav a{
	color:#fff;
	text-decoration:none;
	display:block;
	background:url(../images/bg-nav.gif) no-repeat;
	width: 87px;
	text-align:center;
	padding:5px 5px 0;
	height: 23px;
	text-shadow:0 -1px #4F4F4F;
}
#nav a:hover,
#nav li.active a{background:url(../images/bg-nav-active.gif) no-repeat;}
/* main */
#main{
	width:100%;
	overflow:hidden;
}
/* visual-area */
.visual-area{
	width:100%;
	overflow:hidden;
	margin:0 0 31px;
}
.visual-area ul{
	width:100%;
	overflow:hidden;
}
.visual-area li{
	width:300px;
	float:left;
	overflow:hidden;
	padding:0 10px 13px;
	margin:0 0 44px;
	background:url(../images/bg-visual-box.gif) no-repeat 0 100%;
}
/* head */
.visual-area li .head{
	background:url(../images/bg-head-box.gif) no-repeat;
	width: 244px;
	height: 36px;
	overflow:hidden;
	color:#000;
	padding:0 8px;
	margin:0 0 0 22px;
}
.visual-area li .head .ttl{
	float:left;
	font:14px/17px Verdana, Helvetica, sans-serif;
	font-weight: bold;
	padding:10px 0 0;
	text-shadow:0px 1px #7FD8FA;
	white-space:nowrap;
	width:110px;
}
.visual-area li .head em{
	float:right;
	padding:10px 0 0;
	font:13px/16px Verdana, Helvetica, sans-serif;
	text-shadow:1px 1px #7FD8FA;
}
/* img-holder */
.visual-area li .img-holder{
	background:url(../images/bg-img-box.gif) no-repeat;
	width: 290px;
	height: 283px;
	padding:9px 0 8px 10px;
}
.visual-area li .img-holder .img{
	width:282px;
	overflow:hidden;
}
.visual-area li .img-holder .img img{display:block;}
/* content */
#content{
	width:100%;
	overflow:hidden;
	margin:0 0 84px;
}
/* txt-block */
.txt-block{
	width:100%;
	overflow:hidden;
	margin:0 0 100px;
}
.txt-block .img{
	float:left;
	background:url(../images/bg-img-cell.gif) no-repeat;
	width: 219px;
	height: 222px;
	padding:10px 0 0 20px;
	margin:0 12px 0 0;
}
* html .txt-block .img{margin-right:9px;}
.txt-block .img img{
	display:block;
	/* border:1px solid #737373; */
}
.txt-block .txt-area{
	overflow:hidden;
	color:#262626;
}
* html .txt-block .txt-area {
	overflow:visible;
	height:1%;
}
.txt-block .txt-area .ttl2{
	display:block;
	color:#047ed6;
	font:36px/39px LeagueGothicRegular, Verdana, Helvetica, sans-serif;
	margin:0 0 9px;
}
.txt-block .txt-area h1{
	font:24px/27px Verdana,Helvetica,sans-serif;
}
.txt-block .txt-area h2{
	font:22px/25px Verdana,Helvetica,sans-serif;
}
.txt-block .txt-area h3{
	font:20px/24px Verdana,Helvetica,sans-serif;
	margin:0 0 2px;
}
.txt-block .txt-area h4{
	font:18px/22px Verdana,Helvetica,sans-serif;
	margin:0 0 2px;
}
.txt-block .txt-area p{
	font:14px/19px Verdana,Helvetica,sans-serif;
	margin:0 0 21px;
}
.txt-block .txt-area blockquote{padding:0 0 0 24px;}
.txt-block .txt-area blockquote p{font:bold italic 14px/17px Verdana, Helvetica, sans-serif;}
/* form-holder */
.form-holder{
	padding:0 0 0 249px;
	overflow:hidden;
	width:711px;
}
/* form-contact */
.form-contact{
	width:100%;
	overflow:hidden;
}
.form-contact .ttl{
	color:#047ed6;
	display:block;
	margin:0 0 9px;
	font:36px/39px LeagueGothicRegular, Verdana, Helvetica, sans-serif;
}
.form-contact p{
	color:#262626;
	font:14px/19px Verdana, Helvetica, sans-serif;
	margin:0 0 33px;
}
.form-contact ul{
	width:100%;
	overflow:hidden;
}
.form-contact li{
	width:100%;
	overflow:hidden;
	margin:0 0 16px;
	vertical-align:top;
}
.form-contact .txt{
	background:url(../images/bg-txt.gif) no-repeat;
	width: 362px;
	height: 37px;
	padding:0 10px;
	overflow:hidden;
}
.form-contact .txt input{
	background:none;
	color:#262626;
	border:0;
	height:17px;
	margin:0;
	float:left;
	width:362px;
	padding:10px 0;
	font:14px/17px Verdana, Helvetica, sans-serif;
}
/* textarea  */
.form-contact .textarea{
	background:url(../images/bg-textarea.gif) repeat-y 100% 0;
	width:382px;
}
.form-contact .textarea .textarea-t{background:url(../images/bg-textarea.gif) no-repeat;}
.form-contact .textarea .textarea-b{
	background:url(../images/bg-textarea.gif) no-repeat -382px 100%;
	width:362px;
	padding:11px 10px;
	overflow:hidden;
}
.form-contact .textarea textarea{
	width:362px;
	max-width:362px;
	height:121px;
	float:left;
	background:none;
	border:0;
	padding:0;
	margin:0;
	overflow:auto;
	font:14px/17px Verdana, Helvetica, sans-serif;
}
/* btn-holder */
.form-contact .btn-holder{
	width:100%;
	overflow:hidden;
}
.form-contact .btn-send{
	float:left;
	padding:0;
	margin:0;
	background:url(../images/btn-send.gif) no-repeat;
	width: 97px;
	height: 28px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:0;
}
/* footer */
#footer{
	width:100%;
	overflow:hidden;
	padding:14px 0 25px;
	text-align:center;
	color:#262626;
	font:12px/14px Verdana, Helvetica, sans-serif;
	background:url(../images/bg-footer.gif) no-repeat 50% 0;
}
#footer a{
	color:#004093;
	text-decoration:underline;
}
#footer a:hover{text-decoration:none;}
