@charset "UTF-8";

/* @group 全サイト共通
===========================================================================
===========================================================================
*/

/* @group ブラウザ・リセット
===========================================================================
*/

/* @group レイアウト
---------------------------------------------------------------------------
*/

body, div, p, blockquote, pre,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
table, th, td,
embed, object {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

table, th, td, img { border: 0px; }

.left  { float: left !important;  }
.right { float: right !important; }

/* @end */


/* @group タイポグラフィー
---------------------------------------------------------------------------
*/

* {
	font-style: normal;
	font-weight: normal;
	font-variant:normal;
	text-decoration: none;
	vertical-align: baseline;
}

b, strong { font-weight: bold; }
i, em, var { font-style: italic; }
u { text-decoration: underline; }
s, strike { text-decoration: line-through; }
tt, pre, code, kbd, samp { font-family: monospace; }
abbr, acronym { border-bottom: 1px dotted #000; } 

ins { text-decoration: none; }
del { text-decoration: line-through; }

sub { vertical-align: sub;}
sup { vertical-align: super; }

/* @end */


/* @group その他
---------------------------------------------------------------------------
*/

table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
}
th,td {
	border: 0px;
	empty-cells: hide;
	vertical-align: middle;
}
th img, td img { vertical-align: middle; }
caption, th { text-align: left; }

img { border: 0px; }

a img { cursor: pointer; }
a img { text-decoration: none !important; }

hr {
	height: 0px;
	padding: 0px;
	border-style: solid;
	border-width: 0px 0px 1px;
}

/* @end */
/* @end */


/* @group 共通設定
===========================================================================
*/

/* Firefoxでswfなどを縦100%でレンダリングさせる場合、「height: 100%;」が必要。 */
/* html, body { height: 100%; } */


/* 縦スクロールバーを強制表示。 */
html { overflow-y: scroll; }

/* IE6のquirkモードで margin: auto; によるセンタリングができないバクの対策。
後続の子ブロック要素で text-align: center; を指定して左寄せに戻す必要あり。
ただし、そもそもquirksモードに入らなければよい。 */
/* body { text-align: center; } */

/* FireFoxでembed要素、Operaでobject要素の下に余白ができてしまう問題を回避。 */
object, embed { vertical-align: top; }


/* @group Clearfix
---------------------------------------------------------------------------
*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; }
.clearfix { min-height: 1px; }
* html .clearfix { display: inline-block; } /* IE5以前のみ */
/*\*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /**/ /* Mac版IEから隠す */

/* @end */
/* @end */


/* @group プリンター関連
===========================================================================
*/

/* プリント時以外は表示しない要素。 */
.printOnly { display : none; }

/* プリンタ用指定 */
@media print {

	/* overflowにvisible以外を指定した要素も印刷されるように。 */
	/* * { overflow: visible; } */

	/* プリントされず、レイアウトからも消える要素。 */
	.noPrint { display: none; }

	/* プリントされないものの、レイアウトには影響を与える要素（単なる非表示）。 */
	.noPrintContent { visibility: hidden; }

	/* プリント時以外は表示しない要素。＝プリント時のみ表示する要素。 */
	.printOnly                      { display: block; }
	span.printOnly, label.printOnly { display: inline; }
	table.printOnly                 { display: table; }
	tr.printOnly                    { display: table-row; }
	td.printOnly, th.printOnly      { display: table-cell; }

}

/* @end */

/* @end */

/* @group タイポグラフィー
===========================================================================
===========================================================================
*/

/* @group 共通設定
===========================================================================
*/

/* @group フォント・フェイス
---------------------------------------------------------------------------
*/

html[lang='en'] body, *[lang='en'], *:lang(en), .alphanum {
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', sans-serif;
/*	font-family: 'Times New Roman', serif;*/
}

html[lang='ja'] body, *[lang="ja"], *:lang(ja) {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Arial', 'Verdana', sans-serif;
/*	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'Hiragino Mincho Pro', 細明朝, リュウミンL, 'メイリオ', 'Meiryo', 'ＭＳ Ｐ明朝', 'Times New Roman', serif;*/
/*	font-family: 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro W4', 'Hiragino Maru Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Verdana', sans-serif;*/
}

html[lang='zh'] body, *[lang='zh'], *:lang(zh) {
	font-family: '微软雅黑', '黑体', sans-serif;
/*	font-family: '宋体', serif;*/
/*	font-family: '幼圆', sans-serif;*/
}


* html body { /* for IE6 */
	font-family: 'メイリオ', 'Arial', 'Verdana', 'ＭＳ Ｐゴシック', sans-serif;
/*	font-family: 'メイリオ', 'Times New Roman', 'ＭＳ Ｐ明朝', 細明朝, リュウミンL, serif;*/
}


/* @end */


/* @group フォント・サイズ
---------------------------------------------------------------------------
*/

body { font-size: 13px; }
* html body { font-size: 81.25%; } /* for IE6 */
body { line-height: 1.81em; }

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
}

