/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

body{ background:#468ccb url(http://hareruchaya.info-now.jp/skins/andreas06/images/bodybg.gif) repeat-x; color:#303030; font:76% sans-serif, serif, Osaka, Georgia, Verdana, Tahoma, Arial, sans-serif; text-align:center; margin-top: 0; }
p{
line-height:1.5em;
margin:0 0 15px;
}

a{
color:#632f03;
font-weight:650;
text-decoration:none;
}

a:hover{
color:#ff5106;
}

table{ width: 470px; margin-bottom: 3px; border: solid 1px #d1d1d1; border-collapse:collapse; border-spacing:0; empty-cells:show; }

td{ vertical-align: top; padding:0.5em; }

ul.imgset{ width:100%; margin-top:0; font-size:12px; text-align: center; height: 190px; padding-left:0; margin-left:20px; }

ul.imgset li{ background-color: transparent; background-position: 0 0; list-style:none; padding:3px 10px; width:200px; float:left; }

#container{
background:#c0c0c0 url(http://hareruchaya.info-now.jp/skins/andreas06/images/bodybg.gif) repeat-x;
margin:0 auto;
text-align:left;
width:852px;
}

#sitename{ color:#8E5339; font-weight:400; background: url(http://hareruchaya.info-now.jp/skins/andreas06/images/leaves.jpg) no-repeat 0 top; text-align: center; height:80px; margin:0 20px 10px 0; }

#sitename h1{
font-size:16px;
margin:0 0 0 20px;
padding-top:20px;
}

#sitename span{
font-size:14px;
letter-spacing:-1px;
margin:0 0 0 20px;
}

#nav{
background:url(http://hareruchaya.info-now.jp/skins/andreas06/images/greypx.gif) repeat-x left bottom;
float:left;
width:852px;
}

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

#nav a{
background:url(http://hareruchaya.info-now.jp/skins/andreas06/images/tabs.gif) no-repeat 100% 0;
color:#535353;
display:block;
font-size:1.2em;
letter-spacing:-1px;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav a:hover{
color:#000;
}

#nav li{
background:url(http://hareruchaya.info-now.jp/skins/andreas06/images/tabs.gif) no-repeat 0 0;
float:left;
margin:0 4px 0 0;
padding:0 0 0 9px;
}

#nav #current{
background:url(http://hareruchaya.info-now.jp/skins/andreas06/images/tabs.gif) no-repeat 0 -41px;
}

#nav #current a{
background:url(http://hareruchaya.info-now.jp/skins/andreas06/images/tabs.gif) no-repeat 100% -41px;
color:#303030;
padding:7px 20px 5px 11px;
}

#wrap1{
background:#ffffff url(http://hareruchaya.info-now.jp/skins/andreas06/images/innerbg.gif) repeat-y;
border-bottom:1px solid #808080;
border-left:1px solid #808080;
border-right:1px solid #808080;
clear:both;
padding:0;
width:850px;
}

#wrap2{
background:url(http://hareruchaya.info-now.jp/skins/andreas06/images/header.jpg) no-repeat left top;
padding:10px;
width:830px;
}

#wrap3{
background:url(http://hareruchaya.info-now.jp/skins/andreas06/images/header2.jpg) no-repeat left top;
padding:10px;
width:830px;
}

#header{
height:30px;
position:relative;
width:830px;
}

#header h1{
float:left;
font-size:1.4em;
margin:0;
width:180px;
}

#topbox{
color:#808080;
margin:0 0 4px;
text-align:right;
}

#topbox a{
color:#d04a10;
}

#topbox a:hover{
text-decoration:underline;
}

#leftside{
float:left;
margin:-15px 0 0;
width:145px;
}

#leftside h1{
font-size:13px;
font-weight:400;
}

.sidebar
{ margin-bottom: 8px; }

.sidebardl
{
	padding: 0 0 5px;
	margin: 0;
}
.sidebardl dt
{ font-size: 12px; font-weight: bold; background-position: 0 0; padding-top: 8px; padding-bottom: 3px; }

.sidebardl dd
{ color: black; font-size: 12px; font-weight: bold; background-image: url(http://hareruchaya.info-now.jp/skins/andreas06/images/side_image_bg.gif); background-repeat: repeat; background-position: 0 0; padding: 7px 0 6px 6px; margin: 0; border-bottom: 1px solid #f0d5d1; }

.sidebardl dd:hover
{ background-image: url(http://hareruchaya.info-now.jp/skins/andreas06/images/side_image_bg2.gif); background-position: 0 0; padding: 7px 0 6px 6px; margin: 0; border-right: 7px solid #b58077; border-bottom: 1px solid #b58077; }

.sidebardl dd a:link, .sidebardl dd a:visited
{ background: url(http://hareruchaya.info-now.jp/skins/andreas06/images/arrow.gif) no-repeat left center; margin: 0; padding: 7px 0 6px 6px; }

#rightside{ color: white; font-size: 10px; clear: right; float:right; margin:40px 1px 20px 0; width:150px; }

.sidebnbox{ font-size: 9px; text-align: center; width:130px; padding-left: 17px; }

.sidebnbox a
{ color: #fee542; }

.sidebnbox2{  font-size: 9px; text-align: center; width:130px; padding-bottom: 10px; padding-left: 6px; }

#rightside h1{
font-size:1.4em;
font-weight:400;
margin:0 0 12px;
}

#rightside p{
font-size:0.9em;
margin:2px 0 12px 10px;
}

#rightside images{
border:1px solid #fa9035;
margin:10px 0 5px 5px;
padding:2px;
}

#content{
margin:45px 174px 0 180px;
}

#contentcatch{ color: #000af7; background-image: url(http://hareruchaya.info-now.jp/skins/andreas06/images/catch_img.jpg); text-align: center; vertical-align: middle; height: 160px; }

#contentalt{ margin: 45px 174px 0 180px; }

#contentalt h1{ color:#ebdcb9; font-size:13.5px; font-weight:400; background-color: transparent; background-image: url(http://hareruchaya.info-now.jp/skins/andreas06/images/title_bg.gif); background-repeat: no-repeat; margin:15px 0 10px; padding:3px 0 4px 30px; }

#contentalt images{
border:1px solid #fa9035;
float:left;
margin:5px 15px 6px;
}

#contentevent{
margin:45px 174px 0 180px;
}

#contentevent p{
margin:8px 0 0 10px;
}

