/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* http://www.webplus.jp/									   */
/* Copyright (C) 2010 Kiyonobu Horita @ WEBPLUS Inc.			*/
/*--------------------------------------------------------------*/

@import url("../custom.css");


/* ---------------------------------------------------------------------
reset elements
--------------------------------------------------------------------- */
*	{
	margin:0;
	padding:0;
}

form	{
	margin:0;
}

p	{
	clear:both;
	margin:10px 0;
	margin-bottom:10px;
}

ul, ol	{
	margin-left:2em;
}

em	{
	color:#FF0000;
	font-weight:bold;
	font-style:normal;
}

dl dt	{
	margin-bottom:.4em;	
	padding:.4em;
	border-bottom:1px #F7FAE2 solid;
	font-weight:bold;
}
dl dd	{
	padding:.2em .5em;
	line-height:130%;
}

blockquote	{
	margin:1em;
	padding:1em;
	background:#FAFAFA;
	border:1px #F3F3F3 solid;
}


/* ---------------------------------------------------------------------
link color
--------------------------------------------------------------------- */
a	{
	padding:3px;
}
a:link	{
	color:#0066CC;
	text-decoration:none;
}
a:visited	{
	color:#0066CC;
	text-decoration:none;
}
a:hover	{
	color:#FF6600;
	text-decoration:underline;
}
a:active	{
	color:#FF3300;
}


/* ---------------------------------------------------------------------
headline
--------------------------------------------------------------------- */
h1	{
	width:96%;
	margin:0 0 20px 0;
	padding:10px;
	background:#FFE0C1;
	border:5px #D77D41 double;
	color:#993300;
	font-weight:normal;
}
h1, h2, h3, h4	{
	font-size:120%;
}
body#home h1	{
	font-size:1.0em;
}
h3	{
	margin:1.5em 0 .8em 0;
	padding:7px 5px 7px 15px;
	background:url(images/a3.gif) center center repeat-x;
	color:#555555;
}


/* ---------------------------------------------------------------------
layout
--------------------------------------------------------------------- */
body	{
	background:#FFFFFF url(images/back_body.jpg) center top repeat-x;
	color:#666666;
	font-family:"ƒƒCƒŠƒI", Meiryo, "•½¬ŠpƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
	font-size:0.9em;
	text-align:center;
}

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

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

body.ShowBlockL1R0 #CenterWrapper	{
clear:both;
	margin-left:230px;
}
body.ShowBlockL1R1 #CenterWrapper	{
	margin-left:230px;
	margin-right:230px;
}

div#Container	{
	margin:0 auto;
	padding:0;
	text-align:left;
}

div#CenterWrapper	{
	padding:10px;
	text-align:left;
	background:#FFFFFF;
}



/* ---------------------------------------------------------------------
header
--------------------------------------------------------------------- */
div#Header	{
	width:100%;
	height:90px;
	background:transparent url(images/header1.jpg) center center no-repeat;
}

div#Header strong	{
	display:block;
	height:20px;
	color:#CC6666;
	font-size:0.9em;
	text-align:center;
}

div#Header div#Logo	{
	float:left;
	margin-top:5px;
	padding-left:50px;
	width:300px;
}

div#Header span	{
	display:block;
	color:#CC6600;
}

div#Header #GlobalNavi	{
	float:right;
	margin-right:10px;
	height:25px;
}
div#Header #GlobalNavi ul	{
	display:block;
	position:relative;
	top:0px;
	list-style:none;
}
div#Header #GlobalNavi li	{
	float:left;
	margin-left:3px;
}

div#Header #GlobalNavi li#Active	{
	float:left;
	padding:10px 5px 0px 5px;
	background:#FFFFFF url(images/arrow1.jpg) center top no-repeat;
	color:#FF9900;
	font-weight:bold;
}
div#Header #GlobalNavi li a	{
	display:block;
	padding:10px 5px 0px 5px;
	color:#669900;
	font-size:14px;
	text-decoration:none;
}
div#Header #GlobalNavi li a:hover	{
	background:#FFFFFF url(images/arrow1.jpg) center top no-repeat;
	color:#FF3300;
}
div#Header #GlobalNavi li a:active	{
	background:#FFFFFF url(images/arrow1.jpg) center top no-repeat;
	color:#CC0000;
}

div#MainImg	{
	margin:0 auto;
	height:300px;
	background:transparent url(images/header2.jpg) center center no-repeat;
	text-align:center;
}

div#MainImg p	{
	position:relative;
	top:255px;
	left:0px;
	width:100%;
	margin:0;
	color:#993300;
	text-align:center;
}

#Wrapper	{
	margin:0px auto;
	width:960px;
	border-left:4px #FFEADF dotted;
	border-right:4px #FFEADF dotted;
	text-align:center;
}


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