table { font-size: inherit; }

sub { font-size: 80%; }
sup { font-size: 80%; }

big   { font-size: 110%; }
small { font-size: 90%; }
/* @end */


/* @group 文字色
---------------------------------------------------------------------------
*/

body { color: #000; }
a { text-decoration: none; }
a:link { color: #006e46; text-decoration: none; }
a:visited { color: #00ad49; text-decoration: none; }
a:link:hover,  a:visited:hover  { color: #00ad49; }
a:link:active, a:visited:active { color: #00ad49; }
a:link:focus,  a:visited:focus  { color: #00ad49; }

/* @end */


/* @group 段落関連
---------------------------------------------------------------------------
*/

p, ul, ol, dl, blockquote,
div.para {
	margin-bottom: 20px;
}
div.para p,
div.para ul,
div.para ol,
div.para dl,
div.para blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
}
.lastP { margin-bottom: 0px; }

/* hr は b や small などと同じく見栄えを制御するもので、文書を意味的に構造化するものではない。
意味的に区切るには div を使用する。 */
hr {
	height: 0px;
	margin: 20px 0px;
	border-color: #ccc;
}

/* @end */

/* @end */


/* @group 必要に応じて使用
===========================================================================
*/

/* @group 文字スタイル
---------------------------------------------------------------------------
*/

/* 全角カッコを囲む：カッコ内の級数を下げ、前後を字詰めする */
span.paren {
	font-size: 0.92em; /* 11px */
	line-height: 1.82em; /* 20px */
}
html[lang='ja'] span.paren {
	margin-right: -0.5em;
	margin-left: -0.5em;
}
html[lang='ja'] .alphanum span.paren,
html[lang='ja'] *[lang='en'] span.paren,
html[lang='ja'] *:lang(en) span.paren {
	margin-right: 0em;
	margin-left: 0em;
}
* html body span.paren { /* for ie6: MS P ゴシック、MS P 明朝 */
	margin-right: 0em;
	margin-left: 0em;
}

/* アステリスクを囲む：たいていのフォントで見づくなるため Verdana 10px に決め打ち */
span.aster {
	font-family: 'Verdana',sans-serif;
	font-size: 10px;
}

/* ©（©）を囲む：たいていのフォントで見づくなるため Verdana 10px に決め打ち */
span.copyright {
	font-family: 'Verdana',sans-serif;
	font-size: 10px;
}

/* @end */


/* @group 段落スタイル等
---------------------------------------------------------------------------
*/
/* メニュー等：リスト要素を使用するが箇条書きが不要の場合 */
.menu, .menu ul, .menu ol {
	list-style-type: none;
	margin-bottom: 0px;
}

.menu a {
	text-decoration: none;
}

/* 注記 */
.note {
	font-size: 0.92em; /* 11px */
	line-height: 1.82em; /* 20px */
	color: #ccc;
}

/* ボタン風 */
.button {
	margin-right: 10px;
	padding: 3px 5px;
	border-radius: 5px;
	font-size: 0.92em /* 11px */ ;
	background-color: #e6e6e6;
}
.button a,
.button a:link,
.button a:visited,
.button a:hover,
.button a:active,
.button a:link:visited,
.button a:link:hover,
.button a:link:active {
	text-decoration: none;
	color: #666;
}

/* @end */

/* @end */

/* @end */


/* @group レイアウト
===========================================================================
===========================================================================
*/

/* @group [1] 基本レイアウト
===========================================================================

+-------------------------------------+
| #upper                              |
|                                     |
| +---------------------------------+ |
| | #header                         | |
| +---------------------------------+ |
|                                     |
| +---------------------------------+ |
| | #menu                           | |
| +---------------------------------+ |
|                                     |
| +---------------------------------+ |
| | #bodier                         | |
| | +-----------------------------+ | |
| | | #inner                      | | |
| | | +-------------------------+ | | |
| | | | .story                  | | | |
| | | | +------+ +------------+ | | | |
| | | | | .sub | | .main      | | | | |
| | | | |      | |            | | | | |
| | | | |      | |            | | | | |
| | | | |      | |            | | | | |
| | | | |      | |            | | | | |
| | | | +------+ +------------+ | | | |
| | | +-------------------------+ | | |
| | +-----------------------------+ | |
| +---------------------------------+ |
|                                     |
+-------------------------------------+

+-------------------------------------+
| #lower                              |
| +---------------------------------+ |
| | #footer                         | |
| +---------------------------------+ |
+-------------------------------------+

*/

/* @group 縦方向
---------------------------------------------------------------------------
lowerを画面下部に貼り付かせる。（cf. http://www.cssstickyfooter.com/）
*/

/* html, body, div#upper { height: 100%; } */

/*
body > div#upper {
	height: auto;
	min-height: 100%;
}
*/

div#bodyer {
/*	padding-bottom: 87px; フッターの高さ 87px */
}

div#lower {
	/* position: relative; */
	height: 87px; /* フッターの高さ */
	margin-top: -87px; /* フッターの高さ（-） */
	clear: both;
}

/*Opera Fix*/
/*
body:before { /* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
*/

/*
#upper内にコンテンツを追加する場合は、#bodyerよりも上に追加する。
#bodyerより下には、高さのあるコンテンツを追加することはできない。
#lower内にはコンテンツを追加できるが、#lowerの高さは決め打ちであることに注意。
*/

/* @end */


/* @group Z軸方向
---------------------------------------------------------------------------
*/
div#header { z-index: 20; }
div#bodyer { z-index: 10; }
div#menu   { z-index: 30; }
div#footer { z-index: 20; }

/* @end */


/* @group 横方向
---------------------------------------------------------------------------
*/

div#upper, div#lower {
	width: 100%;
}

div#header {
	width: 100%;
}

div#bodyer, div#footer {

/* レイアウトの横幅（可変：auto / 固定：930px） */
	width: 930px;
	min-width: 720px;

/* レイアウトのセンタリング */
	margin-left: auto;
	margin-right: auto;
}

