@charset "UTF-8";

/*++++++++++++++++++++++++++++++++++++++++++
basic html
+++++++++++++++++++++++++++++++++++++++++++*/

body {
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
	background: #008000;
	text-align: center;}
	
body,h1,h2,ul,li,p,form {
	padding: 0;
	margin: 0;}

ul {	list-style-type: none;}

img {	border:0;}
	
a:link {	text-decoration: underline;}
a:visited {	text-decoration: underline;}
a:hover {	text-decoration: underline;}
a:active {	text-decoration: none;}

h2 {
	margin-bottom: 15px;}

h3 {
	background-color: #008000;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	padding-left: 12px;}

h4 {
	background-color: #E8E8E8;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	padding-left: 12px;
	font-weight:normal;}

a {	color: #008000;}


/*++++++++++++++++++++++++++++++++++++++++++
Float clear
+++++++++++++++++++++++++++++++++++++++++++*/

.floatclear {
	clear:both;}

#header:after,
#header h1:after,
#footer:after,
#indexWords dl:after,
#mainContents:after,
#helpIndex ul:after,
#pagesSpec dd:after,
.btnRight:after,
#newaccountForm ul li:after,
#contactForm ul li:after,
#monitorForm ul li:after,
#passForm ul li:after,
#entryForm ul p:after,
#entryForm ul div:after,
#userForm ul li:after,
#userpassForm ul li:after,
#useremailForm ul li:after,
#loginForm ul li:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;}

#header,
#header h1,
#footer,
#indexWords dl,
#mainContents,
#helpIndex ul,
#pagesSpec dd,
.btnRight,
#newaccountForm ul li,
#contactForm ul li,
#monitorForm ul li,
#passForm ul li,
#entryForm ul p,
#entryForm ul div,
#userForm ul li,
#userpassForm ul li,
#useremailForm ul li,
#loginForm ul li,
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/

* html #header,
* html #header h1,
* html #footer,
* html #indexWords dl,
* html #mainContents,
* html #helpIndex ul,
* html #pagesSpec dd,
* html .btnRight,
* html #newaccountForm ul li,
* html #contactForm ul li,
* html #monitorForm ul li,
* html #passForm ul li,
* html #entryForm ul p,
* html #entryForm ul div,
* html #userForm ul li,
* html #userpassForm ul li,
* html #useremailForm ul li,
* html #loginForm ul li,
* html .clearfix { height: 1% }

#header,
#header h1,
#footer, 
#indexWords dl,
#mainContents,
#helpIndex ul,
#pagesSpec dd,
.btnRight,
#newaccountForm ul li,
#contactForm ul li,
#monitorForm ul li,
#passForm ul li,
#entryForm ul p,
#entryForm ul div,
#userForm ul li,
#userpassForm ul li,
#useremailForm ul li,
#loginForm ul li,
.clearfix {display:block;}
/* end MacIE5 */


/*++++++++++++++++++++++++++++++++++++++++++
layout
+++++++++++++++++++++++++++++++++++++++++++*/

#base {
	width: 100%;
	background-color: #fff;
	padding-bottom: 25px;}

#base #contents {
	width: 900px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;}

#header {
	margin-bottom: 20px;}

#header a {
	color: #fff;}
	
#header h1 {
	float: left;
	width: 550px;}

#header #headerLink {
	font-size: 12px;
	line-height: 1.4em;
	font-weight:normal;
	float: right;
	width: 110px;
	height: 45px;
	background: url(../image/header_back.gif) no-repeat center top;
	text-align: center;
	padding-top:5px;}

#header img {
	float:left;}

#header span {
	color:#000000;
	display:block;
	float:left;
	font-size:11px;
	font-weight:normal;
	width:370px;
	margin:35px 0 0;}

#footer {
	clear:both;
	width: 900px;
	font-size: 10px;
	line-height: 1.4em;
	color: #fff;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;}

#footer a {
	color: #fff;}

#footer ul {
	float: left;
	padding-top: 5px;}

#footer li {
	display: inline;
	margin-right: 3px;
	padding-left: 7px;
	list-style-type: none;}

#footer p {
	float: right;
	padding-top: 5px;}

