@charset "utf-8";
/*///////静的ページ／blog 共通CSS///////*/


/*全般
======================================*/

#MainArea ul,#MainArea ol,#MainArea li,
#MainArea h1,#MainArea h2,#MainArea h3,#MainArea h4,#MainArea h5,#MainArea h6,
#MainArea dl,#MainArea dt,#MainArea dd,#MainArea form,#MainArea iframe,
#MainArea table,#MainArea th,#MainArea td,#MainArea p{margin:0;padding:0;font-size:100%;}

#MainArea h1,#MainArea h2,#MainArea h3,
#MainArea h4,#MainArea h5,#MainArea h6{font-weight:normal;}
#MainArea li{list-style:none;}

#MainArea a{color:#126c9f;text-decoration:underline;outline:none;}
	#MainArea a:hover{text-decoration:none;}
	#MainArea a img{border:none;}

.bodyfield{color:#000;}

/*内容非表示
======================================*/
hr,.alt,
#officialhp a span,#omotta span,#kikareta span,#staffno span,#contentsmenu span,
.pagetop a span,.linkanother a span,#kumetsubu span,#sub,
#idxomotta h2 span,#idxkikareta h2 span{
		position:absolute;
		left:-5000px;
		visibility:hidden;
		display:none;
		/*\*/
		display:block;
		/**/
		}


/*font指定
======================================*/
#MainArea *{
	/* Hides from IE-mac \*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/* End hide from IE-mac */
	line-height:1.5;
	}


/*float関連
======================================*/

.flc{
	font-size:1px;clear:both;
	line-height:0;height:0;display:block;
	}
.flcp{
	font-size:1px;
	line-height:0;height:0;display:block;
	}
	.flc br,.flcp br{
		height:0;line-height:0;
		}

.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
	.clearfix{display:inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix{height:1%;}
	.clearfix{display:block;}
	/* End hide from IE-mac */



/*body
======================================*/

/*背景*/
#MainArea{background:url(img/bg.gif) 0 0 repeat-y;}
.innerA{background:url(img/mainbg.jpg) 0 0 no-repeat;}
.innerB{background:url(img/bgfoot.gif) 0 bottom no-repeat;}

/*ロゴと公式リンクボタン*/
#MainArea h1{
	padding:0 28px;
	}
#officialhp{position:relative;}
#officialhp a{
	background:url(img/btn_official.gif) 0 0 no-repeat;
	display:block;width:204px;height:26px;
	position:absolute;left:228px;top:-48px;
	}
#officialhp a:hover{background-position:0 -26px;}

/*左右領域*/
#binder .rightfield{float:right;width:239px;padding-top:60px;}
#binder .bodyfield{float:right;width:729px;}

/*メニュー*/
#contentsmenu li{float:left;width:239px;height:38px;background:url(img/menu_na.gif) 0 0 no-repeat;}
#contentsmenu li.cm1{background-position:0 0;}
#contentsmenu li.cm2{background-position:-240px 0;}
#contentsmenu li.cm3{background-position:-480px 0;}
#contentsmenu li.cm4{background-position:-720px 0;}
#contentsmenu li.cm5{background-position:-960px 0;}
#contentsmenu li a{display:block;width:239px;height:38px;background:url(img/menu.jpg) 0 0 no-repeat;}
#contentsmenu li.cm1 a{background-position:0 0;}
#contentsmenu li.cm2 a{background-position:-240px 0;}
#contentsmenu li.cm3 a{background-position:-480px 0;}
#contentsmenu li.cm4 a{background-position:-720px 0;}
#contentsmenu li.cm5 a{background-position:-960px 0;}
#contentsmenu li.cm1 a:hover,#contentsmenu.active1 li.cm1 a{background-position:0 -38px;}
#contentsmenu li.cm2 a:hover,#contentsmenu.active2 li.cm2 a{background-position:-240px -38px;}
#contentsmenu li.cm3 a:hover,#contentsmenu.active3 li.cm3 a{background-position:-480px -38px;}
#contentsmenu li.cm4 a:hover,#contentsmenu.active4 li.cm4 a{background-position:-720px -38px;}
#contentsmenu li.cm5 a:hover,#contentsmenu.active5 li.cm5 a{background-position:-960px -38px;}

