/* GLOBAL */
/* ----------------------------------------------------------------- TAG */
html,body {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	height: 100%;
	width: 100%;
	font: 12px "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
}
img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
div.clear{
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 100%;
}
div.clear br{
	clear: both;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	height: 1px;
	line-height: 100%;
}
div.left{
	float:left;
}
div.right{
	float:right;
}
ul,li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
form,h1,h2,h3,h4,h5,h6,p,input {
	margin: 0px;
	padding: 0px;
}
/* ----------------------------------------- */
/* COMMON LAYOUT */
/* ----------------------------------------- */
#all {
	margin: 0px auto;
	padding: 0px;
	/*width: 760px;*/
	width: 900px;
	text-align: left;
	background: #FFFFFF;
}
#header {
	padding: 0px;
	margin: 0px;
}
#contents {
	padding: 10px 0px 0px;
	margin: 0px;
	float:left;
	/*width:760px;*/
	width: 900px;
}
#left-menu {
	/*width: 190px;*/
	width: 190px;
	padding: 0px;
	margin: 0px;
	float: left;
	background: #FFFFFF;
}
#contents-body {
	/*width: 540px;*/
	width: 680px;
	padding: 0px;
	margin: 0px;
	float: right;
	background: #FFFFFF;
}
#footer {
	padding: 0px;
	margin: 0px;
	clear: both;
}
/* ----------------------------------------- */
/* HEADER LAYOUT */
/* ----------------------------------------- */
/* ----------------------------------------------------------------- HEADER */
/* HEADER SUB */


#header-sub{
	padding: 0px;
	margin: 0px;
	width: 900px;
	/*background: #FFFFFF;*/

}
#pptop{
  background:#669966;
	height:5px;
	width:760px;
	}
#header-logo{
	float: left;
	background: #FFFFFF;
	padding: 10px 0 0 0;
}

#header-sub div.niflogo{
	padding: 0px 5px 0px 0px;
	margin: 0px;
	width:0px;
	font-size: 10px;
	color: #FFFFFF;
	text-align:left;
}

#header-sub span.bbslogo{
	padding: 0px 5px 0px 0px;
	margin: 0px;
	width:0px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
}
#header-sub span.banner-area{
	float: right;
	background: #FFFFFF;
	padding: 10px 0px 10px;
}

#header00{
	padding: 5px 0px 5px 0px;
	background: #669966;
	margin: 0px;
	width:900px;
	font-size: 10px;
	color: #669966;
	text-align:right;
	float: right;
}
#header00 a {
	color: #ffffff;
}
#header00 a:link {
	text-decoration: none;
}
#header00 a:visited {
	text-decoration: none;
}
#header00 a:hover {
	text-decoration: underline;
}
#header00 a:active{
	text-decoration: none;
}
#header00{
	float:right;
	line-height:110%;
}
#header00 span.sitemap{
	padding: 2px 5px 2px 15px;
	font: 12px;
	background: url(../images/hdr_sub_sitemap.gif) no-repeat;
}
#header00 .help{
	padding: 2px 5px 2px 15px;
	background: url(../images/hdr_sub_help.gif) no-repeat;
}
#header00 .text{
	padding: 2px 100px 2px 15px;
	float: left;
	color: #FFFFFF;
}



/** header¡¡COMMON LAYOUT **/
#s-logo{
	width: 160px;
	float: left;
}
#header-sub-area{
	padding: ;
	margin: 20px auto 0 auto;
	/*width: 760px;*/
	width: 740px;
	text-align: right;
}

/* ----------------------------------------- */
/* MANAGE LAYOUT */
/* ----------------------------------------- */
/* ----------------------------------------------------------------- MANAGE HEADER */
/* HEADER COMMON */
#login-box{
	margin: 0px;
	height:75px;
	background: url(/images/image_login_bk.gif) repeat-x;
	clear:both;
}
#login-box h2{
	margin:0px;
	padding:20px 0px 0px;
	float:left;
}
p#login-url{
	width:540px;
	padding: 35px 0px 0px;
	float: right;
	font-size: 100%;
	line-height: 110%;
	color: #333333;
	background: left;
}