div#bodyer {
	overflow: hidden;
}

div#bodyer div#inner {
/* ↓グローバルな左カラムの幅 + 余白 */
	margin-left : 0px;
/* ↓グローバルな右カラムの幅 + 余白 */
/*	margin-right: 200px;*/
}

/* ＊グローバルなカラムは、#menu内のul要素を絶対配置して作成。 */

/*
div.story内のローカルな2カラム・レイアウト：

div.story内に、div.main／div.subの2つのカラムを配置。
div.main内にはdiv.innerが必須。

配置は下記の2パターンがある。

配置：[main][sub]　｜　div.storyに付加するクラス名：.main_sub　｜　div.story内のdiv要素の記述順序：div.main div.sub
配置：[sub][main]　｜　div.storyに付加するクラス名：.sub_main　｜　div.story内のdiv要素の記述順序：div.sub div.main


「レイアウトの横幅」が「可変」の場合は、div.mainが可変となる。div.subの幅は常に固定。
「レイアウトの横幅」が「固定」の場合は、div.mainの幅は「div.storyの幅 - div.sub」で規定される（明示的な指定は不要）。

div.story（階）は#inner内に複数段重ねることが可能。
その場合は各div.storyごとにid（#contents, #extra 等）を設定して、カラムのレイアウトもそれぞれ下記のパターンのように設定すればよい。

div.storyはdiv.main内にネストすることが可能。
その場合は各div.mainごとにid（#main 等）を設定して、カラムのレイアウトもそれぞれ下記のパターンのように設定すればよい。
*/

