/*
Theme Name: 沖縄装美工業 デザインテンプレート
Theme URI: http://www.dejikichi.com/
Description: 沖縄装美工業　ホームページ
Version: 1.0
Author: Digital Kitchen
Author URI: http://www.dejikichi.com/
*/

/*	INDEX
-------------------------------------------------
	BASE
	HEADER
	NAVIGATION
	CONTENT
	SIDE BAR
	WIDGET
	FOOTER
	COMMENT TEMPLATE
	MISC
	HACK
*/

/*	BASE
-------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #f2f2f2;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 90%;
	text-align: center; /* center align */
	line-height: 1.4;
}

#pageframe {
	width: 800px;
	margin: 0 auto;
	padding: 0 8px;
	vertical-align: top;
	background: #f2f2f2 url("./images/bg-page.gif") center top repeat-y;
}

#page {
	margin: 0;
	padding: 0 16px;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 15px;
	font-weight: normal;
}

/* text-indentを設定した画像置換リンクの枠線を消す（Firefox対策） */
/*\*/ a { overflow:hidden; }/**/

a, a:link {
	color: #0000CC;
	text-decoration: underline;
}

a:hover {
	color: #551A8B;
	text-decoration: underline;
}

a:visited {
	color: #551A8B;
}

a:active {
	color: #551A8B;
}

a img { border: 0; }

abbr, acronym { border: 0; }

address, dl, p { padding: 0; margin:0; } /* initialize */

blockquote {
	margin: 0;
	background: transparent;
	color: #333333;
}

blockquote p { padding: 15px; }

blockquote blockquote {
	margin: 15px;
	background: #fff;
	color: #333;
}

code {
	background: #fff;
}

dt { font-weight: bold; }

dd { padding: 0 0 0 15px; }

hr {
	clear: both;
	border: 0;
	height: 1px;
	text-align: left;
	background: #fff;
	color: #000;
}

small {
	font-size: 11px;
}

pre {
	width: 90%;
}

input,
textarea {
	/*margin-left: 1em;*/
	font-size: 12px;
	padding: 2px 2px 10px 2px;
}

select {
	margin-left: 1em;
}

/*
input#s, input#author, input#url, textarea#comment{
	border: 1px solid #e5dfb3;
	background-color: #fff;
	padding: 3px;
}

input#author, input#url{
	margin: 0 5px 0 0;
}
*/

ul {
	list-style: none;
}





/*	HEADER
-------------------------------------------------*/
#header {
	position: relative;
	width: 768px;
	height: 80px;
	margin:0;
	padding:0;
	background: #ffffff url("./images/bg-header.gif") left top no-repeat;
}

#header h1 {
	position: absolute;
	left: 52px;
	top: 14px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #999999;
}

#header h2 {
	position: absolute;
	left: 51px;
	top: 37px;
	margin: 0;
	padding: 0;
}

#header h2 a {
	display: block;
	width: 227px;
	height: 18px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
}

#header ul.header-navi {
	float: right;
	margin: 0;
	padding: 11px 9px 0 0;
}

#header ul.header-navi li {
	float:left;
	margin: 0;
	padding: 0 8px;
	list-style-image: none;
	font-size: 12px;
}

#header ul.header-navi li a:link,
#header ul.header-navi li a:visited {
	color: #00cc66;
	text-decoration: none;
}

#header ul.header-navi li a:hover,
#header ul.header-navi li a:active {
	color: #006633;
}





/*	NAVIGATION
-------------------------------------------------*/





/*	CONTENT
-------------------------------------------------*/
.container {
	width: 768px;
	margin: 0;
	padding: 0;
	background: transparent;
	text-align: left;
	color: #333333;
	vertical-align: top;
}

.main {
	float: right;
	/*width: 629px;*/
	width: 616px;
	margin: 0;
	padding: 7px 0 0 13px;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
}

#bread {
	margin: 0 15px 10px 0;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	color: #333333;
}

#categoryname h2 {
	margin: 0 0 17px 0;
	padding: 7px 0 4px 30px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	background: transparent url("./images/bg-categorytitle.gif") left top no-repeat;
}


p.pagenavi {
	margin: 0;
	color: #000;
}

.post,
.post_alt {
	margin: 0 19px 1.5em 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	background: transparent url("./images/bg-post.gif") left top repeat;
	border: 1px solid #cccccc;
}

.post .posth2,
.post_alt .posth2,
#commnets h3 {
	margin: 0;
	padding: 5px 0 10px 15px;
	color: #000099;
	font-size: 120%;
	font-weight: bold;
	background: transparent url("./images/bg-posttitle.gif") 10px bottom no-repeat;
	letter-spacing: 0px;
}

