@import url("contents.css");
@import url("module.css");
/*--------------------------------------------------------------*/
/* CSS and Graphics are released under GPL */
/* Copyright (C) 2009, Takayuki Yonezaki Inc.   */
/* http://webforart.net/                                           */
/*--------------------------------------------------------------*/
* {	margin: 0;
	padding: 0;
	background-color:transparent;
	color:#333333;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
img{
padding:0;
margin:0;
border:0;
}

/* -- ■■全般設定■■ ------------------------------------------------------ */
body {
	text-align: center;
	margin: 0;
	padding: 0;
color:#4F4D4A;
background-color:#FFD4C0;
background-image: url(images/); ;
background-position:;
background-repeat:;
background-attachment:;
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,sans-serif;
	}
/* ----ページメイン------ */

#page {
font-size:12px;
line-height: 120%;
margin: 0px auto 0;
width:790px;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:none;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:0;
}

/* ----さふぁりハック------ */
html[xmlns*=""] body:last-child #page{
margin: 0 auto 0;
}


/* ----見出し------ */
h1 {}
h1 a{}
h1 a:hover {}
h2 {
	font-weight: bold;
text-align:left;
background-color:;
padding:2px 2px 1px;
}
h3 {
	font-weight: bold;
}

/* -- ■■ヘッダーの定義■■ ------------------------------------------------ */

#header {
width: 100%;
padding:20px 0 0 0;
margin: 0 0 30px;
text-align:left;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
}

div#Logo {
float:left;
background-color:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding: 0 10px 10px 10px;
margin:;
}
div#Banner {
float:right;
background-color:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding: 0 10px 10px 10px;
margin:;
}

#Sitename{
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:2px;
margin: 0 0 5px 0;
}
#Sitename h1{
	margin: 0;
	padding: 0;
	line-height: 110%;
	font-weight: 700;
color:#3F3D3B;
font-size:23px;
text-align:left;
	font-weight: 700;
}
#Sitename h1 a{
	margin: 0;
	padding: 0;
	line-height: 110%;
color:#3F3D3B;
font-size:23px;
	font-weight: 700;
}
#Sitename p {
color:#172F18;
font-size:14px;
text-align:left;
background-color:;
padding:0;
margin: 5px 0 0 0;
}

/* -- ■■ログインの定義■■ ------------------------------------------ */

#roginin {
	float: right;
}

#roginin li{
	margin: 2px;
	white-space: nowrap;
	display: inline;
	float: left;
}

#roginin li a{
	font-size: x-small;
	display: block;
	color:#3F2800;
}


/* -- ■■センター部分の定義■■ -------------------------------------------- */

#main_content {
width: 100%;
clear: both;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
margin:;
padding:;
}

/* -- ■■メインコラムの定義■■ ---------------------------------------- */
#maincolumn {
	width:640px;
	float:right;
}
#maincolumn_sub{
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:7px 0 0;
margin: 0 0 0 5px;
}

/* -- ■■右ブロックの定義(メインコラム上)■■ ------------------------------------ */

#rightcolumn {
display:block;
width:;
}
.rightIN{
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:;
margin:0 0 2px 0;
}

.rightIN h2{
line-height: 110%;
clear: both;
font-weight:bold;
color:;
font-size:15px;
text-align:left;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom: 2px #EFE8E0 dotted;
border-left:;
padding:4px 4px 1px;
margin: 0 0 5px 0;
}
.rightIN .blockContent {
color:;
font-size:;
text-align:left;
background-color:;
background-image: url(images/;)
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
margin:;
padding:;
}


/* -- ■■モジュールビューの定義■■ ---------------------------------------- */

#content {
line-height: 110%;
clear: both;
color:;
font-size:;
text-align:left;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:0;
margin: 0 0 10px;
}

#content h2#mc_h2{
clear: both;
line-height: 110%;
font-size:14px;
text-align:right;
border-bottom: #EFDAC2 dotted 2px;
padding:0 0 2px;
margin: 0 0 10px;
color:#3F3D3B;
}
#content h2#mc_h2 span{
font-weight: bold;
border-right: #EFDAC2 solid 14px;
padding:0 10px;
color:#3F3D3B;
}

#content p{padding: 0;margin: 1px 0;line-height: 120%;}
/* -- ■■中央2-----------------------*/

#maincolumn2{
clear: both;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:;
margin:;
}

