/* 10 190 10 630 10 220 10 de 1080px */

*{
margin:0;
padding:0;
font-size:100%;
font-weight:normal;
font-style:normal;
font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
line-height:1.5;
}

body{
background:#2b7777 url(images/bg-green.gif) repeat-x;
/* background:#f4f4f2 url(images/bg-cya.gif) repeat-x; */
color:#404040;
font-size:90%;
line-height:1.5;
text-align:center;
}

table{
width:100%;
border-collapse:collapse;
}

table td{
vertical-align:top;
}

th{
padding:3px 10px;
background:#EEF3F6 url(images/title_bg.gif) repeat-x;
color:#333;
border:1px solid #B0BDC6;
}

a{
color:#0073a8;
text-decoration:none;
}

a:hover{
color:#e60033;
text-decoration:none;
}

hr{
margin:8px 0px 8px 0px;
border:1px solid #B0BDC6;
}

ul{
margin:0px;
padding:2px;
text-align:left;
list-style:decimal outside;
}

li{
margin-left:0px;
color:#2F5376;
list-style:square inside;
}

input.formButton{
}

/* change spot */
#wrapper{
width:1080px;
margin:0 auto;
background-color:#ffffff;
}

/* change spot */
#header{
width:1078px;
margin:0px;
background:#ffffff;
}

/* change spot */
.sitename{
float:right;
width:1082px;
margin-right:-2px;
background:#3e3227;
text-align:right;
}

.sitename h1{padding:2px 10px;}
.sitename a{color:#f3f3f2; font-weight:bold;}
.sitename a:hover{background-color:#000033;}

.logo{
clear:both;
float:left;
margin:10px 0 0px 10px;
text-align:left;
}

.searchbox{
float:right;
margin:10px 7px 0px 0px;
}

.searchbox p{
margin-top:7px;
}

.searchbox .btn{
margin-right:5px;
}

.searchinput{
width:250px;
height:20px;
vertical-align:-2px;
}

.searchbotton{
width:80px;
height:24px;
background:#eaedf7;
color:#000000;
vertical-align:-2px;
}

/* change spot */
.headtabs{
float:left;
width:1080px;
line-height:normal;
font-size:85%;
border-bottom:1px solid #6B78A9;
}
.headtabs ul {
margin:0;
padding:5px 0 0 5px;
list-style:none;
}
.headtabs li {
display:inline;
margin:0;
padding:0;
}
.headtabs a {
float:left;
background:url("images/tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
.headtabs a span {
float:left;
display:block;
background:url("images/tabright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#ffffff;
font-weight:bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.headtabs a span {float:none;}
/* End IE5-Mac hack */
.headtabs a:hover span { color:#ffffff; }
.headtabs a:hover { background-position:0% -42px; }
.headtabs a:hover span { background-position:100% -42px; }

/* change spot */
.infobar{
clear:both;
width:1080px;
height:22px;
margin:0 0 15px 0;
padding:2px 10px;
color:#19448e;
border-bottom:1px solid #000033;
text-align:left;
}

#theme_breadcrumbs{font-size:90%;}

#canvas{text-align:left;}

body.ShowBlockL0R1 #canvas{
clear:both;
float:left;
width:100%;
margin-top:0px;
margin-bottom:20px;
padding-left:20px;
margin-right:-301px;
}

/* change spot */
body.ShowBlockL1R1 #canvas{
clear:both;
float:left;
width:100%;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
margin-right:-250px;
}

/* 右カラムの幅+左右padding */
body.ShowBlockL0R1 #centercolumn{
margin-right:301px;
}

/* change spot */
body.ShowBlockL1R1 #centercolumn{
float:right;
width:100%;
margin-bottom:10px;
margin-left:-220px;
margin-right:0px;
}

/* change spot */
body.ShowBlockL0R1 #mainContents{
clear:both;
width:630px;
padding:0;
}

/* change spot */
body.ShowBlockL1R1 #mainContents{
clear:both;
width:630px;
margin-top:0px;
margin-right:240px;
margin-left:200px;
padding:0;
}
/* 左カラム */
/* change spot */
#leftcolumn{
float:left;
width:190px;
margin-left:0px;
}