.posth2 a,
.posth2 a:visited {
	text-decoration: none;
}

.posth2 a:hover {
	text-decoration: underline;
	font-weight: bolder;
	color: #0000ff;
	background-color:#ffffff;
}

.entry {
	margin: 0;
	padding: 10px 20px 0 20px;
}

.entry p {
	margin: 0 0 1.5em 0;
	padding: 0;
	color:#000;
}

.entry h1,
.entry h5,
.entry h6 {
	border: 0;
	margin: 0 0 1em 0;
	padding: 0;
	color: #333333;
	font-size: 100%;
}

.entry h2,
.entry h3 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 5px;
	color: #333333;
	font-size: 100%;
	border-bottom:1px solid #333333;
}

.entry h4 {
	border: 0;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #333333;
	font-size: 100%;
}

.entry dl {
	margin: 0 0 1em 0;
	padding: 0;
}

.entry dl dt {
	margin: 0;
	padding: 0;
}

.entry dl dd {
	margin: 0;
	padding: 0;
}


div#type_of_construction .entry h2 {
	padding:0 0 7px 0;
	border: none;
	font-weight: bold;
	font-size: larger;
	background: transparent url('images/bk-sc-title.gif') left bottom no-repeat;
}


/* entry ul, ol, li indent setting
------------------------------------------- */
.entry ul {
	margin: 1em 0em 1.5em 30px;
	padding: 0em;
}

.entry ol {
	margin: 1em 0em 1.5em 35px;
	padding: 0em;
}

.entry ul {
	list-style-type: square;
}
.entry ul li {
	margin: 0em;
	padding: 0em;
	list-style-type: disc;
	color:#000;
	/*list-style-position: inside;*/
	list-style-position: outside;
}
.entry ol li {
	margin: 0em;
	padding: 0em;
	/*list-style-position: inside;*/
	list-style-position: outside;
	color:#000;
}

.entry li ul,
.entry li ol {
	margin: 0em 0em 0em 2em;
	padding: 0em;
}

.entry table ul {
	margin: 0 0 0 18px;
	padding: 0;
}


.entry table ol {
	margin: 0 0 0 24px;
	padding: 0;
}

.entry table ul li,
.entry table ol li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}



/* img setting
------------------------------------------- */
.post .entry img,
.post_alt .entry img {
	/*margin: 5px;*/
	margin: 0;
	background-color: transparent;
	border: 1px solid #999;
	padding: 2px;
}

.entry img.wp-smiley {
	padding: 0;
	border: 0;
	background-color: transparent;
}

.entry img.alignleft {
	float: left;
	margin: 5px 10px 0 0;
}

.entry img.alignright {
	float: right;
	margin: 5px 0 0 10px;
}

.entry p.postinfo {
	color: #000;
}

.postdate {
	color: #000;
}

.postmetadata {
	margin: 10px 25px 10px 0;
	padding: 0;
	clear:both;
	font-size:12px;
	text-align:right;
}

#comment p,
#comment p a {
	margin:0 0 10px 0;
	font-size:13px;
	text-align:right;
}





/* tabel setting
------------------------------------------- */
table {
	margin: 0 0 1.5em 0;
	padding: 0;
}

table tr th {
	margin: 0;
	padding: 3px 5px;
	color: #333;
}

table tr td {
	margin: 0;
	padding: 3px 5px;
	color:#333;
}

.comtable1 {
	margin:0;
	padding:0;
}

table.comtable2 {
	width: 540px;
	margin: 5px 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #666666;
	border-spacing: 0;
	empty-cells: show;
}

table.comtable2 th {
	padding: 5px;
	background: #D3FDBD;
	border: 1px dotted #666666;
	font-weight: normal;
}

table.comtable2 td {
	padding: 5px;
	border: 1px dotted #666666;
	background: #fff;
}


table.structure-table {
	width: 390px;
	background-color: #999999;
}

table.structure-table th {
	text-align:center;
	background-color: #eeeeee;
}

table.structure-table td {
	background-color: #ffffff;
	font-size:smaller;
}




/*	SIDE BAR
-------------------------------------------------*/
#sidebar {
	float: left;
	width: 139px;
	height: 100%;
	margin: 0 !important; /* sidebar margin solution */
	margin: 0; /* IE6 sidebar margin-top solution */
	padding: 0;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
}