/* -- ■■中央-左ブロックの定義■■ ----------------------------------------- */
#centerL{
width: 49%;
float: left;
}
.centerLIN{
clear: both;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:0;
margin: 0 0 10px;
}
/*タイトル*/
.centerLIN h2{
line-height: 110%;
clear: both;
font-weight:bold;
color:;
font-size:15px;
text-align:left;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom: 2px #EFE8E0 dotted;
border-left:;
padding:4px 4px 1px;
margin: 0 0 5px 0;
}
/*コンテンツ*/
.centerLIN .blockContent {
color:;
font-size:;
text-align:left;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:;
margin:;
}


/* -- ■■中央-右ブロックの定義■■ ----------------------------------------- */
#centerR{
float: right;
width: 49%;
}
.centerRIN{
clear: both;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:0;
margin: 0 0 10px;
}
/*タイトル*/
.centerRIN h2{
line-height: 110%;
clear: both;
font-weight:bold;
color:;
font-size:15px;
text-align:left;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom: 2px #EFE8E0 dotted;
border-left:;
padding:4px 4px 1px;
margin: 0 0 5px 0;
}

/*コンテンツ*/
.centerRIN .blockContent {
color:;
font-size:;
text-align:left;
text-align:left;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:;
margin:;
}
/* -- ■■中央-中央ブロックの定義■■ --------------------------------------- */
#centerC {
clear: both;
}
.centerCIN {
text-align:left;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding:0;
margin: 0 0 10px;
}
/*タイトル*/
.centerCIN h2{
line-height: 110%;
clear: both;
font-weight:bold;
color:;
font-size:15px;
text-align:left;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom: 2px #EFE8E0 dotted;
border-left:;
padding:4px 4px 1px;
margin: 0 0 5px 0;
}
/*コンテンツ*/
.centerCIN .blockContent{
color:
font-size:
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
margin:;
padding:;
}

/* -- ページ先頭へ -- */
div#BacktoTop {
	clear: both;
color:;
font-size:;
text-align:right;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border-bottom: #EFDAC2 dotted 2px;
margin: 5px 5px 0;
padding: 5px;
}

/* パンくずメニュー */
p#breadcrumb,
p#theme_breadcrumbs {
	width: 100%;
clear: both;
font-size:12px;
text-align:left;
background-color:;
margin: 5px 5px 3px 10px;
padding: 5px;
}


/* -- ■■左ブロックの定義■■ ---------------------------------------------- */

#leftcolumn {
float: left;
width:149px;
display: block;
}
.leftIN{
clear: both;
display: block;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding: 0 0 20px;
margin: 0 0 5px;
}

/*タイトル*/
.leftIN h2{
line-height: 110%;
clear: both;
font-weight:bold;
color:;
font-size:15px;
text-align:left;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom: 3px #BFBFBF dotted;
border-left:;
padding:4px 4px 1px;
margin: 0 0 5px 0;
}

/*コンテンツ*/
.leftIN .blockContent {
color:;
font-size:;
text-align:
text-align:center;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
padding: 0;
margin:;
}

/* -- ■■メインメニューの定義■■ ------------------------------------------ */

ul#mainmenu,
ul#usermenu{
clear: both;
padding: 0;
text-align:left;
}

ul#mainmenu li,
ul#usermenu li{
list-style-position : inside ;
clear: both;
margin:0 0 3px;
}
ul#usermenu li a,
ul#mainmenu li a{
font-weight: 600;
font-size:13px
text-decoration: none;
display:inline-block;
padding: 7px 0 2px;
}
ul#usermenu li:hover,
ul#mainmenu li:hover {
color:#BF3100;
border-bottom: #DFD6D1 dashed 1px;
}
ul#mainmenu .menuTop a{}
ul#mainmenu .menuMain a{}
ul#mainmenu .menuSub a{}

ul#usermenu li a:link,
ul#mainmenu li a:link   {
color:#3F3D3B;
}
ul#usermenu li a:visited,
ul#mainmenu li a:visited {
color:#3F3D3B;
}
ul#usermenu li a:active,
ul#mainmenu li a:active {
color:#AF4200;
}
/* -- ■■管理画面■■ ------------------------------------------ */
#header_adm{
width: 100%;
padding:10px 0 0 0;
margin:;
text-align:left;
background-color: #EFEFEF;}
div.adminmenu_block{text-align:left;}
div.adminmenu_block li{
border-bottom: #DDD solid 1px;
}
div.adminmenu_block li{
font-size: 12px;
}
a.adminmenu_block_main_module_name{}
/* -- ■■フッタブロックの定義■■ ------------------------------------------ */

#footer{
	line-height: 110%;
	display: block;
	clear: both;
