/* General Settings */
body{
/*	text-align:center;*/
	color: #646464;
	margin: 0 0 0 0;	/* マージン */
	padding: 0 0 0 0;	/* パディング */
	background: #E8E8E8; 	/* 背景画像の配置 */
}

h1 {margin: 0; font-size: 1.7em;}
h2 {margin: 0; font-size: 1.5em;}
h3 {margin: 0; font-size: 1.3em;}
h4 {margin: 0; font-size: 1.1em;}
img {border: 0;}

form {margin: 0; padding: 0;}
textarea {margin: 0; background-color:#f7f7f7; border: #CCCCCC 1px solid; font-size:0.85em; color: #666666; vertical-align: middle;}

/***********************************************************************************
// リンクについて
***********************************************************************************/
	a:link , a:visited{
		color: #646464;																/* 文字の色 */
		text-decoration: underline;													/* 下線 */
	}
	a:hover , a:active{
		color: #000000;																/* 文字の色 */
		text-decoration: underline;													/* 下線 */
	}

/*#MainColumn ul { margin: 0; padding: 0; list-style: decimal inside; text-align: left;}
#MainColumn li { margin-left: 2px; list-style: square inside; color: #666}*/

.item {border: 1px solid #e6e6e6;}
.itemHead {padding: 3px; background-color: #5a667b; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemTitle a:hover {color: #FF9933;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}


/* float clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}

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

#XoopsBanner {clear: both; text-align: center; padding: 0; margin: 0;}


/* Structure Settings */
/***********************************************************************************
// 全体
***********************************************************************************/
	#OuterWrapper {
		width: 985px;																/* 横幅 */
		margin: 0;																	/* マージン */
		padding: 0px;																/* パディング */
		text-align: left;															/* 文字の表示位置（横） */
		background: #E8E8E8 url(../common/images/bg_gray.gif) repeat-y left top; 	/* 背景の設定 */
	}

/***********************************************************************************
// コンテンツ部分
***********************************************************************************/
	#InnerWrapper {
		width: 740px;																/* 横幅 */
		margin: 0px;																/* マージン */
		margin-left: 10px;															/* マージン（横） */
		padding: 0px 15px 0px 15px;													/* パディング */
		float: left;																/* フロート */
		background-color: #FFFFFF;													/* 背景色 */
	}

/***********************************************************************************
// ヘッダー部分
***********************************************************************************/
	/***********************************************************************************
	// ヘッダー全体
	***********************************************************************************/
		#HeaderMain{
			width: 740px;																/* 横幅 */
			margin: 0px;																/* マージン */
			padding: 0px;																/* パディング */
			background-color: #FFFFFF;													/* 背景色 */
			clear: both;																/* フロートの解除 */
		}
		
	/***********************************************************************************
	// ヘッダー全体
	***********************************************************************************/
		#Header {
			min-height: 1px;															/* 最小の高さ */
			clear: both;																/* フロートの解除 */
		}
		
	/***********************************************************************************
	// ヘッダー全体
	***********************************************************************************/
		#header {
			width: 740px;																/* 横幅 */
			padding: 0;																	/* パディング */
		}
		
	/***********************************************************************************
	// ヘッダー内の左部分
	***********************************************************************************/
		#header #left {
			width: 350px;																/* 横幅 */
			height: 70px;																/* 高さ */
			padding: 0;																	/* パディング */
			text-align: left;															/* 文字の表示位置（横） */
			float: left;																/* フロート */
		}
		
	/***********************************************************************************
	// ヘッダー内の右部分
	***********************************************************************************/
		#header #right {
			float: right;																/* フロート */
			text-align: right;															/* 文字の表示位置（横） */
			font-size: 90%;																/* 文字の大きさ */
			line-height: 150%;															/* 行間 */
			color: #666666;																/* 文字色 */
			background-image: url(./images/eventbanner.gif);							/* 背景画像 */
			width: 370px;																/* 横幅 */
			height: 70px;																/* 高さ */
			padding: 0;																	/* パディング */
		}

	/***********************************************************************************
	// ヘッダー内のメニュー
	***********************************************************************************/
		#headermenu {
			width: 740px;																/* 横幅 */
			height: 30px;																/* 高さ */
			padding: 0;																	/* パディング */
			float: right;																/* フロート */
		}

	/***********************************************************************************
	// 外国語サイトへのリンク
	***********************************************************************************/
		/*div.languages table {*/
		#languages table {
			float: right;																/* フロート */
			text-align:right;															/* 文字の表示位置（横） */
			margin: 0;																	/* マージン */
		}


