@charset "utf-8";

* {padding:0; margin:0; font-size:12px; line-height:1.5; font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/* 汎用タグ設・E*/
body {color:#000; background: #FEFEFE; font-size:80%; line-height:1.4; text-align:center; }

table {width:100%; border-collapse:collapse;}
table td {vertical-align:top;}
th {padding:3px 10px; background:#DDE8EB url(title_bg.gif) repeat-x; color:#333; border:1px solid #B0BDC6;}

/* 全般的な・E鵐・寮瀋・*/
a {color:#16387C;  text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:0;}

hr { border-top:none; border-left:none; border-bottom:1px dotted #036; border-right: none; height:1px; margin:1em 0;}

/* ・E好班充┐寮瀋・*/
ul {margin:0px 0 1em; padding:2px;  text-align:left;}
li {margin-left:15px; color:#2F5376;}

input.formButton {}

#wrapper {
	width:960px;
	background-color:#FFF;
	margin:15px auto;
	border-left:1px solid #B0BDC6;
	border-right:1px solid #B0BDC6;
	border-top:5px solid #B0BDC6;
	border-bottom:3px solid #B0BDC6;
	border-top-left-radius: 10px;  
    border-top-right-radius: 10px;  
    border-bottom-right-radius: 10px;  
    border-bottom-left-radius: 10px;
	box-shadow: 2px 2px 5px #333;
	}

/* ヘッダ*/

#header { 
	width:960px;
	height:165px;
	margin:0 auto 0px auto;
	background-image:url(header_bg.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	}
* html #header { height:1%; }
#header { display:block; }
#header:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
/* */

#header * {   }
#header .sitename {width:940px; height:18px; text-align:left; background:#EDF2F5; padding:2px 10px; }
* html #header .sitename { height:1%; }
#header .sitename { display:block; }
#header .sitename:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }

#header .sitename * { font-size:85%; }
#header .sitename h1 { float:left; margin-right:1em;}
#header .sitename h2 {float:left; margin-right:1em;}
#header .sitename p {float:right; margin-right:1em;}


#header .logo { clear:both; float:left; margin:10px 0 19px 15px;}

#header .searchbox {margin: 15px 15px 0 0; width: 450px; float:right; padding:5px 10px; background:#EEF3F6 url(left_bg.gif) repeat-x; border:1px solid #B0BDC6; }
#header .searchbox p, #header .searchbox a { font: 10px; }

#header .topnavi,
#header .topnavi a {font-size:90%; text-align:right; color:#FFF;}
#header .searchinput {width:150px; height:20px; border:1px solid #C0CDD5; vertical-align:-2px;}
#header .searchbotton {width:80px; height:22px; background:#FFDC8A; color:#000; border:1px solid #CE9200; vertical-align:-2px;}



#header .infobar { clear:both; margin: 25px 0 0 0px; padding:0px; }
#header .infobar:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
#header .infobar ul:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
#header .infobar ul { margin:0; padding:0;  border-bottom: 1px solid #B0BDC6;  }
#header .infobar ul li { float:left; list-style:none; margin:0; }
#header .infobar ul li a { display:block; text-decoration:none; margin:0; font-size:12px; padding:8px 12px 8px 12px; border-right:1px solid #B0BDC6; }
#header .infobar ul li a:hover { background:#B0BDC6; padding:8px 12px 7px 12px; }
#header .infobar ul { display:inline-table; }

/* Mac IE には適用させない \*/
* html #header .infobar ul { height:1%; }
#header .infobar ul { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

#header .searchbox p, #header .searchbox a { font-size: 10px !important; }
#header .searchbox p { margin-top: 10px; }

div#flashContent {
	position: relative;
	width:100%;
	z-index: 1;
	margin-top:1px;
}


div#txt_01 {
	position:absolute;
	z-index: 3;
	width: 100%;
	clip: rect(0px,0px,auto,auto);
	left:0px;
	top: 0px;
}

div#txt_01 * {
	font-size:10px;
}

/* メインカラ・E左+中央） */
#canvas {text-align:left;}
body.ShowBlockL0R0 #canvas {width:100%; clear:both;}
body.ShowBlockL1R0 #canvas {width:100%; clear:both;}
body.ShowBlockL0R1 #canvas {width:100%; float:left; margin-right:-200px; clear:both;}
body.ShowBlockL1R1 #canvas {width:100%; float:left; margin-right:-200px; clear:both;}

/* 中央カラムの・E詑*/
body.ShowBlockL0R0 #centercolumn {float:left; width:100%;}
body.ShowBlockL1R0 #centercolumn {float:right; width:100%; margin-left:-200px;}
body.ShowBlockL0R1 #centercolumn {margin-right:200px;}
body.ShowBlockL1R1 #centercolumn {float:right; width:100%; margin-left:-200px;}

/* 中・E中央ブ・礎クの・E詑*/
#centerC {width:100%;}
#centerC .blockTitle { margin:0;  padding:3px 5px; background:#EEF3F6 url(title_bg.gif) repeat-x; color:#18397C; border:1px solid #B0BDC6; font-weight:bold;  font-size: 110%;}
#centerC .blockContent {padding:5px 10px; background:#FFFFFF; border:1px solid #B0BDC6; border-top:0; margin-bottom:10px;}

/* 中・E左ブ・礎クの・E詑*/
#centerL {width:49%; float:left;}
#centerL .blockTitle { margin:0; padding:3px 5px; background:#EEF3F6 url(title_bg.gif) repeat-x; color:#18397C; border:1px solid #B0BDC6; font-weight:bold; font-size: 110%;}
#centerL .blockContent {padding:5px 10px; background:#FFFFFF; border:1px solid #B0BDC6; border-top:0; margin-bottom:10px;}

/* 中・E右ブ・礎クの・E詑*/
#centerR {width:49%; float:right;}
#centerR .blockTitle { margin:0; padding:3px 5px; background:#EEF3F6 url(title_bg.gif) repeat-x; color:#18397C; border:1px solid #B0BDC6; font-weight:bold; font-size: 110%;}
#centerR .blockContent {padding:5px 10px; background:#FFFFFF; border:1px solid #B0BDC6; border-top:0; margin-bottom:10px;}

/* メインコンテンツの・E詑*/
body.ShowBlockL1R0 #mainContents {margin-left:200px; padding:0 10px 0 0; clear:both;}
body.ShowBlockL1R1 #mainContents {margin-right:200px; margin-left:200px; padding:0; clear:both;}

#mainContents * {
 line-height:150%;
}

p.site_des {
	background-image:url(../Potal-Y-TOP/bg_yokohama1.png);
	background-repeat:no-repeat;
	background-position: bottom center;
	width:100%;
	height:175px;
	display:block;
	text-indent:-99999px;
	margin-top:1px;
	margin-bottom:10px;
}


#mainContents h1 {
    font-size: 18px;
    padding:5px;
    border-bottom:1px solid #CDCDCD;
    margin-bottom:1em;
}

