@charset "euc-jp";
@import url("css/ex.css");
* {margin: 0; padding: 0; font-style: normal;}
#centercolumn {float:left; width:770px; overflow:hidden;}
#side_area{float:right;	width:210px; overflow:hidden;}
div.page {width: 980px;	margin:0 auto; text-align:left;}
.back{border: thin solid #FFF; width: 980px; margin:0 auto; background-color: #FFF;}
/* ------------ HTML TAG Re-definition ------------ */
body{background-color: #CCCCCC; color: #666666; font-family: Verdana, Helvetica, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', osaka, sans-serif; font-size:80%; margin:0; padding:0; background:url(images/back.png);}
table{width:100%; margin:0; padding:0;}
table td{padding:0; margin:0; vertical-align:top; line-height:130%;}
img {border:0;}
/* ------------ Link Color Settings ------------ */
a {color: #235E88;text-decoration: none;}
a:hover {color: #235E88;text-decoration: underline;}
a:visited {color: #235E88;}
/* ------------ Heading and List tag Settings ------------ */
h1,h2{font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif; color: #666666; padding: 0; margin: 10px 0 5px;}
h1 {color: #333; margin: 0; font-size: 100%;}
h2 {color: #333; padding: 5px 0 5px 21px; font-size: 100%;}
h3, h4, h5 {font-size: 100%; font-weight: normal;}
ul, ol, li {margin: 0 5px;  text-align: left; list-style: none;}
legend {padding: 0 10px; color: #F60; background: inherit;}
legend {padding: 0 10px; color: #666; background: inherit;}
.bold{color:#555; font-weight: bold;}
/* ------------ Layout settings ------------ */
.usual{margin: 0; padding:0; text-align: center; color: #666;}
.logo{float:left; position:absolute; left: 40px;}
.banner{position:absolute; left: 460px;}
.ad{text-align:center;}
#login {text-align: right; clear:both;color: #555;background:#EFEFEF;padding: 5px 20px;	line-height:normal;border-bottom: 1px #cccccc solid;}
#header{height: 81px; margin-top: 20px; position:relative; padding-bottom:5px;}	
#main_area {clear:both;	margin-top:0px;}
#cc_base {padding:15px 0; width:760px; text-align:left; overflow:hidden; margin:0 auto;}
#footer {clear:both; padding:16px; text-align:center; background:#EFEFEF;}
/* ------------ centercolumn ------------ */
.centerCcolumn {clear:both;}
.centerCcolumn .blockTitle {clear:both;	color: #555; margin: 0px; padding: 5px 5px 5px 10px; background:url(images/bar.png) repeat-x ; line-height:normal; font: bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;}
.blockTitle {clear:both; color: #555; margin: 0px; padding: 5px 5px 10px 10px; background:url(images/head_back.gif) repeat-x ; line-height:normal; font: bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;}
.centerCcolumn .blockContent {line-height: 150%; margin-bottom:10px;}
.centerLcolumn {width: 49%; padding: 0 3px 0 0;	float: left; overflow:hidden;}
.centerLcolumn .blockTitle {color: #555; background:url(images/head_back.gif) repeat-x ; padding: 5px 5px 10px 10px; font: bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;}
.centerLcolumn .blockContent {padding: 3px 8px 8px 3px;	line-height: 140%; margin-bottom:5px;}
.centerRcolumn {width: 48%; padding: 0 0 0 3px;	float: right; overflow:hidden;}
.centerRcolumn .blockTitle {color: #555; background:url(images/head_back.gif) repeat-x ; padding: 5px 5px 10px 10px; font: bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;}
.centerRcolumn .blockContent {padding: 3px 3px 8px 8px;	line-height: 140%; margin-bottom:5px;}
#content {clear: both;	line-height:175%;}
#ads{clear:both;text-align: center;padding: 15px 0;}
/* ------------ right column ------------ */
.rightcolumn .blockTitle {font: bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif; padding:5px 3px 5px 25px; background:url(images/blockTitleBack_r.gif) no-repeat left center;}
.rightcolumn .blockContent {padding: 5px 10px;	line-height:150%; margin-bottom:10px;}
/* ------------ xoops mainmenu & usermenu ------------ */
#mainmenu a, #usermenu a {display: block;text-decoration: none;	color: #555;background-color:inherit;margin-bottom: 4px;padding: 3px;border-bottom:1px dotted #AAA;}
#mainmenu a:hover, #usermenu a:hover {color: #f90;background-color:inherit;}
#mainmenu a.menuSub, #mainmenu a.menuSub:hover {padding-left: 25px;}
#usermenu a.highlight {color: #FFF;padding: 3px;background: #333;}
/* ------------ for table ------------ */
.outer {border: 1px solid #EEE;}
th {padding: 3px; text-align: center; font-weight: normal; color: #666;	border-bottom: 1px solid #CCC; background:#DFDFDF;}
.head {vertical-align:top; padding: 5px; color: inherit; border-bottom: 1px solid #CACACA; background:#EFEFEF;}
.even {vertical-align:top; padding: 2px; color: inherit; border-bottom: 1px solid #CACACA; background: #F3F5FA;}
.odd  {vertical-align:top; padding: 2px; color: inherit; border-bottom: 1px solid #CACACA; background: #F7F8FD;}
.foot {padding: 5px;font-weight: bold; color: inherit; background:#EFEFEF;}
tr.even td {vertical-align:top; padding: 2px;border-bottom: 1px solid #CACACA;}
tr.odd td {vertical-align:top;  padding: 2px;border-bottom: 1px solid #CACACA;}
tr.even {color: inherit; background: #F3F5FA;}
tr.odd {color: inherit;	background: #F7F8FD;}
tr.odd:hover, tr.even:hover {color: #000;border-bottom: 1px solid #CACACA;background: #DFDFDF;}
/* ------------ error message & quote and code ------------ */
div.errorMsg{background: #F5E8E8; color: #FF0000; text-align: center; font-weight: bold; padding: 10px;	border: 1px solid #CCC;}
div.confirmMsg{background: #EFF4DF;color: #003300;text-align: center;font-weight: bold;	padding: 10px;border: 1px solid #CCC;}
div.resultMsg{background-color: #FFF;color: #333;text-align: center;font-weight: bold;padding: 10px;border: 1px solid #CCC;}
div.xoopsCode{background: #EFEFEF;color:inherit;border: 1px inset #CCC;	padding: 6px;overflow: auto;width: 450px;}
div.xoopsQuote {background: #EFEFEF;color:inherit;border: 1px inset #CCC;padding: 6px;overflow: auto;width: 450px;}
/* ------------ for comment area ------------ */
.formButton{border: 1px outset #616655;	background-color: #EEEEEE;color: #7F7F7F;}
/* ------------ for comment ------------ */
.comTitle {margin-bottom: 2px;}
.comText{padding: 2px;}
.comUserStat {font-size:80%;border: 1px solid #CCC;margin: 2px;	padding: 2px;background: #FFF;color:inherit;}
.comUserStatCaption {font-weight: normal;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size:80%;}
.comUserImg {margin: 2px;}
.comDate {font-size:80%;}
.comDateCaption {}
/* ------------ for bulletin or news module ------------ */
.itemHead {padding: 2px 5px;font-weight: bold;	border-bottom: 1px dotted #CCC;  background:#DFDFDF;}
.itemInfo {text-align: right;padding: 3px 8px;}
.itemTitle a {font-size: 90%;font-weight: bold;font-variant: small-caps;text-decoration: none;}
.itemPoster {font-size: 90%;}
.itemPostDate {font-size: 90%;}
.itemStats {font-size: 90%;}
.itemBody {padding: 0 8px 0 13px;overflow: hidden;}
.itemText {margin-top: 5px;margin-bottom: 5px;line-height: 1.5em;}
.itemFoot {text-align: right;padding: 2px;border-top:1px dotted #CCC;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}
/* --- ナビゲーションバー --- */
.nav {width:100%; background: url(images/menu_off.gif) repeat-x top; border-top: 1px #cccccc solid; border-bottom: 1px #cccccc solid; font-size: 90%; clear: both;}
/* --- メニューエリア --- */
.nav .nl {width: 979px; margin: 0 auto; padding: 0; background: url(images/menu_off.gif) repeat-x top; border-left: 1px #cccccc solid; border-right: 1px #ffffff solid; list-style-type: none;}
/* --- メニュー項目 --- */
.nav .nl li {width: 163px; float: left;margin: 0;padding: 0;text-align: center;}
/* --- リンク --- */
.nav .nl li a {display: block;position: relative; padding: 11px 2px; border-top: 1px #ffffff solid; border-bottom: 1px #808080 solid; border-left: 1px #ffffff solid; border-right: 1px #cccccc solid; text-decoration: none; }
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {background: url(images/menu_on.gif) repeat-x top; text-decoration: none; }
/* --- clearfix --- */
.clearFix:after {content: ".";display: block;height: 0;clear: left;visibility: hidden;}
.clearFix {min-height: 1px;}