@charset "utf-8";
/* common.css */


html {
	font-size: 62.5%;
}


body {
	margin: 0;
	padding: 0;
	background: url(../img/bg_texture_03.jpg) left top repeat;
	font-size: 120%;
}


/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6,
div, span,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend,
p, address, blockquote, pre {
	list-style-type: none;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	border: none;
	color: #362E2B;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	letter-spacing: 0.1em;
	word-wrap: break-word;
	/zoom: 1;
}


/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
input, textarea, select {
	letter-spacing: 0.1em;
	font-size: 100%;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif !important;
	font-family: inherit;
}


/* 下線を消す */
abbr, acronym {
	border: none;
}


/* 文字のブラウザ間での差異をなくす */
caption, cite, code, dfn, em, strong, var {
	font-style: normal;
	font-weight: normal;
}


/* 画像の上にできる隙間とボーダーをなくす */
img {
	vertical-align: top;
	border: none;
}

/* zoomプロバティによるIE6のバグ回避 */
li {
	display: list-item;
	vertical-align: top;
}


/* テーブル */
table {
	width: 100%;
	background: url(../img/bg_table.gif) 1px top repeat-y;
}

th {
	padding: 15px;
	width: 139px;
	background: url(../img/bg_table_cell.gif) left top repeat #F0F7F5;
}

td {
	padding: 15px;
	background-color: #FFFFFF;
}


/* hr 要素は不可視で使う */
hr {
	display: none;
}



/*clear fix
////////////////////////////////////////////////////*/

.clear {
	/zoom: 1;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
}


/*デフォルトリンクカラー
////////////////////////////////////////////////////*/

a:link    { color: #00B3FF; }
a:visited {	color: #00B3FF; }
a:hover   { color: #FFFFFF; background: #00B3FF; text-decoration: none; }

a.linkImg       { color: #362E2B; background: transparent; }
a.linkImg:hover { color: #362E2B; background: transparent; }


/*レイアウト
////////////////////////////////////////////////////*/


/* wrapper設定 */
#wrapper {
	background: url(../img/bg_texture_01.jpg) center top no-repeat;
}

#wrapperIn {
	background: url(../img/bg_texture_02.jpg) center bottom no-repeat;
}

#wrapperInSub {
	position: relative;
	margin: 0 auto;
	width: 940px;
}


/* header設定 */
#header {
}

#header h1 {
	float: left;
	padding: 3px 0 0 0;
	width: 320px;
}

#header h1 a {
	background: none;
}

#globalNavi {
	float: right;
	padding: 27px 0 0 0;
	width: 596px;
}

#globalNavi li {
	float: left;
	overflow: hidden;
	_display: inline;
	margin: 0 0 0 25px;
	height: 40px;
}

#globalNavi li a {
	display: block;
}

#globalNavi li a:hover {
	background-color: transparent;
}

#globalNavi li a:hover img {
	visibility: hidden;
}

li#gNavi01 { background: url(../img/bt_global_navi_01_on.jpg) left top no-repeat; width: 122px; }
li#gNavi02 { background: url(../img/bt_global_navi_02_on.jpg) left top no-repeat; width: 124px; }
li#gNavi03 { background: url(../img/bt_global_navi_03_on.jpg) left top no-repeat; width:  91px; }
li#gNavi04 { background: url(../img/bt_global_navi_04_on.jpg) left top no-repeat; width: 150px; }


/* content設定 */
#contentWrap {
	background: url(../img/bg_texture_06.jpg) left top repeat-y;
}

#content {
	padding: 20px 0 0 0;
	background: url(../img/bg_texture_04.jpg) left top no-repeat;
}

#contentIn {
	padding: 0 35px;
	background: url(../img/bg_texture_05.jpg) left bottom no-repeat;
}

#contentIn h2 {
	margin: 0 0 5px 0;
}

ol#topicPath {
	margin: 0 0 20px 0;
	text-align: right;
}

ol#topicPath li {
	display: inline;
	vertical-align: middle;
	margin: 0 0 0 3px;
	padding: 0 0 0 15px;
	background: url(../img/icon_topic_path_arrow.gif) left center no-repeat transparent;
	font-size: 83%;
}

ol#topicPath li#tPathHome {
	padding: 0;
	background: none;
}

ol#topicPath li#tPathHome a:hover {
	background: transparent;
}

li#tPathHome img {
	margin: 4px 0 0 0;
	/margin: 2px 0 0 0;
}

#contentIn h3 {
	height: 55px;
}

#firstCol {
	float: left;
	padding: 8px 0 0 0;
	width: 630px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	background: url(../img/bg_sub_title_border_.gif) left top repeat-x;
}

#secondCol {
	float: right;
	width: 210px;
}

#secondCol ul {
	margin: 0 0 15px 0;
}

ul#sideNavi li a {
	display: block;
}

ul#sideNavi li a:hover {
	background-color: transparent;
}

ul#sideNavi li a:hover img {
	visibility: hidden;
}


ul#sideBnr {
	margin: -10px 0 15px 0;
}

ul#sideBnr li {
	padding: 10px 0 0 0;
}


/*ページトップ*/
p#pageTop {
	clear: both;
	margin: 0 0 20px 0;
	padding: 70px 0 0 0;
	height: 14px;
	text-align: right;
}


/* footer設定 */
#footer {
	padding: 30px 0 0 0;
	background: url(../img/bg_footer_border.png) left top no-repeat;
}