/* [sub][main] パターン */
div.story.sub_main div.main {
	/* margin-left: -220px; サブカラムの幅（-） */
    margin-left: 0;
}
div.story.sub_main div.main div.inner {
	margin-right: 0px;
	margin-left: 220px; /* サブカラムの幅 */
}

div.story.sub_main div.sub {
	width: 220px; /* サブカラムの幅 */
	margin-left: 0px;
}


/* 以下、両パターンに共通の設定（変更不要） */

div.story {
	clear: both;
	overflow: hidden;
}

div.story div.main {
	/* float: left; for IE */ 
	width: 100%;
}

div.story div.sub {
	/* float: left;
	position: relative;
	z-index: 11; */
	zoom: 1;
}

/* @end */


/* @group 背景
---------------------------------------------------------------------------
*/

div.sub { 
    /* background-color: #ff77ff; */
 } 

div.main { 
    /* background-color: #cccfff; */
 } 

div#lower,
div#cloneLower { 
    /* background-color: #fffccc; */
    background-color: #fff;
 }

div#footer { 
    /* background-color: #4455ff;*/
 }

/* @end */


/* @group [2] #bodyer内のレイアウト
===========================================================================
*/

/* @group .sub内のレイアウト
---------------------------------------------------------------------------
*/

h1 { 
    margin-top: 40px;
    margin-bottom: 28px;
 }

/* @group メニュー
---------------------------------------------------------------------------
*/

.sub .section {
    letter-spacing: 2px;
    border-top: 1px #000 dotted;
}

.sub .section.about {
    background: url(/arc/_img/sub/menu/aboutBg.gif) center left no-repeat;
}

.sub .section.creation {
    background: url(/arc/_img/sub/menu/creationBg.gif) center left no-repeat;
}

.sub .section.knowing {
    background: url(/arc/_img/sub/menu/knowingBg.gif) center left no-repeat;
}


.sub .section ul { 
    margin: 0;
    list-style-type: none;
 }

.sub .section li { 
    line-height: 29px;
 }

.sub .section.menu1 {
    padding-left: 60px;
}

.sub .section.menu1 li { border-bottom: 1px #000 dotted; }

.sub .section.menu1 li.last { border: none; }

.sub .section a {
    display: block;
    line-height: 29px;
    font-size: 13px;
}

.sub .section a.active,
.sub .section a.current { background: url(/arc/_img/sub/menu/activeBg.gif) center right no-repeat; }

.sub .section.menu2 { padding-top: 15px; }

.sub .section.menu2 ul li { 
    margin-bottom: 8px;
    padding-left: 40px;
 }

.sub .section.menu2 ul li.blog { margin-bottom: 0; }

.sub .section.menu2 ul li.voices { background: url(/arc/_img/sub/menu/voicesBg.gif) center left no-repeat; }

.sub .section.menu2 ul li.contact { background: url(/arc/_img/sub/menu/contactBg.gif) center left no-repeat; }

.sub .section.menu2 ul li.blog { background: url(/arc/_img/sub/menu/blogBg.gif) center left no-repeat; }

.sub .snsButtons { margin-top: 24px; }

.sub .snsButtons img { 
	float: left;
	margin-right: 12px;
 }

.sub .bnnr {
	margin-top: 24px;
}

/* @end */

/* @group メッセージ
---------------------------------------------------------------------------
*/

#message { 
    margin-top: 24px;
    line-height: 20px;
    border: 1px #fffca8 solid;
    border-radius: 10px;
    background: url(/arc/_img/sub/message/Bg.gif) 0 0 ;
    color: #5259a0;
 }
 
