@charset "EUC-JP";

/* -----------------------------------------------------------
CSS Information

File name:      calendar.css
Created:        2010-07-30
Last update:    2010-07-30 by Iwabuchi
Style Info:     calendarÇÛ²¼
----------------------------------------------------------- */
/* -----------------------------------------------------------
Table of Contents

__calendar_cmn
__nav
__new_arrived
__add_form
__regulation
__vote
----------------------------------------------------------- */

/* __calendar_cmn
----------------------------------------------------------- */

.calendar #main div.section {
	font-size: 1.1em;
}

.calendar #main div.section {
	margin-top: 10px;
}

/*__nav*/

.calendar #main div.nav {
	height: 30px;
	margin-bottom: 10px;
	padding: 0 10px;
	border-left: solid 5px #ffbfe4;
	border-right: solid 5px #ffbfe4;
	border-bottom: solid 5px #ffbfe4;
	zoom: 1;
}

.calendar #main div.nav ul {
	height: 30px;
	overflow: hidden;
	margin: 0 auto;
}

.calendar #main div.nav ul li {
	display: inline;
	margin-right: 2px;
}

.calendar #main div.nav ul li.last {
	margin-right: 0;
}

.mb_10{
	margin-bottom: 10px;
}

.mb_20{
	margin-bottom: 20px;
}

.calendar #main .col h3 {
	margin-bottom: 10px;
	padding: 15px 0 15px 70px;
	background: url(/img/general/4travel/calendar/2011/bg_lead.gif) no-repeat left;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
}

.calendar #main h4 {
	margin: 0 0 10px 0;
	padding: 3px 5px;
	border-left: 5px solid #eb5d92;
	background: #feeeef;
}

.calendar #main div.reg_info,
.calendar #main div.add_form {
	padding: 0 10px;
}

.calendar #main div.reg_info dl dt {
	margin: 10px 0 5px;
	border-bottom: dotted 1px #666666;
	font-size: 1.1em;
	font-weight: bold;
}

.calendar #main .more_about a {
	padding:2px 0 2px 20px;
	background:url(/img/general/4travel/cmn/ico/ico_all.gif) no-repeat 0 2px;
	color: #2C67A5;
}

/*__new_arrived*/

.calendar #main .new_arrived {
	margin-top: 30px;
}

.calendar #main .new_arrived .photo_area {
	padding: 15px 10px 10px 0;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	zoom: 1;
}

.calendar #main .new_arrived .photo_area div.decide {
	margin: 0 0 20px 10px;
	padding: 10px;
	border: solid 1px #F2C088;
	background: #FDF6EE;
}

.calendar #main .new_arrived .photo_area div.decide p.ttl_chosen {
	margin: 0 0 5px 0;
	color: #CC0000;
	font-weight: bold;
	font-size: 1.15em;
}

.calendar #main .new_arrived .photo_area h4 {
	margin-left: 10px;
	clear: both;
}

.calendar #main .new_arrived .photo_area .more_about {
	font-weight: bold;
	clear: left;
	text-align: right;
}

.calendar #main .new_arrived div.photo_area div.one_row {
	overflow: hidden;
	margin-bottom: 20px;
	zoom: 1;
}

.calendar #main .new_arrived div.photo_area dl {
	display: inline;
	float: left;
	width: 128px;
	margin: 0 0 0px 15px;
	padding: 2px;
	background: #f5f5f5;
	zoom: 1;
}

.calendar #main .new_arrived div.photo_area dl dt {
	height: 105px;
}

.calendar #main .new_arrived div.photo_area dl dt a img {
	padding: 3px;
	border: 1px solid #CCCCCC;
	background: #ffffff;
}

.calendar #main .new_arrived div.photo_area dl dt a:hover img {
	background: #ffe8be;
}

.calendar #main .new_arrived div.photo_area dd {
	font-size: 0.85em;
}

.calendar #main .new_arrived div.photo_area dd p {
	margin-bottom: 10px;
	text-align: center;
}

.calendar #main .new_arrived div.photo_area dl p a:hover img {
}

.calendar #main .new_arrived div.photo_area p.ttl_more {
	position: relative;
}

.calendar #main .new_arrived div.photo_area p.ttl_more a {
	position: absolute;
	top: -35px;
	right: 15px;
}

