@charset "utf-8";

/* ========================================
	基本設定
 ======================================== */
/* 全ての要素の間隔・余白を０へ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	background:#F8F8F5;
	line-height: 1.6;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 87%;
	color: #333333;
}

a:link    { color:#333333;} /* リンクの色の指定 */
a:visited { color:#807664;} /* 訪問済みのリンクの色の指定 */
a:hover   { color:#a79e8f;} /* カーソルが上にある場合の色の指定 */
a:focus   { outline:none;}  /* 選択された時のリンク */
a.block {
	display: block;
	width: 100%;
	height: 100%;
	color: #333333;
	outline: none;
	text-decoration: none;
}

/* IE8向け */
head~/* */body .nobr{
  display:block;
  float:left;
}
/*IE8以外は上のプロパティを上書き*/
html:not(:target) .nobr{
  display:inline;
  float:none;
}

.nobr { white-space: nowrap; }

/* ========================================
	共通css
 ======================================== */
 /* clear
---------------------------------------------- */

.clear{clear:both;}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 0.1em;
}
.clearfix {height:100%;}

.overflow_clear{
	overflow:hidden;
	height:100%;
}


/* text-align
---------------------------------------------- */

.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
.center{margin:0 auto;}
.left{float:left;}
.right{float:right;}


/* font
---------------------------------------------- */

.bold{font-weight:bold;}


/* vertical-align
---------------------------------------------- */

.valign_top{vertical-align:top !important;}
.valign_middle{vertical-align:middle !important;}
.valign_btm{vertical-align:bottom !important;}


/* visibility
---------------------------------------------- */

.hidden{visibility:hidden;}
.visible{visibility:visible !important;}


/* none
---------------------------------------------- */

.none{display:none;}


/* margin
---------------------------------------------- */

.mb_1em{margin-bottom:1em !important;}
.mb_2em{margin-bottom:2em !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}


.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}

/*--width--*/
.w170{width:170px !important;}
.w186{width:186px !important;}
.w190{width:190px !important;}

.w19per{width:19% !important;}

/*--padding--*/
.pd_none{padding:0 !important;}

.pt_15{padding-top:15px !important;}


/*--display--*/
.dis_block{display:block;}

/*--font-size--*/
.f_1plus{font-size:108% !important;}
.f_1minus{font-size:93% !important;}