/* ----------------------------------------- */
/* LEFT MENU LAYOUT */
/* ----------------------------------------- */
/* ----------------------------------------------------------------- Left-Menu */
/* ATTENTION */
p.msg-attention{
	clear: both;
	margin:0px 0px 20px;
	padding: 10px 5px;
	border: 1px solid #FF0000;	
	background: url(/images/lm_error.gif) no-repeat 27px 10px;	
	color: #FF0000;	
	font-size: 100%;	
	text-align: center;	
	line-height: 160%;	
}
/* GLOBAL NAVI */
#gb-navi {
	margin: 0px;
	padding: 0px;
	width: 190px;
}
#gb-navi p{
	margin: 0px;
	padding: 0px;
	height:34px;
	width:190px;
}
#gb-navi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#gb-navi li {
	margin: 0px;
	padding: 0px;
	width: 190px;
	height: 34px;
	background: #eee8d9;
	border-top: 1px solid #D1D1CD;
	overflow: hidden;
	float: left;
}
#gb-navi .sub-menu{
	padding: 10px 0px 4px 45px;
	margin: 0px;
	background: url(/images/lm_sub.gif) no-repeat;
}
#gb-navi{
	padding: 0px;
	margin: 0px;
	display:block;
	color: #333333;
	width: 190px;
	background: #eee8d9;
}
#gb-navi a{
	padding: 0px;
	margin: 0px;
	display:block;
	color: #333333;
	width: 190px;
	height: 34px;
}
#gb-navi .home{
	padding: 10px 0px 4px 45px;
	margin: 0px;
	background: url(/images/lm_home.gif) no-repeat;
}
#gb-navi .bbs{
	padding: 10px 0px 4px 45px;
	margin: 0px;
	background: url(/images/lm_bbs.gif) no-repeat;
}
#gb-navi .service{
	padding: 10px 0px 4px 45px;
	margin: 0px;
	background: url(/images/lm_service.gif) no-repeat;
}
#gb-navi .howtouse{
	padding: 10px 0px 4px 45px;
	margin: 0px;
	background: url(/images/lm_howtouse.gif) no-repeat;
}
/*°Ê²¼helpsÄɲÃ*/
#gb-navi .helps{
	padding: 10px 0px 4px 45px;
	margin: 0px;
	background: url(/images/lm_help.gif) no-repeat;
}
#gb-navi .news{
	padding: 10px 0px 4px 45px;
	margin: 0px;
	background: url(/images/lm_news.gif) no-repeat;
}
#gb-navi .login{
	padding: 10px 0px 4px 45px;
	margin: 0px;
	background: url(/images/lm_login.gif) no-repeat;
}
/* GLOBAL NAVI LOGIN */
#login-area {
	clear: both;
	margin: 0px;
	padding: 10px 10px 10px 23px;
	border-top: 1px solid #D1D1CD;
	background: #eaf2ff;
}
#login-formbox {
	width: 157px;
	float: left;
}
#login-formbox .field-desc {
	padding: 0px;
	width: 157px;
	float: left;
}
#login-formbox p.txt {
	padding: 2px 0px 7px 0px;
	width: 70px;
	float: left;
}
#login-formbox .field-desc input {
	margin: 0px;
	width: 80px;
	float: right;
	text-align: left;
	/*text-align: right;*/
}
#login-area-post {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	clear: both;
	text-align: right;
}
#login-area p#login-caption {
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 9px;
	background: url(/images/lm_ico_caption.gif) no-repeat;
	color: #595957;	
	font-size: 85%;
	line-height: 120%;
}
/* Left-Menu-tag */
#tag-list {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	clear: both;
	background: url(/images/lm_box_tag_btm.gif) no-repeat bottom;
}
#tag-list h2 {
	margin: 0px;
	padding: 35px 0px 0px 37px;
	font-size: 100%;
	background: url(/images/lm_box_tag_ttl.gif) no-repeat;
}
#tag {
	margin: 0px;
	padding: 10px 10px 2px 10px;
	clear: both;
	border-top: 1px none #65A666;
	border-right: 1px solid #65A666;
	border-bottom: 1px none #65A666;
	border-left: 1px solid #65A666;
	line-height:1.55em;
	font-weight:bolder;
	letter-spacing:-0.1em;
}
#tag .level0 {font-size:9px;color:#789f78;}
#tag .level1 {font-size:11px;color:#659165;}
#tag .level2 {font-size:12px;color:#659165;}
#tag .level3 {font-size:14px;color:#528352;}
#tag .level4 {font-size:15px;color:#528352;}
#tag .level5 {font-size:17px;color:#3e753e;}
#tag .level6 {font-size:18px;color:#3e753e;}
#tag .level7 {font-size:20px;color:#3e753e;}
#tag .level8 {font-size:21px;color:#3e753e;}
#tag .level9 {font-size:23px;color:#3e753e;}
/* Left-Menu-banner */
#banner {
	margin: 0px;
	padding: 0px;
	width: 190px;
	float: left;
}
#banner ul {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	list-style: none;
	width: 190px;
	float: left;
}
#banner li {
	margin: 0px;
	padding: 0px;
	width: 190px;
	overflow: hidden;
	float: left;
	text-align: center;
	height: 43px;
}
/* Left-Menu LINK Action */
#gb-navi a:link {
	text-decoration: none;
	background: #f0efe9;
}
#gb-navi a:visited {
	text-decoration: none;
	background: #f0efe9;
}
#gb-navi a:hover {
	text-decoration: none;
	background: #eee8d9;
}
#gb-navi a:active {
	text-decoration: none;
	background: #f0efe9;
}