#mainBk {
	clear:both;
	background: #e8e8e8;
	padding: 20px;}

#mainBk .mainBkIn {
	background: #fff;
	padding: 14px;
	border: #ccc 1px solid;}

#mainBk .mainBkIn p {
	margin-bottom: 23px;}

#mainBk .mainBkIn #pankuzu {
	font-size: 90%;
	margin-bottom: 12px;}

#mainLeft {
	float: left;
	width: 650px;}

#mainContents {}

#mainRight {
	float: right;
	width: 200px;}

/*++++++++++++++++++++++++++++++++++++++++++
demo
+++++++++++++++++++++++++++++++++++++++++++*/
#mainBkDemo {
	clear:both;
	background: #CDE6CD;
	padding: 20px;}

#mainBkDemo .mainBkInDemo {
	background: #fff;
	padding: 14px;
	border: #ccc 1px solid;}

#mainBkDemo .mainBkInDemo p {
	margin-bottom: 23px;}


/*++++++++++++++++++++++++++++++++++++++++++
mainRight
+++++++++++++++++++++++++++++++++++++++++++*/

#mainRight img {
	vertical-align: bottom;
	margin-bottom: 10px;}

#mainRight #login {
	padding: 14px;
	margin-bottom: 10px;
	border: #ccc 1px solid;}

#mainRight #login #loginForm #emailAddress,
#mainRight #login #loginForm #password {
	width: 165px;}

#mainRight #login p span {
	font-size: 15px;
	line-height: 1.4em;
	color: #ff3300;
	font-weight: bold;}

#mainRight input {
	margin-bottom: 10px;}

#mainRight form .loginCenter {
	text-align: center;}
	
#mainRight form .loginCenter #sticky {
	margin-bottom: 0px;}


/*++++++++++++++++++++++++++++++++++++++++++
common
+++++++++++++++++++++++++++++++++++++++++++*/

.txtdecOrange {
	color: #FF3300;}

#news #button,
#tag #puTagCopy,
#tag #tbTagCopy,
#user .btnRight {
	margin-top:10px;
	text-align:right;}


/*++++++++++++++++++++++++++++++++++++++++++
news
+++++++++++++++++++++++++++++++++++++++++++*/

#newsCategory {
	padding-bottom:10px;}

#newsCategory li {
	font-size: 9px;
	display:inline;
	float:left;
	padding: 1px 5px 0px 18px;
	background-position: left 2px;
	background-repeat: no-repeat;}

html[xmlns] #newsCategory li {
	font-size: 10px;
	display:inline;
	float:none;
	padding: 1px 0px 0px 18px;
	background-position: left 0px;
	background-repeat: no-repeat;}
	
*:first-child+html #newsCategory li {
	font-size: 9px;
	display:inline;
	float:left;
	padding: 1px 5px 0px 18px;
	background-position: left 2px;
	background-repeat: no-repeat;}

#newsCategory li span {
	white-space: nowrap;}

#newsCategory li span a:link, #newsCategory li span a:visited {
	color:#000000;
	text-decoration:none;}
	
#newsCategory li span a:hover, #newsCategory li span a:active {
	color:#008000;
	text-decoration:none;}

#newsCategory li.category_01 {
	background-image: url(../image/category_01.gif);}

#newsCategory li.category_02 {
	background-image: url(../image/category_02.gif);}

#newsCategory li.category_03 {
	background-image: url(../image/category_03.gif);}

#newsCategory li.category_04 {
	background-image: url(../image/category_04.gif);}

#newsCategory li.category_05 {
	background-image: url(../image/category_05.gif);}

#newsCategory li.category_06 {
	background-image: url(../image/category_06.gif);}

#newsCategory li.category_07 {
	background-image: url(../image/category_07.gif);}

#newsCategory li.category_08 {
	background-image: url(../image/category_08.gif);}

#newsCategory li.category_09 {
	background-image: url(../image/category_09.gif);}

#newsCategory li.category_10 {
	background-image: url(../image/category_10.gif);}

#newsCategory li.category_11 {
	background-image: url(../image/category_11.gif);}

#newsCategory li.category_12 {
	background-image: url(../image/category_12.gif);}