/*ページタイトルとタイトル左リンク*/
#omotta{background:url(img/h2_omotta.gif) 0 0 no-repeat;width:729px;height:60px;}
#kikareta{background:url(img/h2_kikareta.gif) 0 0 no-repeat;width:729px;height:60px;}
#staffno{background:url(img/h2_staff.gif) 0 0 no-repeat;width:729px;height:60px;}
.linkanother{position:relative;}
.linkanother a{
	display:block;width:207px;height:38px;
	position:absolute;left:503px;top:-38px;
	}
#linkkikareta a{background:url(img/btn_kikareta.gif) 0 0 no-repeat;}
	#linkkikareta a:hover{background-position:0 -38px;}
#linkomotta a{background:url(img/btn_omotta.gif) 0 0 no-repeat;}
	#linkomotta a:hover{background-position:0 -38px;}

/*ブログフッタリンク*/
.blognavi{background:#940000;color:#000;text-align:center;padding:15px 10px}
#MainArea .blognavi a{color:#fff;}
#MainArea .blognavi table{margin-left:auto;margin-right:auto;}

/*ブログ左右領域*/
#blogbind{background:#fff;}
#blogbind .left{width:516px;float:left;padding-top:20px;padding-bottom:20px;}
#blogbind .right{width:192px;float:right;padding-top:20px;}
	#staffblog #blogbind .left,
	#staffblog #blogbind .right{padding-top:0;}

/*ブログ左リスト*/
.listunit{margin-bottom:20px;}
#MainArea .listunit h3{margin-bottom:7px;}
#MainArea .listunit li{background:url(img/arr.gif) 3px 5px no-repeat;padding:0 15px 2px 12px;}

/*ページトップへリンク*/
.pagetop{position:relative;height:25px;}
.pagetop a{
	position:absolute;left:796px;top:7px;
	display:block;width:163px;height:18px;
	background:url(img/btn_pagetop.gif) 0 0 no-repeat;
	}
.pagetop a:hover{background-position: 0 -18px;}

/*ブログ本文*/
.blogcarpet{
	background:url(img/carpet10.gif) 0 0 repeat;margin-left:15px;
	padding:15px 8px 10px 0;
	border-bottom:solid 1px #e6e6e6;
	}
#MainArea #blogbind .bodyunit{margin-bottom:20px;margin-left:15px;}
#MainArea #blogbind .left h3{
	line-height:1;padding:3px 10px 3px;
	border-left:solid 10px #940000;
	color:#940000;
	font-weight:bold;font-size:18px;
	margin-bottom:2px;
	}
#MainArea #blogbind .left h4{
	background:#940000;color:#fff;
	padding:2px 10px;
	line-height:1;
	width:19em;
	font-weight:bold;
	margin-bottom:10px;
	}
#MainArea #blogbind .left h4 span{
	font-weight:normal;
	}
#MainArea #blogbind .left h5{
	font-weight:bold;
	}
#MainArea #blogbind .left .bodyunit .date,
#MainArea #blogbind .left .bodyunit .func{
	text-align:right;
	}
#MainArea #blogbind .left .bodyunit .date{
	font-size:85%;padding-right:2px;
	}
#MainArea #blogbind .left .bodyunit .txt{
	color:#940000;margin-bottom:4px;
	}
#MainArea #blogbind .left .bodyunit .txt a{
	color:#940000;font-weight:bold;
	}
#MainArea #blogbind .left .bodyunit .tinybind{
	background:url(img/hr.gif) 0 bottom repeat-x;
	margin-bottom:3px;
	}
#MainArea #blogbind .left .bodyunit .tinybind .name{width:50%;float:left;font-weight:bold;}
#MainArea #blogbind .left .bodyunit .tinybind .date{width:45%;float:right;text-align:right;}
#MainArea #blogbind .left .bodyunit .commenttxt{
	margin-bottom:7px;padding-bottom:5px;
	border-bottom:solid 1px #000;color:#940000;
	}
#MainArea #blogbind .left .bodyunit .inp{margin-bottom:6px;font-size:100%;}
#MainArea #blogbind .left .bodyunit .hundlename{width:200px;}
#MainArea #blogbind .left .bodyunit .comarea{width:450px;height:90px;}
#MainArea #blogbind .left .bodyunit .trackurl{color:#940000;}
#MainArea #blogbind .left .bodyunit .caution{font-size:90%;color:#222;line-height:1.2;}