color:;
font-size:12px;
text-align:center;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
margin: 5px 0 0;
padding:3px;
}
#footer2 p{
	text-align:center;
	font-size: 10px;
	line-height: 110%;
	margin-top: 2px;
	clear: both;
	}

/* -- ■■諸多■■ ---------------------------------------------------------- */

/* -- スキップ -- */
.skip {
	position: absolute;
	left: -9000px;
	margin: 0;
	padding: 0;
}

/* 見出しとリスト */

#maincolumn_sub h4,
#maincolumn_sub h5 {
	font-family: Courier New;
	color: #f60;
	padding: 0;
	margin: 0px 0 5px;
}

#maincolumn_sub h2 {
line-height: 120%;
color:;
font-size:;
text-align:;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
margin:;
padding:;
}

#maincolumn_sub h3 {
line-height: 120%;
font-weight:bold !important;
color:;
font-size:;
text-align:;
background-color:;
background-image: url(images/);
background-position:;
background-repeat:;
background-attachment:;
border:;
border-top:;
border-right:;
border-bottom:;
border-left:;
margin:;
padding:;
}

legend {
padding: 0 10px;
color: #F60;
background: inherit;
}

hr {
height:2px;
margin:3px;
background: #DFD9D1;
}

/* -- ■■リンクの設定■■ -------------------------------------------------- */

a {
text-decoration: none;
}
a:link   {
color:#00064F;
}
a:visited {
color:#4F4D4A;
}
a:hover {
color:#BF4300;
}
a:active {
color:#DFD6D1;
}

.ctrlMsg a:link { color: #336699;}
.ctrlMsg a:visited { color: #336699;}
.ctrlMsg a:hover { color: #336699;}
/* 投稿 */
textarea{
background-color:#FFFFFF;}
/*============================================================================*/
/* XOOPS CSS - remaining for compatibility   */

#xoopsHiddenText {
	visibility: hidden;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pagneutral {
	font-size: 10px;
	width: 16px;
	height: 19px;
	text-align: center;
	background-image: url(./images/pagneutral.gif);
}
.pagact {
	font-size: 10px;
	width: 16px;
	height: 19px;
	text-align: center;
	background-image: url(./images/pagact.gif);
}
.paginact {
	font-size: 10px;
	width: 16px;
	height: 19px;
	text-align: center;
	background-image: url(./images/paginact.gif);
}

/*============================================================================*/
/* forms */
#legacy_xoopsform_block_uname,
#legacy_xoopsform_block_pass,
#legacy_xoopsform_query_block,
#xoops_theme_select{
	width: 120px;
}


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

/* XOOPS com */
.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}
.comText {
	padding: 2px;
}
.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;
}

/* XoopsComments */
div.XoopsCommentsInfo{}

ul#XoopsCommentsNavigation{
	padding: 0;
	margin: 5px 0;
}
ul#XoopsCommentsNavigation li{
	display: inline;
}
ul.XoopsCommentsThread{
	padding: 0;
	margin: 5px 0 15px;
}
ul.XoopsCommentsThread li{
	padding: 2px 0;
	list-style: none;
}
ul.XoopsCommentsThread li img{
	vertical-align: middle;
}
h3.XoopsCommentsTitle{
	padding: 3px 6px;
	background-color: #ddd;
}
h3.XoopsCommentsTitle img{
	vertical-align: middle;
}
h4.XoopsCommentsThreadTitle{
	border-bottom: 1px #aaa solid;
}
div.XoopsCommentsText{
	clear: both;
	padding: 3px 6px;
}
div.XoopsCommentsSub{
	position: relative;
	padding: 2px 6px;
	background-color: #eee;
}
div.XoopsCommentsCtrl{
	position: absolute;
	top: 2px;
	right: 6px;
}
hr.XoopsCommentsDivision{
	margin: 10px 0;
}

/* dhtmltextarea - just for menu skip */
.dhtmltextarea{
	position: relative;
}