#newsCategory li.category_13 {
	background-image: url(../image/category_13.gif);}

#newsCategory li.category_14 {
	background-image: url(../image/category_14.gif);}

#newsCategory li.category_15 {
	background-image: url(../image/category_15.gif);}

#newsCategory li.category_16 {
	background-image: url(../image/category_16.gif);}

#newsCategory li.category_17 {
	background-image: url(../image/category_17.gif);}

#newsCategory li.category_18 {
	background-image: url(../image/category_18.gif);}

#newsCategory li.category_19 {
	background-image: url(../image/category_19.gif);}

#newsCategory li.category_20 {
	background-image: url(../image/category_20.gif);}

#newsList li {
	margin: 0px;
	clear: both;
	border-bottom: #CCC 1px solid;
	padding: 5px 3px 5px 25px;}

#newsList li.category01 {
	background: url(../image/category_01.gif) no-repeat left 6px;}

#newsList li.category02 {
	background: url(../image/category_02.gif) no-repeat left 6px;}

#newsList li.category03 {
	background: url(../image/category_03.gif) no-repeat left 6px;}

#newsList li.category04 {
	background: url(../image/category_04.gif) no-repeat left 6px;}

#newsList li.category05 {
	background: url(../image/category_05.gif) no-repeat left 6px;}

#newsList li.category06 {
	background: url(../image/category_06.gif) no-repeat left 6px;}

#newsList li.category07 {
	background: url(../image/category_07.gif) no-repeat left 6px;}

#newsList li.category08 {
	background: url(../image/category_08.gif) no-repeat left 6px;}

#newsList li.category09 {
	background: url(../image/category_09.gif) no-repeat left 6px;}

#newsList li.category10 {
	background: url(../image/category_10.gif) no-repeat left 6px;}

#newsList li.category11 {
	background: url(../image/category_11.gif) no-repeat left 6px;}

#newsList li.category12 {
	background: url(../image/category_12.gif) no-repeat left 6px;}

#newsList li.category13 {
	background: url(../image/category_13.gif) no-repeat left 6px;}

#newsList li.category14 {
	background: url(../image/category_14.gif) no-repeat left 6px;}

#newsList li.category15 {
	background: url(../image/category_15.gif) no-repeat left 6px;}

#newsList li.category16 {
	background: url(../image/category_16.gif) no-repeat left 6px;}

#newsList li.category17 {
	background: url(../image/category_17.gif) no-repeat left 6px;}

#newsList li.category18 {
	background: url(../image/category_18.gif) no-repeat left 6px;}

#newsList li.category19 {
	background: url(../image/category_19.gif) no-repeat left 6px;}

#newsList li.category20 {
	background: url(../image/category_20.gif) no-repeat left 6px;}

#newsList li span.day {
	float: left;
	margin-right:13px;
	display: block;}

#newsList li span.title{
	float: left;
	display: block;}

#newsList li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;}

#newsList li { display: inline-block; }
/* exlude MacIE5 \*/
* html #newsList li { height: 1% }
#newsList li {display:block;}
/* end MacIE5 */


/*++++++++++++++++++++++++++++++++++++++++++
postManage
+++++++++++++++++++++++++++++++++++++++++++*/

.postManageUl li {
	margin: 0px;
	clear: both;
	border-bottom: #CCC 1px solid;
	padding: 5px 0px;}

.postManageUl li span.day2 {
	float: left;
	margin-right: 13px;}

.postManageUl li span.title2 {
	float: left;
	width: 450px;
	display: block;}

.postManageUl li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;}
	
.postManageUl li { display: inline-block; }
/* exlude MacIE5 \*/
* html .postManageUl li { height: 1% }
.postManageUl li {display:block;}
/* end MacIE5 */

#mainBk p.pagenavi {
	text-align: right;
	margin-bottom: 15px;}

#mainBk p.pagenavi span {
	color: #fff;
	background-color: #000;
	padding: 3px;}

#mainBk table#edit {
	width: 610px;
	font-size:12px;
	text-align: center;
	vertical-align:center;
	background-color: #fff;
	border-spacing: 0px;
	border-collapse: collapse;}
	
