@charset "UTF-8";

/*

Layout:Hiroshi Konnai
Title:心友の会 WEB SITE

*/

/*********************************
BASIC
**********************************/
/*All TAG*/
*{
	margin: 0px auto;
	padding: 0px ;
}
/*body TAG*/
body{
	margin: 0px auto;
	padding: 0px ;
	text-align: center ;
	font-size: 12px ;
	font-family: "MS Pゴシック","Helvetica Neue","Helvetica","Verdana";
}
/*table TAG*/
table{
	border: none ;
	margin: 0px auto;
}
/*img TAG*/
img{
	border: none ;
	margin: 0px ;
}
a{
	cursor: pointer ;
	color: #E11900 ;
}
a:hover{
	color: #E11900 ;
}
ul{
	list-style: none ;
}
li{
	list-style: none ;
}
.clear{
	clear: both ;
	height: 1px ;
	margin: 0px ;
}
.wh_1px{
	width: 1px ;
	height: 1px ;
}
.r_posi{
	float: right ;
}
.l_posi{
	float: left ;
}
.red{
	color: #FF3300 ;
}
/*********************************
INDEX.HTML
**********************************/
#TotalLayout{
	width: 815px ;
	height: auto ;
	margin: 0px auto ;
}
#menu{
	margin: 0px auto ;	
	text-align: left ;
}
#menu ul{
	list-style: none ;
	margin: 0px ;
}
#menu ul li{
	float: left ;
	margin: 0px ;
	display: block ;
	height: 75px ;
}
#flash,#subheader{
	margin: 0px auto ;
	text-align: center ;
}
#title{
	margin: 10px auto ;
	width: 770px ;
	text-align: left ;
}
#body{
	margin: 0px auto ;
	width: 770px ;
	height: auto ;
}
#left,#center_blk{
	float: left ;
	margin: 0px 15px 0px 5px ;
	width: 240px ;
	height: auto ;
}
#right{
	float: left ;
	margin: 0px 0px 0px 5px ;
	width: 240px ;
	height: auto ;
}
.comment{
	text-align: left ;
	lien-height: 18px ;
	margin: 0px 2px 20px 2px ;
}
.line{
	margin: 4px 0px ;
}
.comment span{
	font-weight: bold ;
	color: #FF1200 ;
}
.comment p{
	text-align: left ;
	padding: 2px 0px ;
	font-size: 14px ;
	color: #666666 ;
}
#footer{
	border-top: 1px solid #CECECE ;
	width: auto ;
	margin: 5px auto ;
	padding: 10px 1px ;
	text-align: right ;
}
#footer p{
	text-align: right ;
	font-size: 11px ;
	color: #999999 ;
}
/*********************************
CONCEPT/INDEX.HTML
**********************************/
#subbody,#sub_contact,#sub_event,#sub_member{
	margin: 10px auto ;
}
#concept_left{
	float: left ;
	margin: 5px 0px 5px 25px ;
	width: 420px ;
	text-align: center ;
}
#concept_right{
	float: right ;
	margin: 5px 25px 50px 0px ;
	width: 290px ;
	text-align: center ;
}
/*********************************
CONCEPT/INDEX.HTML
**********************************/
#sub_contact p{
	margin: 5px 10px ;
	padding: 5px 0px ;
	text-align: left ;
	line-height: 18px ;
	color: #686868 ;
}
#form_blk{
	margin: 40px auto ;
	height: auto ;
}
#form_txt{
	width: 520px ;
	height: auto ;
	margin: 0px auto ;
}
#form_txt td{
	padding: 5px 4px ;
	text-align: left ;
	font-size: 12px ;
}
#form_txt td.title{
	background: #F6F6F6 ;
	width: 150px ;
}
#form_txt td span{
	font-weight: bold ;
	color: #FF3300 ;
}
/*********************************
EVENT/INDEX.HTML
**********************************/
#event_left{
	float: left;
	width: 89px;
	height: auto;
	text-align: right;
	background: url(../event/img/event_back.jpg) right center repeat-y;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 80px;
}
#e_left_top{
	width: 89px ;
	height: 29px ;
	text-align: center ;
	margin: 0px auto ;
	padding: 3px 0px 0px 3px ;
	background: url(../event/img/event_lefttitle.jpg) left top no-repeat ;
}
#e_left_top span{
	font-size: 11px ;
	color: #FFFFFF ;
	font-weight: bold ;
}
#e_left_bot{
	width: 89px ;
	height: 6px ;
	margin: 0px auto ;
	background: url(../event/img/event_bottom.jpg) left bottom no-repeat ;
}
.txt_title{
	text-align: left ;
	margin: 0px 2px 3px auto ;
	padding: 2px 5px 2px 0px ;
	width: 75px ;
	border-bottom: 1px dotted #FFFFFF ;
}
.txt_title a{
	color: #FFFFFF ;
	font-weight: bold ;
}
.txt_title a img{
	margin: 2px 2px 2px 3px ;
}
#event_right{
	float: right ;
	margin: 10px 28px 10px auto ;
	width: 590px ;
	text-align: left ;
}
.shinyu{
	margin: 0px 0px 10px 0px ;
	border-bottom: 1px solid #E11900 ;	
}
.event_mtitle{
	text-align: left ;
	margin: 3px ;
	padding: 4px ;
	background: #929292 ;
	font-weight: bold ;
	color: #FFFFFF ;
}
#event_right span{
	font-weight: bold ;
	color: #666666 ;
	margin: 1px 3px ;
}
#event_right .mm{
	margin: 1px ;
	padding: 2px 1px ;
	border-bottom: 1px dotted #535452 ;
}
#event_right .mm strong{
	font-size: 14px ;
	color: #666666 ;
}
#event_right .sanka{
	margin: 10px 4px ;
	text-align: left ;
}
#event_right .container,#event_right .container2{
	margin: 10px 2px 2px 2px ;
}
#event_right .container img{
	float: left ;
	margin: 3px 5px ;
}
#event_right .container .txt{
	float: left ;
	text-align: left ;
	line-height: 18px ;
	margin: 3px ;
	width: 350px ;
	padding: 0px 3px 3px 3px ;
}
#event_right .container2 img{
	float: right ;
	margin: 3px 5px ;
}
#event_right .container2 .txt{
	float: left ;
	text-align: left ;
	line-height: 18px ;
	margin: 3px ;
	width: 360px ;
	padding: 0px 0px 3px 0px ;
}
/*********************************
MEMBER/INDEX.HTML
**********************************/
#sub_member p{
	padding: 8px 20px ;
	text-align: left ;
	font-size: 14px ;
}
#member_main{
	margin: 5px auto ;
}
.member_blk{
	width: 271px ;
	height: auto ;
	margin: 5px auto ;
	float: left ;
	background: url(../member/img/member_02.jpg) center center repeat-y ;
}
.member_photo{
	padding: 1px ;
}
.member_title,.member_txtblk{
	margin: 2px 4px ;
	padding: 4px 6px ;
	text-align: left ;
	line-height: 17px ;
}
.member_title strong{
	font-size: 16px ;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
.member_title span{
	font-size: 14px ;
}
.work_com{
	background: url(../member/img/work.jpg) left top no-repeat ;
	padding: 0px 2px 0px 45px ;
	text-align: left ;
	font-size:11px ;
}
.birth_com{
	background: url(../member/img/birthday.jpg) left top no-repeat ;
	padding: 0px 2px 0px 70px ;
	text-align: left ;
	font-size:11px ;
}
.dream_com{
	background: url(../member/img/dream.jpg) left top no-repeat ;
	padding: 0px 2px 0px 55px ;
	text-align: left ;
	font-size:11px ;
}
.msg_com{
	background: url(../member/img/message.jpg) left top no-repeat ;
	padding: 0px 2px 0px 68px ;
	text-align: left ;
	font-size:11px ;
}