#message h2 { 
    margin-top: 10px;
    border: 0;
    padding: 5px 40px 10px 40px;
    background: url(/arc/_img/sub/message/q1.gif) 10px 0 no-repeat;
    text-align: center;
    font-size: 15px;
 }

#message .inner {
        padding: 5px 20px 0px 20px;
        font-size: 12px;
    }

#message p { margin-bottom: 10px; }

#message .more {
    position: relative;
    height: 25px;
    margin-bottom: 10px;
    padding: 5px 20px 0px 20px;
    color: #5259a0 !important;
    text-align: left;
 }

#message .more a { color: #5259a0 !important; }

#message .more img {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

/* @end */


/* @group .main内のレイアウト
---------------------------------------------------------------------------
*/

.main .inner {
    /* padding-top: 40px; */
    padding-left: 40px;
}

.section.first { padding-top: 40px; }

.main h2 { 
    font-size: 22px;
    height: 60px;
    margin-bottom: 40px;
    line-height: 60px;
    border-bottom: 1px #000 dotted;
    z-index: 99;
 }

.main h2 span {
    display: block;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'Hiragino Mincho Pro', 細明朝, リュウミンL, 'メイリオ', 'Meiryo', 'ＭＳ Ｐ明朝', 'Times New Roman', serif !important;
}

.main h2 span.right {
    display: inline !important;
    font-size: 13px;
    background: none !important;
    padding: 0 !important;
}

.main h2 span.right a {
    font-size: 14px;
}

.about h2 span {
    padding-left: 60px;
    background: url("/arc/_img/icons/aboutBg.gif") no-repeat scroll 0 center transparent;
}

.creation h2 span {
    padding-left: 60px;
    background: url("/arc/_img/icons/creationBg.gif") no-repeat scroll 0 center transparent;
}

.knowing h2 span {
    padding-left: 60px;
    background: url("/arc/_img/icons/knowingBg.gif") no-repeat scroll 0 center transparent;
}

.voices h2 span {
    padding-left: 60px;
    background: url("/arc/_img/icons/voicesBg.gif") no-repeat scroll 0 center transparent;
}

.contact h2 span {
    padding-left: 60px;
    background: url("/arc/_img/icons/contactBg.gif") no-repeat scroll 0 center transparent;
}

.inBlog h2 span {
    padding-left: 60px;
    background: url("/arc/_img/icons/blogBg.gif") no-repeat scroll 0 center transparent;
}

.main h3 { 
    margin-bottom: 20px;
    font-size: 15px;
 }

.main h3.static { font-size: 18px; }

.main h4 { 
    margin-bottom: 5px;
    font-size: 14px;
 }

ol, ul { margin-left: 1.67em; }

.area { margin-bottom: 40px; }

.column1 { width: 442px; }

.column2 { 
    width: 192px;
    font-size: 93%;
 }

.blockLink { 
    width: 110px;
    padding-bottom: 20px;
    text-align: center;
 }

.blockLink span {
    display: block;
    overflow: hidden;
    width: 72px;
    height: 72px;
    margin: 0 auto 10px auto;
    border: 1px #fff solid;
    border-radius: 36px;
    text-align: center;
 }

.column2 h3 {
    height: 31px;
    line-height: 31px;
}

h3.icon {
    padding-left: 45px;
}

h3.voices { 
    background: url(/arc/_img/icons/voicesBg.gif) center left no-repeat;
 }

h3.blog { 
    background: url(/arc/_img/icons/blogBg.gif) center left no-repeat;
 }

/* @group 案内
---------------------------------------------------------------------------
*/

/* 牛久工務店について */

#principle .clearfix { 
    height: 100px;
    margin-bottom: 30px;
 }

#principle .left { 
    clear: both;
    display: block;
 }