/*スタッフブログ*/
	#MainArea #staffblog #blogbind .left h3{
		border-left:solid 10px #152;
		}
	#MainArea #staffblog #blogbind .left h4{
		background:#152;
		}
	#MainArea #staffblog #blogbind .left h3,
	#MainArea #staffblog #blogbind .left .bodyunit .txt,
	#MainArea #staffblog #blogbind .left .bodyunit .txt a,
	#MainArea #staffblog #blogbind .left .bodyunit .commenttxt,
	#MainArea #staffblog #blogbind .left .bodyunit .trackurl{
		color:#152;
		}
	.blognavi.staff{background:#152;}

/*聞かれた時には*/
	#MainArea #kikaretablog #blogbind .left h3{
		border-left:solid 10px #125;
		}
	#MainArea #kikaretablog #blogbind .left h4{
		background:#125;
		}
	#MainArea #kikaretablog #blogbind .left h3,
	#MainArea #kikaretablog #blogbind .left .bodyunit .txt,
	#MainArea #kikaretablog #blogbind .left .bodyunit .txt a,
	#MainArea #kikaretablog #blogbind .left .bodyunit .commenttxt,
	#MainArea #kikaretablog #blogbind .left .bodyunit .trackurl{
		color:#125;
		}
	.blognavi.kkrta{background:#125;}

/*トップページ*/
#generalbind{
	background:#fff url(img/generalbg.gif) 0 0 no-repeat;
	margin-bottom:20px;padding:0 0 50px 15px;
	}
#kumetsubu{background:url(img/h2_kumetsubu.gif) 0 0 no-repeat;height:50px;}
#kumetsubu.bn{background:url(img/h2_kumetsubu_bn2.gif) 0 0 no-repeat;height:38px;}
#player{float:left;width:404px;background:url(img/playerbg.gif) 0 0 no-repeat;}
#player .inner{padding:2px 0 10px 2px;}
.generalRight{float:left;width:290px;padding-top:6px;}

#tsububind .generalRight h3{
	background:#940000;color:#fff;
	padding:2px 17px;
	line-height:1;
	width:210px;
	font-weight:bold;
	margin-bottom:10px;
	}
#tsububind .generalRight .tsubutxt{
	margin-left:17px;
	margin-bottom:10px;
	}
#tsububind .generalRight .rellink{
	margin-left:17px;
	background:#f5f2c2;border:solid 1px #ccc;
	padding:6px 8px;
	}
#tsububind .generalRight .rellink h4{
	color:#940000;font-weight:bold;margin-bottom:3px;
	}
#MainArea #tsububind .generalRight .listunit{
	padding:20px 0 20px 17px;
	}
#MainArea #tsububind .generalRight .rellink li{background:url(img/arr.gif) 3px 5px no-repeat;padding:0 15px 2px 12px;}

#tsububind .generalRight .listunit h4{margin-bottom:7px;}
#tsububind .generalRight .listunit .motto{text-align:right;}
#tsububind .generalRight .listunit .motto a{
	background:url(img/arr.gif) 3px 5px no-repeat;
	padding:0 15px 2px 12px;
	}

#bnbind .backnum{
	width:140px;float:left;
	margin-bottom:10px;
	}
#bnbind h4{padding:0 0 2px;color:#940000;font-weight:bold;font-size:12px;}
#bnbind .backnum a{
	display:block;background:#fff;
	border:solid 1px #eee;
	border-right:solid 1px #ccc;
	border-bottom:solid 3px #ccc;
	width:134px;
	text-decoration:none;
	padding:12px 0 10px;
	}
#bnbind .backnum a:hover{
	background:#f0f8ff;
	border:solid 1px #fff;
	border-top:solid 2px #fff;
	border-right:solid 1px #bcd;
	border-bottom:solid 2px #bcd;
	}
#bnbind .backnum a span.img{
	display:block;text-align:center;
	}
#bnbind .backnum img{
	display:block;
	margin-left:auto;margin-right:auto;
	margin-bottom:4px;
	}
#bnbind .backnum a img{
	border:solid 1px #126c9f;
	}
#bnbind .backnum a:hover img{
	border:solid 1px #bcd;
	}
#bnbind .backnum a span.tit{
	display:block;margin:0 10px 0 33px;padding-left:8px;
	background:url(img/arr.gif) 0 5px no-repeat;
	}