#SiteTitle {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin: 0px;
}
#SiteTitle a {
	color: #ccc;
	text-decoration: none;
}
#SiteTitle a:hover {
	color: #fff;
}
#SiteSubtitle {
	font-size: 16px;
	color: #ccc;
	font-weight: bold;
	margin: 5px 30px 0 0;
}
#HeaderBottom {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 10px;
}
div#PageTitle {
	padding-top: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/pageTitle_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 30px;
}

#MainWrapper{
	width: 740px;
}

#MainColumn {
	width: 740px;
	float: left;
	padding:0px;
	background-color: #FFFFFF;
}

#MainInner {
	width: 740px;
	padding:0px;
}

#bread{
	width: 500px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 20px;
	font-size: 90%;
}


#ContentsBody {
	width: 474px;
	float: left;
	padding: 0;
}


#ContentsBody ul li.cat{
	display: inline;
	list-style-type: none;	
}

#Copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
}

/* Blocks Settings */
#RightWrapper {
	width: 260px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 6px;
}

#RightColumn {
	width: 260px;
	padding: 0px 0px 0px 0px;
}

#RightColumn div.blockTitle {
	background-image: url(images/rblkTitle_bg.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 140px;
}
#RightColumn div.blockTitle .titleText {
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	text-indent: 25px;
	overflow: hidden;
}
.rboxTop {/* Blocks Image Top */
	margin: 3px 0 0 0;
}
.rboxBottom {/* Blocks Image Bottom */
	margin: 0 0 6px 0;
}
.blockContentOuter {
	/*background-image: url(images/rbox_bg.gif);
	background-repeat: repeat-y;*/
}
.blockContentInner {
	display: block;

	/*width: 140px;*/
	width: 185px;

	margin: 0;
	padding: 0;
	color: #333333;
	font-size: inherit;
}
.blockContentInner h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.blockContentInner p {
	margin: 0 9px 0 8px;
}
.blockContentInner form p {
	margin: 0;
}
.blockContentInner ul, .blockContentInner dl {
	margin: 0 9px 0 8px;
	padding: 0;
}
.blockContentInner li, .blockContentInner dt, .blockContentInner dd {
	margin: 0 10px;
	color: #e6e6e6;
}
#RightColumn .head, #RightColumn .even, #RightColumn .odd {color: #333;}
#RightColumn .head a, #RightColumn .even a, #RightColumn .odd a {color: #036;}


/* For Menu */
/* Web std */
.blockContentInner #mainmenu {margin: 0; padding: 0;}
.blockContentInner #mainmenu li {margin: 0; padding: 0; list-style-type: none;}
.blockContentInner #mainmenu ul {margin: 0; padding: 0;}
.blockContentInner #usermenu {margin: 0; padding: 0;}
.blockContentInner #usermenu li {margin: 0; padding: 0; list-style-type: none;}
.blockContentInner .mainmenu {margin: 0; padding: 0;}
.blockContentInner .mainmenu li {margin: 0; padding: 0; list-style-type: none;}
.blockContentInner .mainmenu ul {margin: 0; padding: 0;}


/* MainMenu and Multimenu */
.blockContentInner #mainmenu a, .blockContentInner .mainmenu a {
	color: #993300;
	display: block;
	overflow: hidden;
	width: 230px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: 16px;
	text-decoration: none;
	vertical-align: middle;
}

