/*============================================================================*/
/* LAYOUT */
	/* Header */
	/* Breadcrumb */
	/* Content */
	/* Center LR Column */
	/* Left Right Column */
	/* Left Right Column Title */
	/* Left Right Column Content */
	/* Footer */
/* COLORING */
	/* hyper-link coloring */
	/* table coloring */
	/* XOOPS CSS - remaining for compatibility   */
/* XOOPS MAIN MENU */
	/* forms */
	/* XOOPS item */
	/* XOOPS Code & Quote */
	/* XOOPS com */
	/* XoopsComments */
	/* dhtmltextarea - just for menu skip */
/* XOOPS DIALOGUE MSG */
	/* errorMsg */
	/* confirmMsg */
	/* resultMsg */
	/* redirectMsg */
	/* ctrlMsg */
/* ANHCOR ICONS */
/* normal headings */
/* XOOPS_DIALOGUE */
/* XOOPS ADMIN SIDE */
	/* admin ctrl */
	/* admin header and footer */
	/* admin headings */
	/* admin left column */
	/* admin left column anchor */
	/* admin table */
	/* admin error */
	/* ModuleContents */
	/* table coloring for admin */
	/* block and modules control pannel */
/* HEADLINES SETTINGS */
/*============================================================================*/
/* LAYOUT */

body {
	font-size: 100%;
	background-color: #fff;
	color: #111;
	text-align: center;
	font-family: Meiryo, Helvetica, sans-serif;
	line-height: 1.5;
	background: #f8f8f8 url(images/cover_title-2.jpg) 50% 0 fixed ;
	letter-spacing: 1px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.ShowBlockL0R0 #Wrapper {
	width: 100%;
}
body.ShowBlockL1R0 #Wrapper {
	width: 100%;
}
body.ShowBlockL0R1 #Wrapper {
	width: 100%;
	float: left;
	margin-right: -220px;
}
body.ShowBlockL1R1 #Wrapper {
	width: 100%;
	float: left;
	margin-right: -220px;
}

body.ShowBlockL0R0 #CenterColumn {
	float: left;
	width: 100%;
}
body.ShowBlockL1R0 #CenterColumn {
	float: right;
	width: 100%;
	margin-top:20px;
	margin-left: -220px;
}
body.ShowBlockL0R1 #CenterColumn {
	margin-right: 220px;
}
body.ShowBlockL1R1 #CenterColumn {
	width: 100%;
	float: right;
	margin-left: -220px;
}

body.ShowBlockL1R0 #CenterWrapper {
	margin-left: 220px;
}
body.ShowBlockL1R1 #CenterWrapper {
	margin-right: 220px;
	margin-left: 220px;
}

div#Container {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	color: #111;
	background-color: transparent;
}

div#CenterWrapper {
	padding: 10px;
}

/* Header */
div#Header {
	width: 100%;
	height: 150px;
	font-family: Meiryo, Helvetica, sans-serif;

	color: #111;
	background-color: transparent;
}
div#Header div#Sitename {
	font-weight: bold;
	padding: 12px 210px 10px 10px;
	font-size: 210%;
	line-height: 100%;
	text-align: center;
}
div#Header div#Logo {
	float: left;
	padding: 10px 25px 0 20px;
}
div#Slogan {
	font-size: 80%;
	padding:0 210px 0 0 ;
	text-align: center;
}
div#Header a:link,
div#Header a:visited {
	color: #111;
	text-decoration: none;
}

/* Breadcrumb */
div#breadcrumb,
div#theme_breadcrumbs {
	width: 100%;
	margin-bottom: 5px;
	border-bottom: 1px solid #CF4141;
	font-size: 90%;
}

/* Content */
div#CenterColumn  h2.BlockTitle {
/*  border-bottom: #DDD dashed 1px; */
}
div#CenterColumn div.BlockContent,
div#ModuleContents {
	padding: 5px 10px 25px 10px;
	margin: 10px ;
	background: #FBF7F8 url(images/wall_p.jpg) 0 0 no-repeat ;
	border-width:1px;
	border-color: #F1D196;
	border-style:solid;
	text-align:left;
	color: #234;
	clear: both;
}
p {
	margin: 15px 5px;
	font-size: 90%;
	line-height: 1.4;
}

/* Center LR Column */
div#CenterLColumn {
	float: left;
	width: 49%;
}
div#CenterRColumn {
	float: right;
	width: 49%;
}

div.CenterCblock {
	clear: both;
	margin-bottom: 20px;
}
div.CenterLblock {
	clear: both;
}
div.CenterRblock {
	clear: both;
}

/* Left Right Column */
div#LeftColumn {
/*	overflow: auto;  ugly? */
	float: left;
	width: 220px;
	background-color: transparent;
}
div#RightColumn {
	float: right;
	width: 220px;
	background-color: transparent;
}

div.LeftBlock,
div.RightBlock {
	padding: 10px 0;
}

