@charset "utf-8";

/* ========================================
ディレクトリ共通 CSS

 - File Name : association.css
 - Latest Css Updates : 2012.2.21
 - Those who update it : s.m
 ------------------------------------------
 h2
 Contents
 └Col01
 └Col02
======================================== */



/* ========================================
 - common
======================================== */


/* ---------------------------------------- 
 - h2
---------------------------------------- */
h2 {
	background:url(../images/h2_tit.gif) no-repeat left top;
}
h4 {/* テキストタイトル基本設定 */
	margin-bottom:20px;
}


/* ---------------------------------------- 
 - Contents
---------------------------------------- */
#Contents{
	
}

#Contents .w300 {width:300px;}

/* --------- #Col01 --------- 
------------------------------------ */

#Contents #Col01 {
	background:#e9e7cf url(../../common/images/c_col01_bg.gif) no-repeat left top; 
	padding:31px 20px 20px 20px;
}
#Col01 #Col01-in {
	clear:both;
	padding:0 0 0 0;
}


/* --------- #Col02, #Col03, #Col04, #Col05, #Col06 --------- 
------------------------------------ */
#Contents #Col02, #Contents #Col03, #Contents #Col04, #Contents #Col05, #Contents #Col06 {
	background:#e9e7cf url(../../common/images/c_col02_bg.gif) no-repeat left top; 
	padding:29px 20px 20px 20px;
	margin-top:40px;
}

/* ========================================
 - フッターカテゴリナビ
======================================== */
#c_nav {
	text-align:center;
	margin:15px 0;
}
#c_nav li{
	display:inline;
	margin:0 2px;
}
#c_nav li a {
	background:url(/common/images/f_arr01.gif) no-repeat 10px center; 
	padding:8px 10px 8px 29px;
	text-decoration:none;
	color:#8c0f4e !important;
	font-weight:bold;
	border:#d6bcb5 solid 1px;
	height:1em;
}
#c_nav li a:hover{
	border:#8c0f4e solid 1px;
}

/* ========================================
 - フーレセラピー協会／TOP用CSS
======================================== */
body#Association_index #Col01-in table{
	width:300px;
	padding:40px 0 0 0;
	background:url(../../common/images/c_line01.gif) no-repeat bottom center; 
}

body#Association_index #Col01-in table tr{
	background:url(../../common/images/c_line01.gif) no-repeat top center; 
}
body#Association_index #Col01-in table th{
	padding:10px 0;
	white-space: nowrap;
	font-weight:bold;
}
body#Association_index #Col01-in table td{
	padding:10px 0 10px 15px;
}

body#Association_index #Col01 #Col01-in{
}

/* ========================================
 - フーレセラピー協会／協会からのお知らせ用CSS
======================================== */

h5 {/* テキストタイトル基本設定 */
	background:#e9e7cf url(../../common/images/c_line01.gif) no-repeat left bottom; 
	padding-bottom:15px;
	margin-bottom:5px;
	
	line-height:1.4em;
	font-size:116.6%;
}

/* --------- #Col01 --------- 
------------------------------------ */
body#Association_news #Col01 .Col01-in {
	background:#e9e7cf url(../../common/images/c_line01.gif) no-repeat left top; 
	margin-top:30px;
	padding:30px 0 0 0;
}

body#Association_news #Col01 .Col01-in p{
	padding-top:1em;
}

/* --------- #Col02 --------- 
------------------------------------ */
body#Association_news #Col02 table{
	width:620px;
	padding:20px 0 0 0;
	background:url(../../common/images/c_line01.gif) no-repeat bottom center; 
	font-size:84%;
}

body#Association_news #Col02 table tr{
	background:url(../../common/images/c_line01.gif) no-repeat top center; 
}
body#Association_news #Col02 table td{
	padding:10px 0 10px 0;
}

/* --------- #Col03 --------- 
------------------------------------ */
body#Association_news #Col03 table{
	width:620px;
	padding:10px 0 0 0;
	background:url(../../common/images/c_line01.gif) no-repeat bottom center; 
	font-size:84%;
}

body#Association_news #Col03 table tr{
	background:url(../../common/images/c_line01.gif) no-repeat top center; 
}
body#Association_news #Col03 table th{
	padding:10px 0;
	white-space: nowrap;
	font-weight:bold;
}
body#Association_news #Col03 table td{
	padding:10px 0 10px 20px;
}

/* --------- #Col04 --------- 
------------------------------------ */
body#Association_news #Col04 dl{
	width:620px;
}
body#Association_news #Col04 dd{
	width:510px;
}

/* --------- #Col05 --------- 
------------------------------------ */
body#Association_news #Col05 dl{
	width:620px;
}
body#Association_news #Col05 dd{
	width:460px;
}

/* --------- #Col06 --------- 
------------------------------------ */
body#Association_news #Col06 dl{
	width:620px;
}
body#Association_news #Col06 dd{
	width:530px;
}


/* ========================================
 - フーレセラピー協会／協会員のメリット用CSS
======================================== */

/* --------- #Col01 --------- 
------------------------------------ */

body#Association_merit #Col01 .Col01-in{
	padding-top:45px;
}
body#Association_merit #Col01 .Col01-in02,
body#Association_merit #Col01 .Col01-in03{
	padding-top:25px;
}
body#Association_merit #Col01 dt.merit{
	float:left;
	width:104px;
}
body#Association_merit #Col01 dd.merit{
	float:right;
	width:196px;
}
body#Association_merit #Col01 dd.merit ul{
	padding-top:10px;
}
body#Association_merit #Col01 dd.merit li,
body#Association_merit #Col01 .Col01-in04 li{
	background:url(../images/merit_listIcon.gif) no-repeat left 0.3em; 
	padding-left:23px;
}

/* --------- #Col01 .Col01-04 --------- 
------------------------------------ */

body#Association_merit #Col01 .Col01-in04 {
	background:#e9e7cf url(../../common/images/c_line01.gif) no-repeat left top; 
	margin-top:30px;
	padding:30px 0 0 0;
}

/* ========================================
 - フーレセラピー協会／協会員のメリット用CSS
======================================== */

/* --------- #Col01 --------- 
------------------------------------ */
#Association_shop table {
	width: 100%;
	table-layout: fixed;	
}

body#Association_shop #Col01 table th{
	padding: 0.5em;
	background: #a4788a;
	text-align:left;
	color: #fff;
}
body#Association_shop #Col01 table th.top{
	padding: 1em 0.5em;
	background: #450827; 
	text-align:center;
	vertical-align: middle;
}
#Association_shop table td {
	font-size: 11px; 
	border-bottom: 1px dotted #ccc;
	padding: 0.5em 0.2em;
	word-wrap: break-word;
}
#Association_shop table .salonname {
	width: 25%;
}
#Association_shop table .address {
	width: 25%;
}
#Association_shop table .tel {
	width: 35%;
}
#Association_shop table .persona {
	width: auto;
	text-align: center;
}
.woman {
	color: #f00180;
}