#mainBk table#edit th {
	font-weight: bold;
	background-color: #ccc;
	border: 1px solid #f4f4f4;
	padding: 3px;}

#mainBk table#edit td {
	border: 1px solid #f4f4f4;
	padding: 3px;}

#mainBk table#edit td.date {
	width: 90px;
	text-align: left;
	padding-left:7px;}

#mainBk table#edit td.entryttl {
	width: 360px;
	text-align: left;}

#mainBk .btn-center {
	text-align: center;}


/*++++++++++++++++++++++++++++++++++++++++++
demo
+++++++++++++++++++++++++++++++++++++++++++*/

#mainBkDemo p.pagenavi {
	text-align: right;
	margin-bottom: 15px;}

#mainBkDemo p.pagenavi span {
	color: #fff;
	background-color: #000;
	padding: 3px;}

#mainBkDemo table#edit {
	width: 610px;
	font-size:12px;
	text-align: center;
	vertical-align:center;
	background-color: #fff;
	border-spacing: 0px;
	border-collapse: collapse;}
	
#mainBkDemo table#edit th {
	font-weight: bold;
	background-color: #ccc;
	border: 1px solid #f4f4f4;
	padding: 3px;}

#mainBkDemo table#edit td {
	border: 1px solid #f4f4f4;
	padding: 3px;}

#mainBkDemo table#edit td.date {
	width: 90px;
	text-align: left;
	padding-left:7px;}

#mainBkDemo table#edit td.entryttl {
	width: 360px;
	text-align: left;}

#mainBkDemo .btn-center {
	text-align: center;}


/*++++++++++++++++++++++++++++++++++++++++++
index
+++++++++++++++++++++++++++++++++++++++++++*/

#indexExplain h2 {
	background-color:#E8E8E8;
	font-size:110%;
	font-weight:normal;
	margin-bottom:0;
	padding:8px 12px;}

#indexExplain p {
	padding:12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-left-color: #E8E8E8;
	margin-bottom:20px;}

#indexExplain p img {
	margin-top:10px;}

#indexWords dl dt {
	font-weight: bold;
	display:inline;
	float:left;}

#indexWords dl dd {
	margin-bottom: 15px;}


/*++++++++++++++++++++++++++++++++++++++++++
manage > entry
+++++++++++++++++++++++++++++++++++++++++++*/

#entryForm p {
	padding-bottom:15px;}

#entryForm .span01 {
	display: block;
	float: left;
	width: 110px;}

#entryForm #upload {
	width:350px;
	float:left;}

#entryForm #erase {
	display:inline;}

#entryForm p#button {
	text-align:center;
	padding-bottom:0px;}

#entryForm .span02 {
	display: block;
	float: left;
	width: 490px;}

#entryForm .entryImgfile {
	float: left;
	width: 490px;
	display: block;}
	
#entryForm .entryImgfile span {
	margin:5px 0 10px;
	display:block;}


/*++++++++++++++++++++++++++++++++++++++++++
helpUse, helpFaq
+++++++++++++++++++++++++++++++++++++++++++*/

#helpIndex ul .lileft {
	float: left;
	height: 105px;
	width: 280px;
	margin-bottom:15px;}

#helpIndex ul .liright {
	float: right;
	height: 105px;
	width: 280px;
	margin-bottom:15px;}

#helpUse ul, #helpUse dl, #pagesPrivacy ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 23px;}

#helpUse ul li, #pagesPrivacy ul li {
	margin-bottom: 5px;}

#helpUse dl dd {
	margin: 0px 0px 23px 0px;}

#helpFaq ol {
	margin: 0px;
	padding-left: 20px;}

#helpFaq dl {
	margin:30px 0 0px;}

#helpFaq dl dt {
	font-weight:bold;
	margin-top:7px;}

#helpFaq dl dd {
	margin-left:0px;
	padding: 5px 0 10px 15px;
	border-bottom: 1px solid #CCCCCC;}

#helpFaq ul li {
	list-style-type: disc;
	margin-left: 20px;}

#helpManual img {
	margin-top: 10px;}

#helpManual ol {
	margin: 0 0 0 30px;
	padding: 0 0 0 0;}

