@charset "UTF-8";
/* CSS Document */

@import url(./reset.css);


html {
	}

body{
	color:#000000;
	background:url(/app/webroot/htmllib/img/bg_paper.gif);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	}

/* リンク用カラー */
a:link   { text-decoration: none }
a:visited  { text-decoration: none }
a:active   { text-decoration: none }
a:hover   { color: #f00; text-decoration: underline }

.clear {
		clear:both;
		}

/* デザイン */


#Header{
height:79px;
background:#99682a;
overflow:hidden;
}

#HeaderInner{
width:970px;
margin:0 auto;
position:relative;
}

#Header fieldset{
	border:none;
	margin:0;
	padding:0;
	}

#Header legend{
	display:none;
	margin:0;
	padding:0;
	}

#SiteLogo{
width:250px;
position:absolute;
}

#HeaderBnr{
	position:absolute;
	top:12px;
	left:250px;
}

/*IE7 hack*/
*:first-child+html #HeaderBnr{
	top:7px;
}

/*IE6 hack*/
* html #HeaderBnr{
	top:7px;
}

#HeadFunction{
	position:absolute;
	top:0;
	right:0;
width:280px;
margin:0;
color:#FFFFFF;
font-size:.7em;
text-align:right;
}

#HeadFunction a{
color:#FFFFFF;
}

#SearchForm{
height:29px;
margin:0;
padding:0;
text-align:left;
}

#SearchForm{
margin:3px 0 10px 0;
position:relative;
background:url(/htmllib/img/bg_search.gif) repeat-x;
}

#SearchForm #SearchWord{
position:relative;
top:-10px;
}

#SearchForm #SearchBtn{
position:absolute;
right:0;
top:0;
}

#Gnav{
clear:both;
margin-bottom:15px;
height:35px;
background:url(/htmllib/img/bg_gnav.gif) repeat-x #a5cc00;
border-bottom:#84a303 1px solid;
}

#GnavInner{
width:970px;
margin:0 auto;
}


#Gnav Li{
float:left;
}

#Gnav Li a:hover img{
}

#PageBody{
background:url(/htmllib/img/bg_main2.gif) repeat-y center 10px;
}

#PageBodyInner{
width:970px;
margin:0 auto;
background:url(/htmllib/img/bg_main_top3.gif) no-repeat center top;
padding:10px 0;
}

#MainClm{
position:relative;
width:720px;
overflow:hidden;
float:left;
/*padding:5px;*/
margin-bottom:20px;
}

#MainClmInner{
background-color:#FFFFFF;
padding:0 0 0 10px;
}

.Pan{
	margin:0 !important;
	position:absolute;
	font-size:.75em;
	color:#999;
	
	z-index:1000;
}

.Pan a{
	color:#999;
}


/* ======================== メインカラム汎用 ======================== */

#MainClmInner h1{
	height:68px;
	padding:37px 0 0 12px;
	background:url(/htmllib/img/bg_h1.gif) no-repeat;
	font-size:1.2em;
}

#MainClmInner h2{
	clear:both;
	height:25px;
	margin:17px 0 7px 0;
	padding:10px 0 0 7px;
	background:url(/htmllib/img/bg_h2.gif) repeat-x;

}

#MainClmInner p{
	text-align:justify;
	text-justify:distribute;
	
}

#MainClmInner .message{
	/* エラーメッセージ */
	margin-bottom:7px;
	padding:3px;
	color:#FF0000;
	text-align:center;
	font-weight:bold;
	border:#F00 1px solid;
}


/* ======================== サブカラム ======================== */

#SubClm{
	position:relative;
	right:10px;
width:186px;
float:right;
margin-top:20px;
padding-bottom:20px;
font-size:0.83em;
}

.SubClmBnr{
margin-bottom:12px;
}

/* ======================== ログインフォーム ======================== */

/* ログイン前 */
#LoginForm{
margin-bottom:7px;
background:url(/htmllib/img/bg_login_mid.gif);
}

#LoginFormInner{
background:url(/htmllib/img/bg_login_top.gif) no-repeat;
padding:6px 12px 0;
}

#LoginForm fieldset{
	border:none;
	margin:0;
	padding:0;
	
	color:#FFF;
	}