#mainContents h1 a {
    font-size: 18px;
	font-weight:bold;
   
}


#mainContents h2 {

background:#EEF3F6 url(title_bg.gif) repeat-x;
color:#18397C;
border-top:1px solid #B0BDC6;
border-right:3px solid #B0BDC6;
border-bottom:3px solid #B0BDC6;
border-left:1px solid #B0BDC6;
font-weight:bold;
font-size: 16px;
padding:5px 10px;
margin:1em 0 1em 0;

}

#mainContents h2 a {
  font-size: 16px;
}

#mainContents h2.x_movie {
    margin:0;
    }

#mainContents h3 {
    color:#18397C;
    border-left: 5px solid #B0BDC6;
    font-size: 14px;
    padding:5px 10px;
    margin: 1em 0px;

}

#mainContents h4 {
	background: #EEF3F6;
    font-size: 12px;
    padding:5px 10px;
    
}

#mainContents td {
	padding:5px;
	}

/* 左カラムの・E詑*/
#leftcolumn {width:180px; margin:0 0 0 5px; float:left;}
#leftcolumn .blockTitle {padding:3px 10px; background:#EEF3F6 url(title_bg.gif) repeat-x; color:#18397C; border:1px solid #B0BDC6; font-weight:bold;}
#leftcolumn .blockContent {padding:5px 10px; background:#EEF3F6 url(left_bg.gif) repeat-x; border:1px solid #B0BDC6; border-top:0; margin-bottom:10px;}

