@import "http://";

body {
	background: #FFFFCC;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	color: #663300;margin: 0; 
}

table {border-collapse:collapse; margin: 0px; padding: 0px; border: 0px; width: 100%;}
table th td {margin: 0px; padding: 0px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}



/* メニュー文字リンク設定 */
a {color: #333366; text-decoration: none;}
a:hover {color: #333366;text-decoration: none;}
a:visited {}

h1 {color: #333366; font-size:18px;
font-family: "Times New Roman", "HGＰゴシックE";}
h2 {color: #333366; font-size:14px;
font-family: "Times New Roman", "HGＰゴシックE";}
h3 {color: #333366; font-size:12px;
font-family: "Times New Roman", "HGＰゴシックE";}
h4 {color: #333366; font-size:10px;
font-family: "Times New Roman", "HGＰゴシックE";}
h5 {color: #FFFFFF; font-size:12px;
font-family: "Times New Roman", "HGＰゴシックE";}


/* MAIN　DIV */

.MAIN {
	background: #FFFFFF;
	width: 960px;
	margin: 0 auto; padding: 0px; border: 0px;
}

/* ---=============== HEADER ===============---- */
table.HEADER {width: 960px; border-collapse: collapse;}

table.HEADER tr td {padding:0px;}

/* ----- CompanyWeb select Contents LINK START----- */
/* wonmol.com LINK */
.selectLINKwonmolcomSideL {
	height: 50px;width: 20px;
	background-image: url(images/Bg-ICONskyblueL0003lLink.gif);
	background-repeat: no-repeat;}
.selectLINKwonmolcomSideR {
	height: 50px;width: 20px;
	background-image: url(images/Bg-ICONskyblueL0003rLink.gif);
	background-repeat: no-repeat;}
.selectLINKwonmolcomCenter {
	height: 50px;width: 80px; font-size:9px;font-weight: bold;text-align: center;
	background-image: url(images/Bg-ICONskyblueL0003cLink.gif); background-repeat: repeat-x;}
.selectLINKwonmolcomCenter a {color: #333366; text-decoration: none;}
.selectLINKwonmolcomCenter a:hover {color: #333366; text-decoration: none;}



/* ----- CompanyWeb select Contents LINK FINISH----- */
/* CompanyWebTOP TOPpage back */

.CompanyWebTOP a {color: #FFFFFF; font-size: 14px; text-decoration: none;}
.CompanyWebTOP a:hover {color: #FFFFFF; font-size: 14px; text-decoration: none;}

/* HEADER MAIN text Upper section */
/* HEADERside */
.headerUsideL {
	height: 60px;width: 15px;
	background-image: url(images/Bg-ICONskyblueM0003l.gif);
	background-repeat: no-repeat;}
.headerUsideR {
	height: 60px;width: 15px;
	background-image: url(images/Bg-ICONskyblueM0003r.gif);
	background-repeat: no-repeat;}
/* ****side**** */
.headerULeft {
	height: 60px;width: 260px;
	color: #FFFFFF;
	font-size:14px;
	font-weight: bold;text-align: center;
	background-image: url(images/Bg-ICONskyblueM0003c.gif);
	background-repeat: repeat-x;
}
.headerURight {
	height: 60px;width: 670px;
	color: #FFFFFF;
	font-size:14px;
	font-weight: bold;text-align: center;
	background-image: url(images/Bg-ICONskyblueM0003c.gif);
	background-repeat: repeat-x;
}
/* IE 4 〜 6のみに適用されるスターハック(* html)  */
* html .headerUR_IE {
	padding: 12px 0px 0px 0px;
}
* html .headerUR_IE a {
	padding: 12px 0px 0px 0px;
}

/* ****text Upper section**** */
/* HEADER MAIN text Lower section */
/* HEADERside */
.headerDsideL {
	height: 100px;width: 28px;
	background-image: url(images/Bg-ICONskyblueL0002l.gif);
	background-repeat: no-repeat;}
.headerDsideR {
	height: 100px;width: 28px;
	background-image: url(images/Bg-ICONskyblueL0002r.gif);
	background-repeat: no-repeat;}
/* ****side**** */
.headerD {
	height: 100px;width: 904px;
	color: #FFFFFF;
	font-size:24px; margin: 0px; padding: 0px; border: 0px;
	font-weight: bold;text-align: center;
	background-image: url(images/Bg-ICONskyblueL0002c.gif);
	background-repeat: repeat-x;
}
/* ****text Lower section**** */
/* ---=========== HEADER Finish============---- */

/* ---============== Contents ==============---- */
table.Contents {width: 960px; border-collapse: collapse;}
table.Contents tr td {padding:0px; vertical-align: top;}

table.LRContents {border-collapse: collapse;}
table.LRContents tr td {padding:0px; vertical-align: middle;}
/* -----===== Left =====----- */
td#leftcolumn {
	width: 200px;
	font-size:12px;
	background: #FFFFFF;
}

.blockTitleLeftSideL {
	height: 36px; width: 10px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0002l.gif);
	background-repeat: no-repeat;
}
.blockTitleLeftSideR {
	height: 36px; width: 10px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0002r.gif);
	background-repeat: no-repeat;
}
.blockTitleLeftcolumn {
	height: 36px; width: 180px;
	color: #FFFFFF;
	font-size:15px;
	font-weight: bold; padding: 8px 0px 0px 0px;
	text-align: center; vertical-align: middle;
	background-image: url(images/Bg-ICONskyblueS0002c.gif);
	background-repeat: repeat-x;
}
.blockContentLeftcolumn {
	width: 200px;
	text-align:center;
	background-color: #FFFFFF;
	line-height:125%;
}
.menu_head{height: 5px;}
.menu_bottom{height: 5px;}

/* -----===== Left FINISH=====----- */
/* -----=====  MENU  =====----- */
/* -----=== Main Menu ===----- */
#mainmenu a {
	color: #333333;
	font-size: 12px;
	border-bottom:2px #333366 dotted;
	padding: 6px;
}
#mainmenu a:hover {
	color: #FFFFFF;font-weight: bold;
	background-color: #333366;
}
#mainmenu a.menuTop {padding-left: 10px;}
#mainmenu a.menuMain {padding-left: 10px;}
#mainmenu a.menuSub {padding-left: 10px;}

/* -----=== User Menu ===----- */
#usermenu a {
	color: #333333;
	font-size: 12px;
	border-bottom:2px #333366 dotted;
	padding-left: 10px;
}
#usermenu a:hover {
	color: #FFFFFF;font-weight: bold;
	background-color: #333366;
	padding-left: 10px;
}
#usermenu a.menuTop {padding-left: 10px;}
#usermenu a.menuMain {padding-left: 10px;}
#usermenu a.menuSub {padding-left: 10px;}
#usermenu a.highlight {padding-left: 10px;}