/*--color--*/
.red{color:#F00;}

/*--opacity--*/
.opa075:hover{opacity:0.75;}

/*--border--*/
.bdr_none{border:none !important;}

/*--line-height--*/
.lh_140{line-height:1.4 !important;}


/* ========================================
	フォーム部品
 ======================================== */
input,select { vertical-align: middle; }
textarea { resize: none; }
input,select,textarea {
	padding: 4px;
}
input.num,input.money { text-align: right; }
input.pass {
	ime-mode: disabled;
}
input.char,textarea,input.num,input.money,input.pass,input.readonly,select {
	padding:4px;
	color: #333333;
}
input.readonly { background: #DDDDDD; }
textarea.readonly { background: #DDDDDD; }

/* ========================================
	画像
 ======================================== */
img { border: none; }


/* ========================================
	ページ外枠
 ======================================== */
.base {
	margin: 0px;
	width: 100%;
	text-align: left;
}

/* サブウィンドウ */
.base-sub {
	width: 720px;
	padding:25px;
	margin: 0px;
	text-align: left;
}


/* ========================================
	ヘッダー
 ======================================== */
div#wrap_h1 {
	background:#EAEAE2;
	padding:2px;
}

div#wrap_h1 h1{
	width:1000px;
	margin:0 auto;
	color:#8E8E76;
	font-size:86%;
	font-weight:normal;
	text-align:right;
}


.header {
	background:#FFF;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid #C6CDCF;
}

.header-inner {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height: 85px;
}

/*--.header-logo(ヘッダーロゴ)--*/
.header-logo{
	padding:0;
}

.header-logo h2{
	background:url(../img/logo.jpg) no-repeat 0 0;
	width:400px;
	height:56px;
}

.header-logo h2 a{
	display:block;
	text-decoration:none;
	width:400px;
	height:56px;
}

/*--.header-dat ul.navi_header(ヘッダーナビ)--*/
.header-dat{
	width:201px;
	padding-top:23px;
}

.header-dat ul.navi_header{
	width:201px;
	height:30px;
	overflow:hidden;
	list-style:none;
}

.header-dat ul.navi_header li{float:left;}

.header-dat ul.navi_header li span{display:none;}

.header-dat ul.navi_header li a{
	display:block;
	height:30px;
	text-decoration:none;
}

.header-dat ul.navi_header li.n01 a{
	background:url(../img/navi_header01.jpg) no-repeat 0 0;
	width:100px;
}
.header-dat ul.navi_header li.n02 a{
	background:url(../img/navi_header01.jpg) no-repeat -100px 0;
	width:101px;
}
.header-dat ul.navi_header li.n03 a{
	background:url(../img/navi_header01.jpg) no-repeat -201px 0;
	width:101px;
}

.header-dat ul.navi_header li.n01 a:hover{background:url(../img/navi_header01.jpg) no-repeat 0 -30px;}
.header-dat ul.navi_header li.n02 a:hover{background:url(../img/navi_header01.jpg) no-repeat -100px -30px;}
.header-dat ul.navi_header li.n03 a:hover{background:url(../img/navi_header01.jpg) no-repeat -201px -30px;}


/* ========================================
	メイン　ベース
 ======================================== */
.bg_contents{
	background:url(../img/bg_contents02.jpg) repeat-x 0 0;
}
 
.contents {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	background: url(../img/bg_contents.jpg) repeat-y;
}

/* --- サブウィンドウ --- */
.contents-sub {
	margin: 0 auto;
	width: 720px;
	text-align: left;
	vertical-align: top;
}


/* ========================================
	メイン　左
 ======================================== */
/* --- 左バー全体背景 --- */
.left-contents {
	background:#EAEAE2;
	margin: 0px;
	width: 250px;
	height: 100%;
	float: left;
	vertical-align: top;
	text-align: center;
}

/* --- 通常メニュー(ログイン前メニュー) --- */
.normal_menu{
	background:url(../img/bg_menu01.jpg) no-repeat 0 0;
	padding:50px 35px 34px;
	height:260px;
}

.normal_menu ul{
	background:url(../img/navi_normal_menu01.jpg) no-repeat 0 0;
	width:180px;
	height:260px;
	list-style:none;
}

.normal_menu ul li a{
	display:block;
	width:180px;
	height:37px;
	text-decoration:none;
}

.normal_menu ul li.n01 a{
	height:38px;
}

.normal_menu ul li.n01 a:hover{background:url(../img/navi_normal_menu01.jpg) no-repeat -180px 0;}
.normal_menu ul li.n02 a:hover{background:url(../img/navi_normal_menu01.jpg) no-repeat -180px -38px;}
.normal_menu ul li.n03 a:hover{background:url(../img/navi_normal_menu01.jpg) no-repeat -180px -75px;}
.normal_menu ul li.n04 a:hover{background:url(../img/navi_normal_menu01.jpg) no-repeat -180px -112px;}
.normal_menu ul li.n05 a:hover{background:url(../img/navi_normal_menu01.jpg) no-repeat -180px -149px;}
.normal_menu ul li.n06 a:hover{background:url(../img/navi_normal_menu01.jpg) no-repeat -180px -186px;}
.normal_menu ul li.n07 a:hover{background:url(../img/navi_normal_menu01.jpg) no-repeat -180px -223px;}

.normal_menu ul li a span{display:none;}

/*ブロック(会員ログイン)*/
.block-head_login h3{
	background:url(../img/bg_block-head01.jpg) no-repeat 0 0;
	height:40px;
}
.block-box_login{
	margin: 0px auto 80px;
	padding: 0 10px 30px;
	width: 198px;
	font-size:93%;
	line-height:1.2;
	background-color: #FFFFFF;
	border: 1px solid #D7D7C8;
	border-top:none;
	text-align: left;
}

.block-box{
	background:#FFFFFF;
	border:1px solid #D7D7C8;
	padding:10px;
	font-size:93%;
	line-height:1.2;
	margin-bottom:10px;
}

/* --- 会員メニュー --- */
/*-背景-*/
div.bg_member_menu{
	background:url(../img/bg_member_menu01.jpg) repeat-y 0 0;
	margin-bottom:80px;
}

div.bg_member_menu_top{
	background:url(../img/bg_member_menu01_top.jpg) no-repeat 0 0;
}

div.bg_member_menu_btm{
	background:url(../img/bg_member_menu01_btm.jpg) no-repeat 0 bottom;
	padding:50px 35px 20px;
}

/*-マイページボタン-*/
p.btn_menu_mypage{
	margin-bottom:10px;
	position:relative;
}

p.btn_menu_mypage img{
	position:absolute;/*p.btn_menu_mypage*/
	left:-33px;
	top:-28px;
}

p.btn_menu_mypage a{
	background:url(../img/btn_mypage01.jpg) no-repeat 0 0;
	display:block;
	width:180px;
	height:38px;
	text-decoration:none;
}

p.btn_menu_mypage a:hover{
	background:url(../img/btn_mypage01.jpg) no-repeat -180px 0;
}

p.btn_menu_mypage a span{ display:none;}

/*-アプローチ活動-*/
h3#h3_member_menu01{
	background:url(../img/h3_member_menu01.png) no-repeat 0 0;
	height:37px;
}

ul#member_menu01{
	background:url(../img/navi_member_approach01.jpg) no-repeat 0 0;
	height:333px;
	list-style:none;
	margin-bottom:10px;
}

ul#member_menu01 span{display:none;}

ul#member_menu01 li a{
	display:block;
	width:180px;
	height:37px;
	text-decoration:none;
}

ul#member_menu01 li.n01 a{
	height:38px;
}

ul#member_menu01 li.n01 a:hover{background:url(../img/navi_member_approach01.jpg) no-repeat -180px 0;}
ul#member_menu01 li.n02 a:hover{background:url(../img/navi_member_approach01.jpg) no-repeat -180px -38px;}
ul#member_menu01 li.n03 a:hover{background:url(../img/navi_member_approach01.jpg) no-repeat -180px -75px;}
ul#member_menu01 li.n04 a:hover{background:url(../img/navi_member_approach01.jpg) no-repeat -180px -112px;}
ul#member_menu01 li.n05 a:hover{background:url(../img/navi_member_approach01.jpg) no-repeat -180px -149px;}
ul#member_menu01 li.n06 a:hover{background:url(../img/navi_member_approach01.jpg) no-repeat -180px -186px;}
ul#member_menu01 li.n07 a:hover{background:url(../img/navi_member_approach01.jpg) no-repeat -180px -223px;}
ul#member_menu01 li.n08 a:hover{background:url(../img/navi_member_approach01.jpg) no-repeat -180px -260px;}
ul#member_menu01 li.n09 a:hover{background:url(../img/navi_member_approach01.jpg) no-repeat -180px -297px;}

