
* { margin: 0; padding: 0; }
body {
	font: 12px;
	color: #2F2F2F;
    font-family: 'Arial', 'Tahoma', sans-serif; 
}
html { overflow-y: scroll; }
a { text-decoration: none; }
a:focus { outline: 0; }

h2 {
    border-left: solid 10px;
    padding-left: 8px;
    margin: 20px 0 20px 0;
}
h3 {
    border-left: solid 5px;
    padding-left: 5px;
	margin: 25px 0 15px 0;
}
h4 {
    margin: 20px 0 10px 0;
}

p {
    line-height: 150%;
    margin: 8px;
}
ul {
	margin: 10px;
}
ul li {
    margin-top: 7px;
}
dl {
	margin: 10px;
}
dl dt {
	font-weight: bold;
	margin-top: 7px;
}
dl dd {
    margin-left: 20px;
}

/*
p { font-size: 15px; margin: 0 0 15px 0; }
#page-wrap { width: 440px; margin: 20px auto; }
*/

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/*
    Web page width
*/
.header,
.footer,
#tab .list-wrap div.tab-content,
#tab .nav { width: 1000px; margin: 0 auto;}


/*
    Header
*/
.header {
	margin-top: 10px;
    margin-bottom: 10px;
	overflow: auto;
	clear: both;
}
.header .logo {
	float: left;
}
.header .logo a img {
    border: none;
}
.header .r {
    float: right;
    width: 500px;
}
.header .r #viewTwitter {
    float: left;
}

.header .r form {
    float: right;
    margin-bottom: 20px;
}
.header .r .submenu {
    /*float: right;*/
	list-style: none;
}
.header .r .submenu li {
    float: left;
    margin-left: 30px;
    margin-bottom: 5px;
}

/*
    Footer
*/
.footer {}
.footer .parties {}
.footer .parties ul {
    text-align: center;
}
.footer .parties ul li {
    display: inline;
    list-style: none;
    margin:0 5px;
}
.footer .parties ul li a img {
	border: none;
}
.footer .ad {
    width: 468px;
    margin: 10px auto;
}


/*
    Tab
    
    Organic Tabs
    by Chris Coyier
    http://css-tricks.com
*/

#tab { background: #eee; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#tab .nav { overflow: hidden; margin-bottom: 10px; }
#tab .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#tab .nav li.last { margin-right: 0; }
#tab .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#tab .nav li a:hover { background-color: #111; }

#tab ul { list-style: none; }
#tab ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tab ul li a:hover { background: #fe4902; color: white; }
#tab ul li:last-child a { border: none; }

#tab ul li.nav-one a.current { background-color: #FFF; color: black; }
#tab ul li.nav-two a.current { background-color: #A757A8; color: white; }
#tab ul li.nav-three a.current { background-color: #234794; color: white; }
#tab ul li.nav-four a.current { background-color: #009AD6; color: white; }
#tab ul li.nav-five a.current { background-color: #008000; color: white; }
#tab ul li.nav-six a.current { background-color: #FFD400; color: white; }
#tab ul li.nav-seven a.current { background-color: #FFB74C; color: white; }
#tab ul li.nav-eight a.current { background-color: #ED1A3D; color: white; }
#tab ul li.nav-nine a.current { background-color: #d30000; color: white; }


/*
    Entry button
*/
a.entry {
    background: url("../img/yamabiko/yamabiko_entry_button.gif") left top;
	display: block;
    width: 300px;
    height: 200px;
    text-indent: -10000px;
}
a.entry:hover {
	background-position: 0 -200px;
}


/*
    TOP
*/
#top .info, #top .photo {
    width: 500px;
    float: left;
}
#top .info .new {}

#top div.flyer {
    width: 1000px;
    height: 571px;
    background: url("../img/yamabiko/yamabiko_camp.jpg");
}
#top div.flyer a.entry {
    margin: 300px 0 0 650px;
}


/*
    Profile
*/
.profile {
    clear: both;
    overflow: auto;
    margin-bottom: 30px;
}
.profile div.l {
    width: 240px;
    float: left;
}
.profile div.l h4 {
	margin-top: 5px;
	text-align: center;
}

.profile div.r {
	margin-left:20px;
    width: 720px;
    float: left;
}
.profile a img {
    border: none;
}

/*
    Ticket
*/
#ticket a.entry,
#access a.entry {
    float:right;
}

#ticket .ticket,
#ticket .bus,
#ticket .parking,
#ticket .tent,
#ticket .cotage,
#ticket .bbq,
#ticket .bbq_set,
#ticket .sumi {
    float:right;
    width: 210px;
    height: 157px;
}
	

#ticket .ticket {
    background: url("../img/yamabiko/ticket.png") no-repeat;
}
#ticket .bus {
    background: url("../img/yamabiko/bus.png") no-repeat;
} 
#ticket .parking {
    background: url("../img/yamabiko/parking.png") no-repeat;
}
#ticket .tent {
    background: url("../img/yamabiko/tent.png") no-repeat;
} 
#ticket .cotage {
    background: url("../img/yamabiko/cotage.png") no-repeat;
}
#ticket .bbq {
    background: url("../img/yamabiko/bbq.png") no-repeat;
}
#ticket .bbq_set {
    background: url("../img/yamabiko/bbq_set.png") no-repeat;
}
#ticket .sumi {
    background: url("../img/yamabiko/sumi.png") no-repeat;
}

/*






*/