ul#footerNavi {
	margin: 0 0 30px -10px;
	text-align: center;
}

ul#footerNavi li {
	display: inline;
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background: url(../img/icon_star.png) left center no-repeat transparent;
}

ul#footerNavi li a {
	text-decoration: none;
	font-size: 91%;
	color: #362E2B;
}

ul#footerNavi li a:hover {
	background: #362E2B;
	color: #FFFFFF;
}

#footer address {
	padding: 0 0 20px 0;
	text-align: center;
	font-size: 83%;
	text-shadow: 1px 1px #FFFFFF;
	color: #59493F;
}


/*画材*/
img#itemList01 ,
img#itemList02 ,
img#itemList03 ,
img#itemList04 {
	position: absolute;
}

img#itemList01 {
	top: 0;
	left: -250px;
}

img#itemList02 {
	top: 83px;
	left: 865px;
}

img#itemList03 {
	bottom: 0;
	left: -18px;
}


/*グローバルナビ アクティブ*/
.company  li#gNavi01 a img ,
.business li#gNavi02 a img ,
.work     li#gNavi03 a img {
	visibility: hidden;
}


/*
サイドナビ共通
*/
li#sNavi01 a { height: 46px; }
li#sNavi02 a { height: 45px; }
li#sNavi03 a { height: 43px; }
li#sNavi04 a { height: 45px; }
li#sNavi05 a { height: 44px; }

/*
サイドナビ背景画像
*/
/*会社案内*/
.company  li#sNavi01 { background: url(../../company/img/bt_side_navi_01_on.jpg)  left top no-repeat; }
.company  li#sNavi02 { background: url(../../company/img/bt_side_navi_02_on.jpg)  left top no-repeat; }
.company  li#sNavi03 { background: url(../../company/img/bt_side_navi_03_on.jpg)  left top no-repeat; }
.company  li#sNavi04 { background: url(../../company/img/bt_side_navi_04_on.jpg)  left top no-repeat; }
/*事業案内*/
.business li#sNavi01 { background: url(../../business/img/bt_side_navi_01_on.jpg) left top no-repeat; }
.business li#sNavi02 { background: url(../../business/img/bt_side_navi_02_on.jpg) left top no-repeat; }
.business li#sNavi03 { background: url(../../business/img/bt_side_navi_03_on.jpg) left top no-repeat; }
.business li#sNavi04 { background: url(../../business/img/bt_side_navi_04_on.jpg) left top no-repeat; }
.business li#sNavi05 { background: url(../../business/img/bt_side_navi_05_on.jpg) left top no-repeat; }
/*実績*/
.work     li#sNavi01 { background: url(../../works/img/bt_side_navi_01_on.jpg)    left top no-repeat; }
.work     li#sNavi02 { background: url(../../works/img/bt_side_navi_02_on.jpg)    left top no-repeat; }
.work     li#sNavi03 { background: url(../../works/img/bt_side_navi_03_on.jpg)    left top no-repeat; }
.work     li#sNavi04 { background: url(../../works/img/bt_side_navi_04_on.jpg)    left top no-repeat; }
/*お問い合わせ*/
.contact  li#sNavi01 { background: url(../../contact/img/bt_side_navi_01_on.jpg)  left top no-repeat; }
.contact  li#sNavi02 { background: url(../../contact/img/bt_side_navi_02_on.jpg)  left top no-repeat; }

/*
サイドナビアクティブ時
*/
/*会社案内*/
#index      .company  li#sNavi01 a ,
#philosophy .company  li#sNavi02 a ,
#message    .company  li#sNavi03 a ,
#access     .company  li#sNavi04 a {
	background-color: transparent;
}
/*事業案内*/
#design     .business li#sNavi01 a ,
#estate     .business li#sNavi02 a ,
#media      .business li#sNavi03 a {
	background-color: transparent;
}
/*実績*/
#index      .work     li#sNavi01 a ,
#pc         .work     li#sNavi02 a ,
#mb         .work     li#sNavi03 a ,
#sp         .work     li#sNavi04 a {
	background-color: transparent;
}
/*お問い合わせ*/
#index      .contact  li#sNavi01 a ,
#err        .contact  li#sNavi01 a ,
#chk        .contact  li#sNavi01 a ,
#comp       .contact  li#sNavi01 a ,
#privacy    .contact  li#sNavi02 a {
	background-color: transparent;
}

/*
サイドナビアクティブ時img要素不可視
*/
/*会社案内*/
#index      .company li#sNavi01 a img ,
#philosophy .company li#sNavi02 a img ,
#message    .company li#sNavi03 a img ,
#access     .company li#sNavi04 a img {
	visibility: hidden;
}
/*事業案内*/
#design     .business li#sNavi01 a img ,
#estate     .business li#sNavi02 a img ,
#media      .business li#sNavi03 a img {
	visibility: hidden;
}
/*実績*/
#index      .work li#sNavi01 a img ,
#pc         .work li#sNavi02 a img ,
#mb         .work li#sNavi03 a img ,
#sp         .work li#sNavi04 a img {
	visibility: hidden;
}
/*お問い合わせ*/
#index      .contact li#sNavi01 a img ,
#err        .contact li#sNavi01 a img ,
#chk        .contact li#sNavi01 a img ,
#comp       .contact li#sNavi01 a img ,
#privacy    .contact li#sNavi02 a img {
	visibility: hidden;
}