/*-会員情報-*/
h3#h3_member_menu02{
	background:url(../img/h3_member_menu02.png) no-repeat 0 0;
	height:37px;
}

ul#member_menu02{
	background:url(../img/navi_member_info01.jpg) no-repeat 0 0;
	height:148px;
	list-style:none;
	margin-bottom:10px;
}

ul#member_menu02 span{display:none;}

ul#member_menu02 li a{
	display:block;
	width:180px;
	height:37px;
	text-decoration:none;
}

ul#member_menu02 li.n01 a{
	height:38px;
}

ul#member_menu02 li.n01 a:hover{background:url(../img/navi_member_info01.jpg) no-repeat -180px 0;}
ul#member_menu02 li.n02 a:hover{background:url(../img/navi_member_info01.jpg) no-repeat -180px -38px;}
ul#member_menu02 li.n03 a:hover{background:url(../img/navi_member_info01.jpg) no-repeat -180px -75px;}
ul#member_menu02 li.n04 a:hover{background:url(../img/navi_member_info01.jpg) no-repeat -180px -112px;}

/*-会員情報-*/
h3#h3_member_menu03{
	background:url(../img/h3_member_menu03.png) no-repeat 0 0;
	height:37px;
}

ul#member_menu03{
	background:url(../img/navi_member_other01.jpg) no-repeat 0 0;
	height:148px;
	list-style:none;
}

ul#member_menu03 span{display:none;}

ul#member_menu03 li a{
	display:block;
	width:180px;
	height:37px;
	text-decoration:none;
}

ul#member_menu03 li.n01 a{
	height:38px;
}

ul#member_menu03 li.n01 a:hover{background:url(../img/navi_member_other01.jpg) no-repeat -180px 0;}
ul#member_menu03 li.n02 a:hover{background:url(../img/navi_member_other01.jpg) no-repeat -180px -38px;}
ul#member_menu03 li.n03 a:hover{background:url(../img/navi_member_other01.jpg) no-repeat -180px -75px;}
ul#member_menu03 li.n04 a:hover{background:url(../img/navi_member_other01.jpg) no-repeat -180px -112px;}

/*-お支払い-*/
h3#h3_member_menu04{
	background:url(../img/h3_member_menu04.png) no-repeat 0 0;
	height:37px;
}

ul#member_menu04{
	background:url(../img/navi_member_pay01.jpg) no-repeat 0 0;
	height:38px;
	list-style:none;
	margin-bottom:10px;
}

ul#member_menu04 span{display:none;}

ul#member_menu04 li.n01 a{
	display:block;
	width:180px;
	height:38px;
	text-decoration:none;
}

ul#member_menu04 li.n01 a:hover{background:url(../img/navi_member_pay01.jpg) no-repeat -180px 0;}




/* --- メニュー --- */
.menu {
	width: 220px;
	text-align: center;
}

.menu ul {
	margin: 0px auto;
	padding: 10px 0px;
	width:200px;
	background-color: #ededed;
}
.menu ul li {
	list-style-type: none;
	text-align:left;
}

.menu ul li a, .menu ul li a:visited {
	width:200px;
	height:30px;
	background: url("../img/bg_menu.jpg") no-repeat 0px 0px;
	display: block;
	color:#333333;
	line-height: 30px;
	text-decoration:none;
	text-align: center;
	vertical-align: middle;
}


/* --- マウスオーバー時 --- */
/*
	.menu ul li a:hover {
	background: url("../img/bg_menu.jpg") no-repeat 0px -30px;
	background-color: #ededed;
	color: #333333;
}
*/
/* --- on画像がデフォルトとなるメニューの指定 --- */
/*
.menu ul li.on {width:200px;}
.menu ul li.on, .menu ul li.on a, .menu ul li.on a:visited {
	background: url("../img/bg_menu.jpg") no-repeat 0px -30px;
	color: #333333;
}
*/

/* --- メニューヘッダ --- */
/*
.menu ul li.head {
	margin-top: 5px;
	width: 200px;
	height: 30px;
	background: url("../img/bg_menu_head.jpg") no-repeat;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
}
*/




/* ========================================
	メイン　右
 ======================================== */
.main {
	padding: 5px 0 80px;
	width: 720px;
	float: right;
}


/* ========================================
	フッター
 ======================================== */
.footer{
	background:#FFFFFF url(../img/bg_footer01.jpg) repeat-x 0 0;
}

.footer_inner{
	background:url(../img/bg_footer_inner01.jpg) no-repeat center 0;
	padding-top:30px;
}

.footer_1column .footer_inner{
	background:none;
}

/*--ul.navi_footer(フッターナビ)--*/
ul.navi_footer{
	text-align:center;
	list-style:none;
	margin-bottom:15px;
	line-height:1.2;
	font-size:93%;
}

ul.navi_footer li{
	display:inline-block;
}

ul.navi_footer li:after{
	content:" |";
	margin:0 10px;
}

ul.navi_footer li:last-child:after{
	content:"";
	margin-right:0;
}

ul.navi_footer li a{
	color:#333333;
	text-decoration:none;
}

ul.navi_footer li a:hover{
	color:#EB5F00;
	text-decoration:none;
}