#tag-list a:link {
	text-decoration: none;
	color: #66A666;
}
#tag-list a:visited {
	text-decoration: none;
	color: #66A666;
}
#tag-list a:hover {
	text-decoration: underline;
	color: #66A666;
}
#tag-list a:active {
	text-decoration: none;
	color: #66A666;
}
/* Left-Menu-sub-MENU */
#gb-navi-sub {
	width: 190px;
	clear:both;
}
#gb-navi-sub ul {
	list-style: none;
	clear:both;
}
#gb-navi-sub li {
	width: 190px;
	background:#c6e3c6;
	border-top: 1px solid #D1D1CD;
	overflow: hidden;
	float: left;
	height: 34px;
}
#gb-navi-sub a{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display:block;
	color: #333333;
	width: 190px;
	height: 34px;
}
#gb-navi-sub .sub-menu{
	padding: 10px 0px 4px 45px;
	margin: 0px;
	background: url(/images/lm_sub.gif) no-repeat;
}
#gb-navi-sub a:link {
	text-decoration: none;
	background: #eee8d9;
}
#gb-navi-sub a:visited {
	text-decoration: none;
	background: #eee8d9;
}
#gb-navi-sub a:hover {
	text-decoration: none;
	background: #c6e3c6;
}
#gb-navi-sub a:active {
	text-decoration: none;
	background: #eee8d9;
}
/* ----------------------------------------- */
/* FOOTER LAYOUT */
/* ----------------------------------------- */
/* ----------------------------------------------------------------- FOOTER */
#pagetop {
	margin: 0px;
	padding: 20px 5px 5px;
	text-align: right;
	clear: both;
}
#ftr-menu {
	margin: 0px;
	padding: 0px 5px;

	text-align: left;
	float: left;
	background: #ECEBE4;
	height: 25px;
}
#ftr-menu-left {
	margin: 0px;
	padding: 0px;
	width: 210px;
	float: left;
	background: #ECEBE4;
}
#ftr-menu-left ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
}
#ftr-menu-left li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	float: left;
	width: 90px;
}
#ftr-menu-right {
	margin: 0px;
	padding: 0px;
	width: 680px;
	text-align: left;
	float: right;
}
#ftr-menu-right ul {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	width: 540px;
	float: right;
	list-style: none;
}
#ftr-menu-right li {
	margin: 0px;
	padding: 0px 7px 0px 6px;
	float: right;
	font-size: 85%;
	border-right: 1px solid #333333;
	line-height: 120%;
}
#ftr-menu-right li.line {
	border-left: 1px solid #333333;
}
#ftr-copyright {
	margin: 0px;
	padding: 5px 5px;
	text-align: right;
	clear: both;
	background: #669966;
}
#ftr-copyright a {
	color: #ffffff;
}
#ftr-copyright a:link {
	text-decoration: none;
}
#ftr-copyright a:visited {
	text-decoration: none;
}
#ftr-copyright a:hover {
	text-decoration: underline;
}
#ftr-copyright a:active{
	text-decoration: none;
}

/* FOOTER LINK Action */
#ftr-menu a:link {
	text-decoration: none;
	color: #333333;
}
#ftr-menu a:visited {
	text-decoration: none;
	color: #333333;
}
#ftr-menu a:hover {
	text-decoration: underline;
	color: #666666;
}
#ftr-menu a:active {
	text-decoration: underline;
	color: #666666;
}