#contentevent h1{ color:#484848; font-size:12px; font-weight:400; background: url(http://hareruchaya.info-now.jp/skins/andreas06/images/arrow2.gif) no-repeat left center; margin:15px 0 0px 3px; padding:3px 0 4px 15px; }

#contentevent images{
border:1px solid #fa9035;
float:left;
margin:5px 15px 6px;
}

#contentfood{
margin:45px 173px 0 180px;
}

#contentfood p{
margin:8px 0 0 10px;
}

#contentfood h1{ color:#8e200c; font-size:12px; font-weight:400; background-color: #ebe8d5; margin:15px 0 10px; padding:3px 0 3px 7px; }

#contentfood images{
border:1px solid #fa9035;
float:left;
margin:5px 15px 6px;
}

.contenttitle h2
{ color: #fff; font-size: 12px; font-weight: 600; background-image: url(http://hareruchaya.info-now.jp/skins/andreas06/images/title_bg.gif); padding: 3px 0 4px 30px; margin: 15px 0 5px; }

.contentnews h2
{ color: #1f1f1f; font-size: 11px; background: #fffcd6 url(http://hareruchaya.info-now.jp/skins/andreas06/images/dot.gif) repeat-x 50% bottom; margin-top: 0; margin-bottom: 0; padding-top: 3px; padding-bottom: 5px; padding-left: 5px; }

.contenteventtitle h2
{ color: #fff; font-size: 12px; font-weight: 600; background-color: #e88630; margin-top: 0; margin-bottom: 0; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dotted #3163f7; border-bottom: 2px solid #3163f7; }

.contentevent h2
{ color: #fff; font-size: 11px; font-weight: 200; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 2px; }

.contentbody
{ font-size:11px; text-align: justify; width: 470px; height: auto; padding: 0 0 0; }

#food h1{ color:#ebdcb9; font-size:13.5px; font-weight:400; background-color: transparent; background-image: url(http://hareruchaya.info-now.jp/skins/andreas06/images/title_bg.gif); background-repeat: no-repeat; margin:15px 0 10px; padding:3px 0 4px 30px; }

#footer{
clear:both;
color:#a0a0a0;
font-size:0.9em;
height:26px;
margin-top:20px;
padding:1px;
text-align:right;
width:830px;
}

#footer a{
color:#a0a0a0;
font-weight:400;
}

#footer a:hover{
color:#a0a0a0;
text-decoration:underline;
}

.menublock{
margin-bottom:10px;
}

.nav{
color:#d04a10;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #fa9035;
color:#505050;
padding:1px 1px 1px 9px;
}

.sub{
font-size:0.9em;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #fa9035;
color:#505050;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url(http://hareruchaya.info-now.jp/skins/andreas06/images/boxbg.gif) top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.soft{
color:#808080;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}

.searchform .formfield{
	width: 110px;
	font-size:10px;
    font-family: Verdana, Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
	background-color:#FCFCFC; border:1px solid #DEDDDD; color:#4a4a4a;
}

.formbutton {
	margin:2px;
	padding-left:4px;
	padding-right:4px;
	font-size:10px;
	font-family:Verdana;
	background-color:#C7C7C7;
	border:1px solid #A1A1A1;
	color:#353535;
}

.formbutton:hover {
	background-color:#DDDDDD;
	border:1px solid #c5c5c5;
	color:#000000;
}

.formfield {
	font-size:10px;
	font-family:Verdana;
	background-color:#FCFCFC;
	border:1px solid #DEDDDD;
	color:#4a4a4a;
	margin:1px;
}

.formfield:focus {
	background-color:#ffffff;
	border:1px solid #000000;
}

#nucleus_lf_pwd {
	width:100px;
	font-size:10px;
	margin:2px;
}

#nucleus_lf_name {
	width:100px;
	font-size:10px;
	margin:2px;
}

#nucleus_lf_shared {
	margin:2px;
}

#nucleus_cf_body {
	font-size:12px;
	width:300px;
}

.mailform {
	font-size:11px;
	font-family:Verdana;
	padding:1px;
}

.loginform {
	padding:3px;
}

.error {
	color: red;
	font-weight: bold;
}

.pageswitch {
	text-align:center;
	padding:4px;
}

.body {
	text-align: justify;
}
.padding {
	padding-left:10px;
	padding-right:5px;

}
.textright {
	text-align: right;
	padding-right:5px;
}
/* Leftbox and Rightbox toolbar buttons */

.clearing
{
	clear: both;
}

.leftbox, .rightbox { margin: 0 3px 3px; padding: 0 3px 3px; font-size: larger; width: 35%; }

.leftbox { float: left; border-right: 1px solid #ccc; }
.rightbox { float: right; border-left: 1px solid #ccc; }
.leftbox2 { width: 45%; height: 160px; float: left; margin-bottom: 10px; }
.topbox { width: 99%; height: 180px; float: left; margin-bottom: 5px; }