/*--copyright--*/
address.copyright{
	font-style:normal;
	font-size:86%;
	line-height:1.2;
	text-align:center;
	margin-bottom:20px;	
}

/*--txt_footer--*/
.txt_footer{
	background:#EAEAE2;
	line-height:1.2;
	text-align:center;
	font-size:86%;
	color:#8E8E76;
	padding:2px 0;
}




/* ========================================
	その他共通設定
 ======================================== */
/*----- 見出し関連 */
h2 span,h3 span{display:none;}


h3.short {
	margin-bottom: 10px;
	width: 580px;
	background: url("../img/bg_h_long.jpg") no-repeat;
	color: #333333;
	text-indent: 50px;
	vertical-align: middle;
	line-height: 45px;
}

/*--h3.h3_flower_bdr--*/
h3.h3_flower_bdr,
h4.h4_flower_bdr{
	background:url(../img/bdr_dashed01.jpg) repeat-x 0 0;
	padding-top:10px;
	font-size:129%;
	color:#7A7A5E;
	margin-bottom:10px;
	line-height:1.2;
	font-weight:bold;
}

h3.h3_flower_bdr > span,
h4.h4_flower_bdr > span{
	background:url(../img/ico_flower01.png) no-repeat 0 0;
	display:block;
	padding-left:35px;
	padding-top:5px;
	min-height:25px;

}

/*--h3.h3_flower_rainbow--*/
h3.h3_flower_rainbow,
h4.h4_flower_rainbow{
	background:url(../img/bdr_rainbow01.jpg) no-repeat 0 bottom;
	padding-bottom:6px;
	font-size:129%;
	color:#7A7A5E;
	margin-bottom:10px;
	line-height:1.2;
	font-weight:bold;
}

h3.h3_flower_rainbow > span,
h4.h4_flower_rainbow > span{
	background:url(../img/ico_flower01.png) no-repeat 0 0;
	display:block;
	padding-left:35px;
	padding-top:5px;
	min-height:25px;

}



/*--h3,h4_flower--*/
h3.h3_flower,
h4.h4_flower{
	background:url(../img/ico_flower01.png) no-repeat 0 0;
	font-size:129%;
	padding-left:35px;
	padding-top:5px;
	color:#7A7A5E;
	font-weight:bold;
	line-height:1.2;
	min-height:25px;
	margin-bottom:10px;
}

/*--h4.faq-category --*/
h4.faq-category {
	background:url(../img/ico_flower01.png) no-repeat 0 0;
	font-size:129%;
	padding-left:35px;
	padding-top:5px;
	color:#7A7A5E;
	font-weight:bold;
	line-height:1.2;
	min-height:25px;
	margin-bottom:10px;
}

/*----- フォント色関連 */
/* 必須項目 */
.indis {
	margin-left: 5px;
	color:#F00;
	font-size: 10px;
	font-weight: normal;
}
/* 補足説明 */
.info {
	color: #7A7A5E;
	font-weight: normal;
}