/* ---------------------------------------------------------------------
content
--------------------------------------------------------------------- */
div#CenterColumn div.BlockContent, div#ModuleContents	{
	clear:both;
	padding:0;
	color:#666666;
	font-size:100%;
	line-height:1.6em;
}

div#ModuleContents	{
	background:#FFFFFF url(./images/a3.gif) left top repeat-x;
}

div#CenterColumn  h2.BlockTitle	{
	margin:0 0 5px 0;
	padding:10px 10px 5px 25px;
	background:#FFFFFF url(images/icon_starY.gif) left center no-repeat;
	border-bottom:1px #DCDCDC dotted;
	color:#669900;
	font-size:1.4em;
	font-weight:bold;
}

div#CenterColumn div.BlockContent	{
	margin:0 2px 10px;
	padding:10px 5px;
	border-bottom:1px #EDEFD7 solid;
}
div#BacktoTop	{
	clear:both;
	margin:10px 0px 5px;
	font-size:80%;
	text-align:right;
}


/* ---------------------------------------------------------------------
center left right column
--------------------------------------------------------------------- */
div.CenterLColumn	{
	float:left;
	width:48%;
	margin-left:5px;
}
div.CenterRColumn	{
	float:right;
	width:48%;
	margin-right:5px;
}

div.CenterLColumn  h2.BlockTitle,
div.CenterRColumn  h2.BlockTitle{
	margin:0 0 5px 0;
	padding:10px 10px 5px 20px!important;
	background:#FFFFFF url(images/icon_circle.gif) left center no-repeat!important;
	border-bottom:1px #DCDCDC dotted;
	color:#CC9900!important;
	font-weight:normal;
}

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

div.CenterLblock	{
	clear:both;
}

div.CenterRblock	{
	clear:both;
}


/* ---------------------------------------------------------------------
left right column
--------------------------------------------------------------------- */
div#LeftColumn,
div#RightColumn	{
	width:220px;
	padding:0 5px;
	background:#F7F7F7;
}

div#LeftColumn	{
	float:left;
	margin-left:0px;
}

div#RightColumn	{
	float:right;
	margin-right:25px;
	padding-left:10px;
	background:#FFFFFF;
}

div.LeftBlock, div.RightBlock	{
	padding:0;
}
/*table#d3blogBlockCalendar	{
	width:100%;
	border:1px #CCCC99 solid;
}
table#d3blogBlockCalendar th	{
	padding:2px;
	background:#FFFFCC;
	color:#CC6600;
}
table#d3blogBlockCalendar td	{
	padding:2px;
	color:#666666;
}*/


/* ---------------------------------------------------------------------
left right column title
--------------------------------------------------------------------- */
div#LeftColumn h2.BlockTitle, 
div#RightColumn h2.BlockTitle	{
	margin:20px 2px 5px 2px;
	padding:5px 10px;
	background:#FFFFFF;
    border:1px #C68C8C solid;
	color:#CC6666;
	font-weight:normal;
	text-align:left;
}


/* ---------------------------------------------------------------------
left right column content
--------------------------------------------------------------------- */
div#LeftColumn .BlockContent,
div#RightColumn .BlockContent	{
	margin:5px 0;
	padding:10px 0 5px 0;
	text-align:left;
}

div#LeftColumn .BlockContent form,
div#RightColumn .BlockContent form	{
	margin:5px 10px;
}

div#LeftColumn .BlockContent p,
div#RightColumn .BlockContent p	{
	text-align:left;
}


/* ---------------------------------------------------------------------
XOOPS table
--------------------------------------------------------------------- */
table	{
	margin:0 auto;
	padding:0;
	width:95%;
}

tr, td	{
	font-family:"ƒƒCƒŠƒI", Meiryo, "•½¬ŠpƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
}
td	{
	padding:5px;
	vertical-align:top;
}
* html td	{
	font-size:0.8em;
} /* IE6 */

.outer	{}
.head	{
	padding:5px;
	background:#E0E0E6;
	color:#333333;
}
.even	{
	padding:5px;
	background:#FCEBB8;
}
.odd	{
	padding:5px;
	background:#FCF5E1;
}
.foot	{
	padding:5px;
}

tr.even td	{
	padding:5px;
	background:#FCEBB8;
}
tr.odd td	{
	padding:5px;
	background:#FCF5E1;
}


/* ---------------------------------------------------------------------
banner
--------------------------------------------------------------------- */
div#Banner	{
	clear:both;
	margin:0 auto;
	padding:10px 0;
	width:900px;
	height:60px;
	background:#F0F0F0;
	text-align:center;
}

div#ValueDomain	{
	margin:25px 0;
	text-align:center;
}


