@charset "utf-8";

@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/fnav.css";
@import "extension/add.css";

	body {
		background: #ffffff;
	}
	.page {
		color: #666;
		font-size: 13px;
		line-height: 20px;
	}

/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #666;
		text-decoration: underline;
	}
	a:hover {
		color: #666;
		text-decoration: underline;
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #888;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/* fList */
	.fList li {
		float: left;
	}
	.fList li img {
		vertical-align: top;
	}

/* snav */
	.snav {
		margin-left: auto;
		margin-right: auto;
	}
	.snav li {
		float: left;
	}
	.snav li img {
		vertical-align: top;
	}

/* wrap */
	.wrap {
		position: relative;
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	.base .wrap {
		width: 960px;
	}

	.Title {
		height: 46px;
		padding-left: 15px;
		background: url(../imgs/bg-title.gif) no-repeat;
		font-size: 16px;
		font-weight: bold;
		line-height: 42px;
		color: #333;
	}
	.sTitle {
		height: 30px;
		padding-left: 15px;
		background: url(../imgs/bg-stitle.gif) no-repeat;
		font-size: 14px;
		font-weight: bold;
		line-height: 22px;
		color: #444;
	}
	.ssTitle {
		height: 20px;
		padding-left: 15px;
		background: url(../imgs/bg-sstitle.gif) no-repeat;
		font-size: 12px;
		font-weight: bold;
		line-height: 20px;
		color: #444;
	}

	.red {
		color: #f00;
	}

	.Tbl {
		width: 660px;
		margin-left: auto;
		margin-right: auto;
		background: #ccc;
	}
	.Tbl th {
		width: 120px;
		padding: 10px 15px;
		background: #c1edff;
	}
	.Tbl td {
		padding: 10px;
		background: #fff;
	}

/**
 * 4. Layout
 */

/* header */
	#header {
		height: 85px;
	}
	#header #mainVisual {
		height: 420px;
		background: url(../../imgs/img-top.jpg) no-repeat center top;
	}
	#header .wrap {
		position: relative;
	}
	.siteTitle {
		position: absolute;
		top: 13px;
		left: 0;
	}
	.seoText {
		position: absolute;
		top: 10px;
		right: 0;
		font-size: 10px;
		line-height: 15px;
		color: #999;
	}
	#hContact {
		position: absolute;
		top: 30px;
		right: 2px;
	}

	/* mainVisual */
	#mainVisual {
		text-align: center;
	}

	/* gNav */
	#gNav {
		background: url(../imgs/bg-nav.gif) repeat-x center top;
	}
	#gNav ul {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}

/* main */
	/* container */
	#container {
		clear: both;
		background: url(../imgs/bg-container.gif) repeat-x center top;
	}

	#mainContent {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#Content {
		float: left;
		width: 690px;
	}
	#subContent {
		float: right;
		width: 240px;
	}
	#subContent .fixBox {
		position: absolute;
		top: 160px;
		width: 240px;
	}

	/* section */
	.section {
		clear: both;
	}

/* footer */
	#footer {
		clear: both;
		background: url(../imgs/bg-ftr.gif) repeat-x center top;
		padding-top: 20px;
		padding-bottom: 20px;
	}

/**
 * 5. EachPageStyle
 */

	.cBox {
		padding: 11px;
		background: #f2fbff;
		border: solid 2px #00a1e9;
	}
	.cBox h4 {
		padding-left: 8px;
		background: url(../imgs/blt-01.gif) no-repeat 0 7px;
		font-weight: bold;
	}
	.cBox p {
		margin-left: 8px;
	}
	.cBox span {
		color: #ff3737;
	}

	#index #header {
		height: 420px;
		background: url(../imgs/bg-hdr.gif) repeat-x center top;
	}
	#index .siteTitle {
		top: 20px;
	}
	#index #mainContent {
		padding-top: 50px;
		padding-bottom: 30px;
	}


/* contact */
	.blt-Tel {
		padding-left: 30px;
		background: url(../../contact/imgs/blt-tel.gif) no-repeat center left;
	}
	.blt-Fax {
		padding-left: 30px;
		background: url(../../contact/imgs/blt-fax.gif) no-repeat center left;
	}
	.blt-Mail {
		padding-left: 30px;
		background: url(../../contact/imgs/blt-mail.gif) no-repeat center left;
	}

	.frmTbl {
		width: 100%;
		background: #ddd;
	}
	.frmTbl th {
		position: relative;
		width: 170px;
		padding: 15px;
		background: #ddf1fa;
		font-weight: normal;
		text-align: left;
	}
	.frmTbl th .must {
		position: absolute;
		top: 15px;
		right: 15px;
	}
	.frmTbl td {
		padding: 15px;
		background: #fff;
	}

	.frmTbl td table {
		width: auto;
	}
	.frmTbl td table td {
		padding: 0;
		background: none;
	}

	.w25 { width: 25px;}
	.w30 { width: 30px;}
	.w40 { width: 40px;}
	.frm-S { width: 80px;}
	.frm-M { width: 150px;}
	.frm-L { width: 350px;}

	.frmTbl td textarea,
	.frm-S ,
	.frm-M ,
	.frm-L {
		border: solid 1px #ddd;
	}