/*============================================================================*/
/* XOOPS DIALOGUE MSG */
/* errorMsg */
.errorMsg {
color:;
background-color:;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* confirmMsg */
.confirmMsg {
color:;
background-color:;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* resultMsg */
.resultMsg {
color:;
background-color:;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* redirectMsg */
.redirectMsg {
color:;
background-color:;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* ctrlMsg */
.ctrlMsg {
color:;
background-color:;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 15px 25px 10px;
}


/*============================================================================*/
/* XOOPS_DIALOGUE */
.xoops_dialogue{
color:;
background-color:;
}
#dialogue_title{
	padding: 3px 5px;
	text-align: left;
	font-weight: bold;
color:;
background-color:;
}
#dialogue_title img{
	vertical-align: middle;
	margin-right: 5px;
}

/*============================================================================*/
/* ADMIN SIDE */

/* admin ctrl */
#admin_ctrl{
	border-bottom: 1px #666 solid;
	background-color: #666;
	text-align: right;
	padding: 5px 10px;
	line-height: 100%;
}
#admin_ctrl a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#admin_ctrl a:hover{
	color: #113;
}
#admin_ctrl a:before {
	margin: 0 3px;
	content: url(images/_common/menulist.gif);
}
#admin_ctrl a.direct:before {
	margin: 0 2px;
	content: url(images/_common/menulist_direct.gif);
}
#admin_ctrl a.end_of_shortcut{
	margin-right: 10px;
}

/* admin header and footer */
.AdminMode #Container{
	width: 100%;
	border: none;
}
.AdminMode #Header{
	height: 60px;
background-color:;
}
.AdminMode #Header #Logo{
	margin: 0;
	padding: 0 10px;
}
.AdminMode div#Header div#Sitename {
	font-size: 150%;
color:;
}
.AdminMode div#Footer {
color:;
background-color:;
}
.AdminMode div#Footer p a{
color:;
}

/* admin headings */
.AdminMode #CenterWrapper h2 {
	line-height: 100%;
	font-size: 110%;
	padding: 6px;
	border: none;
	margin: 0;
color:;
background-color:
}
.AdminMode #CenterWrapper h3 {
	line-height: 100%;
	font-size: 110%;
	padding: 6px;
	border-bottom: none !important;
border-left: 8px;
}
.AdminMode #CenterWrapper h4{
	margin: 10px 0 0;
border-bottom: 1px;
}

/* admin left column */
.AdminMode #LeftColumn h2.BlockTitle{
	font-size: 110%;
	margin: -10px 0 0;
	padding: 6px 10px;
	line-height: 100%;
color:;
background-color:;
}
.AdminMode #LeftColumn div.adminmenu_block_main{
	margin: 0 -10px;
	clear: left;
	border-top: 1px #aaa solid;
}
.AdminMode #LeftColumn div.adminmenu_block_main img{
	padding: 4px 4px 2px 5px;
	float: left;
}

/* admin left column anchor */
.AdminMode #LeftColumn div.adminmenu_block_main a.adminmenu_block_main_module_name{
	font-weight: bold;
	color: #222;
	padding: 4px;
	display: block;
	text-decoration: none;
}
.AdminMode #LeftColumn div ul,
.AdminMode #LeftColumn div li{
	list-style: none;
	margin:0 -5px;
	padding:0;
}
.AdminMode #LeftColumn div li a{
	color: #222;
	padding: 3px 5px;
	display: block;
	text-decoration: none;
}
.AdminMode #LeftColumn div a:hover{
	color: #fff;
	background-color: #999;
}

/* admin table */
.AdminMode table.outer{
	margin: 10px 0;
	border-top: 1px #bbb solid;
	border-left: 1px #bbb solid;
	border-collapse: collapse;
}
.AdminMode table.outer th{
	text-align: center;
color:;
background-color:;
}
.AdminMode table.outer th,
.AdminMode table.outer td {
	border-bottom: 1px #bbb solid;
	border-right: 1px #bbb solid;
}
.legacyst_description{
	color: #333;
	font-size: 85%;
}


/* admin error */
div.error{
	color: #900;
	background-color: #eee;
	padding: 5px;
}
/* ModuleContents */
form.odd{
	border:1px #aaa solid;
}

/* table coloring for admin */
.AdminMode .head {
color:;
background-color:;
}
.AdminMode .even,
.AdminMode tr.even td {
color:;
background-color:;
}
.AdminMode .odd,
.AdminMode tr.odd td {
color:;
background-color:;
}
.AdminMode .foot {}

.AdminMode table.outer th {
color:;
background-color:;
}
.AdminMode table.outer thead tr th {
color:;
background-color:;
}
.AdminMode table.outer thead tr td {
background-color:;
background-color:;
}

/* block and modules control pannel */
.AdminMode td.legacy_blockside div {
	display: inline;
	padding: 1px;
}
.AdminMode td.legacy_blockside div *{
	vertical-align: middle;
}
.AdminMode td.legacy_blockside div.active {
	background-color: #edd;
}
.AdminMode td.legacy_blockside,
.AdminMode td.blockposition {
	white-space: nowrap !important;
}
.AdminMode tr.active td{
	background-color: #edd;
}
.AdminMode .tips {
color:;
background-color:;
	padding: 10px 15px;
}