@charset "Shift_JIS";
/*
///////////////////////////////////////////////////////////////////////////////
//
//  スタイルシートシート for カブコ ( 2015.02.20版 )
//
//  By Ｗｅｂ工房まる高
//
////////////////////////////////////////////////////////////////////////////////
*/


/**************************/
/* ページ全体定義用、共通 */
/**************************/

* { 
	margin:0;
	padding:0;
}

html, body { 
	height:100%;
}

html {
	min-width:1020px;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS PGothic";
	font-size:14px;
	color:#000000;
	    background-image: url(../images/bg/kis0101-009.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #ffffff;
}

ul li, ol li {
	margin-left:20px;
}


h1 {
	margin-top:20px;
	padding-bottom:30px;
	border-bottom:1px solid #aaaaaa;
	font-size:32px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
}

h1 span {
	vertical-align:middle;
	margin-left:20px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS PGothic";
	font-weight:normal;
	font-size:20px;
	color:#062719;
}


h2 {
	width:100%;
	margin-top:40px;
	margin-bottom:20px;
	border-bottom:1px solid #aaaaaa;
	color:#a00000;
	font-size:20px;
}

h2 a {
	color:#a00000;
	text-decoration:none;
}

h2 a:hover {
	text-decoration:underline;
}


h2.item {
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	border:0;
	color:#a00000;
	font-size:24px;
}

h3 {
	width:100%;
	margin-top:30px;
	margin-bottom:15px;
	padding-left:30px;
	color:#a00000;
	font-size:16px;
	background:url(../images/common/documents.png) no-repeat;
}

img {
	border:0;
}

img.bg {
	min-width:1020px;
	min-height:100%;
	width:100%;
	height:auto;
	position:fixed;
	top:0;
	left:0;
}

img.round {
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

a {
	color:#398463;
}

a:hover {
	color:#89c9ab;
}

input, textarea {
	padding:2px;
	border:1px solid #726250;
}

input.button {
	background:#726250 none repeat scroll 0 0;
	border:0;
	color:#FFFFFF;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:0 5px 5px 0;
	padding:10px 50px;
	text-decoration:none;
}


/*==== GLOBAL =====*/

#header {
	background:#a5b97c url(../images/common/head_top.gif) 0 0 repeat-x;
	height:197px;
	width:100%;
}

#mainlayout {
	width:100%;
}

#main {
	width:1020px;
	margin:0 auto;
	padding:0 100px;
	position:relative;
	background-color:#fff;
}

#content {
	padding:0;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}


/*===== header =====*/
#header .address {
	font-size:11px;
	width:1020px;
	margin:0 auto;
	padding-top:15px;
	padding-left:60px;
}

#header .address a {
	text-decoration:none;
	color:#000;
}

#header .address a:hover {
	color:#ffffff;
}


#header .logo {
	width:1020px;
	margin:0 auto;
	padding-top:12px;
}

.inner_copy {
	border:0;
	color:#f00;
	float:left;
	width:50%!important;
	margin:-202px 0 0 0;
	overflow:hidden;
	line-height:0;
	padding:0;
	font-size:12px
}

#menu {
	width:1220px;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#800000
}

#menu span {
	margin-left:38px;
}

#menu span a {
	font-size: 11pt;
	color:#f0f0f0;
	text-decoration:none
}

#menu span a:hover {
	color:#a5b97c;
}


/*===== footer =====*/
#footerarea {
	background-color:#a5b97c;
}

#footer {
	padding:28px 0 15px 0;
	color:#ffffff;
	width:1220px;
	margin:0 auto;
	position:relative;
}

#footer .fleft {
	width:270px;
	float:left;
	padding-top:60px;
}

#footer .fright {
	width:950px;
	float:right;
}

#footer .fright a {
	color:#ffffff;
	text-decoration:none;
}

#footer .fright a:hover {
	text-decoration:underline;
}

#footer ul.nav {
	border-bottom:1px solid #d6d5d5;
	margin-bottom:6px;
	margin-left:0px;
	padding-bottom:4px;
}

#footer ul.nav li {
	display:inline;
	color:#d6d5d5;
	margin-left:0px;
	margin-right:17px;
}

#footer .nav li a {
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}