.blockContentInner #mainmenu a:visited, .blockContentInner .mainmenu a:visited{
	color: #000000;
}


.blockContentInner #mainmenu a:hover, .blockContentInner .mainmenu a:hover {
	color: #FFCC33;
	background:url(images/menu_f2.gif) no-repeat 0 0;
}

.blockContentInner #mainmenu a.menuTop, .blockContentInner .mainmenu a.menuTop {
	width: 220px;
	height: 23px;
}

/***********************************************************************************
// 左メニューリンクスタイル
***********************************************************************************/
	/***********************************************************************************
	// 基本設定・選択済の設定
	***********************************************************************************/
		.blockContentInner #mainmenu a.menuTop , .blockContentInner #mainmenu a.menuTop:visited,
		.blockContentInner #mainmenu a.menuMain , .blockContentInner #mainmenu a.menuMain:visited{
			width: 230px;/*185*/
			height: 25px;
			background:url(images/button_glay.gif) no-repeat 0 0;
			font-size: 100%;
			color: #333333;
			text-decoration: underline;
		}
	
		.blockContentInner #usermenu a {
			width: 230px;/*185*/
			height: 25px;
			background:url(images/button_glay.gif) no-repeat 0 0;
			font-size: 100%;
			color: #333333;
			text-decoration: underline;
			text-indent: 16px;
			margin: 0;
			padding: 0;
		}
	
	/***********************************************************************************
	// ロールオーバー時の設定
	***********************************************************************************/
		.blockContentInner #mainmenu a.menuTop:hover,
		.blockContentInner #mainmenu a.menuMain:hover{
			color: #FFFFFF;
			background:url(images/button_lightblue.gif) no-repeat 0 0;
		}

	/***********************************************************************************
	// サブメニューの設定
	***********************************************************************************/
		.blockContentInner #mainmenu a.menuSub, .blockContentInner #mainmenu a.menuSub {
			width: 220px;/*185*/
			height: 20px;
			text-indent: 30px;
			line-height: 23px;
			background:url(images/smenu_f2.gif) no-repeat 0 0;
			margin-top: 1px;
			color: #333333;
			font-size: 90%;
			text-decoration: underline;
			padding: 0px 0px 0px 0px;
		}

		/***********************************************************************************
		// ロールオーバー時の設定
		***********************************************************************************/
			.blockContentInner #mainmenu a.menuSub:hover {
				color: #AAAAAA;
			}
		

	/***********************************************************************************
	// サブメニューの設定(ユーザーメニュー部分）
	***********************************************************************************/
		/* UserMenu */
		.blockContentInner #usermenu a:visited{
			color: #333333;
		}
		
		.blockContentInner #usermenu a:hover {
			color: #FFFFFF;
			background:url(images/button_lightblue.gif) no-repeat 0 0;
		}


#ContentsBody table {
/*
	width: 100%;
	max-width: 560px;
*/
}
#ContentsBody textarea, #ContentsBody input {max-width: 350px;}/* for modules form broken theme */

div.Centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
div.CenterCcolumn {
	padding: 0px;
	min-height: 1px;
}
div.CenterCcolumn div.blockContent {padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 150%;}

div.CenterLeftcolumn {margin-bottom: 15px; float: left; width: 360px; padding: 0px 3px 0px 0px; min-height: 1px;}
div.CenterLeftcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 150%;}

div.CenterRightcolumn {margin-bottom: 15px; float: right; width: 360px; padding: 0px 3px 0px 0px; min-height: 1px;}
div.CenterCcolumn h3.blockTitle, div.CenterLeftcolumn h3.blockTitle, div.CenterRightcolumn h3.blockTitle {
	display: block;
	height: 36px;
	background:url(images/C_bg.gif) repeat-x 0 0;
	padding: 3px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-indent: 10px;
	line-height: 30px;
}
div.CenterRightcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; line-height: 150%;}



