@charset "UTF-8";

body {
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: white;
	background-image: url(images/backg.gif);
	font-size: small;
	line-height: 130%;
	text-align:left;
}

#maincont{
	width: 950px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */
	margin-left:auto;
	margin-right:auto;
}

#leftcolumn {
	width: 180px;/* ←左メニューの幅を変えるときはこの数値を修正して下さい */
	border-right: 1px solid #cccccc;
	background-image: url(images/menub_02.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#rightcolumn {
	width: 320px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */
	background-image: url(images/menub_02.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

table {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

table td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

a {
	color: #444444;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

h1 {
	font-size: 125%;
}
h2 {
	font-size: 112%;
}
h3, h4, h5 {
	font-size: 100%;
}

ul { margin: 2px; padding: 2px; list-style: decimal outside; text-align: left;}
li {
	list-style: square inside;
	color: #777777;
	margin-top: 3px;
	margin-bottom: 3px;
}

input.formButton {}

.item {border: 1px solid #cccccc;}
.itemHead {padding: 3px; background-color: #666666; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.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%;}

.clear {
	clear: both;
}

.contmain1{
	background-image: url(images/ta_01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 6px;
	font-size: 6px;
}

.contmain2{
	height: 6px;
	width: 6px;
	font-size: 6px;
}

.contmain3{
	background-image: url(images/ta_03.gif);
	background-repeat: repeat-y;
}

.contmain4{
	background-image: url(images/ta_04.gif);
	background-repeat: repeat-y;
	background-position: right center;
	padding-right: 3px;
	padding-left: 3px;
}

.contmain5{
	background-image: url(images/ta_05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 6px;
	font-size: 6px;
}

.contmain6{
	height: 6px;
	width: 6px;
	font-size: 6px;
}

.space{
	height: 10px;
}

.space5{
	height: 5px;
}


#headerlogo {
	padding-top: 3px;
	padding-left: 10px;
	float: left;
}

.headertext{
	color: #666666;
	padding-top: 2px;
	padding-bottom: 1px;
}

#headerright {
	float: right;
}

#headermenu {
	margin-right: 5px;
	text-align: right;
}

.headermenulink {
	margin-right: 3px;
	height: 23px;
	padding-bottom: 5px;
}

.headermenulinkimg {
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

#headerlogin {
	margin-top: 10px;
	margin-right: 5px;
	text-align: right;
}

#headerbar {
	background-image: url(images/hbar.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#gnavi {
	padding-left: 5px;
	float: left;
}

.main-navi a{
	width:110px;
	height: 18px;
	background-image: url(images/gnav1.jpg);
	padding-top: 12px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: center;
	display: block;
	float: left;
	background-position: 3px;
	font-size: 10px;
}

.main-navi a:hover{
	background-image: url(images/gnav2.jpg);
	color:#fff;
	background-repeat: no-repeat;
}

th {
	color: #FFFFFF;
	padding : 4px;
	vertical-align : middle;
	background-image: url(images/th.gif);
}

.column2 {
	width: 9px;
	background-image: url(images/menub_01.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

#leftcolumn .blockTitle {
	padding-top: 10px;
	padding-bottom: 3px;
	color: #CC9900;
	font-weight: bold;
	background-image: url(images/leftmenu-title_01.jpg);
	text-align: center;
	background-position: left top;
}

#leftcolumn .blockTitleleft {
	width: 6px;
	background-image: url(images/leftmenu-title_02.jpg);
	background-position: right top;
}

#leftcolumn .blockContent {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding: 3px;
	background-image: url(images/leftmenu-title_03.jpg);
}

#leftcolumn .blockContentleft {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	width: 6px;
	background-image: url(images/leftmenu-title_04.jpg);
	background-position: right top;
}

.blockBottom {
	height:15px;
	background-image: url(images/leftmenu-title_05.jpg);
	background-repeat: no-repeat;
}

.blockBottomleft {
	width: 6px;
	background-image: url(images/leftmenu-title_06.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#centercolumn {
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 10px;
	padding-left: 11px;
	border-right: 1px solid #cccccc;
}

.cont-title {
	color: #777;
	font-weight: bold;
	background-image: url(images/center-title.jpg);
	height: 23px;
	padding-top: 6px;
	padding-left: 18px;
	background-repeat: no-repeat;
}

.blockTitle2 {
	background-image: url(images/center-title_02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 6px;
	padding-left: 18px;
	height: 23px;
}

.centerCcolumn {
	clear:both;
	padding-bottom: 3px;
}

.centerCcolumn div.blockTitle {
	clear:both;
	color: #777;
	font-weight: bold;
	background-image: url(images/center-title_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.centerCcolumn div.blockContent {
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.centerLcolumn {
	float: left;
	overflow:hidden;
	width: 48%;
	padding-right: 3px;
}

.centerLcolumn div.blockTitle {
	color: #777;
	font-weight: bold;
	background-image: url(images/centerl-title_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.centerLcolumn div.blockContent {
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.centerRcolumn {
	float: right;
	overflow:hidden;
	width: 49%;
	padding-left: 3px;
}

.centerRcolumn div.blockTitle {
	color: #777;
	font-weight: bold;
	background-image: url(images/centerr-title_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.centerRcolumn div.blockContent {
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
}

div#content {text-align: left;}

#rightcolumn .blockTitle {
	padding-top: 10px;
	padding-bottom: 3px;
	color: #5577AA;
	font-weight: bold;
	background-image: url(images/rightmenu-title_01.jpg);
	text-align: center;
	background-position: left top;
}

#rightcolumn .blockTitleleft {
	width: 6px;
	background-image: url(images/rightmenu-title_02.jpg);
	background-position: right top;
}

#rightcolumn .blockContent {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding: 3px;
	background-image: url(images/rightmenu-title_03.jpg);
}

#rightcolumn .blockContentleft {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	width: 6px;
	background-image: url(images/rightmenu-title_04.jpg);
	background-position: right top;
}

#banner{
	text-align: center;
	margin-top: 20px;
}

#pagetop {
	text-align:right;
	vertical-align: middle;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	font-size: 10px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 1px;
}

.footmenu{
	padding-top: 5px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-image: url(images/even.gif);
	background-repeat: repeat-x;
}

.footer {
	text-align:center;
	padding-top: 3px;
	padding-bottom: 7px;
	background-image: url(images/hbar.jpg);
	background-repeat: repeat-x;
	font-size: 10px;
}

#mainmenu a {
	display: block;
	background-image: url(images/menulink1.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 9px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

#mainmenu a:hover {
	background-image: url(images/menulink2.gif);
	background-repeat: no-repeat;
}

#mainmenu a.menuTop {padding-left: 10px;}
#mainmenu a.menuMain {padding-left: 10px;}
#mainmenu a.menuSub {
	padding-left: 10px;
	margin-left: 15px;
	display: block;
}

#usermenu a {
	display: block;
	background-image: url(images/menulink1.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 9px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}
#usermenu a:hover {
	background-image: url(images/menulink2.gif);
	background-repeat: no-repeat;
}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color: #fcc;}



.outer {border: 1px dotted #CCCCCC;}
.head {
	padding: 5px;
	background-image: url(images/foot.gif);
	background-repeat: repeat-x;
	background-color: #EBEBEB;
}

.even {
	padding: 5px;
	background-image: url(images/even.gif);
	background-repeat: repeat-x;
}

.odd {
	padding: 5px;
	background-image: url(images/even.gif);
	background-repeat: repeat-x;
}

.foot {
	padding: 5px;
	background-image: url(images/foot.gif);
	background-repeat: repeat-x;
	background-color: #EBEBEB;
}

tr.even td {
	padding: 5px;
	background-image: url(images/even.gif);
	background-repeat: repeat-x;
}

tr.odd td {
	padding: 5px;
	background-image: url(images/even.gif);
	background-repeat: repeat-x;
}

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;
	padding: 0px 6px 6px 6px;
	width: 400px;
	overflow: auto;
}

div.xoopsQuote { 
	background: #FFFFFF; 
	border: 1px inset #000080; 
	padding: 2px;
	width: 400px;
	overflow: auto;
}


.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-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

.nav-input {
	width:160px;
	border:3px solid #c2e0f2;
	color:#3198d3;
	font-size:14px;
	font-weight:bold;
	padding:3px;
}

textarea.new_serif {
   width: 500px;
   height: 80px;
}
textarea.serif_multi {
   width: 500px;
   height: 80px;
}
input.serif_input {
   width: 500px;
}
textarea.reply_multi {
   width: 500px;
   height: 80px;
}
input.new_reply {
   width: 500px;
}


#spicky_page_link span.cur {padding:3px; font-size:100%; text-decoration:none; font-weight:bold;}
#spicky_page_link span.blk {font-size:80%; text-decoration:none;}
#spicky_page_link span.blk a {text-decoration:none; background:#fff; padding:3px 5px;
                             border:1px solid #ccc;}
#spicky_page_link span.blk a:hover {text-decoration:none; background:#34cc34; color:#fff;}
#spicky_page_link span.blk a:active {text-decoration:none; background:none;}



.cl_timeline {
    font-family: Arial,sans-serif; 
    font-size: 14px;
    max-width: 500px;
}

#cl_timeline_textarea {
    width: 400px;
    height: 50px;
    max-width: 400px;
    
    border:2px solid #e8e8e8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cl_timeline hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.cl_timeline_icon img {
    border-radius: 11px;

    -webkit-border-radius: 11px; /* for Safari and chrome */

//-moz-border-radius: 15px;//for Firefox
//-webkit-border-radius: 15px;//for Safari and chrome
//border-radius: 15px;//CSS3
//behavior: url(border-radius.htc);//for IE

    padding: 9px 12px 12px 9px;

}

.cl_timeline_time {
    float:right;text-align:right;
}

.cl_timeline_screen_name a {
    text-decoration: none;
    font-size: 12px;
}

.cl_timeline_section:hover {
    background: #eee;
}

.cl_timeline_section div.action {
    list-style: none;
    float: left;
}

.cl_timeline_section div.action span {
    display: inline;
    margin-left: 5px;
}

.cl_timeline_section div.action span {
    opacity: 0;
}

.cl_timeline_section:hover div.action span {
    opacity: 0.5;
}

.cl_timeline_section div.action span:hover {
    opacity: 1;
}

.cl_timeline_section a.retweeted {
    color: #2b2;
    font-weight: bold;
}

.cl_timeline_section a.favorited {
    color: #aa2;
    font-weight: bold;
}

.tabrow a { 
    text-decoration: none;
    color: #000;
}

.tabrow {
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 24px;
    max-width: 500px;
    margin-bottom: 3px;
}
.tabrow span {
    margin: 0 1px;
    padding: 0 3px;
    border: 1px solid #AAA;
    background: #ECECEC;
    display: inline-block;
}
.tabrow span.selected {
    background: #FFF;
    color: #000;
}
.tabrow {
    position: relative;
}
.tabrow:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #AAA;
    z-index: 1;
}
.tabrow:before {
    z-index: 1;
}
.tabrow li {
    position: relative;
    z-index: 0;
}
.tabrow li.selected {
    z-index: 2;
    border-bottom-color: #FFF;
}

#timeline_footer {
    max-width: 500px;
}

.css_btn_class_following {
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #469df5;
	padding:2px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #287ace;
 	-webkit-box-shadow: 1px 1px 0px 0px #cae3fc;
 	-moz-box-shadow: 1px 1px 0px 0px #cae3fc;
 	box-shadow: 1px 1px 0px 0px #cae3fc;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

.css_btn_class_follow {
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:2px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#777777;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

#user_followed {
	font-size: 8px;
	color: #444;
}

#tl_search_text {
        width: 220px;
	font-size: 16px;
}