/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 27, 2005)

Screen layout: */

body {
padding: 0;
margin: 0;
font: 76% tahoma, verdana, sans-serif;
background: #e0e0e0;
color: #303030;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
}

#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 760px;
}

#toptabs p {
text-align: right;
color: #808080;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #f0f0f0 url(images/corner2.gif) top right no-repeat;
color: #808080;
border-bottom: 1px solid #e0e0e0;
}

.toptab:hover {
/*background: #fafafa url(images/corner2.gif) top right no-repeat;*/
background: #fafafa;
border-bottom: 1px solid #eaeaea;
color: #505050;
text-decoration: none;
}

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
}

.activetoptab:hover {
text-decoration: none;
}

#container {
position:relative;
margin: 0 auto 15px auto;
width: 760px;
padding: 5px 20px 20px 20px;
background: #ffffff;
}

#logo {
margin: 15px 0 0 0;
}

#logo h1 a {
color: #303030;
}

#logo h1 a:hover {
text-decoration: none;
}

#navitabs {
clear:both;
width:720px;
background:#505050;
padding:5px 30px 0 10px;
margin : 0 0 -5px 0;
border-bottom: 1px solid #505050;
height:50px;
_height:40px;
font-family:"lr SVbN", "Osaka|";
position:relative;

}


.hometab{float:left;width:69px;text-align:center;
padding: 16px 8px 5px 8px;height:28px;


}
.homebutton{
position:absolute;
display:block;

width:65px ;height:65px;

z-index:5;
left:18px;top:3px;
}
.activenavitab {

color: #ffffff;
margin: 0;
text-decoration: none;



}

a.navitab,a.navitab2,a.navitab3,a.navitab4,a.navitab5{float:left;width:3em;text-align:center;}

a.shimonoseki_navi,a.ube_navi,a.yamaguchi_navi,a.hagi_navi,
a.shunan_navi,a.hofu_navi,a.kudamatsu_navi,a.iwakuni_navi,a.hikari_navi,a.nagato_navi,
a.suouoshima_navi,a.sanyoonoda_navi,
a.yanai_navi,a.mine_navi,a.waki_navi,a.kaminoseki_navi,a.hirao_navi,a.mitou_navi,a.shuhou_navi,
a.abu_navi,a.atou_navi,a.tabuse_navi,a.tuwano_navi,a.yamakan_navi{float:left;width:3em;text-align:center;}