#leftcolumn .blockTitle{
padding:3px 10px;
background:#EEF3F6 url(images/title_bg.gif) repeat-x;
color:#000033;
font-weight:bold;
border:1px solid #B0BDC6;
}

#leftcolumn .blockContent{
margin-bottom:-1px;
padding:5px 10px;
background:#EEF3F6 url(images/left_bg.gif) repeat-x;
border:1px solid #B0BDC6;
border-top:0;
}

/* 右カラム */
/* change spot */
#rightcolumn{
float:right;
width:220px;
margin-bottom:20px;
margin-right:10px;
text-align:left;
}

#rightcolumn .blockTitle{
padding:3px 10px;
background:#EEF3F6 url(images/title_bg.gif) repeat-x;
color:#000033;
font-weight:bold;
border:1px solid #B0BDC6;
}

#rightcolumn .blockContent{
margin-bottom:-1px;
padding:5px 10px;
background:#EEF3F6 url(images/left_bg.gif) repeat-x; /* old browsers */
border:1px solid #B0BDC6;
border-top:0;
}

/* change spot */
#centerC{
clear:both;
width:630px;
}

#centerL{
float:left;
width:50%;
}

#centerR{
float:left;
width:50%;
}

/* 汎用クラス */
.MarginBottom20{
margin-bottom:20px;
}

/* change spot */
.block700{
clear:both;
width:630px;
}

.w100per{
width:100%;
}

.right{
text-align:right;
}

/* change spot */
.half1{
float:left;
width:316px;
margin-right:-1px;
}

/* change spot */
.half2{
float:left;
width:315px;
}

.half1 a{
display:block;
}

.half2 a{
display:block;
}

.blockTitle1{
padding:3px 5px;
background:#EEF3F6 url(images/title_bg.gif) repeat-x;
color:#000033;
font-weight:bold;
border:1px solid #B0BDC6;
}

.blockContent1{
margin-bottom:-1px;
padding:5px 10px;
background:#EEF3F6 url(images/left_bg.gif) repeat-x;
border:1px solid #B0BDC6;
border-top:0;
}

.blockContent1 p{
margin:15px 0px;
}

.blockContent150{
height:150px;
margin-bottom:-1px;
padding:5px 10px;
background:#ffffff;
font-size:90%;
border-bottom:1px solid #B0BDC6;
border-left:1px solid #B0BDC6;
border-right:1px solid #B0BDC6;
}

/* 特別告知 */
/* change spot */
.SP_set{
clear:both;
width:628px; /* 左右罫線2px分ズレる */
margin-bottom:20px;
background:#ffffff;
font-size:90%;
border-bottom:1px solid #B0BDC6;
border-left:1px solid #B0BDC6;
border-right:1px solid #B0BDC6;
}

.SP_set p{
margin-bottom:5px;
padding:5px 10px;
}

/* 目次 今は使ってない*/
/* change spot */
.Mokuji_set{
clear:both;
width:628px; /* 左右罫線2px分ズレる */
height:330px;
margin-bottom:20px;
background:#ffffff;
font-size:90%;
border-bottom:1px solid #B0BDC6;
border-left:1px solid #B0BDC6;
border-right:1px solid #B0BDC6;
}

.Mokuji_set a{
display:block;
}

.Mokuji_set a:hover{
color:#2b2b2b;
background-color:#f5f5f5;
}

.Mokuji_set h3{
margin-bottom:5px;
font-weight:bold;
border-bottom:1px dotted #000000;
}

.Mokuji_set p{
margin-bottom:10px;
}

.Mokuji_set a{
display:block;
}