.idxbind{background:#fff;margin-bottom:20px;}
#idxomotta h2{
	background:#fff url(img/h2_omotta_idx.gif) 0 0 no-repeat;
	height:75px;
	}
#idxkikareta h2{
	background:#fff url(img/h2_kikareta_idx.gif) 0 0 no-repeat;
	height:90px;
	}
#idxomotta .linkanother a{
	background:url(img/btn_omotta_idx.gif) 0 0 no-repeat;
	width:227px;height:41px;
	left:485px;top:-55px;
	}
#idxkikareta .linkanother a{
	background:url(img/btn_kikareta_idx.gif) 0 0 no-repeat;
	width:237px;height:41px;
	left:475px;top:-60px;
	}
#idxomotta .linkanother a:hover,#idxkikareta .linkanother a:hover{
	background-position: 0 -41px;
	}
#idxomotta .left,
#idxkikareta .left{padding:0 18px 20px 0;}
#idxomotta .left .blogcarpet,
#idxkikareta .left .blogcarpet{
	background:url(img/carpet10.gif) 0 0 repeat;margin-left:15px;
	padding:15px 8px 10px 0;margin-left:10px;
	border-bottom:solid 1px #e6e6e6;
	}


/*書き込みトップのスタイル*/
#MainArea .idxbind .bodyunit{
	padding-bottom:10px;
	}
#MainArea .idxbind .bodyunit{margin-bottom:10px;margin-left:15px;}
#MainArea .idxbind h3{
	line-height:1;padding:3px 10px 3px;
	border-left:solid 7px #940000;
	color:#940000;
	font-weight:bold;font-size:16px;
	margin-bottom:2px;
	}
#MainArea .idxbind h4{
	background:#940000;color:#fff;
	padding:2px 10px;
	line-height:1;
	width:19em;
	font-weight:bold;
	margin-bottom:10px;
	}
#MainArea .idxbind h4 span{
	font-weight:normal;
	}
#MainArea .idxbind h5{
	font-weight:bold;
	}
#MainArea .idxbind .bodyunit .date,
#MainArea .idxbind .bodyunit .func{
	text-align:right;
	}
#MainArea .idxbind .bodyunit .date{
	font-size:85%;padding-right:2px;
	}
#MainArea .idxbind .bodyunit .txt{
	color:#940000;margin-bottom:4px;
	}
#MainArea .idxbind .bodyunit .txt a{
	color:#940000;font-weight:bold;
	}
#MainArea .idxbind .bodyunit .tinybind{
	background:url(img/hr.gif) 0 bottom repeat-x;
	margin-bottom:3px;
	}
#MainArea .idxbind .bodyunit .tinybind .name{width:50%;float:left;font-weight:bold;}
#MainArea .idxbind .bodyunit .tinybind .date{width:45%;float:right;text-align:right;}
#MainArea .idxbind .bodyunit .commenttxt{
	margin-bottom:7px;padding-bottom:5px;
	border-bottom:solid 1px #000;color:#940000;
	}
#MainArea .idxbind .bodyunit .inp{margin-bottom:6px;font-size:100%;}
#MainArea .idxbind .bodyunit .hundlename{width:200px;}
#MainArea .idxbind .bodyunit .comarea{width:450px;height:90px;}
#MainArea .idxbind .bodyunit .trackurl{color:#940000;}
#MainArea .idxbind .bodyunit .caution{font-size:90%;color:#222;line-height:1.2;}

/*書き込みトップの聞かれた時には*/
	#MainArea #idxkikareta.idxbind h3{
		border-left-color:#125;
		}
	#MainArea #idxkikareta.idxbind h4{
		background:#125;
		}
	#MainArea #idxkikareta.idxbind h3,
	#MainArea #idxkikareta.idxbind .txt,
	#MainArea #idxkikareta.idxbind .txt a,
	#MainArea #idxkikareta.idxbind .commenttxt,
	#MainArea #idxkikareta.idxbind .trackurl{
		color:#125;
		}
#exkume{position:relative;height:178px;}
#exkume1,#exkume2{
	position:absolute;
	}
#exkume1{
	width:177px;height:202px;top:-28px;left:-15px;
	background:url(img/exkume1.gif) 0 0 no-repeat;
	}
#exkume2{
	width:532px;height:160px;top:0;left:162px;
	background:url(img/exkume2.gif) 0 0 no-repeat;
	}