/*============================================================================*/
/* 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: 95%;
	background-color: #71665a;
	color: #e2dad2;
	text-align: center;
	font-family: Meiryo, Helvetica, sans-serif;
	line-height: 140%;


}

#Wrapper{
	width:900px;
	margin:0 auto;
	}
#Container{
	width:920px;
	background-image:url('./images/bg.gif');
	background-repeat:repeat-y;
	background-position:center top;
}

body.ShowBlockL0R0 #Wrapper {
	width: 900px;
}
body.ShowBlockL1R0 #Wrapper {
	width: 900px;
}
body.ShowBlockL0R1 #Wrapper {
	width: 900px;
	float: left;
	margin-right: -200px;
}
body.ShowBlockL1R1 #Wrapper {
	width: 900px;
	float: left;
	margin-right: -200px;
}

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

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

/*body.ShowBlockL1R0 #CenterWrapper {
	margin-left: 200px;
}*/
body.ShowBlockL1R1 #CenterWrapper {
	margin-right: 200px;
	margin-left: 200px;
}

div#Container {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	color: #e2dad2;
	background-color: ;
}

div#CenterWrapper {
	padding: 10px 10px 0 0;
	text-align:left;
	width:660px;
}

/* Header */

div#LogoHome{
position:absolute;
height:60px;
left:50%;
margin-left:-440px;
padding: 10px 0;
text-align:left;
}


div#HeaderHome {
	width: 100%;
	height: 360px;
	font-family: Verdana, sans-serif;
	margin:0 auto;
	text-align:center;
	background-color:#31261b;
	color: #e2dad2;
/*	background-color: ;
*/
}


div#Header {
	width: 100%;
	height: 60px;
	font-family: Verdana, sans-serif;
	margin:0 auto;
	text-align:center;
	background-color:#31261b;
	color: #e2dad2;
/*	background-color: ;
*/
}


div#Header div#Sitename {
	font-weight: bold;
	padding: 22px 0 10px 10px;
	font-size: 210%;
	line-height: 100%;
}

div#Header div#Logo {
/*	float: left;
	padding: 10px 25px 0 20px;*/
	position:center middle;
	margin-left:-775px;
	padding-top:18px;;
}
div#Slogan {
	font-size: 120%;
	padding: 0 0 0 10px;
}
div#Header a:link,
div#Header a:visited {
	color: #e2dad2;
	text-decoration: none;
}

/* Breadcrumb */
div#breadcrumb,
div#theme_breadcrumbs {
	width: 100%;
	padding-bottom:5px;
	margin-bottom: 5px;
	border-bottom: #DDD dotted 1px;
	font-size:11px;
}

/* Content */
div#CenterColumn  h2.BlockTitle {
/*  border-bottom: #DDD dashed 1px; */
}
div#CenterColumn div.BlockContent,
div#ModuleContents {
	font-size: 100%;
	line-height: 1.6;
	padding: 0;
	clear: both;
}
p {
	margin: 5px 0;
/*	clear: both; */
	margin-bottom: 10px;
}

/* 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: hidden; /* ugly? */
	float: left;
	width: 200px;
	background-color: transparent;
}
div#RightColumn {
	float: right;
	width: 200px;
	background-color: transparent;
}

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

/* Left Right Column Title */
div#LeftColumn h2.BlockTitle,
div#RightColumn h2.BlockTitle {
/*	color: #e2dad2;
	background-color: #f8f8f8;
	border-bottom: 1px #a0a0a0 solid;
	border-top: 1px #a0a0a0 solid;
	margin: 0 0 5px 0;
	padding: 3px 10px;
	font-size: 110%;*/
}
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{
margin:0;
padding-left:10px;
font-size:11px;
margin-bottom:20px;
}

div#RightColumn .BlockContent{
	padding: 0 10px;
}


div#LeftColumn .BlockContent  ul{
list-style-type:none;
margin:0;
padding:0;
}

div#LeftColumn .BlockContent  li{
margin:0;
padding:0;
}

/* Footer */
div#BacktoTop {
	text-align: right;
	margin: 10px 0px 5px;
	clear: both;
	font-size: 12px;
	color:#e2dad2;
}
div#Footer {
	clear: both;
	width: 920px;
	margin: 0 auto;
/*	border-bottom: 1px #a0a0a0 solid;*/
/*	border-top: 1px #a0a0a0 solid;*/
	margin:0 auto;
	height:60px;
	background-image:url('./images/footer.gif');
	background-repeat:no-repeat;
	background-position:top center;
