/***************************************************
* Danjuro website stylesheet
* 
* Copyright 2009 DANJURO (http://www.danjuro.com)
* Created: 04/16/2009
* Last Modified: 04/25/2009
****************************************************/

/*** html tags ***/
body {
	margin: 0;
	padding: 0;
	background: #fff url(./images/body_bg.gif) 0 0 repeat-x;
	font-size: 12px;
	font-family: "MS ゴシック", Tahoma;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}


/*** site wrapper ***/
#site-wrapper {
	width: 700px;
	margin: 0 auto;
	padding: 0 10px;
	background: transparent url(./images/body_repeater.png) 0 center repeat-y;
}


/*** global header ***/
#header {
	width: 100%;
	height: 90px;
	background: transparent url(./images/header.gif) 0 0 no-repeat;
}
#header h1, #header h2, #header p {
	display: none;
}
#header ul, #header li {
	margin: 0;
	padding: 0;
}
#header .menu {
	padding-top: 70px;
	padding-right: 20px;
	text-align: right;
}
#header .menu li {
	list-style: none;
	display: inline;
	color: #fff;
}
#header .menu li a {
	color: #fff;
}


/*** global footer ***/
#footer {
	clear: both;
	height: 40px;
	background: #fff url(./images/footer_bg.gif) 0 bottom repeat-x;
	padding-top: 30px;
}
#footer address {
	font-style: normal;
	display: block;
	width: 95%;
	font-size: 70%;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	border-top: 1px solid #555;
}


/*** global menu ***/
#global-menu {
	height: 40px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#global-menu .section-header {
	display: none;
}
#global-menu .menu {
	margin: 0;
	padding: 0;
	height: 40px;
}
#global-menu .menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
	height: 40px;
}
#global-menu .menu li a {
	text-indent: -9999px;
	display: block;
	background: #fff url(./images/global_menu.gif);
	height: 40px;
}
#global-menu .menu .menu-description {
	width: 114px;
}
#global-menu .menu .menu-description a {
	background-position: 0 0;
}
#global-menu .menu .menu-description a:hover {
	background-position: 0 -40px;
}
#global-menu .menu .menu-event {
	width: 113px;
}
#global-menu .menu .menu-event a {
	background-position: -114px 0;
}
#global-menu .menu .menu-event a:hover {
	background-position: -114px -40px;
}
#global-menu .menu .menu-about {
	width: 130px;
}
#global-menu .menu .menu-about a {
	background-position: -227px 0;
}
#global-menu .menu .menu-about a:hover {
	background-position: -227px -40px;
}
#global-menu .menu .menu-access {
	width: 114px;
}
#global-menu .menu .menu-access a {
	background-position: -357px 0;
}
#global-menu .menu .menu-access a:hover {
	background-position: -357px -40px;
}
#global-menu .menu .menu-faq {
	width: 114px;
}
#global-menu .menu .menu-faq a {
	background-position: -471px 0;
}
#global-menu .menu .menu-faq a:hover {
	background-position: -471px -40px;
}
#global-menu .menu .menu-join {
	width: 115px;
}
#global-menu .menu .menu-join a {
	background-position: -585px 0;
}
#global-menu .menu .menu-join a:hover {
	background-position: -585px -40px;
}


/*** clearfix ***/
.clearfix {
	_height: 100%;
}
.clearfix:after {
	display: block;
	margin-top: -1px;
	height: 1px;
	content: "";
	clear: both;
}


/*** wrapper setting ***/
.wrapper {
	background: #fff url(./images/index_wrapper.gif) 0 0 repeat-x;
	padding: 40px;
}
.left {
	float: left;
	width: 300px;
}
.right {
	float: right;
	width: 300px;
}


/*** section commom ***/
.section {
	margin-bottom: 20px;
}
.section .section-header {
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 25px;
}
.section .section-body {
	padding: 10px 0;
}


/*** link common ***/
.link-box {
	text-align: right;
}
.more-link {
	background: transparent url(./images/link-mark.gif) left center no-repeat;
	padding-left: 12px;
	line-height: 20px;
	color: #c60;
	font-weight: bold;
}
.more-link:hover {
	color: #f07800
}
.top-link {
	color: #666;
}
.top-link:hover {
	color: #999;
}


