@import "shared_class.css";
@import "footer.css";
@import "header.css";
@import "leftmenu.css";
@import "tab.css";
/*\*//*/ @import "macie5.css"; /**/

/* トップページで使用するスタイル
------------------------------------------------------------------ */
#wrap{
  width:1000px;
  text-align:left;
  margin:0 auto;
    background-image:url(../img/top/mainBg.gif);
}
#wrapleft{
  width:1500px;
  text-align:left;
  margin:0 auto;
    background-image:url(../img/top/mainBg.gif);
}
#inner{
    margin:0 10px;
}

#pageBody{
    width:100%;
    color: #000000;
    text-align:center;
}
#pageBodyLeft{
    width:100%;
    color: #000000;
    text-align:left;
}
#largeWrap{
float:left;
width:750px;
}


#contentsTop{
float:right;
	width: 500px;
    min-height: 420px;
	margin: 0;
	border-top:1px solid #BFDFF8;
}
#contents{
float:left;
width:1500px;
    min-height: 420px;
	margin: 0;
	border-top:1px solid #BFDFF8;
}
.clear { clear:both; }  
.clear hr { display:none; }  

/* 中ページで使用するスタイル
------------------------------------------------------------------ */


/* 中ページ　見出し関連
------------------------------------------------------------------ */

#contents h2{
	font-size:16px;
	padding: 0 0 0 18px;
	margin: 0 0 10px 0;
	background: url("../img/in/head_mark1.gif") no-repeat 0 1px;
}

#contents h3{
	font-size:14px;
	padding: 1px 0 0 10px;
	margin: 0 0 10px 10px;
	background: url("../img/in/head_mark2.gif") no-repeat;
}

.TitleLine {
	font-size:14px;
	font-weight: bold;
	padding: 2px 0 2px 6px;
	border-left: 6px solid #A8D46E;
	border-bottom: 1px dashed #A8D46E;
}

p.Lead{
	padding:5px 0px 0px 5px;
	margin:5px 0px 0px 20px;
	color:#000000;
	font-weight:bold;
}

/* 中ページ　段落関連
------------------------------------------------------------------ */
p.level1 {
	margin: 0 0 20px 10px;
	font-size: 14px;
	line-height: 150%;
}
p.level2 {
	margin: 0 0 20px 20px;
	font-size: 14px;
	line-height: 150%;
}

/* 中ページ　リンク頭にマークをつける場合
------------------------------------------------------------------ */
a.linkMark {
	padding: 0 0 0 20px;
	background: url("../img/in/link_mark.gif") no-repeat;
}

/* 掲示板フォームテーブル
------------------------------------------------------------------ */

.tbBBS{
	margin:0;
	border-collapse: collapse;
}

.tbBBS th{
	padding: 5px;
	border: 1px solid #CCCCCC;
	width:100px;
	font-size: 14px;
	background-color:#F5F3E1;
}

.tbBBS td{
	padding: 5px;
	border: 1px solid #CCCCCC;
}


/* 掲示板テーブル スレッド
------------------------------------------------------------------ */
.thread{
	margin-left:20px;
}


/* 掲示板テーブル 親テーブル
------------------------------------------------------------------ */
.parent{
	width:500px;
	margin:0 0 20px 0;
	border-collapse: collapse;
}

.parent th{
	border: 1px solid #CCCCCC;
	padding: 3px;
	font-size: 14px;
	text-align:left;
	color:#000000;
	background-color:#F5F3E1;
}
.parent th h3 {
	margin: 0!important;
}
.parent td{
	border: 1px solid #CCCCCC;
	padding-left:10px;
	font-size: 14px;
	color:#000000;
}
.parent td p.note {
	margin: 5px 0 0 0;
	font-size: 12px;
	text-align: right;
}
/* 掲示板テーブル こどもテーブル
------------------------------------------------------------------ */
.child{
	width:500px;
	border-collapse: collapse;
	margin:0 0 0 20px;
}
.child th{
	padding: 3px 10px;
	background: url("../img/in/head_mark3.gif") no-repeat 2px 9px;
	border-bottom:1px dotted #CCCCCC;
	text-align:left;
	font-weight:normal;
	font-size: 12px;
	color:#000000;
}

.child td{
	font-size: 14px;
	font-weight:normal;
	color:#000000;
	padding: 5px 5px 20px 20px;
}

.comment{
	padding:5px 0px 0px 5px;
	margin:5px 0px 0px 20px;

}

/* 掲示板 サブミットボタン
------------------------------------------------------------------ */
.bbsBtn {
	margin: 5px 0 20px 150px;
}

/* テーブル全般用CSS
------------------------------------------------------------------ */

.tbAll{
	margin:0;
	border-collapse: collapse;
}

.tbAll th{
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #666666;
	width:100px;
	font-size: 14px;
	background-color:#FFEEB3;
}

.tbAll td{
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #666666;
}

.tbAll tr{
	background-color:#D4D8FF;

}

/* コンテンツ更新日 
 ------------------------------------------------------------------ */
font.updateYMD {
    color: red;

}

/* マウスオーバーでの画像拡大
 ------------------------------------------------------------------ */
#imgHover span {
    float: left;
}
#imgHover span img {
    border: none;
}
#imgHover span a {
    display: block;
}
#imgHover span a:hover {
    position: relative;
}
#imgHover span a .mainImage {
    display: none;
}
#imgHover span a:hover .mainImage {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}