/* 右カラムの・E詑*/
#rightcolumn {width:180px; margin:0 5px 0 0; float:right; text-align:left;}
#rightcolumn .blockTitle {padding:3px 10px; background:#EEF3F6 url(title_bg.gif) repeat-x; color:#18397C; border:1px solid #B0BDC6; font-weight:bold;}
#rightcolumn .blockContent {padding:5px 10px; background:#EEF3F6 url(left_bg.gif) repeat-x; border:1px solid #B0BDC6; border-top:0; margin-bottom:10px;}

/* メインメニューの・E詑*/
#mainmenu a {display:block; margin:0; padding:4px;}
#mainmenu a:hover {}
#mainmenu a.menuTop {}
#mainmenu a.menuMain {}
#mainmenu a.menuSub {padding-left:12px;}

/* ユーザメニューの・E詑*/
#usermenu a {display:block; margin:0; padding:4px;}
#usermenu a:hover {}
#usermenu a.menuTop {}
#usermenu a.highlight {background:#ffcccc;}

/* フッタブ・礎クの・E詑*/
#footer {clear:both; border-top:1px solid #B0BDC6; text-align:center; font-family:sans-serif; font-size:11px; padding:8px;}

/* フォーラムなどの外枠 */
.outer {border:1px solid #B0BDC6;}
/* フォーラムなどの・E鴇霾麝・*/
.head {background:#EEF3F6; padding:5px; font-weight:bold;}

/* フォーラムなどの交互に色が変・E・・・*/
.even {background:#FFFFFF; padding:5px; border:1px solid #B0BDC6;}
.odd {background:#F7F9FA; padding:5px; border:1px solid #B0BDC6;}
tr.even td {background:#FFFFFF; padding:5px;}
tr.odd td {background:#F7F9FA; padding:5px;}

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


/* 最新ニュースの枠 */
.item {border:1px solid #B0BDC6;}
/* 最新ニュースのタイト・E弌・*/
.itemHead {padding:3px 10px; background:#EEF3F6 url(title_bg.gif) repeat-x; color:#333; border:1px solid #B0BDC6;}
/* 最新ニュースの・E鴇霾麝・*/
.itemInfo {text-align:right; padding:3px; background:#EEF3F6; border-top:1px solid #B0BDC6;}
/* 最新ニュースのタイト・E寮瀋・*/
.itemTitle a {font-size:120%; font-weight:bold;}
/* 最新ニュースの・E銅・*/
.itemPoster {font-size:90%;}
/* 最新ニュースの・E篤・*/
.itemPostDate {font-size:90%;}
/* 最新ニュースのステータス */
.itemStats {font-size:90%;}
/* 最新ニュースのコンテンツ部分 */
.itemBody {padding:10px;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:150%;}
/* 最新ニュースの1文字目 */
.itemText:first-letter {}
/* 最新ニュースのフッター */
.itemFoot {text-align:right; padding:3px; background:#EEF3F6;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

/* システムメッセージ */
div.errorMsg {background:#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:#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:#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;}

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

/* 引用部分の・E詑*/
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:10px; color:#2f5376; font-weight:bold; border:1px solid silver; background:#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:0px;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-weight:normal; font-style:italic; font-size:smaller;}
.comDateCaption {font-weight:bold; font-style:normal;}