.msg-err { color: #FF0000; }			/* エラーメッセージ */
.msg { color: #1e90ff; }				/* メッセージ */
.emphasis { color: #EB5F00; }			/* 強調 */
.emphasis-b {							/* 強調大 */
	color: #EB5F00;
	font-size: 14px;
/*	font-weight: bold;	*/
}
.end-msg {								/* 完了メッセージ */
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

/*----- テーブル関連 */
div.wrap_table_rainbow01{
	background:url(../img/bdr_rainbow01.jpg) no-repeat 0 0;
	padding-top:3px;
	margin-bottom:40px;	
}

/*--table_type01--*/
table.table_type01{
	width:100%;
	border-collapse:collapse;
}

table.table_type01 th,
table.table_type01 td{
	border:1px solid #BABAA7;
	font-weight:normal;
	padding:6px 5px;	
}

table.table_type01 th{
	background:#E1E1D9;
}

table.table_type01 td{
	background:#FFF;
}



/*--table.list--*/

table.list {
	width:100%;
	font-size:93%;
	border-collapse:collapse;
}

td.top_dat{
	background:#FFFFFF;
	border:1px solid #BABAA7;
	border-top:none;
	padding:10px 6px;
	color:#7A7A5E;
	
}

td.head{
	background-color:#E1E1D9;
	border:1px solid #BABAA7;
	padding:10px 8px;
	text-align:left;
	vertical-align:middle;
}
td.head-s {
	width: 130px;
	background-color:#E1E1D9;
	border:1px solid #BABAA7;
	padding:10px 8px;

}
td.head-f {
	background-color:#E1E1D9;
	border:1px solid #BABAA7;
	padding:10px 8px;
	text-align:left;
	vertical-align:middle;
}
td.dat, td.dat-c, td.dat-r {
	padding:10px 8px;
	background-color: #FFF;
	border:1px solid #BABAA7;
}
td.dat-c { text-align: center; }
td.dat-r { text-align: right; }
td.dat-act {
	background-color: #ede3da;
	text-align: center;
}
td.indent { text-indent: 5px; }

/* 画像背景版テーブル */
table.list02{
	width:100%;
	table-layout:fixed;
	word-break:break-all;
	border-collapse:collapse;
	font-size:93%;
	line-height:1.2;
}

table.list02 .data-c{
	background:#E1E1D9;
	border:1px solid #BABAA7;
	text-align:center;
	padding:5px 0;
}

table.list02 .prof-photo{
	background:#FFF;
	border:1px solid #BABAA7;
	border-bottom:none;
	text-align:center;
	padding:10px 0;
}

table.list02 .prof-photo img{
	width:120px;
	height:auto;
}

table.list02 .prof-name{
	background:#FFF;
	border:1px solid #BABAA7;
	boder-top:none;
	padding:10px;
}



/* 画像背景版テーブル */
table.out-list {
	width:720px;
	border-collapse:collapse;
}
td.out-head {
	width:720px;
	height: 20px;
	background: url(../img/bg_list_head01.jpg) no-repeat;
}
td.out-body {
	padding: 0px 10px;
	width: 700px;
	background: url(../img/bg_list_body01.jpg) repeat-y;
}
td.out-foot {
	width: 720px;
	height: 20px;
	background: url(../img/bg_list_foot01.jpg) no-repeat;
}

table.frame-list {
	width:700px;
	border-collapse:collapse;
	font-size:93%;
	word-break:break-all;
}
td.frame-head {
	background-color:#E1E1D9;
	border:1px solid #BABAA7;
	color: #333333;
	text-align: center;
	padding:7px 8px;
}
td.frame-dat, td.frame-dat-c, td.frame-dat-r {
	padding:10px 8px;
	border:1px solid #BABAA7;
	background-color: #FFFFFF;
}
td.frame-dat-c { text-align: center; }
td.frame-dat-r { text-align: right; }

/* BBSテーブル */
/*--table.bbs --*/
table.bbs {
	margin-bottom:10px;
	width:100%;
	border-collapse:collapse;
}

table.bbs td{
	background:#FFF;
	border:1px solid #BABAA7;
	padding:5px 6px;
}

table.bbs td.bbs-head {
	width: 100%;
	background:#E1E1D9;
	font-weight: bold;
	vertical-align: middle;
}
table.bbs td.bbs-body {

}
table.bbs td.bbs-foot {
	color: #7d735e;
	text-align: right;
	vertical-align: middle;
}


/*--table.bbs-p --*/
table.bbs-p {
	margin-bottom:10px;
	width:100%;
	border-collapse:collapse;
}

table.bbs-p td{
	background:#FFF;
	border:1px solid #BABAA7;
	padding:5px 6px;
}

table.bbs-p td.bbs-p-head {
	background:#BABAA7;
	width: 100%;
	font-weight: bold;
	vertical-align: middle;
	color:#FFFFFF;
}
td.bbs-p-body {

}
td.bbs-p-foot {
	color: #7d735e;
	text-align: right;
	vertical-align: middle;
}

/*----- DIV BOX */
div.info {
	background:#FFFFFF url(../img/bdr_rainbow01.jpg) no-repeat 0 0;
	margin-bottom:10px;
	padding: 10px;
	border: 1px solid #BABAA7;
	border-top:none;
	color: #79795E;
	text-align: left;
}

div.info_type02 {
	background:#EAEAE2;
	margin-bottom:70px;
	padding: 10px;
	border: 1px solid #D7D7C8;
	font-size:93%;
}

div.info_type03 {
	background:#FFFFFF;
	margin-bottom:70px;
	padding:70px 10px;
	border: 1px solid #BABAA7;
	font-size:93%;
	text-align:center;
	color:#79795E;
}

/*----- ボタン関連 */

div.btn {
	display: inline;
}
a.btn, a.btn:visited {
	height: 36px;
	background: url(../img/bg_btn_right01.jpg) no-repeat right 0;
	display:inline-block;
	color: #FFFFFF;
	font-size:16px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

a.btn:hover, a.btn:visited:hover{ opacity:0.75;}

a.btn > span, a.btn:visited > span{
	background: url(../img/bg_btn_left01.jpg) no-repeat 0 0;
	padding-top:6px;
	display:inline-block;
	height:30px;
	padding:6px 15px;
	min-width:90px;
}


/*----- ナビゲーター関連 */
div.nav {
	width: 650px;
	height: 80px;
}
/*
.nav ul {
	background-color: #ededed;
}
*/
.nav ul li {
	float: left;
	list-style-type: none;
}
.nav ul li.start {
	width: 10px;
	height: 80px;
	background: url("../img/bg_nav_start.gif") no-repeat;
}
.nav ul li.end {
	width: 10px;
	height: 80px;
	background: url("../img/bg_nav_end.gif") no-repeat;
}
.nav ul li.next {
	width: 40px;
	height: 80px;
	background: url("../img/bg_nav_next.gif") no-repeat;
}
.nav ul li.dat, .nav ul li.act {
	width: 150px;
	height: 80px;
	display: block;
	line-height: 95px;
	text-align: center;
	vertical-align: bottom;
}

.nav ul li.dat {
	background: url("../img/bg_nav_dat.gif") no-repeat 0px 0px;
	color: #a9a9a9;
}
.nav ul li.act {
	background: url("../img/bg_nav_dat.gif") no-repeat 0px -80px;
/*	color: #cc553a;*/
	color: #a82024;
/*	font-weight: bold;*/
}

/* ツールチップ */
span.tooltip {
	/*padding: 3px;*/
	/*background: #f2ff96;*/
}

span.tooltip span {
	display: none;
	padding: 3px;
	margin-top: 15px;
	margin-left: -3px;
}

span.tooltip:hover span {
	display: inline;
	position: absolute;
	background: #e0ddd8;
	border: 1px solid #999999;
}

/*----- 行枠組み */
dl.row {
	clear: both;
	padding: 0;
}

dl.row dt {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}
dl.row dt { width: 50%; }

dl.row dd {
	margin: 0 2px 0 50%;
	padding: 0;
	text-align: right;
}
dl.row dd { margin: 0 2px 0 50%; }

/*----- その他 */
.separator {
	height: 1px;
	background:url(../img/bdr_dashed01.jpg) repeat-x;
	border: none;
}

/* ========================================
	各ページ独自
 ======================================== */
/*------------------------- TOP */
/* 見出し */
h3#h3_index01{
	background:url(../img/h3_index01.jpg) no-repeat 0 0;
	height:47px;
	margin-bottom:35px;
}

h3#h3_index02{
	background:url(../img/h3_index02.jpg) no-repeat 0 0;
	height:47px;
	margin-bottom:20px;
}

h3#h3_index03{
	background:url(../img/h3_index03.jpg) no-repeat 0 0;
	height:47px;
	margin-bottom:15px;
}

/* 体験談 */
div.wrap_experience{
	background:url(../img/bg_experience01.jpg) repeat-y 0 0;
	width:350px;
	position:relative;
	margin-bottom:10px;
}

div.wrap_experience h4{
	background:url(../img/bg_experience01_top.jpg) no-repeat 0 0;
	padding:35px 15px 5px 73px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:108%;
	line-height:1.2;
}

div.wrap_experience p.ico_experience{
	width:54px;
	height:62px;
	position:absolute;/*div.wrap_experience*/
	top:0;
	left:10px;
}

div.experience{
	background:#FFF;
	border:1px solid #D7D7C8;
	border-top:none;
	padding:17px 15px 15px;
}



/* 会員登録・お試し検索 */
table.mem-srch {
	width:100%;
}
td.mem {
	padding-left: 0px;
	padding-bottom: 20px;
	width: 350px;
/*	background: url("../img/bg_regist_now.gif") no-repeat;*/
	vertical-align: bottom;
}
td.srch {
	width: 350px;
	padding-left:20px;
	height: 160px;
	vertical-align: top;
}

td.srch h4#h4_index_search{
	background:url(../img/h4_index_search01.jpg) no-repeat 0 0;
	height:52px;
}

td.srch h4#h4_index_search span{display:none;}


div.wrap_search{
	background:#FFFFFF;
	min-height:136px;
	border:1px solid #D7D7C8;
	padding:9px;
}


table.table_search {
	width:100%;
	border-collapse:collapse;
	margin-bottom:8px;
}

table.table_search th,
table.table_search td{
	border-bottom:1px solid #D7D7C8;
	padding:5px;
	font-weight:normal;
	font-size:13px;
	line-height:1.2;
}

table.table_search th{
	width:125px;
	padding-right:10px;
}

table.table_search tr:first-child th,
table.table_search tr:first-child td{
	padding-top:0;
}

table.table_search tr:last-child th,
table.table_search tr:last-child td{
	border-bottom:none;
	padding-bottom:0;
}


/* 検索結果 */
table.prof-list {
	width:100%;
	border: 1px solid #BABAA7;
	font-size:93%;
	line-height:1.4;
	border-collapse:collapse;
}

table.prof-list td{
	border: 1px solid #BABAA7;
	padding:5px;
	background-color: #ffffff;
}

table.prof-list td.prof-head {
	background-color: #E1E1D9;
	color: #333333;
	text-align: center;
}
table.prof-list td.prof-photo {
	width: 120px;
	background-color: #ffffff;
	text-align: center;
	vertical-align:top;
	padding:0;
}
table.prof-list td.prof-photo img{
	width:120px;
	height:auto;
}


table.prof-list td.prof-appeal {
	padding: 10px;
	background-color: #fbfaf9;
	text-align: center;
}

/* ご利用の流れ */
table.useinfo {
	margin: 0px;
	padding: 0px;
	width: 680px;
}
td.sp1, td.sp2, td.sp3, td.sp4, td.sp5, td.sp6 {
	padding: 50px 10px 10px;
	width: 180px;
	height: 140px;
	vertical-align: top;
}
td.sp1 { background: url("../img/bg_step1.gif") no-repeat; }
td.sp2 { background: url("../img/bg_step2.gif") no-repeat; }
td.sp3 { background: url("../img/bg_step3.gif") no-repeat; }
td.sp4 { background: url("../img/bg_step4.gif") no-repeat; }
td.sp5 { background: url("../img/bg_step5.gif") no-repeat; }
td.sp6 { background: url("../img/bg_step6.gif") no-repeat; }
td.sp-space {
	width: 40px;
	height: 200px;
	background: url("../img/bg_sp_space.gif") no-repeat;
}

/* 利用者の体験談 */
table.user-exp {
	margin: 10px 0px;
	height: 260px;
}
td.exp {
	width: 350px;
	background: url("../img/bg_user_exp.gif") no-repeat;
	vertical-align: top;
}
div.exp-user {
	margin-top: 20px;
	margin-left: 80px;
	font-size: 14px;
	font-weight: bold;
}
div.exp {
	margin-left: 20px;
	width: 285px;
	text-indent: 40px;
	line-height: 1.7;
}

/* その他の活動状況 */
table.act {
/*	width: 700px;*/
}
td.act {
	padding: 0px 10px 0px;
	width: 110px;
	height: 110px;
	background: url("../img/bg_act.gif") no-repeat;
	text-align: right;
	vertical-align: bottom;
}
div.act-base {
	width: 110px;
	height: 120px;
	position: relative;
}
div.act-title {
	top: 15px;
	left:0px;
	width: 110px;
	text-align: left;
	vertical-align: top;
	color: #866b64;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
}
div.act-dat {
	bottom: 8px;
	right: 3px;
	width: 110px;
	text-align: right;
	position: absolute;
}

/*------------------------- よくある質問 */
/*--heading--*/
/*h3*/
h3#h3_faq01{
	background:url(../img/h3_faq01.jpg) no-repeat 0 0;
	height:297px;
	margin-bottom:10px;
}