/*** index menu ***/
#index-menu {
	background: #fff url(./images/index_image.jpg) 0 0 no-repeat;
	height: 246px;
	border-bottom: 1px solid #fff;
}
#index-menu p {
	display: none;
}
#index-menu .menu {
	margin: 0;
	padding: 0;
	display: block;
	padding-left: 500px;
}
#index-menu .menu li {
	display: block;
	float: left;
	width: 200px;
	height: 49px;
}
#index-menu .menu li a {
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 49px;
	background: #fff url(./images/index_menu.gif);
}
#index-menu .menu .menu-join a {
	background-position: 0 0;
}
#index-menu .menu .menu-join a:hover {
	background-position: -200px 0;
}
#index-menu .menu .menu-present a {
	background-position: 0 -49px;
}
#index-menu .menu .menu-present a:hover {
	background-position: -200px -49px;
}
#index-menu .menu .menu-contest a {
	background-position: 0 -98px;
}
#index-menu .menu .menu-contest a:hover {
	background-position: -200px -98px;
}
#index-menu .menu .menu-stuff a {
	background-position: 0 -147px;
}
#index-menu .menu .menu-stuff a:hover {
	background-position: -200px -147px;
}
#index-menu .menu .menu-enjoy {
	height: 50px;
}
#index-menu .menu .menu-enjoy a {
	height: 50px;
	background-position: 0 -196px;
}
#index-menu .menu .menu-enjoy a:hover {
	background-position: -200px -196px;
}


/*** news section ***/
#index #news {
}
#index #news .section-header {
	background-image: url(./images/index_header_news.gif);
}
#index #news ul,
#index #news ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#index #news .item {
	margin-bottom: 15px;
	line-height: 150%;
}
#index #news .item .title {
	margin: 0;
	padding: 0;
	font-size: 110%;
	background-color: #eef6df;
}
#index #news .item p {
	margin: 0;
	padding: 0;
}

/*** event description section ***/
#index #event-description {
}
#index #event-description .section-header {
	background-image: url(./images/index_header_event_description.gif);
}
#index #event-description table {
	border-collapse: collapse;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}
#index #event-description table th,
#index #event-description table td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
#index #event-description table th {
	background-color: #ffddbc;
	width: 50px;
}

/*** join information section ***/
#index #join-information {
}
#index #join-information .section-header {
	background-image: url(./images/index_header_join_information.gif);
}
#index #join-information .section-body p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}



/*** page ***/
.page .main-body {
	float: left;
	width: 420px;
	padding: 40px 35px 50px 40px;
}
.page .main-body .page-category {
	height: 35px;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	text-indent: -9999px;
}
.page .main-body .page-title {
	height: 25px;
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
	text-indent: -9999px;
}
.page .main-body strong {
	display: block;
	color: #82190B;
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
	font-weight: bold;
	font-size: 110%;
	line-height: 150%;
}
.page .main-body p {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	line-height: 150%;
}
.page .main-body table {
	border-collapse: collapse;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}
.page .main-body table th,
.page .main-body table td {
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.page .main-body table th {
	text-align: center;
	font-weight: normal;
	background-color: #ffddbc;
	width: 50px;
}
.page .main-body table td {
	font-size: 90%;
}
.page .main-body a {
	color: #c60;
}
.page .main-body a:hover {
	color: #f07800
}

.page .side-menu {
	margin-left: 495px;
	width: 170px;
	padding-top: 95px;
}
.page .side-menu .section-header {
	display: none;
}
.page .side-menu .menu {
	margin: 0;
	margin-bottom: 70px;
	padding: 0;
}
.page .side-menu .menu li {
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
	list-style: none;
}
.page .side-menu .menu li a {
	display: block;
	width: 165px;
	height: 35px;
	text-indent: -9999px;
}
.page .side-menu .inner li {
	margin-bottom: 0px;
}
.page .side-menu .global .menu-join a {
	background: #fff url(./images/side_menu_join.gif) 0 0 no-repeat;
}
.page .side-menu .global .menu-present a {
	background: #fff url(./images/side_menu_present.gif) 0 0 no-repeat;
}
.page .side-menu .global .menu-contest a {
	background: #fff url(./images/side_menu_contest.gif) 0 0 no-repeat;
}
.page .side-menu .global .menu-stuff a {
	background: #fff url(./images/side_menu_stuff.gif) 0 0 no-repeat;
}
.page .side-menu .global .menu-enjoy a {
	background: #fff url(./images/side_menu_enjoy.gif) 0 0 no-repeat;
}



/*** description ***/
#description {
}
#description .page-category {
	background: #fff url(./images/header_description.gif) 0 0 no-repeat;
}
#description .page-title {
	background: #fff url(./images/sub_header_description.gif) 0 0 no-repeat;
}