/* ---------------------------------------------------------------------
footer
--------------------------------------------------------------------- */
div#Footer {
    clear:both;
    width:100%;
    height:50px;
    margin:0 auto;
    padding-top:5px;
	background:#FFFFFF url(images/back_footer.jpg) center center repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

div#Footer h6	{
	padding-top:15px;
	color:#CC6600;
	font-size:0.9em;
	font-weight:normal;
	text-align:center;
}

div#Footer h6 a	{
	color:#CC3300!important;
	text-decoration:none!important;
}
div#Footer h6 a:hover	{
	color:#CC3300;
	text-decoration:underline!important;
}

div#Footer p	{
	margin:0;
	padding:0;
	padding-top:3px;
	padding-right:20px;
	color:#CC6600!important;
	font-size:0.6em;
	text-align:center;
}

div#Footer p a	{
	color:#CCCCCC;
	text-decoration:none;
}
div#Footer p a:hover	{
	color:#CCCCCC;
	text-decoration:none;
}


/* ---------------------------------------------------------------------
for accessibility
--------------------------------------------------------------------- */
.Skip	{	
	position:absolute;
	left:-999em;
}


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

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

.clearfix	{
	display:inline-table;
}

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


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

/* ---------------------------------------------------------------------
XOOPS main menu
--------------------------------------------------------------------- */
#mainmenu a, #usermenu a	{
	display:block;
	margin:0;
	padding:0;
	margin-bottom:4px;
	padding:5px;
	border-bottom:1px #999999 dotted;
	font-family:"ƒƒCƒŠƒI", Meiryo, "•½¬ŠpƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
	font-size:15px!important;
	text-decoration:none;
	line-height:2em;
}
#mainmenu a:hover, #usermenu a:hover	{
	background-color:inherit;
	background:#FFFFFF;
	border-bottom:1px solid #FF9900;
	color:#FF6600;
}
#mainmenu a.menuSub, #mainmenu a.menuSub:hover	{
	padding-left:25px;
}

#usermenu a.highlight	{
	padding:3px;
	background:#FFEEF7;
	color:#CC0000;
}


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

/* ---------------------------------------------------------------------
XOOPS item
--------------------------------------------------------------------- */
.item	{}
.itemHead	{
	padding:3px;
	background:#FFCCCC;
	border:1px #FF9999 solid;
}
.itemInfo	{
	padding:3px;
	background:#EFEFEF;
	text-align:right;
}
.itemTitle a,
.itemTitle a:visited	{
	background:transparent;
	color:#CC6666;
	font-weight:bold;
	font-variant:small-caps;
}
.itemTitle a:hover	{
	color:#CC6666;
}
.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	{
	padding:3px;
	background:#EFEFEF;
	text-align:right;
}
.itemAdminLink	{
	font-size:90%;
}
.itemPermaLink	{
	font-size:90%;
}


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


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


/* ---------------------------------------------------------------------
XOOPS com
--------------------------------------------------------------------- */
.comTitle	{
	margin-bottom:2px;
	font-weight:bold;
}
.comText	{
	padding:2px;
}
.comUserStat	{
	margin:2px;
	padding:2px;
	background:#FFFFFF;
	border:1px #CCCCCC solid;
	color:#2F5376;
	font-size:10px;
	font-weight:bold;
}
.comUserStatCaption	{
	font-weight:normal;
}
.comUserStatus	{
	margin-top:10px;
	margin-left:2px;
	color:#2F5376;
	font-size:10px;
	font-weight:bold;
}
.comUserRank	{
	margin:2px;
}
.comUserRankText	{
	font-size:10px;
	font-weight:bold;
}
.comUserRankImg	{
	border:0;
}
.comUserName	{}
.comUserImg	{
	margin:2px;
}
.comDate	{
	font-size:smaller;
	font-weight:normal;
	font-style:italic;
}
.comDateCaption	{
	font-weight:bold;
	font-style:normal;
}


/* ---------------------------------------------------------------------
Class
--------------------------------------------------------------------- */
li.XTNTitle	{
	margin-top:1.3em;
	padding:3px 8px;
	background:#754b39;
	border-left:20px #633f30 solid;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
}


/* ---------------------------------------------------------------------
Modules
--------------------------------------------------------------------- */

/* Mylinks width Captcha */
dl#LangCat dt	{
	float:left;
	margin-right:1em;
	padding:0 0 9px 3px;
	border:none;
	font-weight:normal;
}
dl#LangCat dd	{
	padding:6px 0 4px 3px;
	border:none;
	border:none;
	font-weight:bold;
}
dl.MylinksInfo dt	{
	float:left;
	padding:.2em;
	border:none;
}
dl.MylinksInfo dd	{
	padding:.3em;
	border:none;
	font-size:110%;
}



/*--------------------‘‘‘E@end of file‘‘‘E@*/