.Mokuji_set a:hover{
color:#2b2b2b;
background-color:#f5f5f5;
}

.Mokuji_set_quo1{
clear:both;
float:left;
width:149px; /* ギリギリレイアウトが崩れない */
height:150px;
padding:5px 10px;
}

.Mokuji_set_quo2{
float:left;
width:149px; /* ギリギリレイアウトが崩れない */
height:150px;
padding:5px 10px;
}

/* 一番街の更新情報 */
#blockContent_kousin{
height:250px;
margin-bottom:-1px;
padding:5px 10px;
background:#ffffff;
border-bottom:1px solid #B0BDC6;
border-left:1px solid #B0BDC6;
border-right:1px solid #B0BDC6;
overflow-y:hidden;
}

/* 動画 */
/* change spot */
.Douga_set {
clear:both;
width:628px; /* 左右罫線2px分ズレる */
height:480px;
margin-bottom:20px;
background:#ffffff;
font-size:90%;
border-bottom:1px solid #B0BDC6;
border-left:1px solid #B0BDC6;
border-right:1px solid #B0BDC6;
}

.Douga_set_naka {
padding:5px 10px;
}

.Douga_set p{
margin-bottom:10px;
}

/* 動画 */
/* change spot */
.Twitter_set {
clear:both;
width:628px; /* 左右罫線2px分ズレる */
height:480px;
margin-bottom:20px;
background:#ffffff;
font-size:90%;
border-bottom:1px solid #B0BDC6;
border-left:1px solid #B0BDC6;
border-right:1px solid #B0BDC6;
}

.Twitter_naka {
padding:5px 10px;
}

.Twitter_set p{
margin-bottom:10px;
}

/* ニュース速報 */
#blockContent_news{
height:200px;
padding:5px 10px;
background:#ffffff;
border:1px solid #f91419;
overflow-y:hidden;
}

/* 雀荘検索枠 */
/* change spot */
#Janken_set{
clear:both;
width:628px;
height:370px;
margin-bottom:20px;
text-align:center;
border:1px solid #60b918;
}

.Janken_set_naka {
padding:20px;
}

.Janken_set p{
margin-bottom:0px;
}

/* メルマガ内容枠 */
/* change spot */
#Magazine{
clear:both;
width:628px;
height:460px;
margin-bottom:20px;
border:1px solid #f98700;
}

#Magazine iframe{
/* change spot */
width:585px;
height:270px;
margin:5px auto;
border:1px solid #ffffff;
}

.magaform{
background-color:#ffffff;
}

.MagaInfo{
padding:10px;
}

.MagaInfo p{
margin:0 0px 15px 0px;
}

/* アンテナ内容枠 */
/* change spot */
#Antena{
clear:both;
width:628px;
height:780px;
margin-bottom:20px;
border:1px solid #0189ff;
}

#Antena iframe{
/* change spot */
width:570px;
height:740px;
margin:10px 10px 0px 10px;
background:#ffffff;
border:1px solid #ffffff;
overflow-x:hidden;
}

.OriginContSet{
}

.OriginContSet p{
font-size:95%;
margin-bottom:10px;
}

.OriginContSet a{
display:block;
}

.OriginContSet h2{
padding:3px 10px;
font-weight:bold;
}

.OriginContSet h3{
margin-bottom:5px;
font-weight:bold;
border-bottom:1px dotted #000000;
}

/* 麻雀講座と調べ物 */
#OriginContSchool{
border:1px solid #007bbb;
}

#OriginContSchool a:hover{
color:#19448e;
background-color:#f7fcfe;
}

#OriginContSchool h2{
background:#EEF3F6 url(images/title_bg.gif) repeat-x; /* old browsers */
background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f9fe), color-stop(100%,#d6f0fd)); /* webkit */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* ie */
color:#17184b;
border-bottom:1px solid #007bbb;
}