/*** enjoy ***/
#enjoy {
}
#enjoy .page-category {
	background: #fff url(./images/header_description.gif) 0 0 no-repeat;
}
#enjoy .page-title {
	background: #fff url(./images/sub_header_enjoy.gif) 0 0 no-repeat;
}

/*** stuff ***/
#stuff {
}
#stuff .page-category {
	background: #fff url(./images/header_description.gif) 0 0 no-repeat;
}
#stuff .page-title {
	background: #fff url(./images/sub_header_stuff.gif) 0 0 no-repeat;
}
#stuff #flow {
	height: 40px;
	background: #fff url(./images/image_stuff_flow.gif) center center no-repeat;
	margin-bottom: 30px;
}
#stuff #flow ol {
	display: none;
}


#description .side-menu .inner li a,
#enjoy .side-menu .inner li a,
#stuff .side-menu .inner li a {
	background: #fff url(./images/side_description.gif) 0 0 no-repeat;
}
.side-menu .inner .menu-description a {
	background-position: 0 0 !important;
}
.side-menu .inner .menu-enjoy a {
	background-position: 0 -32px !important;
}
.side-menu .inner .menu-stuff a {
	background-position: 0 -64px !important;
}





/*** event ***/
#event {
}
#event .page-body {
	margin-bottom: 50px;
}
#event .page-category {
	background: #fff url(./images/header_event.gif) 0 0 no-repeat;
}
#event #donjuro .page-title {
	background: #fff url(./images/sub_header_event_donjuro.gif) 0 0 no-repeat;
}
#event #present .page-title {
	background: #fff url(./images/sub_header_event_present.gif) 0 0 no-repeat;
}
#event #contest-women .page-title {
	background: #fff url(./images/sub_header_event_contest_women.gif) 0 0 no-repeat;
}
#event #contest-men .page-title {
	background: #fff url(./images/sub_header_event_contest_men.gif) 0 0 no-repeat;
}
#event #sbs .page-title {
	background: #fff url(./images/sub_header_event_sbs.gif) 0 0 no-repeat;
}
#event #sales .page-title {
	background: #fff url(./images/sub_header_event_sales.gif) 0 0 no-repeat;
}

/*** present ***/
#present {
}
#present .page-category {
	background: #fff url(./images/header_event.gif) 0 0 no-repeat;
}
#present .page-title {
	background: #fff url(./images/sub_header_event_present_more.gif) 0 0 no-repeat;
}

/*** contest ***/
#contest {
}
#contest .page-body {
	margin-bottom: 50px;
}
#contest .page-category {
	background: #fff url(./images/header_event.gif) 0 0 no-repeat;
}
#contest #contest-women .page-title {
	background: #fff url(./images/sub_header_event_contest_women_more.gif) 0 0 no-repeat;
}
#contest #contest-men .page-title {
	background: #fff url(./images/sub_header_event_contest_men_more.gif) 0 0 no-repeat;
}

#event .side-menu .inner li a,
#present .side-menu .inner li a,
#contest .side-menu .inner li a {
	background: #fff url(./images/side_event.gif) 0 0 no-repeat;
}
.side-menu .inner .menu-donjuro a {
	background-position: 0 0 !important;
}
.side-menu .inner .menu-present a {
	background-position: 0 -32px !important;
}
.side-menu .inner .menu-contest-women a {
	background-position: 0 -64px !important;
}
.side-menu .inner .menu-contest-men a {
	background-position: 0 -96px !important;
}
.side-menu .inner .menu-sbs a {
	background-position: 0 -128px !important;
}
.side-menu .inner .menu-sales a {
	background-position: 0 -160px !important;
}




/*** about ***/
#about {
}
#about .page-category {
	background: #fff url(./images/header_about.gif) 0 0 no-repeat;
}
#about .page-title {
	background: #fff url(./images/sub_header_about_leader.gif) 0 0 no-repeat;
}

