@charset "utf-8";
/* Reset */
* {
    margin: 0;
    padding: 0;
}
form {
    margin: 0;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* LinkColor */
a:link		{
	color: #336699;
	text-decoration: none;
}
a:visited	{
	color: #6699cc;
	text-decoration: none;
}
a:hover		{
	color: #F60;
	text-decoration: underline;
}
a:active	{
	color: #F60;
	text-decoration: underline;
}
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited, 
h3 a:link, h3 a:visited, 
h4 a:link, h4 a:visited {
	text-decoration: none;
	color: #036;
}

/* Headline */
h1, h2 {
	color: #036;
	font-weight: bold;
}
h1 {
	font-size: 140%;
	padding-top: 5px;
}
h2 {
	font-size: 120%;
	background-image: url(images/h2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 25px;
	padding-right: 5px;
	line-height: 120%;
	position: relative;
}
h2 span {
	margin-right: 10px;
	position: absolute;
	top: 5px;
	right: 10px;
}
h3 {
    font-size: 120%;
}

h4, h5 {
	font-size: 100%;
	line-height: 120%;
}


/* Tag */
p {
	line-height: 130%;
}
strong {
	color: #F90;
}

/* Layout */
body {
	text-align: center;
	line-height: 100%;
	font-size: 15px;
}
.frame {
	text-align: left;
}
.naviFrame {
	text-align: left;
}
.container {
	width: 950px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: left;
	padding-top: 5px;
}

/* Header */
.header {
	background-image: url(images/bgHeader.png);
	background-repeat: no-repeat;
	height: 130px;
	position: relative;
}
.header .logo {
	position: absolute;
	left: 50px;
	top: 45px;
}
.header .headBanner {
	position: absolute;
	left: 400px;
	top: 25px;
	height: 60px;
	width: 468px;
}
.header .contact {
	position: absolute;
	top: 25px;
	right: 30px;
}
.header .mainMenu {
	position: absolute;
	left: 400px;
	top: 95px;
}
.header .mainMenu a {
	padding-left: 5px;
}
.topFlash {
	margin-top: 3px;
}
.specialMenu {
	float: right;
}
.specialMenu a {
	padding-left: 5px;
}



/* Content */
.contentTop {
	background-image: url(images/bgContentTop.png);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
	margin-top: 5px;
}
.content {
	background-image: url(images/bgContentBody.png);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.contentBottom {
	background-image: url(images/bgContentBottom.png);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}



/* Content */
.mainNarrow {
	width: 640px;
	float: left;
}
.mainNarrowTop {
	background-image: url(images/bgMainNarrowTop.png);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}
.mainNarrowCenter {
	background-image: url(images/bgMainNarrowBody.png);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.mainNarrowBottom {
	background-image: url(images/bgMainNarrowBottom.png);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}


/* MainBlock */
.mainBlock {
	font-size: 85%;
}
.mainBlock h2 {
	font-size: 120%;
	margin-top: 10px;
}
.mainBlock ul {
	padding-top: 5px;
}
.mainBlock li {
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	line-height: 130%;
	width: 100%;
}
.blockNews {
	float: left;
	width: 305px;
}
.blockAsk {
	float: right;
	width: 305px;
}
.blockBlog {
	float: left;
	width: 305px;
}
.blockEvent {
	float: right;
	width: 305px;
}
.blockLink {
	float: right;
	width: 305px;
}
.blockVideo, .blockGallery {
	clear: both;
	float: none;
}
.blockLink .each, .blockBlogList .each {
	width: 130px;
	height: 145px;
	float: left;
	text-align: center;
}




/* Navi */
.navi {
	width: 280px;
	float: right;
	font-size: 85%;
}
.naviTop {
	background-image: url(images/bgNaviTop.png);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}
.naviCenter {
	background-image: url(images/bgNaviBody.png);
	background-repeat: repeat-y;
	padding: 10px;
}
.naviBottom {
	background-image: url(images/bgNaviBottom.png);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}
.eachNavi {
	background-color: #FFF;
	margin-bottom: 10px;
	padding: 5px;
}
.eachNaviFix {
	background-color: #FFF;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
.eachNavi .naviBlockTitle, .eachNaviFix .naviBlockTitle {
	background-image: url(images/bgNaviBlockTitle.png);
	background-repeat: no-repeat;
	height: 24px;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	padding-top: 6px;
	padding-left: 10px;
}
.eachNavi .blockContent {
	padding-top: 5px;
	padding-bottom: 5px;
}
.eachNavi .wrap {
	padding: 5px;
}
.eachNavi .wrapLR {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.recoVideo, .recoPhoto, .recoBlog {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.recoVideo strong, .recoPhoto strong, .recoNews strong, .recoBlog strong {
	font-size: 110%;
}
.recoVideo, .recoBlog, .recoPhoto {
	padding-top: 10px;
}


/* Footer */
.footer {
	float: none;
	clear: both;
	text-align: center;
	padding-top: 5px;
}
.footerTop {
	background-image: url(images/bgMainWideTop.png);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}
.footerCenter {
	background-image: url(images/bgMainWideBody.png);
	background-repeat: repeat-y;
	color: #999;
	line-height: 120%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footerCenter a:link, .footerCenter a:visited {
	color: #999;
}
.footerBottom {
	background-image: url(images/bgMainWideBottom.png);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}
.adsenseFooter {
	margin-left: 95px;
}
.footerLink {
	font-size: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.footerLink a:link, .footerLink a:visited {
	color: #06C;
}




/* Common */
.wrap {
	padding: 10px;
}
.wrapLR {
	padding-right: 10px;
	padding-left: 10px;
}
.fontBig {
	font-size: 115%;
}
.fontSmall {
	font-size: 85%;
}
.fontWeek {
	font-size: 85%;
	color: #CCC;
}
.fontWeek a:link, .fontWeek a:visited {
	color: #CCC;
}
.fontForcus, .fontForcus a:link, .fontForcus a:visited {
	color: #F80;
}
.fontCaution, .fontCaution a:link, .fontCaution a:visited {
	color: #F30;
}
.more {
	text-align: right;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.more span {
	position: relative;
	top: -5px;
}
.breadcrumbs {
	padding-left: 5px;
	padding-bottom: 5px;
}
.breadcrumbsSpecial {
	padding-left: 5px;
	padding-bottom: 5px;
	float: left;
}
.addButton {
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
}
.pageNavi {
	background-color: #E3F9FF;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	clear: both;
	float: none;
	margin-right: 20px;
	margin-left: 20px;
}
.pageNavi u {
	font-size: 150%;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}
.category {
	background-color: #E3F9FF;
	padding: 10px;
	margin-top: 5px;
}
.category a {
	white-space: nowrap;
	padding: 5px;
	line-height: 120%;
}
.category .eachCate {
	float: left;
	padding-left: 20px;
	padding-top: 5px;
}
.pointFrame {
	background-image: url(images/bgNonbiriNum.png);
	background-repeat: no-repeat;
	text-align: center;
	height: 40px;
	width: 75px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	line-height: 25px;
}
.buttonComment {
	background-image: url(images/buttonComment.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 80px;
	float: right;
	padding-right: 5px;
	margin-top: 3px;
}
.buttonComment a {
	display: block;
	color: #390;
	width: 100%;
	position: relative;
	top: 2px;
	text-align: right;
	right: 5px;
}
.info {
	padding-top: 2px;
}
.info .headline {
	height: 2.3em;
	overflow: hidden;
	text-align: center;
}
*html input.submit {
	line-height: 90%;
	padding-top: 5px;
}

/* Adsense */

.adsense250img {
}
.adsenseHalf {
	padding-left: 50px;
}
.naviAds1 {
	text-align: center;
}
.naviAds2 {
	text-align: center;
	margin-top: 10px;
}




/* SortBox */
.sortBox, .sortBoxShort {
	background-image: url(images/line1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 10px;
}
.spanOn, .spanOff{
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	background-image: url(images/bgSortTabShortOn.png);
	background-repeat: no-repeat;
	text-align: center;
	float: left;
	height: 18px;
	width: 80px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding-top: 7px;
	padding-right: 10px;
}
* html .spanOn, * html .spanOff{
	height: 25px;
	width: 90px;
}
.spanOff {
	background-image: url(images/bgSortTabShortOff.png);
}
.spanOn a:link, .spanOn a:visited, .spanOff a:link, .spanOff a:visited {
	color: #FFF;
	text-decoration: none;
	display: block;
}
.sortOn, .sortOff {
	float: left;
	margin-left: 20px;
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #33ADFF;
	padding-top: 4px;
	padding-bottom: 1px;
	line-height: 1em;
	margin-top: 1px;
}
*html .sortOn, *html .sortOff {
	margin-left: 10px;
}
.sortOff {
	background-color: #FFF;
}




/* Decoration */
ul, ol {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
em {
    font-weight: bold;
    font-style: normal;
    color: #FF0000;
}


/* welcome */
.topMessage {
	margin-top: 3px;
	font-size: 115%;
}
.islandInfo {
	padding-left: 30px;
	font-size: 120%;
	background-image: url(images/bar.png);
	background-repeat: no-repeat;
	background-position: 50px 10px;
	padding-bottom: 5px;
}
.islandInfo strong {
}
.islandInfo .islandLink {
	padding-left: 50px;
	padding-top: 5px;
}
.islandInfo .islandLink a {
	padding-left: 10px;
}


/* Gallery */
#special .description p {
	padding-bottom: 10px;
}
#special .img, #special .imgBottom {
	font-size: 85%;
	font-weight: bold;
	color: #F90;
	text-align: center;
	padding: 5px;
	float: right;
	width: 285px;
}
#special .img img, #special .imgBottom img {
	padding-bottom: 5px;
}
#special .description p {
	padding-bottom: 10px;
}
#special .description p {
	padding-bottom: 10px;
}
#special .pageNavi a:link, #special .pageNavi a:visited {
	font-size: 120%;
}
#special .description .outer {
	margin-left: 10px;
	margin-bottom: 10px;
}
#special .description .outer .tytle {
	background-color: #FFF7D7;
	font-weight: bold;
	vertical-align: middle;
}
#special .description .specialBorder {
	padding: 10px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	border: 2px dashed #F90;
}


/* link&addBlog */
#link .each, #blog .each {
	padding-top: 10px;
}
#link .each .imgThumb, #blog .each .imgThumb {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#link .each h4, #blog .each h4 {
	float: left;
}
#link .each p, #blog .each p {
	padding-top: 5px;
}



/* News */
#news .item .lh font {
	font-size: 130%;
	line-height: 130%;
}
#news .item .lh font font {
	font-size: 80%;
	line-height: 120%;
}
#news .list .lh font {
	font-size: 120%;
	line-height: 120%;
}
#news .list .lh font font {
	font-size: 80%;
	line-height: 120%;
}
#news .each .time {
	float: right;
	margin-right: 10px;
	position: relative;
	top: 5px;
	color: #999;
}
#news .each b {
	font-size: 105%;
	color: #F90;
}