#helpManual .imgTxt {
	display: block;
	margin-top: 10px;}

#helpManual #backto {
	text-align: right;}


/*++++++++++++++++++++++++++++++++++++++++++
sitemap
+++++++++++++++++++++++++++++++++++++++++++*/

#sitemap_ul {
	margin-bottom:0px;
	list-style-position: inside;
	list-style-type: disc;}
#sitemap_ul li {
	margin-bottom:5px;}
#sitemap_ul .sitemap_ul2 {
	margin:5px 0px 10px 20px;
	list-style-position: inside;
	list-style-type: disc;}


/*++++++++++++++++++++++++++++++++++++++++++
form common
+++++++++++++++++++++++++++++++++++++++++++*/

#newaccountForm ul,
#passForm ul,
#contactForm ul,
#monitorForm ul,
#userForm ul,
#userpassForm ul,
#useremailForm ul,
#loginForm ul {
	list-style-type: none;
}

#newaccountForm ul li,
#passForm ul li,
#contactForm ul li,
#monitorForm ul li,
#entryForm ul li,
#userForm ul li,
#userpassForm ul li,
#useremailForm ul li,
#loginForm ul li {
	margin-bottom:5px;
	background-image:url(../image/list_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;}
	
#newaccountForm .row1,
#passForm .row1,
#contactForm .row1,
#monitorForm .row1,
#entryForm .row1,
#userForm .row1,
#userpassForm .row1,
#useremailForm .row1,
#loginForm .row1 {
	float: left;
	padding:8px 10px 7px;
	display:block;
	width:165px;}
	
#newaccountForm .row2,
#passForm .row2,
#contactForm .row2,
#monitorForm .row2,
#entryForm .row2,
#userForm .row2,
#userpassForm .row2,
#useremailForm .row2,
#loginForm .row2 {
	background-color: #FFFFFF;
	width:370px;
	float:right;
	padding:5px 10px;}
	
#newaccountForm .row3,
#contactForm .row3,
#monitorForm .row3,
#userForm .row3,
#useremailForm .row3 {
	background-color: #FFFFFF;
	width:370px;
	float:right;
	padding:7px 10px 8px;}

#newaccountForm #email,
#newaccountForm #emailConf,
#newaccountForm #pass,
#newaccountForm #passConf,
#passForm #email,
#contactForm #name,
#contactForm #email,
#contactForm #emailConf,
#contactForm #message,
#monitorForm #name,
#monitorForm #email,
#monitorForm #emailConf,
#monitorForm #telnum,
#monitorForm #urladdr,
#monitorForm #regist,
#monitorForm #registAddr,
#monitorForm #other,
#userpassForm #password,
#userpassForm #password_conf,
#userForm #name,
#userForm #sitetitle,
#userForm #siteurl,
#userForm #subject,
#entryForm #title,
#entryForm #linkurl,
#userpassForm #passOld,
#userpassForm #pass,
#userpassForm #passConf,
#useremailForm #email,
#useremailForm #emailConf,
#loginForm #emailAddress,
#loginForm #password {
	width:330px;
	font-size:100%;}

/*#loginForm .row2 .width04,*/
#entryForm #date {
	padding:0 15px 0 3px;}

#newaccountForm div {
	background-color: #E8E8E8;
	padding:15px 11px;
	margin-top:15px;}

#newaccountForm #kiyakuArea {
	margin-top: 10px;
	font-weight: bold;
	color: #FF3300;}

#loginForm #formButtonArea,
#contactForm #formButtonArea,
#monitorForm #formButtonArea,
#newaccountForm #formButtonArea,
#passForm #formButtonArea,
#userForm #formButtonArea,
#userForm2 #formButtonArea,
#entryForm #formButtonArea,
#contactForm #formButtonArea,
#userpassForm #formButtonArea,
#useremailForm #formButtonArea,
#leaveForm #formButtonArea,
#loginForm #formButtonArea {
	text-align:center;
	margin-bottom:0px;
	margin-top:15px;}

