/*
Title:      pavane.jp master screen styles
*/

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	color: #474a51;
	background: url(../img/common/noise-earth.gif);
	font: 62.5% Verdana, sans-serif;
}
a:link, a:visited {
	color: #74a050;
	text-decoration: none;
}
a:hover {
	color: #74a050;
	text-decoration: underline;
}

/* structure 
--------------------------------------------- */

#tripphoto {
	padding: 11px 0 0;
	background: url(../img/common/top-rail.gif) repeat-x top left;
}
#wrap {
	padding: 8px 0 0;
	border-bottom: 1px solid #d3d3c9;
	background: #f4f4ed url(../img/common/earth-grad.gif) repeat-x top left;
}
#wrap-inner {
	width: 84em;
	margin: 0 auto;
	padding: 0;
	font-size: 1.1em;
}
#breadcrumbs {
	margin: 0 0 .5em 1em;
	padding: 0;
}
#breadcrumbs-inner {
	margin: 0;
	padding: 0;
}
div.photos {
	margin: 0;
	padding: 0 0 0 6px;
}
div.photos-inner {
	margin: 0 auto;
	padding: 0;
}
div.main {
	float: left;
	width: 59em;
}
div.secondary {
	float: right;
	width: 24em;
}
div.main_wide {
	width: 84em;
}
#extra {
	margin: 2.5em 0;
}

/* header 
--------------------------------------------- */

#header {
	margin: 0;
	padding: 8px 0 0;
	background: #330 url(../img/common/h-bg.gif) repeat-x bottom left;
}
#header-inner {
	margin: 0 auto;
	width: 84em;
	font-size: 1.1em;
}
#logo {
	margin: 0;
	padding: .6em 1em;
}
#logo a, #logo a:hover, #logo span {
	width: 175px;
	height: 47px;
}
#logo img {
	width: 175px;
	height: 47px;
}

/* navigation */

#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#navi ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#navi ul li a {
	float: left;
	display: block;
	width: 10em;
	line-height: 1.3em;
	padding: .8em 1em;
	margin: 0;
	text-decoration: none;
	color: #660;
	border: none;
	background: url(../img/common/navi-bg.gif) no-repeat bottom left;
}
* html #navi ul li a {	/* IE6対応 */
	height: 1%;
	display: inline;
}
#navi ul li a strong {
	display: block;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC0;
}
#navi li a:hover {
	background: url(../img/common/tab-hover.gif) repeat-x bottom left;
}
#navi li a.active {
	color: #660;
	background: #330 url(../img/common/tab-on.gif) repeat-x bottom left;
}
#navi ul li a:hover strong {
	color: #FF0;
}
#navi ul li a.active strong {
	color: #FF0;
}

/* breadcrumbs 
--------------------------------------------- */

#breadcrumbs-inner, #breadcrumbs-inner a {
	color: #74a050;
}

/* photos 
--------------------------------------------- */

div.photos div.section {
	float: left;
	margin: 0;
	padding: .5em;
}

/* main modules 
--------------------------------------------- */

div.mod {
	padding: 1em 0;
	border-top: 1px solid #e0e0d5;
}
div.first {
	margin-top: .5em;
}
div.mod-meta {
	float: left;
	width: 10.5em;
	margin: 0;
	padding: 0 0 0 1em;
	text-align: right;
	font-family: Georgia, Times, serif;
}
div.mod-meta h1 {
	margin: -.1em 0 0;
	padding: 0 1em 0 0;
	color: #74a050;
	font: bold 1.5em Georgia, Times, serif;
}
div.mod-meta h3 {
	margin: 0;
	padding: 0 1em 0 0;
	font-size: 1em;
	font-weight: bold;
	color: #8f9195;
}
div.mod-body {
	float: right;
	width: 45em;
	margin: 0 1em 1.2em 0;
	padding: 0;
}
div.main_wide div.mod-body {
	width: 70em;
}
div.mod-body h2 {
	margin: -.3em 0 .4em;
	padding: 0 0 .3em;
	color: #660;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.7em;
	border-bottom: 1px solid #e0e0d5;
}
div.mod-body h2 span.name {
	font: normal 1.5em/1.2em Georgia, Times, serif;
}
div.mod-body p {
	margin: 0 0 .5em .2em;
	font-size: 1.2em;
	line-height: 1.5em;
}
div.mod-body p a {
	color: #2B6E8C;
}
div.mod-body p.alert {
	color: #C30;
}
div.mod-body div.photos {
	margin: 0;
	padding: .5em 0;
	border-top: 1px dashed #e0e0d5;
	border-bottom: 1px dashed #e0e0d5;
}
div.mod-body p img {
	float: left;
	margin: .2em .7em .2em 0;
	padding: .7em;
	background: #f9f9f4;
	border: 1px dashed #e0e0d5;
}