.calendar #main .new_arrived div.photo_area .monthly_picture {
	margin: 0 0 10px 0;
	overflow: hidden;
	zoom: 1;
}

.calendar #main .new_arrived div.photo_area .monthly_picture p.null {
	margin: 50px 0;
	text-align: center;
}

/*__pict_detail*/

.calendar #main .pict_detail {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}

#calendar_pict #main .more_about {
	text-align: right;
	margin: 0 20px 20px 0;
}

.calendar #main .pict_detail dl.info {
	margin-top: 10px;
	padding: 3px;
	background: #f5f5f5;
	text-align: left;
}

.calendar #main .pict_detail dl.info dt {
	float: left;
	width: 7em;
	margin-bottom:4px;
}

.calendar #main .pict_detail dl.info dd {
	margin: 0 0 4px 7em;
}

/*__vote*/

.calendar #main div.vote {
	margin: 0 10px 30px;
}

#calendar_pict #main p.login {
	margin: 10px 0;
}

.calendar #main div.vote table {
	margin-bottom: 20px;
}

.calendar #main div.vote table td {
	vertical-align: top;
	border: solid 1px #CCCCCC;
	padding: 5px;
}

.calendar #main div.vote table td.ttl {
	width: 110px;
	font-weight: bold;
	background: #fef8d9;
}

.calendar #main div.vote table td.mail {
	width: 300px;
	font-weight: bold;
	background: #fef8d9;
}

.calendar #main div.vote .annotation {
	text-align: center;
	margin-bottom: 20px;
}

.calendar #main div.vote p.btn_vote {
	text-align: center;
}

/*__add_form*/

.calendar #main div.error {
	text-align: center;
	margin-bottom: 10px;
}

.calendar #main div.error p {
	font-weight: bold;
	color: #FF0033;
}

.calendar #main p.read {
	margin-bottom: 20px;
}

.calendar #main p.login {
	margin: 30px 0 30px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	border: solid 1px #CCCCCC;
	background: #fdf6ee;
}

.calendar #main div.add_form table td {
	vertical-align: top;
	border: solid 1px #CCCCCC;
	padding: 5px;
}

.calendar #main div.add_form table td.ttl {
	width: 110px;
	font-weight: bold;
	background: #fef8d9;
}

.calendar #main div.add_form table span {
	color: #A45705;
	font-size: 0.9em;
}

.calendar #main div.add_form div.entry {
	margin-top: 20px;
	text-align: center;
}

.calendar #main div.finish {
	text-align: center;
}

.calendar #main div.finish .thanks {
	font-weight: bold;
	font-size: 1.3em;
}

/*__present*/

.calendar #main div.present_info {
	overflow: hidden;
	padding: 0 10px;
	margin-bottom: 20px;
}

.calendar #main div.present_info img {
	float: right;
}

.calendar #main .calendar_about {
	clear: both;
	border: solid 1px #f2c088;
	background: #fdf6ee;
}

.calendar #main .calendar_about p.ttl {
	padding: 4px 6px;
	background: #FFE7B9;
	font-size: 1.1em;
	font-weight: bold;
}

.calendar #main .calendar_about .calendar_about_innner {
	padding: 15px;
}

.calendar #main .calendar_about div.half {
	margin-top: 20px;
	overflow: hidden;
	zoom: 1;
}

.calendar #main .calendar_about .half dl {
	float: left;
	width: 279px;
	margin-right: 20px;
}

.calendar #main .calendar_about .half dl.last {
	margin-right: 0;
}

.calendar #main .calendar_about .half dt {
	margin-bottom: 10px;
}

.calendar #main .calendar_about .half dd p {
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #d22f0e;
}

.calendar #main p.btn_oubo_2 {
	clear: both;
	margin-top: 20px;
	text-align: center;
}

/*__regulation*/

.regulation p {
	line-height: 1.3;
	margin: 10px 20px 30px;
}

.regulation dl {
	margin: 0 15px;
	font-size: 13px;
	line-height: 1.3;
}

.regulation dl dt {
	font-weight: bold;
}

.regulation dl dd {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 2px dotted #ccc;
}

.regulation dl dd.fin {
	border-bottom: none;
}

.regulation dl dd ol {
	margin: 5px 0;
	padding: 0;
}

.regulation dl dd ol li {
	list-style: decimal inside;
	margin: 0;
	padding: 0;
}