/* Left Right Column Title */
div#LeftColumn h2.BlockTitle,
div#RightColumn h2.BlockTitle {
	color: #CF4141;
	background-color: transparent;
	padding: 5px 5px 5px 15px;
	margin:8px 0px ;
	font-size:100%;
	font-weight : bold;
	width:auto;
	text-align:left;
	border-bottom: 1px solid #CF4141;
}
div#LeftColumn h3,
div#RightColumn h3,
div#LeftColumn h4,
div#RightColumn h4 {
	margin: 5px 0;
	font-size: 100%;
}

/* Left Right Column Content */
div#LeftColumn .BlockContent,
div#RightColumn .BlockContent,
div#LeftColumn .BlockContent p,
div#RightColumn .BlockContent p {
	text-align: left;
}
div#LeftColumn .BlockContent,
div#RightColumn .BlockContent{
	padding: 0 10px;
}

/* login */
div.loginbox{
	position:absolute;
right:0;
top:0;
}

/* Footer */
div#BacktoTop {
	text-align: right;
	margin: 10px 0px 5px;
	clear: both;
	font-size: 80%;
}
div#Footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	border-top: 1px #a0a0a0 solid;


	color: #111;
	background-color: transparent;
}
div#Footer p {
	margin: 0 10px;
	padding: 10px 0;
	text-align: center;
}

div#Banner {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

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

.clearfix {
/*	display: inline-table; [hd: 0788] */
	display: inline-block;
}

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

/*============================================================================*/
/* COLORING */
/* hyper-link coloring */

a:link   { color: #336699;}
a:visited { color: #9966cc;}
a:active { color: #cc6666;}
a:hover  { color: #cc6666;}
a:hover  { text-decoration: none;}
div#LeftColumn  a:link { color: #336699;}
div#RightColumn a:link { color: #336699;}
div#LeftColumn  a:visited { color: #336699;}
div#RightColumn a:visited { color: #336699;}
div#LeftColumn  a:hover { color: #336699;}
div#RightColumn a:hover { color: #336699;}
.ctrlMsg a:link { color: #336699;}
.ctrlMsg a:visited { color: #336699;}
.ctrlMsg a:hover { color: #336699;}

/*============================================================================*/
/* table coloring */

.head {
	color: #111;
	background-color: #eee;
}
.even,
tr.even td {
	color: #111;
	background-color: #f8f8f8;
}
.odd,
tr.odd td {
	color: #111;
	background-color: #fff;
}
.foot {}

table.outer th,
table.outer1 th,
table.outer2 th,
table.outer3 th{
	color: #111;
	background-color: #f8f8f8;
}
table.outer thead tr th,
table.outer1 thead tr th,
table.outer2 thead tr th,
table.outer3 thead tr th {
	color: #111;
	background-color: #eee;
}
table.outer thead tr td,
table.outer1 thead tr td,
table.outer2 thead tr td,
table.outer3 thead tr td {
	background-color: #111;
	background-color: #f8f8f8;
}

/*============================================================================*/
/* XOOPS CSS - remaining for compatibility   */
/* img {border: 0;} */

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

/*============================================================================*/
/* XOOPS MAIN MENU */
#mainmenu,
.mainmenu,
#usermenu {

	font-size: 80%;
	background:transparent;
	padding: 0;
	margin: 5px 0;
}
#mainmenu li,
.mainmenu li,
#usermenu li {
	display: inline;
	margin: 5px 0;
}
#mainmenu a {
	padding:3px 0 3px 0px; 
	display:block;
	text-decoration:	none;
	background: transparent url(images/wall_p.jpg) 0 0 no-repeat ;
	color: #345;
	border: 1px solid #F1D196;
	margin:5px 0;
}
#mainmenu a:hover {
	background: transparent url(images/wall_h.jpg) 0 0 no-repeat ;
	color	: #fff;
}
#mainmenu a.menuTop {padding: 5px 10px;}
#mainmenu a.menuMain {padding: 5px 10px;}
#mainmenu a.menuSub {padding: 5px 5px 5px 15px;}

.mainmenu a {
	padding:3px 0 3px 0px; 
	display:block;
	text-decoration:	none;
	background: transparent url(images/wall_p.jpg) 0 0 no-repeat ;
	color: #345;
	border: 1px solid #F1D196;
	margin:5px 0;
}
.mainmenu a:hover {
	background: transparent url(images/wall_h.jpg) 0 0 no-repeat ;
	color	: #fff;
}

.mainmenu a.here {
	background:url(images/wall_u.jpg) 0 0 no-repeat  ;
	color	: #fff;

}

.mainmenu a.menuTop {padding: 5px 10px;}
.mainmenu a.menuMain {padding: 5px 10px;}
.mainmenu a.menuSub {padding: 5px 5px 5px 15px;
	margin-left:20px;}


#usermenu a {
padding: 5px 10px;
	display:block;
	text-decoration:	none;
	background: transparent url(images/wall_p.jpg) 0 0 no-repeat ;
	color: #345;
	border: 1px solid #F1D196;
	margin:5px 0;
}
#usermenu a:hover { 
	background: transparent url(images/wall_h.jpg) 0 0 no-repeat ;
	color	: #fff;
}
#usermenu a.menuTop {padding: 5px 10px;}
#usermenu a.highlight {
	background-color: #FCC;
}

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

