@charset "utf-8";



/* ----------------------------------------
 * このスタイルシートでは、ティザーサイトのヘッダー、コンテンツの入る白背景、フッターと全体の設定をいています。
基本的に修正する必要のないスタイルシートです。
各ページごとのスタイルは、それぞれcssを作成して設定。
 * ---------------------------------------- */

/* ----------------------------------------
 * SAMPLE（プロパティはこの順番で記述）
 * ---------------------------------------- */
/*
div.section_base {
	margin: 0 0 15px 0;
	padding: 8px 10px;
	border: 1px solid #f00;	    width > style > color 
	display: block;
	position: absolute;
	top :0;
	right: 0;
	bottom: 0;
	left: 0;
	float: none;
	clear: both;
	z-index: 1;
	width: 600px;
	min-width: 400px;
	max-width: 600px;
	height: 300px;
	min-height: 100px;
	max-height: 300px;
	line-height: 1.5;
	vertical-align: middle;
	overflow: auto;
	clip: auto;
	visibility: visible;
	list-style: disc outside;      type > position > image 
	color: #000;
	background: #fff url(/images/bg.png) repeat-y fixed top left;	    color > image > repeat > attachment > position 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 100%;
	line-height:1.5; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-indent: 1em;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-transform: lowercase;
	cursor: pointer;
	}
*/




/* ----------------------------------------
 * 左カラム
 * ---------------------------------------- */

/* 新規会員登録ボタン */
div#left_column div.to_entry{
	margin:0 0 15px 0;
}

/* ログインスペース */
div#left_column div#login_box{
	padding:10px 10px 0 10px;
	width:153px;
	height:144px;
	background:url(../../images/st/index/login_bg.gif) no-repeat 0 0;
}


div#left_column div#login_box p.form{
	margin:0 0 3px 0;
}
div#left_column div#login_box p.form img{
	margin-bottom:1px;
}
div#left_column div#login_box p.form input{
	width:151px;
	border:1px solid #c2e0c2;
}

div#left_column div#login_box div#login_btn{
	margin:7px 0 1px 49px;
}
div#login_btn input{
	cursor:pointer;
	background:url(../../images/st/index/login_btn.gif) no-repeat 0 0;
	width:57px;
	height:22px;
	border:none;

}
div#login_btn input:hover{
	background:url(../../images/st/index/login_btn_02.gif) no-repeat 0 0;
}
div#left_column div#login_box p.text01{
	font-size:92%;
	color:#6a3d1c;
	text-align:center;
}
div#left_column div#login_box p.text02{
	text-align:center;
	font-size:92%;
}
div#left_column div#login_box p.text02 a{
	color:#3399cc;
}

/* 親子キャラの吹き出し */
div#left_column div#oyako_comment{
	margin:0 0 0 18px;
	width:140px;
	height:185px;
	background:url(../../images/st/index/left_oyako.gif) no-repeat 0 0;
}
div#left_column div#oyako_comment p{
	padding:12px 0 0 10px;
}

/* AsMamaからのお知らせ */
div#left_column div.shakaikigyoujyuku_banner{
	margin:10px 0;
}


div#left_column div#news{
	margin:0 0 0 3px;
	width:168px;
}
div#left_column div#news dl{
	margin:10px 0 ;
}
div#left_column div#news dt{
	margin:5px 0 0 0;
	padding:2px 0 0 19px;
	height:17px;
	background:url(../../images/st/index/new_icon.gif) no-repeat left center;
}
div#left_column div#news dd{
	padding:3px 0 10px 10px;
	width:158px;
	background:url(../../images/st/index/new_line.gif) no-repeat bottom center;
}

div#left_column div#news dt span.new{
	margin-left:5px;
	font-weight:bold;
	color:#F09;
	font-size:92%;/*11px*/
}
	/*訪問済みリンク色指定なし*/
div#left_column div#news a:hover{
	color:#fe6a13;
}
div#left_column div#news a:visited{
	color:#fe6a13;
}

/* ----------------------------------------
 * センターカラム
 * ---------------------------------------- */
 
 p.bokin{
	 margin:0 0 10px 0;
	text-align:center;
	color:#F00;
	font-weight:bold;
	font-size:120%;
}
p.bokin a{
	color:#F00;

}
 
 
/* トップ広告部分 */
div.ad_space01{
	margin-bottom:10px;
}

	/* あなたもできる！『社会を変える』人材大募集！ */
	div#saiyou_bnr{
		width:581px;
		overflow:hidden;
	}
	div#saiyou_bnr_cont{
		float:left;
	}

 
/* メインテキスト部分 */
div#center_column div#main_text{
	padding:25px 0 25px 0;
	width:585px;
	background:url(../../images/st/index/index_text_bg.gif) no-repeat right center;
}
div#center_column div#main_text p{
	margin:0 0 10px 5px;
	width:282px;
	line-height:170%;
}


/* サポートカテゴリ説明画像部分 */
div#support_explain h3{
	margin:5px 0 15px 0;
}

div#support_explain p.text01{
	text-align:center;
	margin:10px 0;
}

div#support_explain p.to_form_btn{
	clear:both;
	margin:0 0 50px 114px;
	background:url(../../images/btns/btns_01.gif) no-repeat 0 0;
	text-indent:-9999px;
}

div#support_explain p.to_form_btn a{
	display:block;
	width:356px;
	height:44px;
}
div#support_explain p.to_form_btn a:hover{
	background:url(../../images/btns/btns_01.gif) no-repeat 0 -47px;
}

 
/* 応援メッセージ募集 */
div#center_bottom h3{
	margin:0 0 15px 0;
}
div#center_bottom div#pictures{
	padding:0 0 0 5px;
	width:288px;
	float:left;
}
div#center_bottom div#pictures h4{
	margin:5px 0 5px 0;
}