div.topics div.mod-body h4 {
	margin: 0;
	padding: 0 0 .5em;
	color: #660;
	font-size: 1.2em;
	font-weight: bold;
}
div.topics div.mod-body h4 a {
	color: #660;
}
div.topics div.mod-body p {
	padding: 0 0 .5em .5em;
	line-height: 1.7em;
}
div.topics div.mod-body p img {
	margin: .2em 0 .7em 1.2em;
}

div.news div.mod-body h2 {
	font-size: 1.2em;
	line-height: 1.5em;
}
div.news div.mod-body h2 span.name {
	font-size: 1.3em;
	line-height: 1.2em;
}
div.news div.mod-body h2 a {
	color: #660;
}

div.page_link {
	clear: both;
	margin: 0 0 0 2em;
}
div.page_link_box {
	width: 98%;
	padding-top: .5em;
	white-space: nowrap;
}
div.prev {
	float: left;
	width: 32%;
	text-align: left;
}
div.next {
	float: left;
	width: 32%;
	text-align: right;
}
div.page {
	float: left;
	width: 34%;
	text-align: center;
}

div.hide {
	visibility: hidden;
}

/* secondary 
--------------------------------------------- */

div.secondary {
	color: #660;
}
div.secondary h3 {
	margin: 1.5em 0 0;
	padding: .8em 0 .5em .5em;
	color: #74a050;
	background: #EAEADC;
	border-top: 1px solid #e0e0d5;
	border-bottom: 1px dashed #e0e0d5;
	font: bold 1em/1em Georgia, Times, serif;
}
div.secondary h3 .sub {
	font-weight: normal;
	color: #8EB66D;
}
div.secondary h4 {
	margin: .5em 0 0;
	padding: .5em 1em;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	border-top: 1px dashed #e0e0d5;
}
div.secondary h4 .sub {
	font-weight: normal;
	color: #ADB0B8;
}
div.secondary h4.first {
	border: none;
}
div.secondary h5 {
	margin: 2.5em 0 0;
	padding: .8em 0 .5em .5em;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	color: #74a050;
	background: #E2E2D0;
	border-top: 1px solid #CFCFAF;
	border-bottom: 1px solid #D6D6C7;
}
div.secondary h5 .sub {
	font-weight: normal;
	color: #8EB66D;
}
div.secondary p {
	margin: .7em 1em 2.5em;
	line-height: 1.5em;
}
div.secondary p.sub {
	margin: .5em 1em 1em 2.5em;
	line-height: 1.5em;
}
div.secondary p a:link, div.secondary p a:hover, div.secondary p a:visited {
	color: #660;
}
#main_first {
	margin-top: .5em;
}
#main_end {
	margin: 0;
	border-top: 1px solid #D6D6C7;
	border-bottom: 1px solid #CFCFAF;
}
#extra_first {
	margin: 0 0 .5em;
}

/* extra 
--------------------------------------------- */

#extra div.mod, #extra div.secondary h3 {
	border-top: 2px solid #e0e0d5;
}
#extra div.secondary h3 {
	padding: 1.2em 0 0;
	color: #8f9195;
	background: none;
	border-bottom: none;
}
#extra div.mod h4 {
	padding: .2em 0 1em;
	color: #8f9195;
	font: bold 1em Georgia, Times, serif;
}

/* more country */

div.more {
	padding-bottom: 0;
}
div.more div.mod-body {
	width: 46em;
	margin: 0;
}
div.more div.menu_europe {
	float: left;
	width: 22em;
}
div.more div.menu_others {
	float: right;
	width: 22em;
}

/* footer
--------------------------------------------- */

#footer {
	clear: both;
	width: 84em;
	margin: 0 auto;
	padding: 0;
	font-size: 1.1em;
	color: #646870;
}
#footer p {
	width: 58em;
	margin: 0;
	padding: 1em;
	line-height: 1.5em;
	background: url(../img/common/noise-earth.gif);
}

/* list 
--------------------------------------------- */