/* XOOPS item */
.item {}
.itemHead {
	padding: 3px;
	background-color: #666;
	color: #FFF;
}
.itemInfo {
	text-align: right;
	padding: 3px;
	background-color: #EFEFEF;
}
.itemTitle a {
	font-weight: bold;
	font-variant: small-caps;
	color: #FFF;
	background-color: transparent;
}
.itemPoster {
	font-size: 90%;
}
.itemPostDate {
	font-size: 90%;
}
.itemStats {
	font-size: 90%;
}
.itemBody {
	padding-left: 0px;
}
.itemText {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 100%;
}
.itemText: first-letter {}
.itemFoot {
	text-align: right;
	padding: 3px;
	background-color: #EFEFEF;
}
.itemAdminLink {
	font-size: 90%;
}
.itemPermaLink {
	font-size: 90%;
}
/* XOOPS Code & Quote */
div.xoopsCode {
	color: #111;
	background-color: #fafafa;
	border: 1px inset #000080;
	font-family: "Courier New",Courier,monospace;
	padding: 0px 6px 6px 6px;
}
div.xoopsQuote {
	color: #111;
	background-color: #fafafa;
	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: #111;
	background-color: #fcc;
	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: #136C99;
	background-color: #ddffdf;
	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: #333;
	background-color: #ccc;
	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: #111;
	background-color: #fafafa;
	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: #111;
	background-color: #fafafa;
	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;
}

/*============================================================================*/
/* ANHCOR ICONS */

#CenterColumn a[href^="http:"]:after{
	margin: 0 2px;
	content: url(images/_common/ouklink.png);
}

/*
 #CenterColumn a[href^="https:"]:after {
	margin: 0 2px;
	content: url(images/_common/lock.png);
}
*/
#CenterColumn a[href^="http://yokohama-steiner.sakura.ne.jp"]:after {
	margin: 0;
	content: "";
}
/*============================================================================*/
/* XOOPS_DIALOGUE */
.xoops_dialogue{
	color: #111;
	background-color: #eee;
}
#dialogue_title{
	padding: 3px 5px;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background-color: #666;
}
#dialogue_title img{
	vertical-align: middle;
	margin-right: 5px;
}

/*============================================================================*/
/* XOOPS 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 #Header{
	height: 60px;
	background-color: #222;
}
.AdminMode #Header #Logo{
	margin: 0;
	padding: 0 10px;
}
.AdminMode div#Header div#Sitename {
	font-size: 150%;
	color: #fff;
}
.AdminMode div#Footer {
	color: #fff;
	background-color: #222;
}
.AdminMode div#Footer p a{
	color: #fff;
}

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

/* admin left column */
.AdminMode #LeftColumn h2.BlockTitle{
	font-size: 110%;
	margin: -10px 0 0;
	padding: 6px 10px;
	line-height: 100%;
	color: #fff;
	background-color: #222;
}
.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;
	border: 1px #fff solid;}
.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: #fff;
	background-color: #666;
}
.AdminMode table.outer th,
.AdminMode table.outer td {
	border-bottom: 1px #bbb solid;
	border-right: 1px #bbb solid;
}
.legacy_list_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: #fff;
	background-color: #666;
}
.AdminMode .even,
.AdminMode tr.even td {
	color: #111;
	background-color: #ddd;
}
.AdminMode .odd,
.AdminMode tr.odd td {
	color: #111;
	background-color: #fafafa;
}
.AdminMode .foot {}

.AdminMode table.outer th {
	color: #fff;
	background-color: #666;
}
.AdminMode table.outer thead tr th {
	color: #111;
	background-color: #666;
}
.AdminMode table.outer thead tr td {
	background-color: #111;
	background-color: #666;
}

/* 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: #111;
	background-color: #fafafa;
border: 1px #aaa solid;	padding: 10px 15px;
}

/*============================================================================*/
/* HEADLINES SETTINGS */
/* normal headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Verdana, sans-serif;
}

div#CenterColumn h1 {
	color: #88003c;
	background-color: transparent;
	font-size: 150%;
	margin: 0 0 10px;
	padding: 0;
}
div#CenterColumn h2 {
	color: #800040;
	background-color: transparent;
	font-size: 	100%;
	margin:0px 0px 5px 0;
	padding:10px 30px;
	font-weight : bold;
	text-align:left;
}
div#CenterColumn h3 {
	padding: 5px 5px 5px 15px;
	margin:10px 0px ;
	font-size:100%;
	font-weight : bold;
	width:auto;
	text-align:left;
	border-bottom: 1px solid #CF4141;
	color: #CF4141;
	background-color: transparent;
}
h4,
h5 {
	font-size: 100%;
}