@charset "utf-8";

/* ----------------------------------------
 * このスタイルは、homeで使用するスタイル専用

 * ---------------------------------------- */



/* ----------------------------------------
 * 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;
	}
*/




/* ----------------------------------------
 * LEFT COLUMN
 * ---------------------------------------- */
/* サポート会員になるボタン */
div.entry_supportmember{
	width:170px;
	margin:0 0 10px 0; 
}

/* 設定変更 */

div#name_space div#my_picture p.change_image{
	margin:0 31px 14px;
	width:104px;
	height:21px;
	background:url(../../images/btns/btns_psd_02.gif) no-repeat 0 0;
	text-indent:-9999px;
}
div#name_space div#my_picture p.change_image a{
	width:104px;
	height:21px;
	display:block;
}
div#name_space div#my_picture p.change_image a:hover{
	background:url(../../images/btns/btns_psd_02.gif) no-repeat 0 -22px;
}


/* 資格のピンクのマーク */
div#name_space div.shikaku_mark{
	width:168px;
	padding-bottom:5px;
	text-align:center;
}
div#name_space div.shikaku_mark img{
	margin:0 5px 0 5px;
}



/* 公開範囲 */
div#name_space div.view_profile_public_mark{
	width:168px;
	padding-bottom:5px;
	text-align:center;
}


/* 最終ログイン */
div#name_space div.last_login{
	width:168px;
	padding-bottom:5px;
	text-align:center;
}
div#name_space div.last_login p{
	text-align:center;
}


/* サポート提供・利用申し込みボタン */
div#name_space div.support_order_btn{
	width:168px;

}
div#name_space div.support_order_btn ul{
	margin-left:3px;
}


	/* 活動実績 */
div#name_space div.activity_results{
	margin:3px 0 4px 3px;
	width:160px;
	border:1px solid #cdecc0;
	background:#efffe4;
	text-align:center;
}
div#name_space div.activity_results dl{
	margin:3px 5px 3px 7px;
}
div#name_space div.activity_results dl dt{
	float:left;
	width:100px;
}
div#name_space div.activity_results dl dd{
	margin-left:100px;
	text-align:right;
}


	/* 設定変更 */
div#name_space div.set_up{
	margin:0 3px 4px 3px;
	width:160px;
	border:1px solid #cdecc0;
	background:#e4f5cf;
	text-align:center;
}
div#name_space div.set_up ul.btns{
	margin:10px 0 10px 12px;
}
div#name_space div.set_up ul.btns li{
	margin-bottom:6px;
}
div#name_space div.set_up ul.btns li.li_01{
	background:url(../../images/btns/btns_psd_03.gif) no-repeat 0 0;
	text-indent:-9999px;
}
div#name_space div.set_up ul.btns li a{
	display:block;
	width:138px;
	height:21px;
}
div#name_space div.set_up ul.btns li.li_01 a:hover{
	background:url(../../images/btns/btns_psd_03.gif) no-repeat 0 -22px;
}
div#name_space div.set_up ul.btns li.li_02{
	background:url(../../images/btns/btns_psd_04.gif) no-repeat 0 0;
	text-indent:-9999px;
}
div#name_space div.set_up ul.btns li.li_02 a:hover{
	background:url(../../images/btns/btns_psd_04.gif) no-repeat 0 -22px;
}
div#name_space div.set_up ul.btns li.li_03{
	background:url(../../images/btns/btns_psd_05.gif) no-repeat 0 0;
	text-indent:-9999px;
}
div#name_space div.set_up ul.btns li.li_03 a:hover{
	background:url(../../images/btns/btns_psd_05.gif) no-repeat 0 -22px;
}

div#name_space div.set_up p.to_profile{
	margin:10px 0;
	text-align:center;
}


/* 私のトピックリスト */
div.mytopic_left{
	width:168px;
	border:1px solid #ccc;
}
div.mytopic_left h2{
	margin:1px 1px 7px 1px;
	padding:5px 5px;
	width:156px;
	color:#666;
	text-align:center;
	background:#e4f5cf;
}
div.mytopic_left div.cont_mytopic{
	margin-left:5px;
	width:159px;
}
div.mytopic_left div.cont_mytopic ul{
	margin:5px 0 15px 0;
}
div.mytopic_left div.cont_mytopic ul li{
	margin:0 0 5px 0;
	height:18px;
	overflow:hidden;
}
div#left_column p.more{
	margin:1px 0 15px 0;
	text-align:right;
}
	