/* Blog */
#blogRss h4 .island {
	font-size: 80%;
	font-weight: bold;
	color: #F90;
	padding-left: 20px;
}





/* Video */
#video .each {
	font-size: 85%;
	text-align: center;
	float: left;
	min-height: 130px;
	width: 140px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
*html #video .each {
	padding-right: 2px;
	padding-left: 2px;
	width: 144px;
	height: 130px;
	padding-bottom: 15px;
	padding-top: 0px;
}
#video .pointFrame {
	float: left;
	position: relative;
	left: 10px;
}
#video .vote {
	float: right;
	position: relative;
	right: 10px;
}
#video .logoFrom {
	float: right;
	position: relative;
	right: 10px;
	padding-bottom: 5px;
}
.blockVideo .headline {
	font-size: 110%;
}
#video .video {
	text-align: center;
	padding-bottom: 10px;
}



/* Photo */
.blockGallery .each {
	float: left;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}




/* Comment */
.formQuick {
	background-color: #E3F9FF;
	margin: 10px;
	padding: 10px;
}


/* Ask */
#ask .list li {
	padding-bottom: 10px;
	line-height: 120%;
}
#ask .ask .head, .answer .head {
	width: 100px;
	text-align: center;
}
#ask .ask {
	background-color: #FFDEAC;
	width: 590px;
}
#ask .answer {
	background-color: #C1F0FF;
	width: 590px;
	margin-bottom: 10px;
}
#ask .ask td, .answer td {
	background-color: #FFF;
}
#ask .mood0 {
	color: #6C0;
	font-weight: bold;
}
#ask .mood1 {
	color: #63C;
	font-weight: bold;
}
#ask .mood2 {
	color: #F9C;
	font-weight: bold;
}
#ask .mood3 {
	color: #F90;
	font-weight: bold;
}
#ask .mood4 {
	color: #F30;
	font-weight: bold;
}
#ask .mood5 {
	color: #06F;
	font-weight: bold;
}
#ask .mood6 {
	color: #0CF;
	font-weight: bold;
}