ul.faq {
	margin-left: 10px;
	width: 600px;
	list-style: none;
}
ul.faq li {
	margin: 5px 0px;
	font-size: 14px;
	background: url("../img/icn_faq_category.gif") no-repeat;
	text-indent: 20px;
}

div.wrap_faq{
	background:url(../img/bdr_dashed01.jpg) repeat-x 0 bottom;
	padding-bottom:40px;
	margin-bottom:10px;
}

div.wrap_faq:last-child{
	background:none;
	padding-bottom:0;
	margin-bottom:0;
}

table.faq {
	width:100%;
	border-collapse:collapse;
	margin-bottom:5px;
}
td.faq-q-close, td.faq-q-open{
	border:1px solid #D9DACF;
	font-weight: bold;
	vertical-align: middle;
}
td.faq-q-close {
	background:#FFFFFF url("../img/bg_question01.jpg") no-repeat 6px center;
}
td.faq-q-open {
	background:#FFFFFF url("../img/bg_question01_on.jpg") no-repeat 6px center;
}

td.faq-q-close a, td.faq-q-open a{
	padding:7px 27px 6px 35px;
	width:auto;
}

td.faq-a {
	padding: 10px;
	background-color:#EAEAE2;
	border:1px solid #D9DACF;
}

/*------------------------- クレジット決済 */
div.regist-fee {
	margin:0 auto 40px;
	padding-right: 80px;
	width: 420px;
	height: 50px;
	background: url("../img/bg_regist_fee.gif") no-repeat;
	color: #5f544a;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	line-height: 50px;
}