#footer .nav li a:hover, #footer .nav li a.current {
	color:#398463;
}

#footer_address {
	margin-top:60px;
	color:#000000;
}

#footer_address span {
	margin-left:40px;
}

#footer_address #footercompany {
	font-size:16px;
	color:#062719;
}

#copyright { 
	margin-top:80px;
	text-align:right;
	font-size:11px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}


/*===== side menu =====*/
ul#sidemenu {
	margin-top:20px;
}

ul#sidemenu li {
	width:160px;
	overflow:hidden;
	padding-bottom:1px;
	vertical-align:top;
}

ul#sidemenu li a {
	display:block;
	background:url(../images/common/nav-bg.gif) 0 0 repeat-x;
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
	line-height:36px;
	text-indent:10px;
	padding-right:15px;
}

ul#sidemenu li a.small {
	font-size:11px;
}

ul#sidemenu li a:hover, ul#sidemenu li a.current {
	background:url(../images/common/nav-bg-act.gif) 0 0 repeat-x;
	color:#000;
	text-align:right;
}




/********************/
/* レイアウト定義用 */
/********************/

#sidearea {
	float:left;
	width:200px;
	height:100%;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#mainarea {
	float:right;
	width:740px;
	padding-left:80px;
	padding-top:20px;
	padding-bottom: 	40px;
}

.cellleft200 {
	float:left;
	width:200px;
}

.cellright540 {
	float:right;
	width:540px;
}

.cellleft300 {
	float:left;
	width:300px;
}

.cellright440 {
	float:right;
	width:440px;
}

.cellleft420 {
	float:left;
	width:420px;
}

.cellright320 {
	float:right;
	width:320px;
}

.cellleft480 {
	float:left;
	width:480px;
}

.cellright480 {
	float:right;
	width:480px;
	padding-left:60px;
}

.clean {
	clear:both;
}


/**********************/
/* 各種パーツ定義用 */
/**********************/

div.footnavi {
	font-size:9pt;
	padding:2px 5px;
	background-color:#f0f0f0;
}

div.footnavi a {
	font-size: 9pt;
	color:#398463;
}

div.footnavi a:hover {
	color:#66806b;
}

div.itemarea {
	padding:15px 0 0 30px;
}

div.itemarea p {
	padding-bottom:15px;
}

div.sideitem {
	margin:10px;
	background-color:#ffffff;
	border:1px solid #f0f0f0;
	padding:10px;
	text-align:center;
	color:#a00000;
}

div.sideitemarea {
	margin:0 10px;
	background-color:#ffffff;
	padding:5px;
	font-size:12px;
}

.vmargin1 {
	margin-top:10px
}

.vmargin3 {
	margin-top:30px
}

.vmargin4 {
	margin-top:40px
}

.vmargin5 {
	margin-top:50px
}

table.tablestyle1 {
	margin-top:40px;
	border-collapse:separate;
	border-spacing:10px 1px;
	font-size:14px;
}

table.tablestyle1 th {
	border-bottom:2px solid #637d69;
	padding:2px 10px;
}

table.tablestyle1 td {
	border-bottom:1px solid #aaaaaa;
	padding:2px 10px;
}

table.tablestyle1 th {
	font-weight:bold;
	width:200px;
}

table.tablestyle1 td {
	width:500px;
}

table.tablestyle2 {
	border-collapse:separate;
	border-spacing:10px 1px;
	font-size:14px;
}

table.tablestyle2 th {
	border-bottom:2px solid #637d69;
	padding:2px 10px;
}

table.tablestyle2 td {
	border-bottom:1px solid #aaaaaa;
	padding:2px 10px;
}

table.tablestyle2 td.center {
	text-align:center;
}

table.tablestyle3 {
	margin-top:20px;
	border-collapse:collapse;
	border-spacing:10px 1px;
}

table.tablestyle3 th {
	text-align:center;
	font-size:14px;
	padding-right:40px;
}

table.tablestyle3 th.last {
	padding-right:0px;
}

table.tablestyle3 td {
	width:260px;
}

table.tablestyle3 td.last {
	width:240px;
}

table.tablestyle3 td img {
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}


/**********************/
/* 各ページ定義用 */
/**********************/