#blockContentSchool{
padding:5px 10px;
background:#ffffff;
}

#blockContentSchool .font13px{
font-size:13px;
}
/* 麻雀講座と調べ物 */

/* コラム */
#OriginContColumn{
border:1px solid #f08300;
}

#OriginContColumn a:hover{
color:#eb6238;
background-color:#fbfaf5;
}

#OriginContColumn h2{
background:#EEF3F6 url(images/title_bg.gif) repeat-x; /* old browsers */
background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* ie */
color:#640125;
border-bottom:1px solid #f08300;
}

#blockContentColumn{
padding:5px 10px;
background:#ffffff;
}
/* コラム */

/* 雀荘検索 */
#OriginContJanso{
border:1px solid #47885e;
}

#OriginContJanso a:hover{
color:#316745;
background-color:#f8fbf8;
}

#OriginContJanso h2{
background:#EEF3F6 url(images/title_bg.gif) repeat-x; /* old browsers */
background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ); /* ie */
color:#333631;
border-bottom:1px solid #47885e;
}

#blockContentJanso{
padding:5px 10px;
background:#ffffff;
}
/* 雀荘検索 */

/* 広告-協賛雀荘 */
.PrJanso{
border:1px solid #47885e;
}

.PrJanso a:hover{
color:#316745;
background-color:#f8fbf8;
}

.PrJanso h2{
background:#EEF3F6 url(images/title_bg.gif) repeat-x; /* old browsers */
background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ); /* ie */
color:#333631;
border-bottom:1px solid #47885e;
}

.blockContentPrJanso p{
padding:5px 10px;
text-align:center;
}

.blockContentPrJanso a{
display:inline;
}

/* 広告-協賛雀荘 */

/* 掲示板とブログ */
#OriginContBBS{
border:1px solid #c9171e;
}

#OriginContBBS a:hover{
color:#e60033;
background-color:#fef4f4;
}

#OriginContBBS h2{
background:#EEF3F6 url(images/title_bg.gif) repeat-x; /* old browsers */
background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* ie */
color:#432f2f;
border-bottom:1px solid #c9171e;
}

#blockContentBBS{
padding:5px 10px;
background:#ffffff;
}
/* 掲示板とブログ */

/* 広告-ネット麻雀 */
.PrNetMj{
border:1px solid #ea5506;
}

.PrNetMj a:hover{
color:#2b2b2b;
background-color:#f8f4e6;
}

.PrNetMj h2{
background: #f6e6b4; /* Old browsers */
background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* W3C */
color:#17184b;
border-bottom:1px solid #ea5506;
}
/* 広告-ネット麻雀 */

/* テキストとその他 */
.OriginContOther{
border:1px solid #c0c0c0;
}

.OriginContOther a:hover{
color:#2b2b2b;
background-color:#f5f5f5;
}

.OriginContOther h2{
background:#EEF3F6 url(images/title_bg.gif) repeat-x; /* old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
color:#000000;
border-bottom:1px solid #c0c0c0;
}

.blockContentOther{
padding:5px 10px;
background:#ffffff;
}
/* テキストとその他 */

/* ユーザメニュー */
#usermenu a{
display:block;
margin:0;
padding:1px;
}

#usermenu a:hover{
}

#usermenu a.menuTop{
}

#usermenu a.highlight{
background:#ffcccc;
}

/* フッター */
#footer{
clear:both;
width:100%;
background:#ffffff;
font-size:100%;

text-align:center;
border-top:1px solid #715c1f;
}
#footer p{padding:10px 0; color:#715c1f;}
#footer a{color:#715c1f;}

#footer2{
clear:both;
width:100%;
background:#d3cbc6;
font-size:88%;
text-align:center;
border-top:1px solid #715c1f;
}
#footer2 p{padding:7px 0; color:#715c1f;}
#footer2 a{color:#715c1f;}

/* フォーラム等の外枠 */
.outer{
border:1px solid #B0BDC6;
}