/* ダイアリー */
div#left_diary{
	margin-bottom:15px;
	width:170px;
}
div#left_diary h2{
	margin:10px 0 0 0;
}
div#left_diary dl.left_diary_list{
	border-bottom:1px dotted #ccc;
}
div#left_diary dl.left_diary_list dt{
	padding:3px 0 3px 0;
	float:left;
	clear:both;
	width:38px;
}
div#left_diary dl.left_diary_list dd{
	margin-left:38px;
	padding:3px 0 3px 0;
}




/* フレンドリスト */


div.friend_list div.wrap_greenline_body {
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	width:160px;
	background:url(../../images/mytown/left_friend_list_bg_body.gif) repeat 0 0;
}



div.friend_list h2 p.member_title{
	float:left;
	width:110px;
	text-indent: -9999px;
}
div.friend_list h2 p.number{
	float:left;
	color:#ffffff;
	line-height:220%;
}


div.friend_list div.member_name {
	padding:5px;
	width:150px;
	border-bottom:1px dotted #ccc;
}

div.friend_list div.member_name span{
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
	*zoom:1;
}
div.friend_list div.member_name span.image_width{
	width:30px;
	text-align:center;
}
div.friend_list div.member_name span.name_width{
	width:100px;
	/width:96px;
}

div.friend_list div.last{
	margin-bottom:10px;
	border-bottom:none;
}
div.friend_list div.supportmember{
	background:#fefecc;
}


div.view_member_list_btn{
	padding-bottom:5px;
	clear:both;
	width:100%;
}
div.view_member_list_btn img{
	margin:0 0 0 11px;
}




/* コミュリスト */

div.comu_list div.wrap_greenline_body {
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	width:160px;
	background:url(../../images/mytown/left_friend_list_bg_body.gif) repeat 0 0;
}



div.comu_list h2 p.member_title{
	float:left;
	width:110px;
	text-indent: -9999px;
}
div.comu_list h2 p.number{
	float:left;
	color:#ffffff;
	line-height:220%;
}


div.comu_list div.member_name {
	padding:5px;
	width:150px;
	border-bottom:1px dotted #ccc;
}

div.comu_list div.member_name span{
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
	*zoom:1;
}
div.comu_list div.member_name span.image_width{
	width:30px;
	text-align:center;
}
div.comu_list div.member_name span.name_width{
	width:100px;
	/width:96px;
}

div.comu_list div.last{
	margin-bottom:10px;
	border-bottom:none;
}
div.comu_list div.supportmember{
	background:#fefecc;
}


div.view_member_list_btn{
	padding-bottom:5px;
	clear:both;
	width:100%;
}
div.view_member_list_btn img{
	margin:0 0 0 11px;
}



/* ----------------------------------------
 * CENTER COLUMN
 * ---------------------------------------- */
/*　お知らせ・リマインド　*/
div#message_board{
	margin:0 0 15px 0;
	width:450px;
	overflow:hidden;
}

div#message_board div.info{
	width:222px;
	float:left;
}
div#message_board div.remind{
	width:220px;
	float:right;
}

div#message_board ul.mb_list{
	margin:3px 0 0 0;
	padding:3px;
	
}
div#message_board ul.mb_list li{
	margin:0 0 5px 18px;
	list-style:disc !important;
	font-weight:bold;
}


/*　サポートトピック一覧　*/
div.support_topic{
	
}
div.support_topic div#new_topic_navi{
	width:450px;
	float:left;
}
div.support_topic div#new_topic_navi ul{
	width:450px;
}
div.support_topic div#new_topic_navi ul li{
	float:left;
}

div.support_topic div#new_topic_list{
	padding:8px 0 10px 0;
	width:450px;
	clear:both;
	overflow:hidden;
}
div.support_topic div.green{
	background:url(../../images/top/index_topic_bk_middle.gif) repeat-y 0 0;
}
div.support_topic div.orange{
	background:url(../../images/top/index_topic_bk_middle_orange.gif) repeat-y 0 0;
}
div.support_topic div#new_topic_list ul{
	margin:0 0 0 8px;
	padding:7px 5px;
	width:420px;
	background:#fff;
	border-bottom:1px dotted #e1e1e1;
	float:left;
}
* html div.support_topic div#new_topic_list ul{
	margin:0 0 0 4px;
}