#about2008 {
}
#about2008 .page-category {
	background: #fff url(./images/header_about.gif) 0 0 no-repeat;
}
#about2008 .page-title {
	background: #fff url(./images/sub_header_about_2008.gif) 0 0 no-repeat;
}

#about2007 {
}
#about2007 .page-category {
	background: #fff url(./images/header_about.gif) 0 0 no-repeat;
}
#about2007 .page-title {
	background: #fff url(./images/sub_header_about_2007.gif) 0 0 no-repeat;
}

#about .side-menu .inner li a,
#about2008 .side-menu .inner li a,
#about2007 .side-menu .inner li a {
	background: #fff url(./images/side_about.gif) 0 0 no-repeat;
}
.side-menu .inner .menu-about a {
	background-position: 0 0 !important;
}
.side-menu .inner .menu-about2008 a {
	background-position: 0 -32px !important;
}
.side-menu .inner .menu-about2007 a {
	background-position: 0 -64px !important;
}




/*** access ***/
#access {
}
#access .page-category {
	background: #fff url(./images/header_access.gif) 0 0 no-repeat;
}
#access #map .page-title {
	background: #fff url(./images/sub_header_access_map.gif) 0 0 no-repeat;
}
#access #map .page-body {
	background: #fff url(./images/image_access_map.gif) center top no-repeat;
	padding-top: 380px;
}
#access #train .page-title {
	background: #fff url(./images/sub_header_access_map.gif) 0 0 no-repeat;
}
#access #car .page-title {
	background: #fff url(./images/sub_header_access_map.gif) 0 0 no-repeat;
}

#access .side-menu .inner li a {
	background: #fff url(./images/side_access.gif) 0 0 no-repeat;
}
.side-menu .inner .menu-access a {
	background-position: 0 0 !important;
}




/*** faq ***/
#faq {
}
#faq .page-category {
	background: #fff url(./images/header_faq.gif) 0 0 no-repeat;
}
#faq .page-title {
	background: #fff url(./images/sub_header_faq.gif) 0 0 no-repeat;
}
#faq dl {
	margin-bottom: 50px;
}
#faq dt {
	background-color: #ffd685;
	margin-bottom: 3px;
}
#faq dd {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
}

#faq .side-menu .inner li a {
	background: #fff url(./images/side_faq.gif) 0 0 no-repeat;
}
.side-menu .inner .menu-faq a {
	background-position: 0 0 !important;
}



/*** join ***/
#join {
}
#join .page-category {
	background: #fff url(./images/header_join.gif) 0 0 no-repeat;
}
#join .page-title {
	background: #fff url(./images/sub_header_join.gif) 0 0 no-repeat;
}

#join .side-menu .inner li a {
	background: #fff url(./images/side_join.gif) 0 0 no-repeat;
}
.side-menu .inner .menu-join a {
	background-position: 0 0 !important;
}



/*** contact ***/
#contact {
}
#contact .page-category {
	background: #fff url(./images/header_contact.gif) 0 0 no-repeat;
}
#contact .side-menu .inner li a {
	background: #fff url(./images/side_join.gif) 0 0 no-repeat;
}
.side-menu .inner .menu-faq a {
	background-position: 0 0 !important;
}



/*** form ***/
#form {
	margin: 0;
	padding: 30px 15px;
	border: 1px solid #9cf;
	background-color: #e1f9ff;
}
#form h3 {
	background-color: #9cf;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	line-height: 180%;
	text-indent: 5px;
}
#form table {
	border-collapse: collapse;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
	border: 0;
}
#form table th,
#form table td {
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	border: 0;
	font-size: 90%;
}
#form table th {
	text-align: left;
	font-weight: normal;
	width: 80px;
	background-color: transparent;
}
#form .input-text {
	border: 1px solid #333;
	width: 140px;
}



#button_send {
	display: block;
	width: 120px;
	height: 30px;
	background: transparent url(./images/button_send.gif) 0 0 no-repeat;
	border: 0;
	margin: 0 auto;
	text-indent: -9999px;
	cursor: pointer;
}
#button_join {
	display: block;
	width: 120px;
	height: 30px;
	background: transparent url(./images/button_join.gif) 0 0 no-repeat;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
}