/* -----===== MENU FINISH =====----- */
/* -----===== Right =====----- */
/* ***** (It is displayed by the left) ***** */
td#rightcolumn {
	width: 200px;
	font-size:12px;
	background: #FFFFFF;
}

.blockTitleRightSideL {
	height: 36px; width: 10px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0001l.gif);
	background-repeat: no-repeat;
}
.blockTitleRightSideR {
	height: 36px; width: 10px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0001r.gif);
	background-repeat: no-repeat;
}
.blockTitleRightcolumn {
	height: 36px; width: 180px;
	color: #FFFFFF;
	font-size:15px;
	font-weight: bold; padding: 8px 0px 0px 0px;
	text-align: center; vertical-align: middle;
	background-image: url(images/Bg-ICONskyblueS0001c.gif);
	background-repeat: repeat-x;
}
.blockContentRightcolumn {
	width: 200px;
	text-align:center;
	background-color: #FFFFFF;
	line-height:125%;
}
.menu_head{height: 5px;}
.menu_bottom{height: 5px;}

/* -----===== Right FINISH =====----- */

/* -----===== CENTER =====----- */
#centercolumn {
	width: 760px;
	font-size: 12px;
	text-align:left; vertical-align: top;
	background-color: #FFFFFF;
	padding: 20px 20px 20px 20px;
}
/* --== Center&Center ==-- */
td#centerCcolumn {line-height:125%;}

/* --== Center blockTitle ==-- */
td#centerCcolumn div.blockTitle {
	height: 36px;width: 520px;
	padding: 8px 0px 0px 20px;
	color: #FFFFFF;
	text-align: left;
	background-image: url(images/Bg-ICONskyblueS0001c.gif);
	background-repeat: repeat-x;
	font-size: 16px; font-weight: bold;
}
div#content {text-align: left; padding: 20px;}

/* -----===== CENTER FINISH =====----- */