#principle .right { 
    width: 550px;
    font-size: 14px;
 }

#greeting th { 
    padding-right: 20px;
    vertical-align: bottom;
 }

#outline col.col1 { width: 80px; }
#history col.col1 { width: 60px; }

#outline th,
#outline td,
#history th,
#history td { 
    padding: 10px 0;
    border-bottom: 1px #ccc solid;
    vertical-align: top;
 }

#outline th,
#history th {
    color: #006DB9;
    vertical-align: top;
 }

/* 業務内容 */

.point { font-size: 15px; }

.about.business .area {
    /* padding: 30px; */
    /* background: #f1f1f1; */
    /* border-radius: 10px 10px 10px 10px; */
}

.about.business .area.lead p {
    padding-left: 0;
    line-height: 2em;
    font-size: 16px;
    font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro W3','Hiragino Mincho Pro',細明朝,リュウミンL,'メイリオ','Meiryo','ＭＳ Ｐ明朝','Times New Roman',serif !important;
}

.about.business .area div.left { width: 360px; }

.about.business .area div.right { 
    width: 266px;
    text-align: right;
 }

.about.business .area h3.static {
        border-bottom: 1px #000 dotted;
        line-height: 2.1em;
}

/* スタッフ紹介 */

.detail { display: none; } 

.staff .list { width: 152px; }

.staff .area ul { 
	margin-left: 15px;
	margin-bottom: 0;
	list-style-type: none;
 }

.staff .area .wysiwyg ul { 
    margin-left: 1.67em;
    margin-bottom: 20px;
    list-style-type: disc;
 }

.staff ul.arch li.active span.name { border-bottom: 1px #000 solid; }

.staff .text.right { 
	width: 482px;
 }

.staff .text.right div#mainImgWrapper {
    margin-bottom: 24px;
    padding: 9px;
    border: 1px dotted #000000;
}

.staff .text.right div#mainImgWrapper div.mainImg {
    width: 462px;
    height: 232px;
}

.staff .list .arch,
.staff .list .slt,
.staff .list .carpenter,
.staff .list .accountant { 
	margin-bottom: 20px;
	border-left: 1px #ccc solid;
 }

.arch { border-color: #BA8709 !important; }
.slt { border-color: #0083C6 !important; }
.carpenter { border-color: #A11044 !important; }
.accountant { border-color: #ccc !important; }

.staff .text.right .arch { color: #BA8709; }
.staff .text.right .slt { color: #0083C6; }
.staff .text.right .carpenter { color: #A11044; }
.staff .text.right .accountant { color: #ccc; }

.staff .subhead { 
	margin-top: 30px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px #ccc dotted;
	color: #000 !important;
 }

.staff h3.static span.mincho {

    font-size: 13px;
    
}

/* @end */

/* @group 施工事例
---------------------------------------------------------------------------
*/

/* 一覧 */

#list .block { 
	width: 192px;
	padding-right: 47px;
	padding-bottom: 20px;
 }

#list .block a { 
    display: block;
    width: 192px;
    height: 124px;
    background-position: center center;
 } 

#list h3 {
	margin-top: 5px;
	text-align: center;
}

/* 詳細 */

#viewerContainer {
	margin-top: 40px;
	margin-bottom: 22px;
}

#viewerWrapper {
    border: 1px dotted #000000;
    margin-bottom: 10px;
    padding: 9px;
}

#viewerWrapper #images {
    width: 650px;
    height: 420px;
    background-color: #a0a0a0;
    text-align: center;
}

#viewerWrapper #images a.current { display: block !important; }

#thumbs { 
    float: left;
    width: 442px;
    height: 46px;
 }

#thumbs a { 
    display: block;
    float: left;
    margin-right: 2px;
    padding-bottom: 5px;
 }

#thumbs a.last { padding-right: 0; }

#caption {
    float: right;
    width: 208px;
    text-align: right;
}

#images { overflow: hidden; /* 横型画像を垂直中央に */ }