a.shimonoseki_navi,a.hofu_navi,a.suouoshima_navi,
a.nagato_navi,a.kaminoseki_navi{color:#555555;display:block;}

a.ube_navi,a.kudamatsu_navi,a.sanyoonoda_navi,
a.mitou_navi,a.hirao_navi,a.tuwano_navi{color:#555555;display:block;}

a.yamaguchi_navi,a.iwakuni_navi,a.yanai_navi,
a.shuhou_navi,a.abu_navi,a.tabuse_navi,a.yamakan_navi{color:#FFFFFF;display:block;}

a.hagi_navi,a.hikari_navi,a.atou_navi,a.mine_navi{color:#555555;display:block;}

a.shunan_navi,a.waki_navi{color:#FFFFFF;display:block;}
/******************************************/
.shimonoseki_navi,.hofu_navi,.suouoshima_navi,
.kaminoseki_navi{background: #b6b6b6;}

.ube_navi,.kudamatsu_navi,.nagato_navi,.sanyoonoda_navi,
.mitou_navi,.hirao_navi,.tuwano_navi{background: #dedede;}

.yamaguchi_navi,.iwakuni_navi,.yanai_navi,
.shuhou_navi,.abu_navi,.tabuse_navi,.yamakan_navi{background: #a5a5a5;color:#ffffff;}

.hagi_navi,.hikari_navi,.mine_navi,.atou_navi{background: #cccccc;}

.shunan_navi,.waki_navi{background: #999999;color:#ffffff;}
/***********************************************/
.shimonoseki_navi,.hofu_navi,.suouoshima_navi,
.hirao_navi,.tabuse_navi,.ube_navi,.kudamatsu_navi,.sanyoonoda_navi,
.yanai_navi,.mitou_navi,.tuwano_navi,.yamaguchi_navi,.iwakuni_navi,.mine_navi,
.shuhou_navi,.yamakan_navi,.hagi_navi,.hikari_navi,
.waki_navi,.abu_navi,.shunan_navi,.nagato_navi,
.kaminoseki_navi,.atou_navi{
padding: 5px 6px 5px 6px;

margin: -1px 0 0 0;
text-decoration: none;
letter-spacing: 0px;

font-size:12px;


}
.shimonoseki_navi:hover,.hofu_navi:hover,.suouoshima_navi:hover,
.hirao_navi:hover,.tabuse_navi:hover,.ube_navi:hover,.kudamatsu_navi:hover,.sanyoonoda_navi:hover,
.yanai_navi:hover,.mitou_navi:hover,.tuwano_navi:hover,.yamaguchi_navi:hover,.iwakuni_navi:hover,.mine_navi:hover,
.shuhou_navi:hover,.yamakan_navi:hover,.hagi_navi:hover,.hikari_navi:hover,
.waki_navi:hover,.abu_navi:hover,.shunan_navi:hover,.nagato_navi:hover,
.kaminoseki_navi:hover,.atou_navi:hover{
text-decoration: none;
/*background: #d0d0d0 url(images/corner_gray.gif) top right no-repeat;*/
background: #F0F0F0 ;
color:#444444;

}
/*************************************************/

.topnavi{
margin:0 0 0px 10px;
_margin:0 0 0px 0;
padding:0;

}
.undernavi{margin:0 0 0 10px;padding:0;}



a.navitab{color:#555555;display:block;}
a.navitab2{color:#555555;display:block;}
a.navitab3{color:#FFFFFF;display:block;}
a.navitab4{color:#555555;display:block;}
a.navitab5{color:#FFFFFF;display:block;}


.navitab,.navitab2,.navitab3,.navitab4,.navitab5 {

padding: 5px 6px 5px 6px;

margin: -1px 0 0 0;
text-decoration: none;
letter-spacing: 0px;


/*background: #e0e0e0 url(images/corner_gray.gif) top right no-repeat;*/

/*border-bottom: 1px solid #505050;
border-top: 1px solid #505050;
border-left: 1px solid #505050;
*/
font-size:12px;


}

.navitab{background: #b6b6b6;}
.navitab2{background: #dedede;}
.navitab3{background: #a5a5a5;color:#ffffff;}
.navitab4{background: #cccccc;}
.navitab5{background: #999999;color:#ffffff;}



.navitab:hover,.navitab2:hover,.navitab3:hover,.navitab4:hover,.navitab5:hover {
text-decoration: none;
/*background: #d0d0d0 url(images/corner_gray.gif) top right no-repeat;*/
background: #d0d0d0 ;
}
.navitab2:hover {
/*background: #B0B0B0 url(images/corner_gray.gif) top right no-repeat;*/
background: #B0B0B0 ;
}



.activenavitab:hover {
text-decoration: none;
}

#desc {
height: 150px;
color: #ffffff;
padding: 0;
background: #505050;
clear: both;
margin: 5px 0 0 0;


}

#desc p {
width: 290px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc h2 {
padding: 15px 15px 0 15px;
color: #ffffff;
}
#desc h3 {font-weight:bold;
padding: 0 15px 0 15px;
color: #ffffff;
}

#desc a {
color: #ffffff;
text-decoration: underline;
}

#main {
width: 510px;
float: left;
padding: 0 15px 0 0;
/*border-right: 1px solid #d0d0d0;*/
}

.block {
background: #f0f0f0;
padding: 15px;
}

#sidebar {
width:220px;
float:right;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

#sidebar ul { 
	list-style:none;
	padding:0;
	margin:0; }

#sidebar li { 
	/*list-style:none url("arrow.gif");*/
	list-style:none ;
	/*margin:5px 0 5px 19px;ACR‚ƂpfBO*/
	margin:5px 0 5px 10px;
	
	 }
#sidebar h3{
/*padding:4px 0px 4px 30px;margin:0 0 0 0;width:170px;
font-weight:bold;font-size:1.2em;
	background:#efefef url("images/rubic_mini.gif") no-repeat 2px ;
	color:#555555;
*/
font-weight:bold;font-size:1.2em;
color:#555555;
text-align:center;margin:0 0 15px 0;
background:#dedede;
}

#sidebar .square{color:#acacac;} 
.sidebar{margin:15px 0 0 0;
background-color:#efefef;
padding:4px;
}	 

.sidelink {
text-align: left;
display: block;
width: 120px;
background: #f0f0f0 url(images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration: none;
}

#footer {
clear: both;
background: #fafafa;
color: #808080;
font-size: 0.9em;
padding: 8px 0 8px 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
text-align: center;
}

#footer a {
color: #808080;
}

h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: normal;
}

h2 {
margin: 0 0 20px 0;
font-size: 1.6em;
font-weight: normal;
}

h3 {
margin: 20px 0 10px 0;
font-size: 1.4em;
font-weight: normal;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

.right {
text-align: right;
}

a img {
border: 0;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}

.pageswitch{
width:200px;margin:0 0 20px auto;padding:4px;
border-bottom:1px solid #999999;text-align:right;
}
.contenttitle{margin:0;}
.contenttitle h2{margin:0}
.contentitem{margin:0 0 10px 0;background:#efefef;padding:4px;border:1px solid #cdcdcd;}
.contentbody{margin:0 0 20px 0;}

.pageswitch{
margin:0 0 20px auto;padding:4px;
border-top:1px solid #999999;text-align:right;
}


.itemdiv,.commentdiv,.trackbackdiv{
width:510px;

}

.itemdiv{margin:15px 0 10px 0 ;padding :0 ;border:1px solid #ababab;
position:relative;z-index:20;
background:#efefef;
}

.itemdiv ul {font-size:0.9em;}
.itemdiv h3{margin:0 4px 0 4px;}
.itemdivpadd{padding:5px 15px;}

.iteminfo {
	width:100%;
	text-align:right;
	font-size:0.8em;
	color:#7F7F7F; 

	margin:5px 0 2px 0;
}
/*
h3.item{padding:2px 2px 2px 33px;background-color:#efefef;margin:10px 0 0 0;width:477px;
font-weight:bold;
	background:#efefef url("images/ichimatu_icon_big_color.gif") no-repeat 0px 0px;
}
h3.item a{color:#286ea0;}
.timediv{font-size:0.8em;color:#666666;text-align:right;
margin:0;width:508px;padding:2px;
background:#dedede url("images/ichimatu_icon_under_color.gif") no-repeat 0px 0px;

}
*/
.list_wrapper{margin:16px 0 0 0;}

h4.item{padding:6px 0px 2px 66px;background-color:#efefef;margin:0 0 0 0;width:444px;
font-weight:bold;font-size:1.5em;
	background:#efefef url("images/rubic_top.gif") no-repeat 4px bottom;
	color:#286ea0;
}
h4.item a{color:#286ea0;}
.timediv{font-size:0.8em;color:#666666;text-align:right;
margin:0;width:500px;padding:2px 10px 2px 0px;
background:#dedede url("images/rubic_botom.gif") no-repeat 4px 0px;

}
.timediv_detail{font-size:0.8em;color:#666666;text-align:right;
margin:0 30px 0 0;width:470px;padding:2px 10px 2px 0px;
background:#dedede url("images/rubic_botom.gif") no-repeat 4px 0px;

}
.itembody{

margin:0 ;padding:10px;overflow:hidden;

}

.itemborder{
border:30px solid #efefef;
border-top:0;
width:450px;
background:#FFFFFF;
}


.commentdiv{border:1px solid #ababab;margin :0 0 10px 0;position:relative;
}

.commentdiv h4.item{margin:0;}

	.commentdiv h5{font-size:0.9em;font-weight:normal;
	margin:0 8px;
	border-bottom:1px dashed #ababab;
	border-top:1px dashed #ababab;
	}
	.commentdiv .commentpadd{margin:8px;border:0;padding:4px;}
	
.commentdiv p{margin:0}
.commentdiv .commentinfo{	
margin:8px;
background:url("arrow2.gif") no-repeat 0 5px;
	font-size:0.9em;
	color:#7F7F7F;
	padding:0 15px 10px 15px; 
	margin-bottom:10px;
	border-bottom:1px solid #DADADA;}

.commentdiv a#nucleus_cf{margin:0;}	
.commentdiv .commentdate{font-weight:normal;font-size:0.9em;margin:0 0 0 5px;}	
.commentdiv .commentform {
margin:-10px 0 0 10px;position:relative;line-height:1.5em;

}	
.commentdiv .commentformbg{background:#dedede;margin:-6px 0 0 0;
padding:0 0 5px 0;width:510px;}

.commentdiv .commentform textarea{
width:350px;margin:5px 0 0 0;
height:70px;}	
.commentdiv .commentform label{display:block;width:7em;
float:left;margin:5px 0 0 0;}
.commentdiv .commentform input.formfield{
width:350px;margin:5px 0 0 0;
}	
.commentdiv .commentform #nucleus_cf_spam{margin:5px 0 0 0;}
.commentdiv .commentform input.formbutton{margin:10px 0 0 0 ;}	
.commentdiv .comment_chuijikou{
clear:both;
/*
padding:4px;border:1px solid #ff8800;
background-color:#FFCC99;
*/color:red;
margin:5px 12px 0 0;
}

.commentdiv .commentbody{font-size:0.9em;margin:-5px 0 20px 0;line-height:140%;}
.commentdiv .commentofthis{margin:0px 0 5px 5px;font-weight:bold;padding:4px;}
.commentdiv .writecomment{margin:5px 0 5px 5px;font-weight:bold;padding:4px;}
.commentdiv .comment_no {margin: 0 0 0 8px;font-size:0.9em;}
.commentdiv .commentform .formfield{}

.commentdiv .formbutton{margin:-10px 0 0 0 ;}

	.trackbackdiv{margin:10px 0 0 0 ;border:1px solid #ababab;padding :0 0 10px 0;
}
.trackbackdiv .empty{margin:4px 8px;font-size:0.9em;}
.trackbackdiv .info{display:none;}
.trackbackdiv .trackbackurl{margin:4px 8px;font-size:0.9em;}
.trackbackdiv .tb .head{background-color:#efefef;padding:4px;font-size:1em;
	font-weight:bold;}

.trackbackdiv .tb .itemlist{padding:4px;margin:8px;}
.trackbackdiv h4.item{margin:0;}
.trackbackdiv input{margin:4px 8px;font-size:0.9em;width:460px;}
	
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

/*******************************************************************************
 NP_Calendar.php styling
*******************************************************************************/
	
table.calendar {

	border-collapse:collapse;
	border:1px solid #666666;
	padding:2px;
	width:180px;
	margin:0px auto 5px auto;
	_margin-top:-8px;
	background:#FFFFFF;
	_padding-bottom:10px;
	
}
table.calendar td{padding:4px;text-align:center;}
table.calendar th{border-bottom:1px solid #666666;text-align:center;
background:#ebebeb;font-weight:normal;
padding:4px;
}
table.calendar caption{padding: 0 0 0 0;
_padding-bottom:5px;
text-align:center;
margin:5px auto;
margin-top:-8px;}
tr.calendardateheaders {
	font-size:0.8em;
	border-bottom:1px solid #666666;

}
table.calendar td a{
text-decoration:underline;

padding:0px;
}

table.calendar td a:link, table.calendar td a:visited {
text-decoration:underline;

padding:0px; }


td.days {
	text-align: center;
}

td.today {
	text-align: center;
	background-color: #bbbbFF;
}
.alignright{text-align:right;margin:0 8px 0 0;}
.contents{margin:10px 0 0 0;}

#allcitybox{position:relative;
margin:0;}
#allcitybox_category{
/*width:100px;
float:left;
border-bottom:1px dashed #bcbcbc;*/
}
#allcitybox_archive{
/*width:100px;
border-left:1px dashed #bcbcbc;
float:left;*/}
#allcitybox_info{
margin:-5px 0 0 0;
line-height:1.5em;
padding:4px;
/*width:100px;
border-left:1px dashed #bcbcbc;
float:left;*/}
#allcitybox_info a,#allcitybox_info a:hover{
text-decoration:none;
color:#303030;
cursor:default;
}
#nextitem{margin:5px 0 10px 0;text-align:right;width:40%;float:right;}
#previtem{margin:5px 0 10px 0;text-align:left;width:40%;float:left;}
.next_read{text-align:right;
display:inline;
margin:5px 0 10px 0 ;padding:0 0 0 1em;}
.calendar_yaji{font-weight:bolder;font-size:1.2em;}

#top_left,#second_left{
/*
background: url(toppageimg/top_tit.gif) 20px 13px  no-repeat;
*/
width:450px ;height:105px;float:left;
margin:0;padding:0;


}
#second_left{

background: url(toppageimg/second_tit.gif) 13px 13px  no-repeat;
height:38px;

padding:80px 0 0 13px;
}
#second_left h2{
display:inline;color:#d48714;
font-size:25px;
margin:0;padding:0;
}

#top_left img {margin:13px 0 0 20px;}
#top_right{
background: url(toppageimg/top_trio.gif) 40px 0px  no-repeat;
width:250px;height:105px;float:left;
margin:0;padding:0;}
#top_bottom{clear:left;height:45px;margin:0;
background: #000000 url(toppageimg/top_neon.gif) 300px 10px no-repeat;


}
.second_top_tit_side{

font-size:14px;color:#ffffff;
display:inline;padding:0 0 0 0.5em;
}
/*
#scroller-h{
height: 20px; width: 408px;background:#000000;
padding:5px 0 0 0;
margin:7px 0 0 0;}
#scroller-h p,#scroller-h h1,#scroller-h h3{
display:inline;
padding:7px 0 0 0 ;color:#a5a5a5;font-size:13px;
font-weight:normal;
}
*/
#scroller-h{margin:8px 0 0 0;}
#goiken{font-size:120%;text-align:center;font-weight:bold;color:#555555;}
#gotooidemase{font-size:120%;text-align:center;font-weight:bold;color:#555555;}