/* -----===== FOOTER =====----- */
.foot_center {
	height: 24px; width: 960px;
	border-top: thin #333366 solid ;
	vertical-align: middle; border-collapse: collapse;
}
.foot_center tr td {padding:0px;}
.foot_center a {
	color: #333366; vertical-align: top;
	font-size: 12px;
}
.foot_center a:hover {
	color: #FFFFFF;
	background-color: #333366;
}
.foot_baner {
	color: #FFFFFF;
	width: 960px; height: 25px;
	border-collapse: collapse;
}
.foot_baner tr td {padding:0px;}
.foot_baner a:hover {color: #FFFFFF; }

.foot_banerSideL {
	height: 36px; width: 10px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0001l.gif);
	background-repeat: no-repeat;
}
.foot_banerSideR {
	height: 36px; width: 10px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0001r.gif);
	background-repeat: no-repeat;
}
.foot_banerContensL {
	height: 36px; width: 700px;
	color: #FFFFFF;
	font-size:12px;
	font-weight: bold;
	text-align: center; vertical-align: middle;
	background-image: url(images/Bg-ICONskyblueS0001c.gif);
	background-repeat: repeat-x;
}
.foot_banerContensR {
	height: 36px; width: 240px;
	color: #FFFFFF;
	font-size:10px;
	font-weight: bold;
	text-align: center; vertical-align: middle;
	background-image: url(images/Bg-ICONskyblueS0001c.gif);
	background-repeat: repeat-x;
}

.foot_banerContensL a {
	color: #FFFFFF;
	font-size:12px;
	font-weight: bold;
	text-align: center; vertical-align: middle;
}
.foot_banerContensR a {
	color: #FFFFFF;
	font-size:10px;
	font-weight: bold;
	text-align: center; vertical-align: middle;
}

/* -----===== FOOTER FINISH =====----- */


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, osaka;
	padding: 0px 6px 6px 6px;
}
div.xoopsQuote {
	background: #FFFFFF; border: 1px inset #000080;
	font-family: "Courier New",Courier,monospace, osaka;
	padding: 0px 6px 6px 6px;
}

.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-style: normal; font-size: 9px}
.comDateCaption {font-weight: bold; font-style: normal;}
form#userinfo textarea, select {font-size: 90%;}


/*  SiteMap modules  */

#sitemapSub {
	padding-left: 5px;
	text-align: left;
	font-weight:bold; font-size: 10px;
	}





/*  wfdownloads modules  */

.wfdownloadsTitleSideL  {
	height: 36px; width: 10px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0003l.gif);
	background-repeat: no-repeat;
}
.wfdownloadsTitleSideR {
	height: 36px; width: 10px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0003r.gif);
	background-repeat: no-repeat;
}
.wfdownloadsTitle {
	height: 36px; width: 640px;
	color: #336699;
	font-size:12px;
	font-weight: bold; padding: 8px 0px 0px 0px;
	text-align: center; vertical-align: middle;
	background-image: url(images/Bg-ICONskyblueS0003c.gif);
	background-repeat: repeat-x;
}

.wfdownloadsRANK a {
	color: #333366;
	font-size: 12px;
}
.wfdownloadsRANK a:hover {
	color: #FFFFFF;font-weight: bold;
	background-color: #333366;
}



/*  Search engine  */
.blockContenSearchTitleBar {
	width: 300px;
	text-align:center;
	background-color: #FFFFFF;
	line-height:125%;
}
.SearchTitleBarSideL {
	height: 36px; width: 10px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0002l.gif);
	background-repeat: no-repeat;
}
.SearchTitleBarSideR {
	height: 36px; width: 10px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0002r.gif);
	background-repeat: no-repeat;
}
.SearchTitleBar {
	height: 36px; width: 280px;
	color: #FFFFFF;
	font-size:16px;
	font-weight: bold; padding: 8px 0px 0px 0px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0002c.gif);
	background-repeat: repeat-x;
}
.SearchTitleBar_head{height: 8px;}


.blockContenSearchTitleBar_Long {
	width: 500px;
	text-align:center;
	background-color: #FFFFFF;
	line-height:125%;
}

.SearchTitleBar_Long {
	height: 36px; width: 480px;
	color: #FFFFFF;
	font-size:16px;
	font-weight: bold; padding: 8px 0px 0px 0px;
	text-align: center;
	background-image: url(images/Bg-ICONskyblueS0002c.gif);
	background-repeat: repeat-x;
}






/*  lightbox JavaScript  */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../../js/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../js/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}





#bubble_tooltip{
	width:300px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../../js/images/WHITE_bubble_top.gif');
	background-repeat:no-repeat;
	height:32px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../../js/images/WHITE_bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:15px;
	padding-right:15px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:12px;
	color: #FFFFFF;font-weight: bold;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../../js/images/WHITE_bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:90px;
	position:relative;
	top:-6px;
}