#images a,
#caption span { display: none; }

#thumbs a.current { border-bottom: 1px #000 solid; }

.back ul {
    min-height: 30px;
    margin: 0;
    padding-left: 50px;
    background: url(/arc/_img/icons/creationBg.gif) center left no-repeat;
}

.back ul li {
    list-style-type: none;
    height: 30px;
    padding: 0;
    line-height: 30px;
}

.column2 .sns { 
    position: relative;
 }

.column2 .fb {
    position: absolute;
    top: 3px;
    left: 82px;
}

/* @end */

/* @group お問い合わせ
---------------------------------------------------------------------------
*/

.contact .main h2 {
	position: static !important;
}

.contact .main .lead {
	padding-top: 0 !important;
}

.contact .area {
  padding-top: 0 !important;
}

#mailform table { width: 100%; }

#mailform table th { 
    min-width: 140px;
    padding-bottom: 1em;
    white-space: nowrap;
 }

#mailform table td { 
    padding-bottom: 1em;
 }

#mailform input,
#mailform select,
#button_mfp_goconfirm,
#button_mfp_reset
 { 
    border: 1px #ccc solid;
 }

#mailform textarea { 
	width: 476px !important;
    /* width: 488px !important; */
    border: 1px #ccc solid;
   }

.mfp_err, 
.must { color: #ff0000; }


#confirmBody .buttons { text-align: center; }

td.address div {
	padding-bottom: 1em;
}

.tel p {
	font-size: 110%;
}

#arc_label,
#slt_label {
	border: none ;
	background: none;
	text-decoration: none !important;
}

#arc_label input,
#slt_label input {
	border: none ;
}


/* @end */





/* @group [3] #footer内のレイアウト
===========================================================================
*/

/* @group 基本レイアウト
---------------------------------------------------------------------------
*/

#lower {
    margin-top: 0 !important;
}

div#footer {
    width: 930px;
    height: 87px;
    border-top: 1px #000 dotted;
}

div#footer div.inner {
    position: relative;
    width: 930px;
}

#company { 
    position: absolute;
    top: 20px;
    left: 0;
 }

#copyright { 
    position: absolute;
    top: 56px;
    left: 0;
 }

#companyInfo { 
    position: absolute;
    top: 20px;
    left: 260px;
    margin-left: 0;
 }

#companyInfo li { 
    float: left;
    list-style-type: none;
    padding-right: 24px;
    font-size: 12px;
 }

#footerNavi { 
    position: absolute;
    top: 20px;
    right: 0px;
 }

#footerNavi li { 
    float: left;
    list-style-type: none;
    padding-left: 24px;
    font-size: 12px;
 }

/* @end */


/* @end */

/* @end */

/* @group [4] その他
===========================================================================
*/

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'Hiragino Mincho Pro', 細明朝, リュウミンL, 'メイリオ', 'Meiryo', 'ＭＳ Ｐ明朝', 'Times New Roman', serif  !important;
}

.mincho {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'Hiragino Mincho Pro', 細明朝, リュウミンL, 'メイリオ', 'Meiryo', 'ＭＳ Ｐ明朝', 'Times New Roman', serif ;
}

.marker { 
    padding-right: 5px;
    color: #006DB9;
 }

.clear {
	clear: both;
}

.align_center {
	text-align: center;
}


.box_ver_1 {
	padding: 20px;
	border: 1px #ccc solid;
	background: #fefefe;
}

/* @end */

/* WYSIWYG */

.wysiwyg { margin: 20px 0; }

.wysiwyg h1, 
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 { 
    height: auto !important;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    line-height: 1.81em;
    font-size: 100%;
    border: 0 !important;
 }

.wysiwyg h1 { font-size: 130%; }
.wysiwyg h2 { font-size: 125%; }
.wysiwyg h3 { font-size: 120%; }
.wysiwyg h4 { font-size: 115%; }
.wysiwyg h5 { font-size: 110%; }
.wysiwyg h6 { font-size: 105%; }

/* @end */



/* @end */