/*	WIDGET
------------------------------------------------*/
#text-1,
#text-2,
#text-3,
#text-4,
#text-5,
#text-6,
#text-7,
#text-8,
#text-9,
#text-10,
#pages,
#meta,
#recent-posts,
#recent-comments,
#archives,
#rss-1,
.linkcat {
	margin: 0;
	padding: 0;
	background-color: transparent;

}

#search {
	text-align:center;
	margin: 10px 0 0 0;
}

#text-1 h2.widgettitle,
#text-2 h2.widgettitle,
#text-3 h2.widgettitle,
#text-4 h2.widgettitle,
#text-5 h2.widgettitle,
#text-6 h2.widgettitle,
#text-7 h2.widgettitle,
#text-8 h2.widgettitle,
#text-9 h2.widgettitle,
#text-10 h2.widgettitle,
#pages h2.widgettitle,
#meta h2.widgettitle,
#recent-posts h2.widgettitle,
#recent-comments h2.widgettitle,
#archives h2.widgettitle,
#rss-1 h2.widgettitle,
#search h2.widgettitle,
.linkcat h2.widgettitle {
	margin: 0;
	padding: 5px 0 3px 9px;
	color: #014051;
	font-size: 12px;
	font-weight: bold;
}

.textwidget {
	margin: 0;
	padding: 0 9px;
	color: #014051;
	font-size: 12px;
}

li#recent-posts ul,
li#recent-comments ul,
li#archives ul,
li#pages ul,
li#meta ul,
li#rss-1 ul,
#sidebar li.linkcat ul {
	margin: 0;
	padding: 0 4px;
	color: #000;
	font-size: 12px;
	background: transparent url("./images/widget_middle.gif") left top repeat-y;
}

li#recent-posts ul li,
li#recent-comments ul li,
li#archives ul li,
li#pages ul li,
li#meta ul li,
li#rss-1 ul li,
li#search div li,
#sidebar li.linkcat ul li {
	margin:0 0 0 5px;
	padding:1px 5px 1px 8px;
	background: transparent url("./images/mark_children.gif") left center no-repeat;
}





/*	FOOTER
-------------------------------------------------*/
#footer {
	float: right;
	width: 616px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #666666;
	font-size: 12px;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer p.dejikichi {
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer p a:link,
#footer p a:visited {
	color: #666666;
}

#footer p a:hover,
#footer p a:active {
	text-decoration: none;
}





/*	COMMENT TEMPLATE
-------------------------------------------------*/
#comments {
	margin: 0;
}

#comments h3#respond {
	color:#fff;
}

label {
	color:#fff;
}

h3#trackback,
#comments h4 {
	color:#fff;
}

.comments-template {
	
}

.comments-template ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comments-template ol li {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

.comments-template h2,
.comments-template h3 {
	margin-bottom: 8px;
	color: #1992dd;
	font-size: 120%;
	font-weight: bold;
}

.comments-template h3#respond,
.comments-template h3#trackback {
	padding-top: 20px;
	border-bottom: 1px solid #457EDE;
	color: #457EDE;
	font-size: 110%;
	font-weight: bold;
}

.comments-template h4 {
	color: #000000;
	font-size: 100%;
}

.commentmetadata {
	font-size: 12px;
}

.comments-template p.nocomments {
	padding: 0;
}

#commentform p {
	color:#fff;
}





/*	CALENDAR
-------------------------------------------------*/
table#wp-calendar {
	background:#ccc;
	margin: 0 10px;
	width: 179px;
	text-transform: none;
	font-size:10px;
}

table#wp-calendar caption {
	margin: 0 10px;
	padding: 3px 0;
	background-color: #ccc;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}

table#wp-calendar th {
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	background: #F5F5F5;
	color: #000;
}

table#wp-calendar td {
	padding: 1px;
	background: #ffffff;
	text-align: right;
	color: #000;
}

table#wp-calendar tfoot td {
	text-align: center;
}

#calendar .widgettitle {
	margin:30px 10px 0 6px;
	padding:2px 0 1px 0;
	color:#fff;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	background:transparent url("./images/sidebar-title.gif") left top repeat-x;
}





/*	MISC
------------------------------------------------*/
strong.hissu {
	color: #cc3333;
}

#inquiryform fieldset {
	margin: 10px 0 0 20px;
	padding: 0;
	border: none;
}

#inquiryform legend {
	margin: 0 0 10px 0;
	padding: 0;
	background: transparent;
	color: #990000;
	font-size: 120%;
	font-weight: bold;
}

#inquiryform dl {
	margin: 0;
	padding: 0;
}

#inquiryform dt {
	margin: 0;
	padding: 1px 0 0 0;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

#inquiryform dt span {
	font-weight: normal;
}