/* フォーラム等の投稿情報欄 */
.head{
padding:5px;
background:#EEF3F6;
font-weight:bold;
}

/* フォーラム等の交互に色が変わる部分 */
.even{
padding:5px;
background:#FFFFFF;
}

.odd{
padding:5px;
background:#F7F9FA;
}

tr.even td{
padding:5px;
background:#FFFFFF;
}

tr.odd td{
padding:5px;
background:#F7F9FA;
}

/* フォーラム等のフッター */
.foot{
padding:5px;
background:#EEF3F6;
font-weight:bold;
}

/* システムメッセージ */
div.errorMsg{
padding:10px;
background:#ffcccc;
font-weight:bold;
text-align:center;
border-top:1px solid #ddddff;
border-left:1px solid #ddddff;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
}

div.confirmMsg{
padding:10px;
background:#ddffdf;
color:#136c99;
font-weight:bold;
text-align:center;
border-top:1px solid #ddddff;
border-left:1px solid #ddddff;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
}

div.resultMsg{
padding:10px;
background:#eef3f6;
color:#333333;
font-weight:bold;
text-align:center;
border-top:1px solid silver;
border-left:1px solid silver;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

/* Xoopsコードを記述する部分 */
div.xoopsCode{
padding:0px 6px 6px 6px;
background:#ffffff;
border:1px inset #000080;
}

/* 引用部分 */
div.xoopsQuote{
padding:0px 6px 6px 6px;
background:#ffff00;
border:1px inset #000080;
}

.comTitle{
font-weight:bold;
margin-bottom:2px;
}

.comText{
padding:2px;
}

.comUserStat{
margin:2px;
padding:2px;
background:#ffffff;
color:#2f5376;
font-size:10px;
font-weight:bold;
border:1px solid silver;
}

.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:0px;
}

.comUserName{
}

.comUserImg{
margin:2px;
}

.comDate{
font-size:smaller;
font-weight:normal;
font-style:italic;
}

.comDateCaption{
font-weight:bold;
font-style:normal;
}

/* 独自設定 */
.center-back-mizu{
padding:5px;
text-align:center;
background-color:#eef3f6;
border:1px solid #333366;
}

/* picoの独自設定画像にリンクがあるやつだけ*/
.pico_h1{
margin:0px 0px 10px 0px;
padding:3px 2px 3px 3px;
background:#EEF3F6 url(images/title_bg.gif) repeat-x;
font-weight:bold;
border:1px solid #B0BDC6;
}

.pico_h2 {
margin:10px 0px 0px 0px;
padding:3px 2px 3px 3px;
background:#EEF3F6 url(images/title_bg.gif) repeat-x;
font-weight:bold;
border:1px solid #B0BDC6;
border-left:10px solid #6699cc;
}

/* hdpoll */
#hdpoll{
margin:0;
padding:0;
}

#hdpoll h2{
margin:10px 10px 10px 10px;
padding:3px 2px 3px 3px;
color:#000033;
font-weight:bold;
font-size:120%;
border-bottom:1px solid #000033;
}

#hdpoll h3{
margin:10px 10px 0px 10px;
padding:3px 2px 0px 3px;
background-color:#ffffff;
color:#336666;
font-size:110%;
font-weight:bold;
border-top:1px solid #006f93;
border-left:3px solid #006f93;
border-right:1px solid #006f93;
}

#hdpoll li{
list-style:none;
}

#hdpoll ul{
list-style:none;
margin:0px 0px 10px 10px;
}

#hdpoll p{
margin:0px 10px 5px 10px;
padding:3px 2px 0px 3px;
}

.pollDesc{
margin:0px 10px 10px 10px;
padding:0px 2px 3px 3px;
border-left:3px solid #006f93;
border-right:1px solid #006f93;
border-bottom:3px solid #006f93;
font-size:90%;
}