#LoginForm legend{
	display:none;
	margin:0;
	padding:0;
	}

#LoginForm label{
	color:#FFF;
	font-weight:bold;
}

#LoginForm #UserEmail,
#LoginForm #UserPasswordHash{
	width:145px;
	padding:3px 1px;
	margin-bottom:5px;
	
	border:#82b700 1px solid;
}

#LoginForm .submit{
	margin-bottom:10px;
}

#NewFace{
padding:5px;
background:#d0ab68;
-moz-border-radius:5px 5px 5px 5px;
}

#NewFace p{
font-weight:bold;
line-height:12px !important;
text-align: center;
color:#FFFFFF;
margin-bottom:5px;
}

/* ログイン後 */

#NowLogin-ing{
	margin-bottom:7px;
	background:url(/htmllib/img/bg_loging_mid.gif);
}

#NowLogin-ingInner{
	padding:0 12px 12px 12px;
	background:url(/htmllib/img/bg_loging_btm.gif) no-repeat bottom;
}

#NowLogin-ing li{
	padding:0 0 1px 17px;
	margin:0 5px 8px 8px;
	background:url(/htmllib/img/arr_loging.gif) no-repeat 0 3px;
}

#NowLogin-ing li li{
	background:none;
	line-height:0.8em !important;
	padding:0;
	margin:0;
}

.LoginNameArea{
	border-bottom:solid 1px #A6C933;
	padding:3px 0;
}

.LoginName{
	text-align:center;
	line-height:1.2em;
	font-weight:bold;
}

.LoginName{
}

.LoginMenu{
	border-bottom:solid 1px #A6C933;
	padding:3px 0;
}

.LoginMenu span{
	color:#F00;
	font-size:.95em;
	line-height:1em;
}

.LogOut{
	text-align:center;
	padding:6px 0;
}

.LogOut a{
	color:#A00303;
}

/* その他のサブカラム */

#SubMain{
background:url(/htmllib/img/bg_news_mid.gif);
padding:0;
margin:0;
}

#SubMainInner{
background:url(/htmllib/img/bg_news_btm.gif) no-repeat bottom;
}

#SubNews{
padding:7px 12px 6px 12px;
margin-bottom:17px;
background:url(/htmllib/img/bg_news_top.gif) no-repeat top left;
}

#SubNews a{
	color:#533207;
}

#SubNews h2{
	margin-bottom:7px;
	position:relative;
	left:-2px;
}

/* RSSFEED読み込み */

#feed{
}

#feed a{
}

#SubnewsPast{
	text-align:right !important;
}

.News,
.News_cl{
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:#C68E2A 1px dotted;
	font-size:.9em;
	line-height:1.1em;

}




#SubOsusume{
}

#SubOsusume dd{
	line-height:1.2em;
border-bottom:dashed 1px #FFF;
padding-bottom:30px;
}

#OsusuRank1{
	font-weight:bold;
	color:#000;
	}
	
#OsusuRank1 span{
	color:#FF5100;
}

.Osusume{
clear:both;
line-height:1.2em;
padding-top:12px;
padding-bottom:4px;
}

.OsusumeImg{
float:left;
margin-right:5px;
}

#Footer{
height:95px;
padding-top:8px;
clear:both;
background:#FFF url(/htmllib/img/bg_footer.gif) repeat-x top;
}

#FooterInner{
position:relative;
width:970px;
height:95px;
margin:0 auto;
}


#CopyRight{
position:relative;
top:7px;

float:left;
color:#999999;
font-size:0.7em;
}


#FootNav{
float:right;
}

#FootNav a,
#FootLink a{
color:#999999;
}

#FootLink a:hover{
text-decoration:none;
}


#FootNav li{
display:inline;
margin-left:12px;
color:#999999;
font-size:0.7em;
}

#FootLink{
	width:352px;
	height:50px;
	position:absolute;
	right:0;
	bottom:15px;
	
	/*border:#090 1px solid;*/
	}


#FootLink li{
width:166px;
float:left;
margin-left:10px;
	
color:#777777;
font-size:9px;
line-height:10px;
}


/* ======================== 汎用CSS ======================== */
.att{
	color:#900;
}