/* BCOOL CSS  9.Jun.2005 ver.1.0.3*/
body {
	font-size: 10pt;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}
table {margin: 0px;padding: 0px;width: 100%;}
table td {padding: 0px; vertical-align: top;}
table.blockleft {border: 1px solid #102b8b;}

a:link {color: #000; text-decoration:none;}
a:visited {color: #83006f;text-decoration:none;}
a:hover {color: #bc2931; text-decoration:underline;}
a:active {color: #bc2931;}

h1 {
	color: #6075AA;
	padding: 1px;
	margin: 1px;
}
.site_sub_title{
	padding: 0px 30px;
}
h2 {color: #6075AA;text-indent: 10px;border-bottom-width: medium;border-bottom-style: ridge;border-bottom-color: #C0C0C0;padding:7px; line-height:150%;}
h3 {text-indent: 10px;color: #6075AA;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #C0C0C0;line-height:150%;}
h4,h5 {color: #6075AA;line-height:130%;}

ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #333366}

input.formButton {}

.item {}
.itemHead {padding: 3px;color: #666666;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666666; line-height:210%;} 
.itemInfo {text-align: right; padding: 3px}
.itemTitle {font-size: 10pt; font-weight: bold; font-variant: small-caps;}
.itemTitle a {font-size: 11pt; font-weight: bold; font-variant: small-caps;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {padding : 2px;vertical-align : middle;line-height: 150%;font-weight: bold;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666666;color: #333333;background-color: #FFFFFF;}

td#header_01 {background-image: url(images/header_01.jpg);height: 20px;width: 750px;}
td#header_02 {background-image: url(images/header_02.jpg);height: 13px;width: 750px;}
td#header_03 {background-image: url(images/header_03.jpg);height: 66px;width: 750px;}
td#header_04 {background-image: url(images/header_04.jpg);height: 170px;width: 750px;}
td#header_05 {background-image: url(images/header_05.gif);height: 18px;width: 750px;}
td#discription{}
.middle {width: 750px;}
td#footer {font-size:10pt;}

/* Left */
td#leftcolumn {width: 210px;font-size:10pt;color: #286367;}
td#leftcolumn th {}
td#leftcolumn div.blockTitle {padding: 10px;font-weight: bold;text-align: center;}
td#leftcolumn div.blockContent {padding: 0px;line-height: 120%; }
/* Cnter */
td#centercolumn {
	font-size: 10pt;
	text-align:left;
	line-height: 120%;
}

td#centercolumn th {vertical-align: middle;	background-color: #ECECEC;}

/* Cnter - Cnter */
td#centerCcolumn {padding: 0px 5px 1px;}
td#centerCcolumn div.blockTitle {padding: 3px;color: #6075AA; font-size: 11pt; font-weight: bold; }
td#centerCcolumn div.blockContent {padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 150%;}

/* Center - Left */
td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn div.blockTitle {padding: 3px; color: #6075AA; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {padding: 3px; line-height: 120%;}

/* Cnter - Right */
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn div.blockTitle {padding: 3px; color: #6075AA; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {padding: 3px; line-height: 120%;}

div#content {text-align: left; padding: 8px;}

/* Right */
td#rightcolumn {width: 150px; font-size:10pt;} 
td#rightcolumn th {}
td#rightcolumn div.blockTitle {padding: 0px;font-weight: bold;text-align: center;}
td#rightcolumn div.blockContent {padding: 15px; line-height: 120%;}

td#rightcolumncat {width: 178px; font-size:10pt;} 
td#rightcolumncat th {}
td#rightcolumncat div.blockTitle {padding: 0px;font-weight: bold;text-align: center;}
td#rightcolumncat div.blockContent {padding: 15px; line-height: 120%;}


/* Main Menu */
td#mainmenu a {
	color: #657087;
	height: 27px;
	background-image: url(images/menu_back.jpg);
	background-repeat: no-repeat;
	padding-top: 18px;
	font-weight: bold;
}
td#mainmenu a:hover { color:white; font-weight: bold;
	background-image: url(images/menu_hover.jpg);	background-repeat: no-repeat;
}
td#mainmenu a.menuTop {padding-left: 50px;}
td#mainmenu a.menuMain {padding-left: 50px;}
td#mainmenu a.menuSub {
	padding-left: 70px;
	background-image: url(images/menu_sub.jpg);
}

/* User Menu */
td#usermenu a {	color: #657087;padding-top: 5px;padding-left: 30px;font-weight: bold;}
td#usermenu a:hover {color:white; font-weight: bold;}
td#usermenu a.menuTop {padding-left: 30px;}
td#usermenu a.highlight {}



.outer {border: 1px solid #A0A0A0;}
.head {
	padding: 5px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7C7C7;
	background-color: #ECECEC;
}
.even {
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C7C7C7;
}
.odd {
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C7C7C7;
	background-color: #F7F7F7;
}
.foot {padding: 5px; font-weight: bold;}
tr.even td {
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C7C7C7;
}
tr.odd td {
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C7C7C7;
	background-color: #F7F7F7;
}

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;margin:5px;}
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;margin:5px;}
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;margin:5px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; padding: 0px 6px 6px 6px;}

.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 9pt; 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: 9pt;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 9pt;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-style: normal; font-size: 9pt}
.comDateCaption {font-weight: bold; font-style: normal;}
form#userinfo textarea, select {font-size: 90%;}

div.wrapper { text-align: center; }
table.maintable , table.footertable, table.toptable {width:776px;margin-left: auto;margin-right: auto;}

.blue01, .blue01 a:link, .blue01 a:visited {font-size:9pt; font-weight: normal; color:#102b8b; line-height:130%; vertical-align:baseline;}
.blue01 a:hover, .blue01 a:active {color: #bc2931;}

.nav {font-size:9pt; font-weight: normal; color: #FFFFFF; text-align:left;}
.nav a:link, .nav a:visited {color:#FFFFFF; display:block; height:19px; width:42px; vertical-align:top; padding-top:5px; padding-left: 3px; text-decoration: none;} 
.nav a:hover, .nav a:active {background-image: url(/themes/chubun/images/pink_rollover.gif); color: #FFFFFF; text-decoration: none;}
.nav div a:link, .nav div a:visited {width:auto; display:block; vertical-align:middle; padding-left:4px; padding-right:4px; text-decoration:none;}
.nav div a:hover, .nav div a:active {width:auto; text-decoration:none; background-color:#FF8698; background-image: none;}

.menu_sub_chubun {position:absolute;background-color:#3B5998;border: 1px solid #FFFFFF;padding-top:2px; padding-bottom:2px; padding-left:3px; padding-right:3px; display:none; width:auto;filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=7);}

.white01 {color: #FFFFFF;font-size:10pt;font-weight:bold;text-align:center;vertical-align:middle;background-color:#3B5998}
.white01 a:link, .white01 a:visited {color:#FFFFFF;} 
.white01 a:hover, .white01 a:active {color: #FFFF00;}

.frame_search {border:1px dashed #102B8B; background-color:#d8dfea; padding:2px; margin:2px; text-align:center;}  

.black01 {border-left:1px solid #9BAECA; border-top:1px solid #9BAECA; border-bottom:1px solid #9BAECA; color: #000000; font-size:10pt; font-weight:normal; text-align:left;vertical-align:middle;background-color:#D8DFEA;}
.black01 a:link, .black01 a:visited {color:#000000;font-weight:normal;} 
.black01 a:hover, .black01 a:active {color: #D90046;}


.art_cat,.art_cat a:link, .art_cat a:visited {font-size:10pt;font-weight: normal; color: #1F3A87; text-decoration: underline;}
.art_cat a:hover, .art_cat a:active {color: #BC2931}

.art_time {vertical-align:bottom; font-size:smaller; color: #333333;}

.art_title_strong,.art_title_strong a:link, .art_title_strong a:visited {font-size: 12pt; font-weight: bold; line-height:160%; color:#000000;}
.art_title_strong a:hover, .art_title_strong a:active {color: #BC2931}

.art_title, .art_title a:link, .art_title a:visited  {font-size:10pt;font-weight: normal; line-height:130%;} 
.art_title a:hover, .art_title a:active {color: #bc2931; text-decoration:underline;}

.art_content {line-height:130%;font-size:9pt;}

.white02 {color: #FFFFFF;font-size:10pt;font-weight:normal;text-align:center;vertical-align:middle;background-color:#5C6FB0;}
.white02 a:link, .white02 a:visited {color:#FFFFFF;font-size:10pt;text-decoration: underline;font-weight:normal;} 
.white02 a:hover, .white02 a:active {color: #FFFF00;text-decoration: underline;}

.white03 {color: #FFFFFF;font-size:10pt;font-weight:normal;text-align:center;vertical-align:middle;background-color:#5C6FB0;} 
.white03 a:link, .white03 a:visited {color:#FFFFFF;font-size:10pt;text-decoration: underline;font-weight:normal;}
.white03 a:hover, .white03 a:active {color: #FFFF00;text-decoration: underline;}

.frame01 { border-width: 1px; border-right-style: solid; border-bottom-style: solid; border-color: #999999;}
.frame02 { border-width: 1px; border-bottom-style: dotted; border-color: #CCCCCC; line-height: 130%; }
.frame03 {border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #999999;}

.glay01 {
	font-weight: bolder;	color: #666666;	font-size: 9pt;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #102B8B;
}
.glay01 a:link, .glay01 a:visited {	font-weight: bolder; color: #666666;}
.glay01 a:hover,.glay01 a:active {font-weight: bolder; color: #BC2931; text-decoration: none;}

.glay02 {font-size: 9pt;	color: #102B8B;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #666666;}
.glay02 a:link, .glay02 a:visited {	color: #102B8B;}
.glay02 a:hover,.glay02 a:active {	color: #BC2931; text-decoration: none;}


.dash01 {border-top-width: thin; border-right-width: thin;	border-bottom-width: thin;	border-left-width: thin;	border-right-style: dotted;	border-color: #CCCCCC;}

td#footerbar {text-align:center; color: #436792;}
td#footerbar a{color: #436792;}


#pscroller{ width: 95%; height: 17px; padding: 1px;}
#pscroller a{ text-decoration: none;}

.formeven {	padding: 2px;	border-bottom-width: 1px; border-bottom-style: solid;	border-bottom-color: #EEEEEE;}

.cell {	padding: 2px;	border-bottom-width: 1px; border-bottom-style: solid;	border-bottom-color: #C7C7C7;
border-left-width: 1px; border-left-style: solid;	border-left-color: #C7C7C7;}

#adleft{position:absolute; border: none; margin: 0px; padding: 0px; background-color: white; width: 100px; visibility: hidden; z-index: 100; }
#adright{position:absolute; border: none; margin: 0px; padding: 0px; background-color: white; width: 100px; visibility: hidden; z-index: 100; }
#adleft120{position:absolute; border: none; margin: 0px; padding: 0px; background-color: white; width: 120px; visibility: hidden; z-index: 100; }
#adright120{position:absolute; border: none; margin: 0px; padding: 0px; background-color: white; width: 120px; visibility: hidden; z-index: 100; }

/* for scroll */
#marqueecontainer{
text-align:left;
position: relative;
width: 150px; /*marquee width */
height: 150px; /*marquee height */
background-color: white;
overflow: hidden;
border: none;
padding: 2px;
padding-left: 4px;
}

.jiaodian {margin:1px; padding:4px; text-align:center; filter:shadow(color:gray,strength:10,direction:135); }
.jiaodian a:visited , .jiaodian a , .jiaodian a:link {color: #3B5998; font-size:32px; font-weight:900; text-decoration:none;}
.jiaodian a:active , .jiaodian a:hover {color: #bc2931; font-weight:900; text-decoration:none;}