/*------------------------- 苦情・相談・問合せ */
h3#h3_support{
	background:url(../img/h3_support01.jpg) no-repeat 0 0;
	height:297px;
	margin-bottom:20px;
}

table.support {
	width: 600px;
}
td.sup-head {
	width: 600px;
	height: 85px;
	background: url("../img/bg_support_q_head.gif") no-repeat;
}
div.sup-title {
	margin-top: 10px;
	margin-left: 60px;
	color: #4d453e;
	font-size: 16px;
	font-weight: bold;
}
div.sup-user {
	margin-top: 10px;
	margin-right: 30px;
	float: right;
	color: #665a50;
}
td.sup-body {
	padding: 5px 20px;
	width: 560px;
	background: url("../img/bg_support_q_body.gif") repeat-y;
	
}
td.sup-foot {
	width: 600px;
	height: 20px;
	background: url("../img/bg_support_q_foot.gif") no-repeat;
}
/* 回答 */
table.support-ask {
	margin-left: 80px;
	width: 600px;
}
td.sup-ask-head {
	width: 600px;
	height: 22px;
	background: url("../img/bg_support_a_head.gif") no-repeat;
	font-size: 6px;
}
td.sup-ask-body {
	padding: 5px 25px 5px 20px;
	width: 600px;
	background: url("../img/bg_support_a_body.gif") repeat-y;
}
td.sup-ask-body div {
	min-height:25px;
	height:auto !important;
	height:25px;
	padding: 0px 0px 0px 35px;
	background: url("../img/icn_admin_answer.gif") no-repeat;
}
td.sup-ask-foot {
	width: 600px;
	height: 22px;
	background: url("../img/bg_support_a_foot.gif") no-repeat;
	font-size: 6px;
}

/*------------------------- お問合せ */
h3#h3_contact{
	background:url(../img/h3_contact01.jpg) no-repeat 0 0;
	height:297px;
	margin-bottom:20px;
}

/*------------------------- 問合せ一覧 */
table.inq {
	width: 600px;
}
td.inq-head {
	width: 600px;
	height: 60px;
	background: url("../img/bg_inq_head.gif") no-repeat;
}
div.inq-title {
	margin: 5px 0px 0px 60px;
	width: 390px;
	float: left;
	color: #4d453e;
	font-size: 14px;
	font-weight: bold;
}
div.inq-kbn {
	margin: 10px 20px 0px 0px;
	width: 120px;
	float: right;
	color: #4d453e;
}
td.inq-body {
	padding: 5px 20px;
	width: 560px;
	background: url("../img/bg_inq_body.gif") repeat-y;
	
}
td.inq-foot {
	padding: 8px 25px 0px 0px;
	width: 600px;
	height: 42px;
	background: url("../img/bg_inq_foot.gif") no-repeat;
	color: #928474;
	text-align: right;
}

/* 返信 */
table.inq-re {
	width: 680px;
}
td.inq-re-head {
	width: 670px;
	height: 60px;
	background: url("../img/bg_inq_re_head.gif") no-repeat;
}
div.inq-re-title {
	margin: 15px 0px 0px 150px;
	width: 500px;
	float: left;
	color: #4d453e;
	font-size: 12px;
	font-weight: bold;
	text-indent: 5px;
}
/*
div.inq-re-kbn {
	margin: 15px 20px 0px 0px;
	width: 110px;
	float: right;
	color: #4d453e;
	font-size: 12px;
	text-indent: 5px;
}
*/
td.inq-re-body {
	padding: 0px 25px 5px 155px;
	width: 500px;
	background: url("../img/bg_inq_re_body.gif") repeat-y;
	
}
td.inq-re-foot {
	padding: 0px 25px 0px 20px;
	width: 635px;
	height: 50px;
	background: url("../img/bg_inq_re_foot.gif") no-repeat;
	color: #928474;
	text-align: right;
}