div#center_bottom div#opinion_box{
	padding:0 5px 0 0;
	width:272px;
	float:right;

}
div#center_bottom div#opinion_box p.text01{
	margin:0 0 0 0;
}
div#center_bottom div#opinion_box div.opinion_space{
	width:272px;
	height:178px;
	background:url(../../images/st/index/opinion_box_bg.gif) no-repeat 0 0;
	position:relative;
}
div#center_bottom div#opinion_box div.opinion_space p.opinion_box_btn{
	background:url(../../images/st/index/opinion_box_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	top:15px;
	left:20px;
}
div#center_bottom div#opinion_box div.opinion_space p.opinion_box_btn a{
	display:block;
	width:126px;
	height:43px;
}
div#center_bottom div#opinion_box div.opinion_space p.opinion_box_btn a:hover{
	background:url(../../images/st/index/opinion_box_btn.gif) no-repeat 0 -43px;
}


div#center_bottom div#opinion_box div.opinion_space div.message{
	margin:0 0 0 13px;
	padding:77px 0 0 0;
	width:259px;

}

div#center_bottom div#opinion_box div.opinion_space div.message p{
	width:244px;
}
div#center_bottom div#opinion_box div.opinion_space div.message p.name{
	margin-top:3px;
}
div#center_bottom div#opinion_box div.opinion_space div.message p.name a{
	color:#ff3a9d;
	text-decoration:none;
}
div#center_bottom div#opinion_box div.opinion_space div.message p.name a:hover{
	text-decoration:underline;
}

div#center_bottom div#opinion_box div.opinion_space div.message p.comment{
	margin-bottom:3px;
	height:35px;
	overflow:hidden;
}

div#center_bottom div#opinion_box div.opinion_space div.message p.more_read{
	margin:6px 0 0 60px;
	background:url(../../images/st/index/more_read_btn.gif) no-repeat 0 0;
	text-indent:-9999px;
	width:130px;
}
div#center_bottom div#opinion_box div.opinion_space div.message p.more_read a{
	display:block;
	width:130px;
	height:22px;
}
div#center_bottom div#opinion_box div.opinion_space div.message p.more_read a:hover{
	background:url(../../images/st/index/more_read_btn.gif) no-repeat 0 -22px;
}



/* ----------------------------------------
 * 右カラム
 * ---------------------------------------- */
div#right_column div.ad_space{
	margin:0 0 20px 0;
}

/* ミーテバナー用css */

div#right_column div.ad_space div#mite_s{
	background:url(../../images/ad/bana_mitePJ_S_end.gif);
	width:160px;
	height:209px;
}

div#right_column div.ad_space div#mite_s ul{
	padding:88px 0 0 0;
}

div#right_column div.ad_space div#mite_s li{
	text-indent:-9999px;
	width:160px;
	height:40px;
}
div#right_column div.ad_space div#mite_s li a{
	display:block;
	width:160px;
	height:40px;
}
div#right_column div.ad_space div#mite_s li.mite01 a:hover{
	background:url(../../images/ad/bana_mitePJ_S_over.gif) no-repeat 0 -88px;
}
div#right_column div.ad_space div#mite_s li.mite02 a:hover{
	background:url(../../images/ad/bana_mitePJ_S_over.gif) no-repeat 0 -128px;
}
div#right_column div.ad_space div#mite_s li.mite03 a:hover{
	background:url(../../images/ad/bana_mitePJ_S_over.gif) no-repeat 0 -168px;
}



/* ----------------------------------------
 * フィルタ
 * ---------------------------------------- */
div#left_column{
	position:relative;
}
div#left_column div.filter01{
	width:166px;
	height:226px;
	position:absolute;
	left:0;
	top:0;
}




/* ----------------------------------------
 * login_err.html　ログインエラーページ
 * ---------------------------------------- */
div#h2bg{
	margin:15px 0 10px 0;
	padding:0;
	width:930px;
	line-height:37px;
	text-indent:40px;
	font-size:109%;
	color:#fff;
	background:url(../../images/title/h2_title_right_bg.gif) no-repeat right top;
}
	
h2#err_titleh2{
	background:url(../../images/title/h2_bg_2_root.gif) no-repeat 0 0;
}

div#h3bg{
	margin:0;
	padding:0;
	width:930px;
	line-height:36px;
	text-indent:50px;
	color:#333;
	font-size:118%;
	background:url(../../images/title/h3_form_title_right_bg.gif) no-repeat right top;
}
	
h3#err_titleh3{
	background:url(../../images/title/h3_bg_2_input_change_form.gif) no-repeat 0 0;
}

div#login_err{
	margin:0 0 0 0 ;
	padding:40px 0 40px 0;
	width:928px;
	border-left:1px solid #bdec9d;
	border-right:1px solid #bdec9d;
	border-bottom:1px solid #bdec9d;

}

div#login_err p{
	margin-bottom:15px;
	text-align:center;
}


div#login_err div#login_box_err{
	margin:15px 0 0 320px;
	padding:20px 20px 5px 20px;
	width:240px;
	border:1px dotted #fe6a13;
}
div#login_err div#login_box_err dl{
	width:240px;
	overflow:hidden;
}
div#login_err div#login_box_err dl dt{
	margin-bottom:5px;
	width:80px;
	float:left;
	clear:both;
}
div#login_err div#login_box_err dl dd{
	margin-bottom:5px;
	margin-left:80px;
}
div#login_err div#login_box_err dl dd input{
	width:150px;
}

div#login_err div#login_box_err div#login_btn{
	clear:both;
	margin:10px 0 10px 90px;
	/margin:10px 0 10px 45px;
	width:57px;
}


div#brog_rss{
	margin-left:8px;
}