#inquiryform dd {
	margin: 0 0 8px 0;
	padding: 0;
}

table.comtable {
	margin: 10px 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #666666;
	empty-cells: show;
}

table.comtable th {
	padding: 5px;
	background: #ffffcc;
	border: 1px dotted #666666;
	font-weight: normal;
	text-align: left;
}

table.comtable td {
	padding: 5px;
	border: 1px dotted #666666;
	background: #ffffff;
}





/*	沖縄装美工業
------------------------------------------------*/
/* トップページ　イメージ画像 */
.main .siteimage {
	margin: 0 0 7px 0;
	padding: 0;
}

.siteimage img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* トップページ　バナー */
.main ul.topbanner {
	margin: 0;
	padding: 0;
}

ul.topbanner li {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
}

ul.topbanner li.banner-bridgework,
ul.topbanner li.banner-treeplanting {
	margin: 0 5px;
	padding: 0;
}

ul.topbanner li img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* トップページ　最新情報 */
.main .newinfo {
	margin: 2px 0 7px 0;
	padding: 0 0 3px 0;
	background: transparent url("./images/bg-newinfobottom.gif") left bottom no-repeat;
}

.newinfo h2 {
	margin: 0;
	padding: 2px 0 2px 0;
	background: transparent url("./images/bg-newinfotitle.gif") left top no-repeat;
	font-size: 12px;
	text-indent: -9999px; 
}

.newinfo .newinfo-list {
	margin: 0;
	padding: 0 2px;
	background: transparent url("./images/bg-newinfomiddle.gif") left top repeat-y;
}

.newinfo-list ul {
	overflow: scroll;
	width: 572px !important;
	width: 582px;
	height: 120px;
	margin: 0;
	padding: 5px 20px !important;
	padding: 5px 15px;
}

.newinfo-list ul li {
	/*float: left;
	width: 240px;*/
	margin: 0 10px;
	padding: 6px 6px 5px 6px;
	border-bottom: 1px solid #ffffff;
	font-size: 90%;
	line-height: 1.3;
}

/* トップページ　リンク集 */

/*
.main .links {
	margin: 20px 0;
	padding: 0;
	overflow: visible;
}

.links ul {
	margin: 0;
	padding: 5px 8px !important;
	padding: 5px 15px;
}

.links  ul li {
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 2.5;
}
*/

/*
.links  ul li a {
	display:block;
	height: 38px;
	padding: 0 10px;
*/
	/*border: 1px solid #dddddd;*/
	/*background: transparent url('') left top no-repeat;*/
/*
}

.links  ul li a img {
	height: 38px;
}
*/

.main .links {
	margin: 20px 0;
	padding: 0;
}

.links ul {
	margin: 0;
	padding: 0;
}

.links  ul li {
	float: left;
	margin: 10px 10px 10px 15px !important;
	margin: 10px;
	padding: 0;
}



/* 景観資材サブカテゴリーテーブル */

.post .entry table.scene-materials td a img {
	margin:0;
	padding:0;
	border:none;
	width:120px;
}

.post .entry table.scene-materials th a,
.post .entry table.scene-materials th a:visited {
	color: #ff6600;
	font-weight:bold;
	text-decoration:none;
}

.post .entry table.scene-materials th a:hover {
	color: #006600;
	font-weight:bold;
	text-decoration:underline;
}



/* 緑化資材カテゴリー */

h2.greening {
	border-bottom:thick solid #006600;
	font-size:x-large;
	font-weight:bold;
	margin:0 20px 10px 0;
	padding:0 0 0 5px;
	color:#009933;
	background-color:#ccffcc;
}



/* entry */

.post ul.example {
	margin: 0 15px;
}

.post ul.example table {
	background-color: #ffffff;
	margin:1px;
	width:275px;
	float:left;
}

.post ul.example table th {
	background-color: #ccffff;
	font-size:smaller;
	height: 60px;
}

.post ul.example table td {
	font-size:small;
}

.post ul.example table td dl dd {
	font-size:11px;
}








/* タブ メニュー */
.main .tab-menu {
	width: 597px;
	height: 35px;
	margin: 0;
	padding: 0;
}

.tab-menu ul {
	margin: 0;
	padding: 0;
}

.tab-menu ul li {
	float: right;
	margin: 0;
	padding: 0;
}