.outer {border: 1px solid #444;}
.outer th {background-color: #999; color: #FFFFFF; vertical-align: middle;}
.outer th a {color: #fff;text-decoration: underline;}
.outer th a:hover {color: #990033;}
.outer td {border-bottom: 1px dotted #ccc;}
.head {background-color: #e6e6e6; padding: 5px; font-weight: bold; vertical-align:top;}
.even {background-color: #f7f7f7; padding: 5px; vertical-align:top;}
.odd {background-color: #fff; padding: 5px; vertical-align:top;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px; vertical-align:top;}
tr.odd td {background-color: #E9E9E9; padding: 5px; vertical-align:top;}

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;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; overflow: auto;}
/* code is scroll. for forum */
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {color: #000; font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px; word-break:break-all; overflow: hidden;}/* overflow is hidden for forum */
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

.d3f_form_table td input {max-width: 480px;}/* for d3forum make new forum page */
#MainColumn .d3f_iconexp li {list-style: none;}/* thx hi-debow */
.skip {position: absolute; left: -9000px; margin: 0; padding: 0;}/* for ex templates. thx hi-debow */


/***********************************************************************************
// フッター
***********************************************************************************/

#footer {
	clear: both;
	width: 740px;
	font-size: 70%;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: left;
	background-image:  url(./images/footer_bg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer #left {
	float: left;
	text-align: left;
	width: 500px;
}

#footer #right {
	float: right;
	text-align: left;
	width: 230px;
}


#footer .copy {
	line-height: 150%;
	color: #646464;
}

/***********************************************************************************
// フッター内のリンク
***********************************************************************************/
	div.box_footer a:link{
		color: #646464;																/* 文字の色 */
	}
	div.box_footer a:visited{
		color: #646464;																/* 文字の色 */
	}
	div.box_footer a:hover{
		color: #000000;																/* 文字の色 */
	}
	div.box_footer a:active{
		color: #000000;																/* 文字の色 */
	}

/* footer link color */
/***********************************************************************************
// フッター部分スタイル
***********************************************************************************/
	/***********************************************************************************
	// フッター全体
	***********************************************************************************/
		div.topbox_footer{
			margin: 0;																	/* マージン */
			padding: 15px 0px 5px 0px;													/* パディング */
		}

	/***********************************************************************************
	// フッター内のリンク
	***********************************************************************************/
		div.topbox_footer a:link{
			color: #646464;		/* 文字の色 */
		}
		div.topbox_footer a:visited{
			color: #646464;		/* 文字の色 */
		}
		div.topbox_footer a:hover{
			color: #000000;		/* 文字の色 */
		}
		div.topbox_footer a:active{
			color: #000000;		/* 文字の色 */
		}

/***********************************************************************************
// トップページ　右メニュー
***********************************************************************************/
	#top_contentsRight {
		width: 260px;
		margin: 0px 0px 10px 0px;
	}


/***********************************************************************************
// フォント
***********************************************************************************/
	table.toptext01 { 
		font-size: 70%;
	}
	
	table.toptext02 { 
		color: #ffffff;
		font-size: 80%;
		font-weight: bold;
	}

	table.topright {
		font-size: 0.8em;
		line-height: 200%
	}
	
	.topright03 { font-size: 0.8em; }

	.topright04 { font-size: 0.8em; font-weight: bold; color: #78000A; }


	.texttopright02 {
		color: #969696;
		font-size: 70%;
	}
	
	.texttopright03 {
		color: #504691;
		font-size: 70%;
		font-weight: bold;
	}


/***********************************************************************************
// トップページ　上部高さ揃え
***********************************************************************************/
	#top_contentsTop {
		height: 340px;
	}

/***********************************************************************************
// トップページ　新着情報などのブロックタイトル
***********************************************************************************/
	h3.top_blockTitle  {
		width: 300px;																/* 横幅 */
		height: 16px;																/* 高さ */
		margin: 0;																	/* マージン */
		padding: 1px 0px 0px 10px;													/* パディング */
		font-size: 0.8em;															/* 文字の大きさ */
		font-weight: bold;															/* 文字の太さ */
		color: #000000;																/* 文字色 */
		background: url(./images/top_new_info_back.gif) no-repeat left top;			/* 背景画像 */
	}

/***********************************************************************************
// トップページ　新着情報などのブロックタイトル（画像の場合）
***********************************************************************************/
	div.top_blockTitle_img {
		width: 355px;																/* 横幅 */
		margin: 0;																	/* マージン */
		padding: 0px 0px 0px 5px;													/* パディング */
	}

/***********************************************************************************
// トップページ　新着情報の左ブロックコンテンツ
***********************************************************************************/
	div.top_blockContent_l {
		width: 350px;																/* 横幅 */
		height: 300px;																/* 高さ */
		margin-bottom: 10px;														/* マージン */
		padding: 5px 5px 5px 5px;													/* パディング */
		font-size: 0.8em;															/* 文字の大きさ */
		overflow: auto;																/* 表示領域を超えた場合 */
		clear: both;
	}

/***********************************************************************************
// トップページ　ショップトピックスの右ブロックコンテンツ
***********************************************************************************/
	div.top_blockContent_r {
		width: 350px;																/* 横幅 */
		height: 300px;																/* 高さ */
		margin-bottom: 10px;														/* マージン */
		padding: 5px 5px 5px 5px;													/* パディング */
		font-size: 0.8em;															/* 文字の大きさ */
		overflow: auto;																/* 表示領域を超えた場合 */
		clear: both;
	}
		
/***********************************************************************************
// トップページ　SHOPTOPICS　タイトル文字
***********************************************************************************/
	.top_st_title {
		color: #78000A;																/* 文字の色 */
	}
	
	/***********************************************************************************
	// トップページ　SHOPTOPICS内のリンク
	***********************************************************************************/
		.top_st_title a:link,
		.top_st_title a:visited,
		.top_st_title a:hover,
		.top_st_title a:active{
			color: #78000A;																/* 文字の色 */
		}
	
/***********************************************************************************
// トップページ　SHOPTOPICS　一覧内画像
***********************************************************************************/
	img.top_st_img {
		border: 1px #000000 solid;													/* 境界線 */
	}

/***********************************************************************************
// トップページ　空港リンク
***********************************************************************************/
	div.top_leftbox img {
		float: left;
		margin: 0px 4px 0px 0px;
	}
	
	
/***********************************************************************************
// バナーコンテンツ部分
***********************************************************************************/
	#bannerContents {
		float: right;
		width: 180px;
		padding:0 0 0 0;
		background: #E8E8E8;
	}
	
	div.banner img {
		float: left;
		margin: 0px 0px 10px 0px;
	}
	
/***********************************************************************************
// マージンの代わりにスペース
***********************************************************************************/
	#space01 {
		height: 10px;
		padding:0 0 0 0;
	}

/***********************************************************************************
// Google検索用
***********************************************************************************/
	#siteSearch {
		width: 260px;
		float: right;
		background: url(images/bg_serch.gif) no-repeat ;
		float: right; 
		text-align: right;
	}

	#siteSearch form {
		margin: 0 0 0 0;
	}

/***********************************************************************************
// 2009.12.28　Tsuzaki
// サイト内検索のスタイルをクラスを指定するように変更
// 「検索」ボタンの大きさを50pxに指定
// 「入力欄」の大きさを140pxに変更
***********************************************************************************/
	#siteSearch input.form_text {
		width: 130px;
		height: 1.0em;
		margin: 0 0 3px 0;
	}
	
	#siteSearch input.form_button01 {
		padding: 1px 10px;
		margin: 0 0 3px 0;
		width: 50px;
	}
	
	input, select, textarea {
		color: #000000;
		font-size: 70%;
	}