@charset "utf-8";

/*============================== 初期化 ==============================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:small;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.5em;
	font-style:normal;
}

html{
overflow-y: scroll;
}

body {
	line-height: 1;
}

ul, ol{
	list-style:none;
}

input, textarea, select, option{
	margin:1px;
	padding:2px 5px;
	line-height:1.0em;
}

table, pre, code, select, input, textarea, kbd, var, ins, del, samp {
font-size:100%;
}

img{
	border:none;
	vertical-align:top;
}

iframe{
	border:solid 1px #CCCCCC;
}


/*============================== 全般 ==============================*/
body{
	background:#e1e9d5;
	color:#666666;
}

a {
	color: #669801;
	text-decoration:underline;
}

a:hover { 
	color:#165801;
}


small{
	font-size:0.8em;
	color:#93a9b5;
}

strong{
	font-size:1.2em;
	font-weight:bold;
	color:#e47110;
}

em{
	font-size:1.2em;
	font-weight:bold;
	color:#669801;
}

ins{}
del{}

/*------ 汎用 ------*/
.clear{
	clear:both;
	height:0px;
	line-height:0px;
}
.mt10{margin-top:10px;}

.lh_one{
line-height:1em;
}

.list{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:1.5em;
}

/*============================== レイアウト ==============================*/
/*------ ヘッダ ------*/
h1{
	padding:5px 0;
	font-size:1.0em;
	font-weight:normal;
	line-height:1.0em;
}
.ci{margin-bottom:15px;}
.toroku{
	font-weight:bold;
	padding:3px;
}

/*------ ドロップダウン ------*/
dl.dropdown dt {
	font-weight: bold;
}

dl.dropdown dd {
	position: absolute;
	overflow: hidden;
	display: none;
	opacity: 0;
}

dl.dropdown ul {
	width: 157px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

dl.dropdown li {
	display: inline;
	font-size: 90%;
	}

dl.dropdown a {
	zoom:1;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	background: #f0fed9;

	text-decoration: none;
	text-align:center;
}

dl.dropdown a:hover {
	background: #d4f59e;
}

/*---------- 左ナビ ----------*/
ul.lnavi{
	width:200px;
	height:100%;
	border-bottom:#CCCCCC;
}
ul.lnavi li{
	margin:5px 15px;
	padding-left:20px;
	background:url(../data/img/lnavi_icon.gif) no-repeat 0% 50%;
}
ul.lnavi li a{
	font-size:1.1em;
}
/*---------- フッタ ----------*/
#footer_rect #cell1{
	width:779px;
	border-top:2px solid #a1b216;
	padding:8px;
}

ul.fsitemap{
	text-align:center;
}

ul.fsitemap li{
	display:inline;
	padding:0 1px 0 3px;
	border-right:solid 1px #666;
	height:1.0em;
}
ul.fsitemap li.left{
	border-left:solid 1px #666;
}
ul.fsitemap li a{
	font-size:10pt;
}

a.hpSeisaku{
	color:#666666;
	text-decoration:none;
}

/*============================== ページ ==============================*/

/*---------- ナミックススタイル・nm_style ----------*/
.nm_style0{
	display:none;
}
.nm_style2 img{
	vertical-align: middle;
}
/* 逆インデント */
.nm_style7{
	padding-left:1.5em;
	text-indent:-1.0em;
}
/* 2分割アイテム */
.nm_style9{
	margin:0px;
	background:url(../data/img/bg_item2_bottom.gif);
}
.nm_style9 img{
	width:254px;
}
/* 3分割アイテム */
.nm_style10{
	margin:0px;
	background:url(../data/img/bg_item3.gif);
}
.nm_style10 img{
	width:160px;
}

/* 実績表 */
.nm_style17 table{
	width:280px;
	border-collapse:separate;
}
.nm_style17 .csttbl_head, .nm_style17 .csttbl_input, {
	padding:2px;
	margin:2px;
	border-color:#CCCCCC;
	font-size:12px;
}
.nm_style17 .csttbl_head{
	background:#f6faec;
}
.nm_style17 .csttbl_input, {
	text-align:right;
}


/*---------- ナミックデフォルト ----------*/
/*--- テーブル・フォーム ---*/
.csttbl_border1, .csttbl_border2, .csttbl_border3, .csttbl_border4, .csttbl_head, .csttbl_input,
.cart_border1, .cart_border2, .cart_border3, .cart_border4, .cart_head, .cart_input{
	padding:8px;
}

textarea{width:320px;}
form table td.cart_border4{
	border-left:none;
	border-right:none;
	border-bottom:none;
}

/* トップページ */

.topic{
	width:256px;
	padding:0 10px 10px;
	background:#FFFFFF;
	border-bottom:1px solid #a1b216;
	border-left:1px solid #a1b216;
	border-right:1px solid #a1b216;
}
.topic p{text-align:right;}

dl.tShohin, dl.tShohinLeft{
	width:133px;
	float:left;
}
dl.tShohin{
	margin-right:11px;
}
dl.tShohin dd, dl.tShohinLeft dd{
	padding:5px 0 10px;
	width:133px;
}

/* 舗装の土 */
dl.item, dl.itemLeft{
	width:100px;
	float:left;
}
dl.item dd, dl.itemLeft dd{
	width:100px;
	padding:5px 0 10px;
}
dl.item{
	margin-right:11px;
}

/* 琉球の塗装 */
.imgL{
	float:left;
	margin:10px 5px 10px 0;
}