.tab-menu ul li.tabmenu-coating-on {
	width: 90px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/tab-coating-h.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-coating a:link,
.tab-menu ul li.tabmenu-coating a:visited {
	display: block;
	width: 90px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/tab-coating.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-coating a:hover,
.tab-menu ul li.tabmenu-coating a:active {
	background: transparent url("./images/tab-coating-h.gif") left top no-repeat;
}

.tab-menu ul li.tabmenu-waterproof-on {
	width: 90px;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	background: transparent url("./images/tab-waterproof-h.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-waterproof a:link,
.tab-menu ul li.tabmenu-waterproof a:visited {
	display: block;
	width: 90px;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	background: transparent url("./images/tab-waterproof.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-waterproof a:hover,
.tab-menu ul li.tabmenu-waterproof a:active {
	background: transparent url("./images/tab-waterproof-h.gif") left top no-repeat;
}

.tab-menu ul li.tabmenu-repair-on {
	display: block;
	width: 90px;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	background: transparent url("./images/tab-repair-h.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-repair a:link,
.tab-menu ul li.tabmenu-repair a:visited {
	display: block;
	width: 90px;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	background: transparent url("./images/tab-repair.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-repair a:hover,
.tab-menu ul li.tabmenu-repair a:active {
	background: transparent url("./images/tab-repair-h.gif") left top no-repeat;
}

.tab-menu ul li.tabmenu-bridgework-on {
	width: 90px;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	background: transparent url("./images/tab-bridgework-h.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-bridgework a:link,
.tab-menu ul li.tabmenu-bridgework a:visited {
	display: block;
	width: 90px;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	background: transparent url("./images/tab-bridgework.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-bridgework a:hover,
.tab-menu ul li.tabmenu-bridgework a:active {
	background: transparent url("./images/tab-bridgework-h.gif") left top no-repeat;
}

.tab-menu ul li.tabmenu-others-on {
	width: 90px;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	background: transparent url("./images/tab-others-h.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-others a:link,
.tab-menu ul li.tabmenu-others a:visited {
	display: block;
	width: 90px;
	height: 35px;
	margin: 0 0 0 5px;
	padding: 0;
	background: transparent url("./images/tab-others.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-others a:hover,
.tab-menu ul li.tabmenu-others a:active {
	background: transparent url("./images/tab-others-h.gif") left top no-repeat;
}

/* 施工実績タブ */

.tab-menu ul li.tabmenu-bw-others-on {
	width: 90px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/bridge-tower-on.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-bw-others a:link,
.tab-menu ul li.tabmenu-bw-others a:visited {
	display: block;
	width: 90px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/bridge-tower-off.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-bw-others a:hover,
.tab-menu ul li.tabmenu-bw-others a:active {
	background: transparent url("./images/bridge-tower-on.gif") left top no-repeat;
}


.tab-menu ul li.tabmenu-publicworks-on {
	width: 90px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/public-works-on.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-publicworks a:link,
.tab-menu ul li.tabmenu-publicworks a:visited {
	display: block;
	width: 90px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/public-works-off.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-publicworks a:hover,
.tab-menu ul li.tabmenu-publicworks a:active {
	background: transparent url("./images/public-works-on.gif") left top no-repeat;
}


.tab-menu ul li.tabmenu-cw-others-on {
	width: 90px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/waterproof-coat-on.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-cw-others a:link,
.tab-menu ul li.tabmenu-cw-others a:visited {
	display: block;
	width: 90px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/waterproof-coat-off.gif") left top no-repeat;
	text-indent: -9999px;
}

.tab-menu ul li.tabmenu-cw-others a:hover,
.tab-menu ul li.tabmenu-cw-others a:active {
	background: transparent url("./images/waterproof-coat-on.gif") left top no-repeat;
}

/* 施工実績タブ */











/* サイドメニュー */
#sidebar .sidemenu {
	margin: 0 0 7px 0;
	padding: 7px 7px 7px 6px;
	background: transparent url("./images/bg-sidebar.gif") left top repeat-y;
}

.sidemenu ul {
	margin: 0;
	padding: 0;
}

.sidemenu ul li {
	margin: 0 0 1px 0;
	padding: 0;
}

.sidemenu ul li.navi-home a:link,
.sidemenu ul li.navi-home a:visited,
.sidemenu ul li.navi-home a:hover,
.sidemenu ul li.navi-home a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-home.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-works a:link,
.sidemenu ul li.navi-works a:visited,
.sidemenu ul li.navi-works a:hover,
.sidemenu ul li.navi-works a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-works.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-waterproofcoating a:link,
.sidemenu ul li.navi-waterproofcoating a:visited,
.sidemenu ul li.navi-waterproofcoating a:hover,
.sidemenu ul li.navi-waterproofcoating a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-waterproofcoating.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-bridgework a:link,
.sidemenu ul li.navi-bridgework a:visited,
.sidemenu ul li.navi-bridgework a:hover,
.sidemenu ul li.navi-bridgework a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-bridgework.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-pavement a:link,
.sidemenu ul li.navi-pavement a:visited,
.sidemenu ul li.navi-pavement a:hover,
.sidemenu ul li.navi-pavement a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-pavement.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-scene a:link,
.sidemenu ul li.navi-scene a:visited,
.sidemenu ul li.navi-scene a:hover,
.sidemenu ul li.navi-scene a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-scene.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-treeplanting a:link,
.sidemenu ul li.navi-treeplanting a:visited,
.sidemenu ul li.navi-treeplanting a:hover,
.sidemenu ul li.navi-treeplanting a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-treeplanting.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-remodel a:link,
.sidemenu ul li.navi-remodel a:visited,
.sidemenu ul li.navi-remodel a:hover,
.sidemenu ul li.navi-remodel a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-remodel.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-execution a:link,
.sidemenu ul li.navi-execution a:visited,
.sidemenu ul li.navi-execution a:hover,
.sidemenu ul li.navi-execution a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-execution.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-nursingcare a:link,
.sidemenu ul li.navi-nursingcare a:visited,
.sidemenu ul li.navi-nursingcare a:hover,
.sidemenu ul li.navi-nursingcare a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-nursingcare.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-company a:link,
.sidemenu ul li.navi-company a:visited,
.sidemenu ul li.navi-company a:hover,
.sidemenu ul li.navi-company a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-company.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-information a:link,
.sidemenu ul li.navi-information a:visited,
.sidemenu ul li.navi-information a:hover,
.sidemenu ul li.navi-information a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-information.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu ul li.navi-inquire a:link,
.sidemenu ul li.navi-inquire a:visited,
.sidemenu ul li.navi-inquire a:hover,
.sidemenu ul li.navi-inquire a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-inquire.gif") left top no-repeat;
	text-indent: -9999px;
}

/* サイドバナー */
#sidebar .sidebanner {
	margin: 0;
	padding: 3px;
	background: transparent url("./images/bg-sidebar.gif") left top repeat-y;
}

.sidebanner img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}




/* カウンター */
#sidebar .counter {
	margin: 10px 0;
	padding: 0;
}

.counter img {
	margin: 0;
	padding: 0 26px;
	vertical-align: bottom;
}




/* フッターナビ */
#footer .footernavi {
	float: right;
	width: 616px;
	margin: 0 0 13px 0;
	padding: 0;
	border-top: 6px solid #009933;
}

.footernavi ul {
	margin: 0;
	padding: 0 0 0 30px;
}

.footernavi ul li {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 14px;
	border-left: 1px solid #33cc99;
	font-size: 12px;
	line-height: 1;
}

.footernavi ul li.fnavi-home {
	border-left: none;
}

.footernavi ul li.fnavi-shuricenter {
	border-left: none;
}

.footernavi ul li a:link,
.footernavi ul li a:visited {
	color: #00cc66;
	text-decoration: none;
}

.footernavi ul li a:hover,
.footernavi ul li a:active {
	color: #006633;
}





/* 首里センター */
/* ヘッダー */
#header-shuri {
	position: relative;
	width: 768px;
	height: 80px;
	margin:0;
	padding:0;
	background: #ffffff url("./images/bg-header-shuri.gif") left top no-repeat;
}

#header-shuri h1 {
	position: absolute;
	left: 52px;
	top: 14px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #999999;
}

#header-shuri h2 {
	position: absolute;
	left: 51px;
	top: 37px;
	margin: 0;
	padding: 0;
}

#header-shuri h2 a {
	display: block;
	width: 227px;
	height: 18px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
}

#header-shuri ul.header-navi {
	float: right;
	margin: 0;
	padding: 11px 9px 0 0;
}

#header-shuri ul.header-navi li {
	float:left;
	margin: 0;
	padding: 0 8px;
	list-style-image: none;
	font-size: 12px;
}

#header-shuri ul.header-navi li a:link,
#header-shuri ul.header-navi li a:visited {
	color: #00cc66;
	text-decoration: none;
}

#header-shuri ul.header-navi li a:hover,
#header-shuri ul.header-navi li a:active {
	color: #006633;
}

/* サイドメニュー */
#sidebar-shuri {
	float: left;
	width: 139px;
	height: 100%;
	margin: 0 !important; /* sidebar margin solution */
	margin: 0; /* IE6 sidebar margin-top solution */
	padding: 0;
	text-align: left;
	vertical-align: top;
	background-color: transparent;
}

#sidebar-shuri p {
	margin: 8px 0 7px 0;
	padding: 0;
}

#sidebar-shuri p img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}


#sidebar-shuri .sidemenu-shuri {
	margin: 0 0 7px 0;
	padding: 7px 7px 7px 6px;
	background: transparent url("./images/bg-sidebar-shuri.gif") left top repeat-y;
}

.sidemenu-shuri ul {
	margin: 0;
	padding: 0;
}

.sidemenu-shuri ul li {
	margin: 0 0 1px 0;
	padding: 0;
}

.sidemenu-shuri ul li.navi-okisoubi a:link,
.sidemenu-shuri ul li.navi-okisoubi a:visited,
.sidemenu-shuri ul li.navi-okisoubi a:hover,
.sidemenu-shuri ul li.navi-okisoubi a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0 0 7px 0;
	padding: 0;
	background: transparent url("./images/btn-home-shuri.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu-shuri ul li.navi-oldagehome a:link,
.sidemenu-shuri ul li.navi-oldagehome a:visited,
.sidemenu-shuri ul li.navi-oldagehome a:hover,
.sidemenu-shuri ul li.navi-oldagehome a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-oldagehome-shuri.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu-shuri ul li.navi-shurinursingcare a:link,
.sidemenu-shuri ul li.navi-shurinursingcare a:visited,
.sidemenu-shuri ul li.navi-shurinursingcare a:hover,
.sidemenu-shuri ul li.navi-shurinursingcare a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-nursingcare-shuri.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu-shuri ul li.navi-facilities a:link,
.sidemenu-shuri ul li.navi-facilities a:visited,
.sidemenu-shuri ul li.navi-facilities a:hover,
.sidemenu-shuri ul li.navi-facilities a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-facilities-shuri.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu-shuri ul li.navi-access a:link,
.sidemenu-shuri ul li.navi-access a:visited,
.sidemenu-shuri ul li.navi-access a:hover,
.sidemenu-shuri ul li.navi-access a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-access-shuri.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu-shuri ul li.navi-shuricenter-magazine a:link,
.sidemenu-shuri ul li.navi-shuricenter-magazine a:visited,
.sidemenu-shuri ul li.navi-shuricenter-magazine a:hover,
.sidemenu-shuri ul li.navi-shuricenter-magazine a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-shuricenter-magazine.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu-shuri ul li.navi-shuricenter-blog a:link,
.sidemenu-shuri ul li.navi-shuricenter-blog a:visited,
.sidemenu-shuri ul li.navi-shuricenter-blog a:hover,
.sidemenu-shuri ul li.navi-shuricenter-blog a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-shuricenter-blog.gif") left top no-repeat;
	text-indent: -9999px;
}

.sidemenu-shuri ul li.navi-shuricenterinquire a:link,
.sidemenu-shuri ul li.navi-shuricenterinquire a:visited,
.sidemenu-shuri ul li.navi-shuricenterinquire a:hover,
.sidemenu-shuri ul li.navi-shuricenterinquire a:active {
	display: block;
	width: 126px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent url("./images/btn-inquire-shuri.gif") left top no-repeat;
	text-indent: -9999px;
}

/* 首里センターコンテンツ */
.shuricenter {
	background: transparent url("./images/bg-shuricenter.gif") 16px top repeat-y;
}

#shuricenter-category h2 {
	margin: 0 0 10px 0;
	padding: 12px 0 11px 0;
	background: transparent url("./images/bg-categorytitle-shuri.gif") left top no-repeat;
	font-size: 20px;
	text-indent: -9999px;
}

#shuri-categorytitle h2 {
	margin: 0 0 10px 0;
	padding: 2px 0 2px 10px;
	background: transparent url("./images/bg-shuri-categorytitle.gif") left top repeat-x;
	font-size: 20px;
	font-weight: bold;
}

.main .shuricenter-post {
	margin: 2px 0 1.5em 0;
	padding: 0 0 3px 0;
	background: transparent url("./images/bg-shuricenterinfobottom.gif") left bottom no-repeat;
}

.shuricenter-post h2 {
	margin: 0;
	padding: 0 0 10px 10px;
	background: transparent url("./images/bg-shuricentertitle.gif") left 1px no-repeat;
	font-size: 100%;
	font-weight: bold;
}

.shuricenter-post .shuricenter-entry {
	margin: 0;
	padding: 10px 20px 0 20px;
	background: transparent url("./images/bg-shuricenterinfomiddle.gif") left top repeat-y;
}

.shuricenter-entry p {
	margin: 0 0 1.5em 0;
	padding: 0;
	color:#000;
}

.shuricenter-entry h1,
.shuricenter-entry h5,
.shuricenter-entry h6 {
	border: 0;
	margin: 0 0 1em 0;
	padding: 0;
	color: #333333;
	font-size: 100%;
}

.shuricenter-entry h2,
.shuricenter-entry h3 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 5px;
	color: #333333;
	font-size: 100%;
	border-bottom:1px solid #333333;
}

.eshuricenter-entry h4 {
	border: 0;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #333333;
	font-size: 100%;
}

.shuricenter-entry dl {
	margin: 0 0 1em 0;
	padding: 0;
}

.shuricenter-entry dl dt {
	margin: 0;
	padding: 0;
}

.shuricenter-entry dl dd {
	margin: 0;
	padding: 0;
}

.shuricenter-entry ul {
	margin: 1em 0em 1.5em 30px;
	padding: 0em;
}

.shuricenter-entry ol {
	margin: 1em 0em 1.5em 35px;
	padding: 0em;
}

.shuricenter-entry ul {
	list-style-type: square;
}
.shuricenter-entry ul li {
	margin: 0em;
	padding: 0em;
	list-style-type: disc;
	color:#000;
	/*list-style-position: inside;*/
	list-style-position: outside;
}
.shuricenter-entry ol li {
	margin: 0em;
	padding: 0em;
	/*list-style-position: inside;*/
	list-style-position: outside;
	color:#000;
}

.shuricenter-entry li ul,
.shuricenter-entry li ol {
	margin: 0em 0em 0em 2em;
	padding: 0em;
}

.shuricenter-entry table ul {
	margin: 0 0 0 18px;
	padding: 0;
}


.shuricenter-entry table ol {
	margin: 0 0 0 24px;
	padding: 0;
}

.shuricenter-entry table ul li,
.shuricenter-entry table ol li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

.main .shuricenterimage {
	margin: 0 0 13px 0;
	padding: 0;
}

.main .shuricenterimage img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}





/* 首里センター　お知らせ */
.main .shuricenterinfo {
	margin: 2px 0 7px 0;
	padding: 0 0 3px 0;
	background: transparent url("./images/bg-shuricenterinfobottom.gif") left bottom no-repeat;
}

.shuricenterinfo h2 {
	margin: 0;
	padding: 2px 0 5px 0;
	background: transparent url("./images/bg-shuricenterinfotitle.gif") left top no-repeat;
	font-size: 12px;
	text-indent: -9999px; 
}

.shuricenterinfo .shuricenterinfo-list {
	margin: 0;
	padding: 0 2px;
	background: transparent url("./images/bg-shuricenterinfomiddle.gif") left top repeat-y;
}

.shuricenterinfo-list ul {
	overflow: scroll;
	width: 572px !important;
	width: 582px;
	height: 90px;
	margin: 0;
	padding: 5px 20px !important;
	padding: 5px 15px;
}

.shuricenterinfo-list ul li {
	float: left;
	width: 240px;
	margin: 0 10px;
	padding: 6px;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	line-height: 1;
}





/* 首里センター　バナー */
.main ul.shuricenterbanner {
	margin: 0 0 7px 0;
	padding: 0;
}

ul.shuricenterbanner li {
	float: left;
	margin: 0;
	padding: 0;
}

ul.shuricenterbanner li.banner-dayservice {
	margin: 0 5px;
	padding: 0;
}

ul.shuricenterbanner li img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}





/* フッターナビ */
#footer .shurifooternavi {
	float: right;
	width: 616px;
	margin: 0 0 13px 0;
	padding: 0;
	border-top: 6px solid #00e064;
}

.shurifooternavi ul {
	margin: 0;
	padding: 0 0 0 30px;
}

.shurifooternavi ul li {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 14px;
	border-left: 1px solid #33cc99;
	font-size: 12px;
	line-height: 1;
}

.shurifooternavi ul li.fnavi-home {
	border-left: none;
}

.shurifooternavi ul li.fnavi-shuricenter {
	border-left: none;
}

.shurifooternavi ul li a:link,
.shurifooternavi ul li a:visited {
	color: #00cc66;
	text-decoration: none;
}

.shurifooternavi ul li a:hover,
.shurifooternavi ul li a:active {
	color: #006633;
}





/* sitemap */
.entry ul.sitemap {
	margin: 0 0 1.5em 0;
	padding: 0;
}

.entry ul.sitemap li {
	margin: 0;
	padding: 0 0 0 13px;
	list-style-type: none;
	line-height: 1.5;
	background: transparent url("./images/mark-sitemap.jpg") left 7px no-repeat;
}





/*	HACK
------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \ */
*html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from EI-mac */