@charset "utf-8";

/*---------------------------------------------

	全体を囲むボックス #wrapper

---------------------------------------------*/

#wrapper {
	padding-right:17px;
	width:760px;
	background:url(../images/common/body_shadow_right.gif) repeat-y right 0;
}

/*---------------------------------------------

	ヘッダー #header

---------------------------------------------*/

#header {
	overflow:hidden;
	*zoom:1;
	padding-bottom:12px;
	background:url(../images/common/header_shadow_bottom.gif) repeat-x 0 bottom;
}

#headerLogo,
#headerCorpName,
#headerImage {float:left;}

#header2 {
	clear:both;
	overflow:hidden;
	*zoom:1;
	background:#E9E8E6;
	border-bottom:8px solid #fe6902;
}

#header2Left  {float:left;}
#header2Right {float:right;}


/*---------------------------------------------

	メイン #main

---------------------------------------------*/

#main {
	float:right;
	padding:0 18px 30px 0;
	width:540px;/*561までいいはずだがIE6で崩れる*/
}


/*---------------------------------------------

	サイドナビ #sideNavi

---------------------------------------------*/

#sideNavi {
	margin:-12px 0 30px;
	padding-bottom:38px;
	width:199px;
	background:url(../images/common/sidenavi_bg_bottom.gif) no-repeat 0 bottom;
}

#sideNavi ul {
	padding:1px 12px 0 0;
	background:url(../images/common/sidebar_shadow_right.gif) repeat-y right 0;
}

#sideNavi ul li {
	margin-top:-1px;
	padding-left:27px;
	background:#fff url(../images/common/sidenavi_arrow_n.gif) no-repeat 0 1px;
}

#sideNavi ul li.active {
	background-image:url(../images/common/sidenavi_arrow_a.gif);
}

#sideNavi ul li a,
#sideNavi ul li span {
	display:block;
	*zoom:1;
	border-top:1px solid #CFDFEE;
	border-bottom:1px solid #CFDFEE;
	border-left:1px solid #CFDFEE;
}

#sideNavi ul li ul {
	margin-left:-27px;
	padding:0;
	border-top:none;
	background:#4982CB url(../images/common/sidenavi_sub_border.gif) repeat-x 0 bottom;
}

#sideNavi ul li ul li {
	margin-top:0;
	background:none;
}

#sideNavi ul li ul li.active {
	background-image:none;
}

#sideNavi ul li ul li a,
#sideNavi ul li ul li span {
	border-top:none;
}


/*---------------------------------------------

	フッター #footer

---------------------------------------------*/

#footer {
	*zoom:1;
	clear:both;
	padding:2px 0;
	background:#125999 url(../images/common/footer_bg_corner.gif) no-repeat right 0;
}

#footer ul.footerNavi {
	margin:3px 0;
	text-align:center;
}

#footer ul.footerNavi li {
	display:inline;
	margin-left:2em;
	border-left:1px solid #fff;
	padding-left:2em;
	font-size:10px;
}

#footer ul.footerNavi li.first-child {
	margin-left:0;
	border-left:none;
	padding-left:0;
}

#footer ul.footerNavi li a       {color:#ffffff;}
#footer ul.footerNavi li a:hover {color:#d4d4d4;}


/*---------------------------------------------

	コピーライト #copyright

---------------------------------------------*/

#copyright {
	padding:4px 16px 10px 0;
	width:761px;
	background:url(../images/common/body_shadow_bottm.gif) no-repeat 0 0;
	text-align:right;
	font-size:10px;
	color:#555;
}


/*---------------------------------------------

	メインエリア内

---------------------------------------------*/

/* フォントカラー */
#main {
	color:#4B4B4B;
}


/* 共通 */
.fl {
	float:left;
}

.clearfix {
	overflow:hidden;
	*zoom:1;
}

/* 見出し1 */
#main h1 {
	margin:0 0 1em;
}

#main h1.text {
	padding:5px 0;
	padding-left:25px;
	min-height:17px;
	_height:17px;
	background:url(../images/common/h1_bg.gif) no-repeat 0 0;
	color:#fff;
}

/* 見出し2 */
#main h2 {
	margin:1.5em 0 1em;
	padding-left:20px;
	background:url(../images/common/h2_bg_left.gif) no-repeat 0 0;
	border-bottom:4px solid #5589CF;
	color:#fff;
}

#main h2 span {
	display:inline-block;
	display:-moz-inline-box;
	*zoom:1;
	padding:3px 78px 1px 0;
	min-width:150px;
	background:#5589CF url(../images/common/h2_bg_right.gif) no-repeat right 0;
}

/* 見出し3 */
h3 {
	margin:1em 0 0 0.5em;
	padding-left:14px;
	background:url(../images/common/arrow_sub.gif) no-repeat 0 3px;
	color:#02388A;
}