/* Comment */
#tour .each {
	font-size: 85%;
}
#tour .each .imgThumb {
	text-align: center;
	float: left;
	width: 200px;
	padding-top: 10px;
}
#tour .each .tourInfo {
	float: right;
	background-color: #DDD;
	margin-top: 10px;
}
#tour .each .tourPrice {
	color: #F60;
	font-weight: bold;
	line-height: 120%;
	float: right;
	padding-top: 10px;
	font-size: 120%;
	width: 400px;
	text-align: right;
}
#tour .each .tourInfo td {
	background-color: #FFF;
}
#tour .each .description {
	clear: both;
	float: none;
}
#tour .each td.head {
	font-weight: normal;
	background-color: #FFF9DD;
	color: #333;
}
#tour .tourNavi {
	background-color: #C8E9FF;
	margin-top: 10px;
}
#tour .tourNavi td {
	background-color: #FFF;
	line-height: 110%;
	padding: 10px;
}
#tour .tourNavi td.head {
	background-color: #ECF8FF;
	width: 100px;
	color: #09F;
	vertical-align: middle;
}
#tour .tourNavi a {
	margin-left: 5px;
}
#tour .tourNavi .naviOn {
	background-color: #09F;
	color: #FFF;
	text-decoration: none;
	line-height: 100%;
	border-top-width: 2px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #09F;
	border-right-color: #09F;
	border-bottom-color: #09F;
	border-left-color: #09F;
}
#tour .tourNavi .naviOff {
}
#tour .tourAdBanner td {
	font-size: 85%;
	margin: 0px;
	line-height: 110%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#tour .tourAdBanner .banner {
	padding-top: 10px;
}