/*------------------------- 問合せ一覧 */
div.more {
	margin-top: 7px;
	padding:10px;
	border: 1px solid #BABAA7;
	background-color: #BABAA7;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color:#FFFFFF;
	cursor: pointer;
}

/*------------------------- 2フェイストーク */
div.tv {
	background:url(../img/bg_tv01.jpg) no-repeat 0 0;
	padding:29px 29px 139px;
	position:relative;
}

div.tv a.tv_exit{
	display:block;
	width:64px;
	height:32px;
	position:absolute;/*div.tv*/
	top:500px;
	left:653px;
}

/*------------------------- 会場検索 */
td.hall-img {
	width: 200px;
	padding-right:10px;
	text-align: center;
	vertical-align: top;
}
div.hallname {
	background-color:#D1D1C5;
	font-weight: bold;
	text-align: left;
	line-height: 26px;
	text-align:left;
	vertical-align: middle;
	position: relative;
	padding:5px 125px 5px 5px;
}
div.hallname div {
	position: absolute;
	top: 3px;
	right: 5px;
	line-height:1;
	
}
div.hall {
	padding: 5px;
	background-color: #E1E1D9;
}
table.hall {
	margin-top: 5px;
	width:100%;
	background-color: #dcdcdc;
	border-collapse:collapse;
}
td.hall-head {
	width: 100px;
	background-color:#E1E1D9;
	text-align: center;
	vertical-align: middle;
	border:1px solid #BABAA7;
}
td.hall-dat {
	padding: 5px;
	background-color: #ffffff;
	vertical-align: middle;
	border:1px solid #BABAA7;
}

/*------------------------- ログイン */
h3#h3_login01{
	background:url(../img/h3_login01.jpg) no-repeat 0 0;
	height:297px;
	margin-bottom:20px;
}

/*------------------------- ご利用ガイド */
h3#h3_guide01{
	background:url(../img/h3_guide01.jpg) no-repeat 0 0;
	height:297px;
	margin-bottom:20px;
}

/*------------------------- カメラテスト */
h3#h3_camera_check{
	background:url(../img/h3_camera_check01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:15px;
}

/*------------------------- 会員情報 */
h3#h3_member01{
	background:url(../img/h3_member01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- 本登録申請手続き */
h3#h3_member_fin01{
	background:url(../img/h3_member_fin01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- 基本情報変更 */
h3#h3_member_base01{
	background:url(../img/h3_member_base01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- お相手検索 */
h3#h3_member_partner_src01{
	background:url(../img/h3_member_partner_src01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- プロフィール登録 */
h3#h3_member_profile01{
	background:url(../img/h3_member_profile01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- いちゃりBar */
h3#h3_member_box01{
	background:url(../img/h3_member_box01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- リアルおでかけ */
h3#h3_member_meeting01{
	background:url(../img/h3_member_meeting01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- えんじんトーク */
h3#h3_member_chat01{
	background:url(../img/h3_member_chat01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}


/*------------------------- えんじんイベント */
h3#h3_member_event01{
	background:url(../img/h3_member_event01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}


/*------------------------- えんじん活動日記 */
h3#h3_member_reflect01{
	background:url(../img/h3_member_reflect01.jpg) no-repeat 0 0;
	height:297px;
	margin-bottom:20px;
}

/*------------------------- えんじん活動履歴 */
h3#h3_member_history01{
	background:url(../img/h3_member_history01.jpg) no-repeat 0 0;
	height:297px;
	margin-bottom:20px;
}

/*------------------------- ゆんたくボード*/
h3#h3_member_try_dating01{
	background:url(../img/h3_member_try_dating01.jpg) no-repeat 0 0;
	height:297px;
	margin-bottom:20px;
}

/*------------------------- お気に入りリスト */
h3#h3_member_favorite01{
	background:url(../img/h3_member_favorite01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}


/*------------------------- 好み条件設定 */
h3#h3_member_choice01{
	background:url(../img/h3_member_choice01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- お問い合わせ一覧 */
h3#h3_member_inquiry01{
	background:url(../img/h3_member_inquiry01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- 退会手続き */
h3#h3_member_withdrawal01{
	background:url(../img/h3_member_withdrawal01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- 登録費決済 */
h3#h3_credit01{
	background:url(../img/h3_credit01.jpg) no-repeat 0 0;
	height:297px;
	margin-bottom:20px;
}

/*------------------------- パスワードを忘れた */
h3#h3_passwd01{
	background:url(../img/h3_passwd01.jpg) no-repeat 0 0;
	height:297px;
	margin-bottom:20px;
}

/*------------------------- パスワード再設定 */
h3#h3_passwd_reset01{
	background:url(../img/h3_passwd_reset01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- パスワード再設定 */
h3#h3_error01{
	background:url(../img/h3_error01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

/*------------------------- 会社概要 */
h3#h3_company_profile01{
	background:url(../img/h3_company_profile01.jpg) no-repeat 0 0;
	height:277px;
	margin-bottom:20px;
}