#loginForm #resetBtn,
#contactForm #resetBtn,
#contactForm #backBtn,
#monitorForm #resetBtn,
#monitorForm #backBtn,
#newaccountForm #cancellBtn,
#newaccountForm #backBtn,
#newaccountForm #kiyakuArea input,
#passForm #cancellBtn,
#userForm #cancellBtn,
#entryForm #cancellBtn,
#userpassForm #cancellBtn,
#useremailForm #cancellBtn,
#leaveForm #cancellBtn,
#loginForm #resetBtn {
	margin-left:20px;}

#monitorForm label {
	display:block;
	}


/*++++++++++++++++++++++++++++++++++++++++++
tag
+++++++++++++++++++++++++++++++++++++++++++*/
#tagbox {
	margin-top: 13px;
	margin-bottom: 10px;
}
#tag_copy {
	margin-bottom: 15px;
	text-align: right;
}
.tagSample {
	color:#000000;}
.tagSizeL {
	width:550px;}
.tagSizeM {
	width:400px;}
.tagSizeS {
	width:300px;}
.tagSizeN {
	}
#mainBk .mainBkIn .tagSample a {
	color: #0000FF;
	margin-left:20px;}
#mainBk .mainBkIn .tagSample a:active {
	color: #FF0000;
	margin-left:20px;}
#mainBk .mainBkIn .tagSample a:visited {
	color: #800080;
	margin-left:20px;}
#mainBk .mainBkIn .tagSample ul {
	margin-top: 15px;
}
#mainBk .mainBkIn .tagSample li {
	padding: 5px 0 5px 10px;
	border-bottom: dotted 1px #999999;
}



/*++++++++++++++++++++++++++++++++++++++++++
#pagesSpec, #pagesPrivacy
+++++++++++++++++++++++++++++++++++++++++++*/

#pagesSpec h3 {
	text-align: center;
	background-color: #FF3300;

}
#pagesSpec dl {
	padding-left: 80px;
	background-repeat: no-repeat;
	background-position: left top;	
	margin-top:20px;
}
#pagesSpec #dl01 {
	background-image: url(../image/spec_01icon.gif);
}
#pagesSpec #dl02 {
	background-image: url(../image/spec_02icon.gif);
}
#pagesSpec #dl03 {
	background-image: url(../image/spec_03icon.gif);
}
#pagesSpec dl dt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0 0 8px 2px;
	color:#008000;
	font-weight:bold;
	font-size:17px;
}

#pagesSpec dl dd {
	margin:0px;
	padding: 10px 0 0 2px;}
#pagesSpec dl .specTxt {
	display: block;
	float: left;
	width: 224px;
}
#pagesSpec dl .specPht {
	display: block;
	float: right;
	width: 260px;
}
#pagesSpec #btn {
	background-image: url(../image/spec_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px 0 21px 180px;
	margin-bottom:0px;
}

#pagesPrivacy #isms {
	padding: 11px;
	border: 1px solid #CCCCCC;
	margin-top: 15px;
}
#pagesPrivacy #isms a {
	float:left;
	display:block;
}
#pagesPrivacy #isms span {
	float:right;
	width:410px;
	line-height:1.8em;
}
#pagesPrivacy #isms span a {
	float:none;
	display:inline;
	padding:0;
}


/*++++++++++++++++++++++++++++++++++++++++++
userNavi
+++++++++++++++++++++++++++++++++++++++++++*/

#userNavi li {
	float: left;}

#userNavi li img {
	vertical-align: bottom;}


/*++++++++++++++++++++++++++++++++++++++++++
sitemap
+++++++++++++++++++++++++++++++++++++++++++*/
#sitemap {}

#sitemap h3 {
	color: #000;
	font-weight: normal;
	background: #ccc;}

#sitemap ul {
	list-style: none outside;}

#sitemap ul li {
	background: url(../image/arrow.gif) no-repeat left top;
	padding-left: 10px;}

#sitemap ul li ul {
	margin-left: 10px;}

#sitemap #sitemapLeft {
	float: left;
	width: 280px;}

#sitemap #sitemapRight {
	float: right;
	width: 280px;}

#sitemap:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;}
#sitemap { display: inline-block; }
/* exlude MacIE5 \*/
* html #sitemap { height: 1% }
#sitemap {display:block;}
/* end MacIE5 */