ul.lst {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.lst li {
	margin: 0;
	padding: 0;
	color: #660;
	border-bottom: 1px dashed #e0e0d5;
	overflow: hidden;
}
ul li.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
ul.lst li a {
	display: block;
	padding: .5em 1em;
	line-height: 1.4em;
	color: #660;
	overflow: hidden;
}
ul.lst li a strong {
	display: block;
	color: #4D4D00;
}
ul.lst li a:link, ul.lst li a:hover, ul.lst li a:visited {
	color: #660;
	text-decoration: none;
}
ul.lst li a:hover {
	background: #f9f9f4;
}
ul.lst li a:hover strong {
	color: #4D4D00;
	background: #f9f9f4;
}
ul.lst li img {
	float: left;
	margin: 0 .8em 0 0;
}

ul.select li {
	background: #E2E2D0;
	border-bottom: 1px solid #D6D6C7;
}
ul.select li.active, ul.select li a:hover, ul.select li a:hover strong {
	background: #ECECDF;
}

ul.pickup li {
	padding: 1em 1.5em;
	line-height: 1.4em;
	background: #EAEADC;
	border-bottom: 1px dashed #CFCFAF;
}
ul.pickup li.end {
	border-bottom: none;
}
ul.pickup li a {
	padding: 0;
	display: inline;
}
ul.pickup li a.lightview {
	padding: .2em 0;
	display: block;
}
* html ul.pickup li img {	/* IE6対応 */
	float: none;
}
ul.pickup li a:hover, ul.pickup li a:hover strong {
	background: none;
	text-decoration: underline;
}

ul.links {
	margin: 1em 0;
}
ul.links li {
	padding: .4em 0 0 1em;
	font-size: 1em;
}
ul.links li a:link, ul.links li a:visited {
	color: #660;
}
ul.links li a:hover {
	color: #660;
	text-decoration: underline;
}

ul.menu li {
	border: none;
}
ul.menu li a {
	display: block;
	padding: .6em 0 0 1em;
	line-height: 1.4em;
}
ul.menu li a strong {
	display: block;
}
ul.menu li a:link, ul.menu li a:visited {
	color: #2B6E8C;
}
ul.menu li a:hover, ul.menu li a:hover strong {
	color: #317b9e;
	background: none;
}

ul.pref li a strong {
	float: left;
	width: 5.5em;
}

ul.about_list {
	margin: 1.5em 0 0 1.5em;
}
ul.about_list li {
	margin: 1em 0 0 1em;
	list-style-type: square;
}
ul.about_list li a {
	color: #2B6E8C;
}

ul#weather li {
	margin: .7em 1em 0;
}
ul#weather li div.sub {
	float: left;
	width: 15.8em;
	margin: .5em 0 0 .5em;
	line-height: 1.5em;
}
*:first-child+html ul#weather li div.sub {	/* IE7対応 */
	width: 15.8em;
	padding-bottom: 1.3em;
}
* html ul#weather li div.sub {	/* IE6対応 */
	width: 15.5em;
	padding-bottom: 1.5em;
}
ul#weather li img {
	margin: .5em 0 .5em .5em;
	padding: .6em;
	background: #f9f9f4;
	border: 1px dashed #e0e0d5;
}
ul#weather li div.current {
	margin: .3em 0 .2em .2em;
	font-size: .8em;
	color: #ADB0B8;
}

/* table 
--------------------------------------------- */

table {
	margin: .5em 0 1.5em 2.5em;
}
table td {
	padding: .6em 0 0;
}
table td a {
	color: #2B6E8C;
}
.table_label {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

div.calendar table {
	width: 98%;
	margin: 1em auto 0;
	border-right: 1px solid #e0e0d5;
	border-bottom: 1px solid #e0e0d5;
	border-collapse: collapse;
}
div.calendar table td {
	width: 14%;
}
div.calendar table tr.weekday_label th {
	padding: .8em 0 .5em;
	background: #330;
	font-size: 1em;
	color: #CC0;
	text-align: center;
}
div.calendar table tr.day_label td {
	padding: .3em 0 .2em;
	color: #74a050;
	text-align: center;
	background: #EAEADC;
	border-top: 1px solid #e0e0d5;
	border-left: 1px solid #e0e0d5;
	border-bottom: 1px dashed #e0e0d5;
	font: bold 1.2em Georgia, Times, serif;
}
div.calendar table tr.day_note td {
	height: 5em;
	padding: .2em 0 .2em .2em;
	color: #660;
	font-size: 1em;
	background: #f9f9f4;
	border-left: 1px solid #e0e0d5;
}
div.calendar table tr.day_note td a {
	color: #660;
}
div.calendar table tr.day_note td.normal {
	background: #f9f9f4;
}
div.calendar table tr.day_note td.holiday {
	background: #C9E4AF;
}
div.calendar table tr.day_note td.empty {
	background: #f4f4ed;
}
div.calendar table tr.day_note td.trip {
	border: 2px solid #959532;
}

/* form 
--------------------------------------------- */

form input.text_input {
	width: 20em;
	padding: 0 0 0 .2em;
	border: 1px solid #e0e0d5;
	background: #EAEADC;
}
form input.text_input:focus {
	background: #FFFFE5;
}
form input.submit_button {
	width: 10em;
	height: 1.4em;
	font-weight: bold;
	color: #74a050;
	background: #E2E2D0;
	border: 1px solid #CFCFAF;
}
form div.check {
	width: 18em;
	margin: 0 0 .5em;
	float: left;
}

/* misc. 
--------------------------------------------- */

.by {
	font: italic normal .9em Verdana, sans-serif;
}
.location, .date {
	font: italic normal .9em Verdana, sans-serif;
}
.location_native, .date_native {
	font: italic normal .9em Georgia, Times, serif;
}
.dashed-border {
	border-bottom: 1px dashed #e0e0d5;
}
hr, .hide {
	display: none;
}
a img {
	border: none;
}
ul li {
	list-style-type: none;
}

/* use the best possible ampersand */

span.amp {
	color: #646870;
	font: italic normal 1.1em Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
}

/* self-clear floats */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*:first-child+html .group {	/* IE7対応 */
	min-height: 1px;
}
* html .group {	/* IE6対応 */
	height: 1%;
}