div.support_topic div#new_topic_list ul li{
	float:left;
}
div.support_topic div#new_topic_list ul li.icon{
	width:20px;
}
div.support_topic div.green ul li.icon{
	width:40px !important;
}
div.support_topic div#new_topic_list ul li.text{
	width:296px;
	overflow:hidden;
	height:16px;
}
div.support_topic div.green ul li.text{
	width:276px !important;
	overflow:hidden;
	height:16px;
}
div.support_topic div#new_topic_list ul li.name{
	padding:0;
	width:66px;
	height:16px;
	overflow:hidden;
	text-indent:4px;
}
div.support_topic div#new_topic_list ul li.date{
	width:38px;
	text-indent:3px;
}
div.support_topic div#new_topic_list ul li.text a{
	color:#333;
}
div.support_topic div#new_topic_list ul li.icon img{
	margin-right:0;
}

div.support_topic div.bottom_space{
	margin-bottom:20px;
	padding:7px 0 0 0;
	width:450px;
	height:20px;
	background:url(../../images/top/index_topic_bk_bottom.gif) no-repeat 0 0;
	text-align:right;
}
div.support_topic div.bottom_space_orange{
	margin-bottom:20px;
	padding:7px 0 0 0;
	width:450px;
	height:20px;
	background:url(../../images/top/index_topic_bk_bottom_orange.gif) no-repeat 0 0;
	text-align:right;
}


/*　サポートトピック書き込み欄　*/
div.form_box{
	width:450px;
}
div.entry_space{
	margin:2px 7px 0 7px;
}
div#entry_use{
	margin:0 0 15px 0;
	background:#e4f5cf;
}
div#entry_offer{
	margin:0 0 15px 0;
	background:#feefbb;
}

div.entry_space div.btns{
	padding:2px 0 10px 0;
	width:436px;
	overflow:hidden;
}
div.entry_space div.btns div.form_space01{
	padding:5px 0 5px 2px;
	background:#fff;
	border:1px solid #76d96b;
	width:353px;
	float:left;
}
div.entry_space div.btns div.form_space02{
	padding:5px 0 5px 2px;
	background:#fff;
	width:353px;
	border:1px solid #fcc351;
	float:left;
}
div.entry_space div.btns div.btns_01{
	width:145px;
	float:left;
}
div.entry_space div.btns div.btns_02{
	width:208px;
	float:left;
}
div.entry_space div.btns div.btns_02 input{
	width:160px;
}
div.entry_space div.btns div.btns_03{
	width:72px;
	float:right;
}



/* マイページトップの新着情報以下(#list_box)　*/
div#list_box{
	width:450px;
}

	/*　H4　*/
div#list_box h4{
	margin:10px 0 7px 2px;
	clear:both;
}
	/*　一覧のテーブル　*/
div#list_box table.new_list{
	width:450px;
	border:1px solid #ccc;
	padding:1px;
}
* html div#list_box table.new_list{
	width:450px;
}
div#list_box table.new_list th{
	padding:5px;
	background:#fefecc;
	text-align:center;
}
div#list_box table.new_list th.head01{
	width:70px;
}
div#list_box div.new_item table.new_list th.head02{
	width:250px;
}
div#list_box div.event_list table.new_list th.head02{
	width:180px;
}
div#list_box table.new_list th.head03{
	width:130px;
}
div#list_box div.event_list table.new_list th.head04{
	width:70px;
}
div#list_box div.event_list table.new_list th.head05{
	width:30px;
}
div#list_box table.new_list td{
	padding:5px;
	border-top:1px dotted #ccc;
	vertical-align:top;
}
div#list_box table.new_list td span.star{
	padding-left:12px;
}
div#list_box table.new_list .left_cell{
	border-right:1px solid #ccc;
}
div#list_box table.new_list .left_cell_textcenter{
	border-right:1px solid #ccc;
	text-align:center;
}

div#list_box p.more_read{
	margin:2px 0 15px 0;
	text-align:right;
}
div#list_box p.more_read_and_search{
	margin:2px 0 15px 0;
	text-align:right;
	width:171px;
	float:right;
	
}
div#list_box p.more_read_and_search span{
	display:table-cell;
	vertical-align:middle;
	padding-left:5px;
	*zoom:1;
}

	/*　「イベント」内のアズ親子とボタン　*/