/* リンク */
#main a       {color:#0C50A1;}
#main a:hover {color:#F26521;}

/* リンクアイコンPDF,WORD */
#main a.pdf,
#main a.word {
	display:inline-block;
	display:-moz-inline-box;
	*zoom:1;
	padding-left:24px;
	min-height:20px;
	_height:20px;
	background-repeat:no-repeat;
	background-position:0 50%;
}
#main a.pdf  {background-image:url(../images/common/icon_pdf.gif);}
#main a.word {background-image:url(../images/common/icon_word.gif);}

/* リンク画像 */
#main a img        {border:2px solid #0C50A1;}
#main a:hover img  {border:2px solid #F26521;}

/* パラグラフ */
#main p {
	margin:1em 0 1em 1em;
}

#main p.note {
	font-size:11px;
}

/* リスト */
#main ul {
	margin:1em 0 1em 2.5em;
}

#main ul li {
	list-style:disc;
	margin:3px 0;
}

#main ul.arrow li {
	list-style:none;
	margin:3px 0;
	padding-left:15px;
	background:url(../images/common/arrow_sub.gif) no-repeat 0 2px;
}

/* 順番リスト */
#main ol {
	margin:1em 0 1em 2.5em;
}

#main ol li {
	list-style:decimal;
	margin:3px 0;
}

/* 区切り線 */
#main hr {
	margin:25px 0;
	_margin:0;
	height:0;
	border:none;
	border-top:1px dotted #898686;
}

/* ページ先頭へ */
#toTop {
	text-align:right;
}

#toTop a {
}

#main #toTop a img {
	border:none;
}

/* 表組み 会社概要 */
#main table.outline {
	margin:0.5em 0 1em;
	width:100%;
	border-collapse:collapse;
}

#main table.outline th,
#main table.outline td {
	padding:5px 0;
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #666;
}

#main table.outline th {
	padding-left:5px;
	font-weight:normal;
}

#main table.outline td {
	padding-left:15px;
}

/* 表組み スペック */
#main table.spec {
	margin:0.5em 0 1em;
	width:100%;
	border-collapse:collapse;
}

#main table.spec th,
#main table.spec td {
	padding:5px 0;
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #666;
}

#main table.spec th {
	padding-left:5px;
	font-weight:normal;
	white-space:nowrap;
}

#main table.spec thead th {
	padding-left:15px;
}

#main table.spec td {
	padding-left:15px;
}

/* 一列 */
div.row-one {
	text-align:center;
	margin:1em 0;
}

/* 二列 */
div.row-two {
	overflow:hidden;
	*zoom:1;
	margin:1em 0;
}

div.row-two div.cell {
	float:left;
	width:49%;
	text-align:center;
}

/* 使用者の声 */
#main dl.voice {
	margin:1em 0;
}

#main dl.voice dt {
	margin:1em 0 0.25em;
	padding:10px 0 0 15px;
	border-top:1px dotted #898686;
	background:url(../images/common/arrow_sub.gif) no-repeat 0 13px;
	font-weight:bold;
}

#main dl.voice dt span {
	font-weight:normal;
	color:#8F5A5A;
}

#main dl.voice dd {
	margin:0.25em 0 1em;
	padding-left:15px;
}

/* 良くある質問 */
#main dl.faq {
	margin:1em 0;
}

#main dl.faq dt {
	margin:1em 0 0.25em;
	padding-left:15px;
	background:url(../images/common/arrow_sub.gif) no-repeat 0 3px;
	font-weight:bold;
}

#main dl.faq dd {
	margin:0.25em 0 1em;
	padding-left:15px;
}


/*---------------------------------------------

	お問い合わせフォーム

---------------------------------------------*/

/* 必須項目 */
span.required {
	color:red;
}

#main div.addressBox {
	margin:1em 50px;
	padding:10px 30px;
	border:1px solid #4982CB;
}

#main div.addressBox strong {
	margin-left:-1em;
}

#main div.addressBox span {
	display:inline-block;
	display:-moz-inline-box;
	*zoom:1;
	width:5em;
}

/* お問い合わせフォームの表組み */
#main table.inquiry {
	margin:0.5em 0 1em;
	width:100%;
	border-collapse:collapse;
}

#main table.inquiry th,
#main table.inquiry td {
	padding:5px 0;
	padding-left:15px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #666;
}

#main table.inquiry th {
	font-weight:normal;
}
#main table.inquiry td {
}

#main table.inquiry tr.button {
}
#main table.inquiry tr.button td {
	padding-top:15px;
	border-bottom:none;
	text-align:center;
}
#main table.inquiry tr.button td input.submit {
	width:200px;
}

#main table.inquiry input.text {width:300px;}
#main table.inquiry input.zip1 {width:4ex;}
#main table.inquiry input.zip2 {width:5ex;}

#main table.inquiry textarea {
	width:300px;
	height:100px;
}