/* iframe用ナビ表示ページ */

#content .naviFrame {
	font-size: 85%;
	padding-top: 5px;
	background-color: #DDD;
}
#content .naviFrame .eachNavi {
	padding-top: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#content .naviFrame .naviBlockTitle {
	font-size: 15px;
	height: 25px;
	padding-top: 10px;
	padding-left: 30px;
	margin-bottom: 5px;
	background-image: url(../../images/backNaviHead3.gif);
	width: 260px;
	color: #666;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFF;
}


.userInfo .head {
	width: 100px;
}


/******************************************************************************/

/* clearfix http://www.positioniseverything.net/ */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	zoom:1;
    display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******************************************************************************/


/* XOOPS table */
table {
    margin: 0;
    padding: 0;
}
td {
    padding: 5px;
    vertical-align: top;
}

.outer {}
.head {
	padding: 5px;
	font-weight: bold;
	text-align: right;
	color: #999;
}
.even {
    padding: 5px;
}
.odd {
    padding: 5px;
}
.foot {
    padding: 5px;
}

tr.even td {
    background-color: #EEE;
    padding: 5px;
}
tr.odd td {
    background-color: #FAFAFA;
    padding: 5px;
}

/******************************************************************************/


/* XOOPS Error Msg */
div.errorMsg {
    background-color: #FFCCCC;
    text-align: center;
    border-top: 1px solid #DDDDFF;
    border-left: 1px solid #DDDDFF;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    font-weight: bold;
    padding: 10px;
}
div.confirmMsg {
    background-color: #DDFFDF;
    color: #136C99;
    text-align: center;
    border-top: 1px solid #DDDDFF;
    border-left: 1px solid #DDDDFF;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    font-weight: bold;
    padding: 10px;
}
div.resultMsg {
    background-color : #CCCCCC;
    color: #333333;
    text-align: center;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    font-weight: bold;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 10px;
}

/* XOOPS Code & Quote */
div.xoopsCode {
    background: #FAFAFA;
    border: 1px inset #000080;
    font-family: "Courier New",Courier,monospace;
    padding: 0px 6px 6px 6px;
}
div.xoopsQuote {
    background-color:#FAFAFA;
    border: #336699 solid 1px;
    padding: 3px;
}