/*	color: #e2dad2;
	background-color: transparent;
*/
}
div#Footer p {
	margin: 0 10px;
	padding: 10px 0;
	text-align: left;
}

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: #e2dad2;}
a:visited { color: #e2dad2;}
a:active { color: #e2dad2;}
a:hover  { color: #e2dad2;}
a:hover  { text-decoration: none;}
div#LeftColumn  a:link { color: #e2dad2;}
div#RightColumn a:link { color: #e2dad2;}
div#LeftColumn  a:visited { color: #e2dad2;}
div#RightColumn a:visited { color: #e2dad2;}
div#LeftColumn  a:hover { color: #e2dad2;}
div#RightColumn a:hover { color: #e2dad2;}
.ctrlMsg a:link { color: #e2dad2;}
.ctrlMsg a:visited { color: #e2dad2;}
.ctrlMsg a:hover { color: #e2dad2;}

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

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

table.outer th,
table.outer1 th,
table.outer2 th,
table.outer3 th{
	color: #e2dad2;
	background-color: #f8f8f8;
}
table.outer thead tr th,
table.outer1 thead tr th,
table.outer2 thead tr th,
table.outer3 thead tr th {
	color: #e2dad2;
	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: #e2dad2;
	background-color: #f8f8f8;
}

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

#xoopsHiddenText {
	visibility: hidden;
	color: #e2dad2;
	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,
#usermenu {
	margin: 0 -10px;
	padding: 0;
	text-align: left;
}
#mainmenu li,
#usermenu li {
	display: inline;
}
#mainmenu a {
	text-decoration: none;
	display: block;
	border-bottom: #DDD solid 1px;
	margin: 0 1px;
}
#mainmenu a:hover {background-color: #ccc}
#mainmenu a.menuTop {padding: 5px 10px;}
#mainmenu a.menuMain {padding: 5px 10px;}
#mainmenu a.menuSub {padding: 5px 5px 5px 15px;}

#usermenu a {
	text-decoration: none;
	display: block;
	border-bottom: #DDD solid 1px;
	margin: 0 1px;
	padding: 5px 10px;
}
#usermenu a:hover { background-color: #ccc}
#usermenu a.menuTop {}
#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: #e2dad2;
}
.itemInfo {
	text-align: right;
	padding: 3px;
	background-color: #EFEFEF;
}
.itemTitle a {
	font-weight: bold;
	font-variant: small-caps;
	color: #e2dad2;
	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: #e2dad2;
	background-color: #fafafa;
	border: 1px inset #000080;
	font-family: "Courier New",Courier,monospace;
	padding: 0px 6px 6px 6px;
}
div.xoopsQuote {
	color: #e2dad2;
	background-color: #fafafa;
	border: #e2dad2 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: #e2dad2e2dad2;
	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: #e2dad2;
	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: #e2dad2;
	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: #e2dad2;
	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://www.manas.co.jp"]:after {
	margin: 0;
	content: "";
}
/*============================================================================*/
/* XOOPS_DIALOGUE */
.xoops_dialogue{
	color: #e2dad2;
	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: #e2dad2;
	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  and footer */
.AdminMode #Container{
	width: 100%;
	border: none;
}
.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: 12px;
	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 #e2dad2 solid;}
.AdminMode #LeftColumn div li a{
	color: #222;
	padding: 3px 5px;
	display: block;
	text-decoration: none;
}
.AdminMode #LeftColumn div a:hover{
	color: #e2dad2;
	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: #e2dad2;
	background-color: #ddd;
}
.AdminMode .odd,
.AdminMode tr.odd td {
	color: #e2dad2;
	background-color: #fafafa;
}
.AdminMode .foot {}

.AdminMode table.outer th {
	color: #fff;
	background-color: #666;
}
.AdminMode table.outer thead tr th {
	color: #e2dad2;
	background-color: #666;
}
.AdminMode table.outer thead tr td {
	background-color: #e2dad2;
	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: #e2dad2;
	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: #e2dad2;
	background-color: transparent;
	font-size: 150%;
	margin: 0 0 10px;
	padding: 0;
}
div#CenterColumn h2 {
/*	color: #e2dad2;
	background-color: transparent;
*/
	clear: both;
	font-size: 110%;
	margin: 0px;
	padding: 0px;
/*	border-top: 1px #a0a0a0 solid;
	border-bottom: 1px #a0a0a0 solid;*/
}
div#CenterColumn h3 {
	/*font-size: 110%;*/
	margin: 0px;
	padding: 0px;
	color:#fff;

/*	color: #e2dad2;
	background-color: transparent;
*/
}
h4,
h5 {
	font-size: 110%;
}


/*
---------------------------------------------------
ショールーム スライドショー
---------------------------------------------------
*/

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 2px solid #31261b;   
margin: 0 0 4px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
margin-bottom:20px;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 4px 4px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #31261b; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #31261b; 
}