div#list_box  div.event_list div.top_space{
	margin:0 0 10px 0;
	width:450px;
	overflow:hidden;
}
div#list_box  div.event_list div.top_space img.event_as{
	float:left;
}
div#list_box  div.event_list div.top_space img.event_btn{
	margin:8px 10px 0 0 ;
	float:right;
}





/* プロフィールボックス */
#profile_box{
	margin-bottom:15px;
}
#profile_box dl{
	width:100%;
	float:left;
	clear:both;
}
 
#profile_box dl dt{
	width:100px;
	float:left;
	clear:both;
}

#profile_box dl dd{
	margin-left:100px;
}


 /* サポートボックス */
#support_box{
}
#support_box dl{
	width:100%;
	float:left;
	clear:both;
}
 
#support_box dl dt{
	width:100px;
	float:left;
	clear:both;
}

#support_box dl dd{
	margin-left:100px;
}



/* ----------------------------------------
 * view_profile.html
 * ---------------------------------------- */
 
/*自分のプロフィールを見る場合*/
div#top_space{
	width:625px;
}
div#top_space p.profile{
	padding:20px 0 0 210px;
	width:406px;
	height:38px;
	background:url(../../images/top/view_profile_comment.gif) no-repeat 0 0;
}
div#top_space img.to_profile{
	margin:0 0 15px 200px;
}


div.support_box{
	margin-top:20px;
	margin-bottom:20px;
}

/*　提供したいサポート 必要としているサポート　*/
div.support_box_offer{
	background:#feefbb;
	width:450px;
}
div.support_box_offer h3{
	width:450px;
	height:64px;
	background:url(../../images/top/view_profile_title01_bg.gif) no-repeat 0 0;
}
img.view_profile_btn{
	margin:0 0 12px 62px;
}

div.support_box_use{
	margin-top:10px;
	background:#e4f5cf;
	width:450px;
}
div.support_box_use h3{
	width:450px;
	height:64px;
	background:url(../../images/top/view_profile_title02_bg.gif) no-repeat 0 0;
}
div.support_box_white{
	width:427px;
	margin-left:12px;
	background:#ffffff;
}
dl.support_cont_list{
	padding:3px 8px 3px 8px;
	width:411px;
	clear:both;

}
dl.support_cont_list dt.item{
	width:411px;
	padding-bottom:3px;
	clear:both;
}
dl.support_cont_list dt.item02{
	width:411px;
	padding-top:10px;
	padding-bottom:3px;
	clear:both;
}
dl.support_cont_list dd{
	width:411px;
	padding-top:5px;
	clear:both;
	border-top:dotted 1px #dedfde;
}

div.offer_support ul li{
	padding:3px;
	width:130px;
	float:left;
}
div.offer_support ul li img{
	margin-right:3px;
	vertical-align:middle;
}


/*　最近のダイアリー　*/
div#list_box table.view_profile_diary td{
	padding:5px;
	width:450px;
	border-bottom:1px dotted #ccc;
	vertical-align:top;
}
div#list_box table.view_profile_diary td.cell_time{
	width:120px;
}


/*　最近の活動記録　*/
/*　このh3.title05　は、本当はcommon.cssに記述すべきだが、作業の分担上、一時的にここに記載、あとで移動　*/
body#home div.new_item h3.title05{
	margin:0 0 10px 0;
	padding:0;
	width:450px;
	height:31px;
	clear:both;
	background:url(../../images/form/h3_bg_03_pencile.gif) no-repeat 0 0;
	text-indent:42px;
	text-align:left;
	font-size:118%;
	line-height:210%;
	color:#1bab41;
}



/*　けーことアズの、ふきだし　*/
div.view_profile_comment{
	margin:0 0 10px 3px;
	padding:0;
	width:616px;
	height:58px;
	clear:both;
	background:url(../../images/top/view_profile_comment.gif) no-repeat 0 0;
}
div.view_profile_comment p{
	padding:20px 0 0 130px;

}
div.view_profile_setup_btn{
	text-align:center;
	margin:0 0 15px 0;
}


/*　せんたーカラムの　公開範囲　*/
p.view_profile_mark{
	width:160px;
	float:left;

}

img.view_profile_public_small{
	float:right;
}

dl dd p.right {
	float:right;
	width:auto;
	text-align:right;
	color:#f60;
}