/* お客様の声 */
div.voicetitle {
	margin-top:20px;
	font-size:16px;
}

div.voicetitle span {
	margin-left:30px;
	font-size:13px;
}

div.voicetitle img, div.voicetitle span img {
	vertical-align:middle;
}

/* モデル */
.interiorexp {
	height:180px;
	padding-left:30px;
	border-left:10px solid #f0f0f0;
}


/* お問い合せ */
#contactcaution p {
	line-height:130%;
	margin-bottom:20px;
}













/**********************/
/* 各種フォント定義用 */
/**********************/
.fc {
	color:#666666
}

.fcw {
	color:#ffffff
}

.fcr {
	color:#cc0000
}

.fcb {
	color:#000000
}

.fcp {
	color:#222258
}

.fcp2 {
	color:#a1006d
}

.fs12 {
	font-size: 12pt
}

.fs11 {
	font-size: 11pt
}

.fs9 {
	font-size: 9pt
}

.fs9c {
	font-size: 9pt;
	color:#666666
}

.fs8 {
	font-size: 8pt
}

.bold {
	font-weight:bold
}

.link1 {
	font-size: 10pt;
	color:#cccccc;
	text-decoration:none
}

a.link1:hover {
	color:#ff0000
}

.link11 {
	font-size: 10pt;
	color:#ffffff;
	text-decoration:none
}

a.link11:hover {
	color:#ff0000
}

.link12 {
	font-size: 10pt;
	color:#000000;
	text-decoration:none
}

a.link12:hover {
	color:#ff0000
}

.linkitem {
	font-size:11pt;
	font-weight:bold;
	color:#AA0000;
	text-decoration:none
}

.pagefs9 {
	font-size: 9pt;
	color:#666666;
	text-decoration:none
}

a.pagefs9:hover {
	color:#FF99CC
}



/**********************/
/* 各種マージン定義用 */
/**********************/

.hmargin05 {
	margin-left:5px
}

.hmargin1 {
	margin-left:10px
}

.hmargin2 {
	margin-left:20px
}

.hmargin3 {
	margin-left:30px
}

.hmargin4 {
	margin-left:40px
}

.hmargin5 {
	margin-left:50px
}

.hmargin6 {
	margin-left:60px
}

.hmargin8 {
	margin-left:80px
}

.vmargin05 {
	margin-top:5px
}

.vmargin2 {
	margin-top:20px
}

.vmargin6 {
	margin-top:60px
}

.vmargin8 {
	margin-top:80px
}

.vmargin_b05 {
	margin-bottom:5px
}

.vmargin_b1 {
	margin-bottom:10px
}

.vmargin_b2 {
	margin-bottom:20px
}

.vmargin_b3 {
	margin-bottom:30px
}

.vmargin_b5 {
	margin-bottom:50px
}

.hmargin_r1 {
	margin-right:10px
}

.hmargin_r2 {
	margin-right:20px
}

.hmargin_r05 {
	margin-right:5px
}


/********************/
/* 色・背景色定義用 */
/********************/
.backcolor {
	background-color:#ffffff
}


/********************/
/* 枠・ＢＯＸ定義用 */
/********************/

.dashedwaku {
	border:1px dashed #666666;
	padding-right:20px
}


/****************/
/* その他定義用 */
/****************/
.seo {
	background-color:#a6ba7d;
	text-align:center;
	color:#a6ba7d;
	font-weight:normal;
	font-size:8pt;
	margin-top:0px;
	margin-bottom:0px
}

.imgmiddle {
	vertical-align:middle
}

/* 下線 */
.underline {
	border-bottom: solid 1px #cc0000
}

/* 実線 */
.solidline {
	width:100%;
	border-bottom: solid 1px #aaaaaa;
	margin-bottom:30px;
}

/* 点線 */
.dottedupdownline {
	width:100%;
	border-top: dotted 1px #666666;
	border-bottom: dotted 1px #666666;
	padding:10px
}

.dashedunderline {
	border: 1px #666666;
	border-style: none none dashed none;
	padding: 3px;
	color:#666666
}


/********************/
/* フレーズ・パーツ */
/********************/

/* <input>の背景 */
.inputtext {
	background-color:#ffffff;
}