@charset "UTF-8";
/* 全体の文字 */
body, td, th, input, textarea, select, option {
	font-size: 12px;
	color: #7B5238;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', "sans-serif";
	line-height: 150%;

}

/* 画像の枠線 */
img {
margin: 0px;
border: 0px;
}

ul, li {
}

p {
margin:12px 3px 3px;
}

form {
padding: 0px;
margin: 0px;
}

/* リンク */
a:link {
color : #F23877;
text-decoration: underline ;
}
a:visited {
	color: #F23877;

}
a:active {
color : #505050 ;
text-decoration : underline ;
}
a:hover {
text-decoration : underline;
}

/* 背景色 */
#body {
background: #FFFFFF url(/files/colormermaid/template_back-line.gif) repeat;
margin: 0px;
padding:0px;
text-align: center;
}

/* 外枠：上部 */
#container_pre {
	padding: 0px 0px -20px;
	width: 100%;
	background-image: url(/files/colormermaid/template_back-line.gif);
	background-repeat: repeat;
	height: 20px;



}

/* 外枠：メイン部 */
#container {
padding: 0px;
width: 770px;
margin-top: 0px;
margin-bottom: 5px;
margin-left:auto;
margin-right:auto;
background-color: #FFFFFF;
background-repeat: repeat-y;
}

/* 外枠：下部 */
#container_suf {
height: 0px;
padding: 0px;
margin: 0px;
display: none;
}

/* SEO対策用ヘッダーメッセージ */
h1#topmsg {
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	padding: 10px 40px 0px 50px;
	text-align: right;
	color: #FFFFFF;
	background-image: url(/files/colormermaid/template_header_pre.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	border: none;












}
h1#topmsg a {
	color: #FFFFFF;
	text-decoration: none;

}

/* ヘッダー：上部 */
#header_pre {
	height: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 770px;
	display: none;
	background-image: url(/files/colormermaid/template_header_pre.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;

}

/* ヘッダー：メイン部 */
#header {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	clear: left;
	width: 770px;
	background-image: url(/files/colormermaid/template_header.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 70px;


}


/* ヘッダー：トップ */
.pageid_ #header {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #D3EAEA;
	width: 770px;
	background-image: url(/files/colormermaid/template_header_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 270px;
}


/* ヘッダー：下部 */
#header_suf {
	height: 20px;
	background: url(/files/colormermaid/template_header_suf.gif) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;




}
/* ヘッダーメニュー外枠：上部 */
div#header_menu_pre {
display: none;
clear: both;
padding: 0px;
margin: 0px;
height: 0px;
}


/*ヘッダーメニュー外枠 */
div#header_menu {
	font-size: 12px;
	margin: 0px;
	background-image: url(/files/colormermaid/template_back-line.gif);
	background-repeat: repeat;
	padding: 0px;
	width: 100%;
	height: 0px;
	display: none;


}

/* ヘッダーメニュー外枠：下部 */
div#header_menu_suf {
clear: both;
padding: 0px;
margin: 0px;
height: 0px;
display: none;
}

/* ヘッダーメニュー：リスト */
ul.header_menu{
	float: right;
	padding : 0px;
	margin : 0px;


}
li.header_menu {
	list-style-type : none;
	margin : 0px 5px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	font-size: 11px;
	float: right;
	padding: 0px;









}

/* ヘッダーメニュー：リンク */
li.header_menu a {
	text-decoration: none;
	color: #FF3366;


}

li.header_menu a:visited {
	text-decoration: none;
	color: #FFFFFF;



}

li.header_menu a:hover {
	background: no-repeat left center;
	text-decoration: none;
	color: #FFCCCC;

}

/* ヘッダーメインメニュー 上部 */
div#header_mainmenu_pre {
display: none;
}

/* ヘッダーメインメニュー */
div#header_mainmenu {
	font-size: 12px;
	margin: 0px;
	background-repeat: repeat-y;
	background-image: url(/files/colormermaid/template_header_mainmenu.gif);
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;

}

/* ヘッダーメインメニュー 下部 */
div#header_mainmenu_suf {
background-color: #0303D8;
height: 5px;
display: none;
}

/* ヘッダーメインメニュー リンク */
ul.header_mainmenu{
	float: left;
	padding : 0px;
	margin : 0px;
	display: block;
	list-style-type: none;
	list-style-image: none;








}


li.header_mainmenu {
	list-style-type : none;
	float: left;




}

li.header_mainmenu a {
	font-size: 12px;
	padding : 3px 7px;
	text-decoration: none;
	white-space: nowrap;
	word-break: keep-all;
	color: #FFFFFF;
	display: block;
	font-family: "Georgia", "Times New Roman", "Times", "serif";
	font-weight: bold;
	margin: 0px;





}

li.header_mainmenu a:visited {
	text-decoration: none;
	color: #FFFFFF;

}

li.header_mainmenu a:hover {
text-decoration: none;
color: #79091F;
}


/* ヘッダーメイン個別メニュー：パーソナルスタイリスト */
li.header_mainmenu a#header_mainmenu_stylist001 {
	font-size: 12px;
	text-decoration: none;
	word-break: keep-all;
	color: #FFFFFF;
	font-family: "Georgia", "Times New Roman", "Times", "serif";
	font-weight: bold;
	margin: 0px 0px 0px 3px;
	width: 72px;
	padding: 3px;
	display: block;
	white-space: normal;
	text-align: left;
	word-break:break-all;








}

li.header_mainmenu a#header_mainmenu_stylist001:hover {
text-decoration: none;
color: #79091F;

}


/* ドロップダウンメニュー */
div.sub_header_mainmenu ul.menu a.menu_level1 {
	background-color:#F85960;
	color: #FFFFFF;
	margin-top: 1px;
	margin-bottom: 1px;


}

div.sub_header_mainmenu ul.menu a.menu_level1:hover {
	color: #F85960;
	background-color: #FFFFFF;

}

div.sub_header_mainmenu {
background-color:#F85960!important;
}


/* ロゴ表示部分 */
table#logo {
	padding:10px 0px 0px 250px;
	height: 50px;
	font-weight: bold;
	clear: right;
	color: #000099;
	width: 520px;

}
/* ロゴ画像なしの場合の代替文字 */
table#logo td a{
font-size: 20px;


color: #FFFFFF;
text-decoration: none;
}
#logo img{
border: 0px;
}
/* 左サイドバー */
#sidebar_left {
	margin: 0px;
	padding: 0px;
	display: none;






}

/* 右サイドバー */
#sidebar_right {
	margin: 0px;
	padding: 0px;
	display: none;





}

/* サイドバー内ボックス：上部 */
.sidebox_pre {
padding: 0px;
height: 5px;
}

/* サイドバー内ボックス */
.sidebox {
	margin: 0px 4px;
	padding: 0px 5px;


}

/* サイドバー内ボックス：下部 */
.sidebox_suf {
	border: none;
	height: 5px;



}

/* サイドボックスタイトル */
.sidebox h3 {
	text-align: left;
	font-size:14px;
	color:#f0f0f0;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	border: none;

}

/* サイトメインメニュータイトル */
.sideboxtype_mainmenu h3 {
	text-align: left;
	font-size:14px;
	color:#f0f0f0;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	border: none;


}


/* 検索フィールド */
.sideboxtype_searchbox {
	text-align: center;

}

/* RSSフィールド */
.sideboxtype_rssdisp {
	text-align: center;
	border: none;


}

/* メニューリスト */
ul.menu{
	list-style : none;
	padding : 0px;
	margin : 0px;
}

li.menu {
	padding : 0px;
	margin : 0px;
}

li.menu div{
margin: 0px;
padding: 0px;
}

/* メニューリスト：リンク */
li.menu a {
	text-align: left;
	display: block;
	padding: 8px 10px;
	margin: 0px;
	text-decoration: none;
	color:#333333;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;

}

li.menu a:visited {
text-decoration: none;
color: #333333;

}

li.menu a:active {
text-decoration: none;
}

li.menu a:hover {
	border-color: #003366 !important;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;

}

/* メニューリスト：リンク：現在のページ */
li.menu a.menu_present {
	text-decoration: none;
	color: #990000;
	background-repeat: no-repeat;
	background-position: left center;

}

li.menu a.menu_level0 {
	font-size: 12px: no-repeat;
	background-position: left center;
	padding-left: 15px;


}
li.menu a.menu_level0:hover {
text-decoration: none;
}


/* メニューリスト：リンク：１階層下 */
li.menu a.menu_level1 {
	font-size: 12px;
	padding: 8px 25px 8px 27px;
	margin: 0px;
	font-weight: normal;
}

li.menu a.menu_level1:hover {
text-decoration: none;
}

/* メニューリスト：リンク：２階層下 */
li.menu a.menu_level2 {
font-size: 12px;
padding: 8px 25px 8px 34px;
margin: 0px;
font-weight: normal;
}

li.menu a.menu_level2:hover {
text-decoration: none;
}

/* メニューリスト：リンク：３階層下 */
li.menu a.menu_level3 {
font-size: 12px;
padding: 8px 15px 8px 41px;
margin: 0px;
font-weight: normal;
}

li.menu a.menu_level3:hover {
text-decoration: none;
}

/* メニューリスト：リンク：４階層下 */
li.menu a.menu_level4 {
	font-size: 12px;
	padding: 8px 15px 8px 48px;
	margin: 0px;
	font-weight: normal;

}

li.menu a.menu_level4:hover {
text-decoration: none;
}

/* メニューリスト：リンク：５階層下 */
li.menu a.menu_level5 {
font-size: 12px;
padding: 8px 15px 8px 55px;
margin: 0px;
font-weight: normal;
}

li.menu a.menu_level5:hover {
	text-decoration: none;

}

/* ナビゲーション */
#navigation {
	display: none;

}

#navigation a {
text-decoration: none;
}

#navigation a:hover {
color:#0000FF;
text-decoration: underline;
}

/* ナビゲーション：現在のページ */
#present {
font-weight: bold;
}

/* ページ内容：上部 */
#main_pre {
display: none;
}

/* ページ内容 */
#main {
	background: #ffffff url(/files/colormermaid/template_main_bag.gif) repeat-y 0px 0px;
	padding: 5px 50px;
	margin: 0px;
	line-height: 150%;
	text-align: left;
	color: #7B5238;


}

/* ページ内容：下部 */
#main_suf {
	display: none;

}

/* フッター：上部 */
#footer_pre {
	display: none;


}

/* フッター */
#footer {
background: url(/files/colormermaid/template_footer.gif) no-repeat 0px 0px;
color: #ffffff;
margin: 0px;
padding: 0px;
height: 50px;
font-size: 10px;
width: 770px;
}

/* フッター：下部 */
#footer_suf {
display: none;
}

/* フッター：コピーライト部 */
#copyright {
color: #FFFFFF;
text-align: center;
padding:20px 0px 3px;
}

#copyright a {
	text-decoration: none;
	color: #FFFFFF;

}


#copyright a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* フッターメニュー外枠：上部 */
div#footer_menu_pre {
	display: none;

}

/* フッターメニュー外枠 */
div#footer_menu {
	margin: 0px;
	padding: 0px;
	background-image: url(/files/colormermaid/template_main_bag.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	border: none;
	width: 770px;







}

/* フッターメニュー外枠：下部 */
div#footer_menu_suf {
	display: none;

}

/* フッターメニュー：リスト */
ul.footer_menu{
	margin: 0px;
	padding: 20px 60px 0px;
	border: none;
	float: right;








}

li.footer_menu {
	;
	margin : 0px;
	float: left;
	display: block;
	padding: 5px;






}

/* フッターメニュー：リンク */
li.footer_menu a {
	color: #F23877;
	text-decoration: underline;
	text-align: center;
	font-size: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7B5238;
	padding-right: 10px;




}
li.footer_menu a:visited {
text-decoration: underline;
}

li.footer_menu a:hover {
	color: #F23877;
	text-decoration: underline;
	font-size: 12px;


}

/* 見出し */
h1 {
	font-size: 16px;
	color: #ff3366;
	margin: 15px 0px;
	background: no-repeat 5px center;
	font-weight: bold;
	border-bottom: 1px solid #ff3366;
	padding-left: 5px;
	padding-bottom: 2px;





}

h2 {
	font-size: 14px;
	color: #ff3366;
	margin: 15px 0px 8px;
	padding: 1px 0px 1px 8px;
	border-bottom: 1px dotted #ff3366;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #ff3366;
	font-weight: bold;



}
h3 {
	margin: 15px 0px 8px;
	font-size: 14px;
	color: #ff3366;
	padding: 2px 0px 0px 6px;
	border-left: 7px solid #ff3366;
	font-weight: normal;

}


h4 {
	font-size: 14px;
	color: #ff3366;
	background-image:  url(/files/colormermaid/h2-02.gif);
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-repeat: no-repeat;




}
h5 {
	font-size: 14px;
	color: #ff3366;
	margin: 15px 0px 10px;
	padding: 4px 2px 2px 20px;
	background: #EBF4EA url(/files/colormermaid/h3-02.gif) no-repeat 5px center;
	border-bottom: 1px dotted #ff3366;
	font-weight: normal;

}


h6 {
	margin: 15px 0px 8px 0px;
	font-size: 13px;
	color: #ff3366;
	font-weight: bold;

}


/* 区切り横線 */
hr {
	border-bottom: 1px solid #fdd7d7;
	height: 1px;
	margin: 0px;
	color: #fdd7d7;
	border-top: none;
	border-right: none;
	border-left: none;

}

/* 表タイプ１ */
table.table_type1 {
background: #000066;
font-size: 12px;
margin-bottom: 10px;
}

table.table_type1 th {
background: #EBF4EA;
color: #006600;
font-weight: bold;
text-align: center;
margin: 1px;
padding: 5px;
}

table.table_type1 td {
background: #ffffff;
color: #505050;
text-align: left;
margin: 1px;
padding: 5px;
}

/* 表タイプ２ */
table.table_type2 {
background: #303030;
font-size: 12px;
margin-bottom: 10px;
}

table.table_type2 th {
background: #E8FFD1;
color: #404040;
font-weight: bold;
text-align: center;
margin: 1px;
padding: 5px;
}

table.table_type2 td {
background: #ffffff;
color: #505050;
text-align: left;
margin: 1px;
padding: 5px;
}

/*◇↓ポップアップページ専用設定↓◇*/
/* ポップアップページ：背景色 */
#popup_body {
background: #eeeeee;
padding: 5px;
}

/* ポップアップページ：外枠：上部 */
#popup_container_pre {
padding: 0px;
margin: 0px;
}

/* ポップアップページ：外枠 */
#popup_container {
background: #ffffff;
padding: 0px;
margin: 0px;
border-top: 1px solid #cccccc;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #aaaaaa;
}

/* ポップアップページ：外枠：下部 */
#popup_container_suf {
display: none;
}

/* ポップアップページ：ヘッダー：上部 */
#popup_header_pre {
display: none;
}

/* ポップアップページ：ヘッダー */
#popup_header {
height: 25px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #cccccc;
}

/* ポップアップページ：ヘッダー：下部 */
#popup_header_suf {
display: none;
}

/* ポップアップページ：ヘッダー：サイト名表記部分 */
#popup_site_name td{
font-size: 20px;
color: #777777;
height: 25px;



margin: 0px;
padding: 0px 5px;
}
/* ポップアップページ：ヘッダー：サイト名表記部分：リンク */
#popup_site_name td a {
color: #777777;
font-weight: bold;
}

/* ポップアップページ：メイン部分：上部 */
#popup_main_pre {
display: none;
}

/* ポップアップページ：メイン部分 */
#popup_main {
background: #ffffff;
padding: 5px;
}
/* ポップアップページ：メイン部分：下部 */
#popup_main_suf {
display: none;
}

/* ポップアップページ：閉じるボタン外枠 */
#popup_close {
text-align: center;
margin: 0px;
padding: 5px;
background: #f6f6f6;
border-top: 1px solid #cccccc;
}
/* ポップアップページ：閉じるボタン */
input#popup_close_button {
background: #f3f3f3 url(/files/colormermaid/template_popup_close_button.gif) no-repeat 0% 50%;
height: 20px;
font-size: 13px;
line-height: 100%;
padding: 0px 4px 1px 20px;
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #999999;
border-right: 2px solid #999999;
}

/* ポップアップページ：フッター：上部 */
#popup_footer_pre {
display: none;
}
/* ポップアップページ：フッター */
#popup_footer {
background: #cccccc;
margin: 0px;
padding: 5px;
}
/* ポップアップページ：フッター：下部 */
#popup_footer_suf {
display: none;
}

/* サイトマップ */
ul.sitemap {
margin:0px 0px 8px 0px;
padding:0px 0px 0px 8px;
}
ul.sitemap li{
margin:0px 0px 8px 8px;
padding:0px;
list-style-type : none;
border:1px solid #dddddd;
padding:2px;
}
.sitemap a {
	display:block;
	font-weight:bold;
	padding:2px;
	text-decoration: none;
	color: ##F23877;


}
.sitemap a:hover{
background-color:#FDD7D7;
}

/* フォーム */
.form_table {
border: 1px solid #cccccc;
margin: 8px 0px;
}
.err_msg {
border-bottom: 1px solid #862014;
color: #cb5a26;
font-weight: bold;
padding: 5px;
}

th.item {
border-right: 1px solid #dddddd;
border-bottom: 1px solid #cccccc;
color: #444444;
padding: 5px;
background-color: #f5f5f5;
}
th.necessary_item {
color: #444444;
background-image: url(/files/colormermaid/template_kome.gif);
background-repeat: no-repeat;
background-position: right top;
}

td.item {
border-bottom: 1px solid #cccccc;
color: #444444;
padding: 5px;
}

th.error_item {
background-color: #fff3f0;
}
.form_submit {
text-align: center;
padding: 5px;
}


/* コメント */
#comments_pre {
display: none;
}
#comments {
margin-top: 20px;
border-top: 1px solid #cccccc;
padding: 10px;
}

#comments h3 {
border-left-color: #cccccc;
}

.comment_item {
border: 1px solid #dddddd;
margin: 15px 8px;
padding: 0px;
}

.comment_title {
padding: 5px;
background-color: #eeeeee;
}

.comment_msg {
padding: 5px;
}

.posted_by {
padding: 5px;
color: #666666;
text-align: right;
}

/* 更新一覧 */
div.updatelist{
margin:0px;
border:1px solid #cccccc;
}
div.updatelist td{
text-align:left;
border-bottom:1px dashed #cccccc;
}
td.updatelist_date {
background-color:#eeeeee;
}
td.updatelist_name {
width:180px;
}


/* テキスト */

.subtitle1-pink {
	font-size: 12px;
	line-height: 150%;
	color: #F23877;
	font-weight: bold;
}
.text2-green {

	font-size: 12px;
	line-height: 150%;
	color: #30712B;
	font-weight: bold;
}
.text3-pink {
	color: #F23877;
	font-size: 12px;
}
.text1-brown-small {

	font-size: 10px;
	line-height: 150%;
	color: #7B5238;
}
.box-back01 {
	background-image:  url(/files/colormermaid/box-back01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/* begin styles for RSS Feed */

.rss_box {
	margin: 0px 0px 0px 3px;
	padding: 0px;
	width: 300px;
	background-color: #fff;
}

.rss_title, rss_title a {
	font-size: 12px;
	font-weight:bold;
	margin: 3px;
	padding: 0;
	letter-spacing: 1px;
}

.rss_items {
	margin: 0px;
	padding: 0px;
}

.rss_item  {
	padding-right: 0px;
	padding-left: 0px;
	font-weight : normal; 
	font-size: 12px;
	padding-bottom: 2px;
	color: #7B5238;
	word-break: break-all;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-weight: bold;
	font-size: 12px;
	color: #ff6600;
	text-decoration : none;
}

.rss_item a:hover { 
	font-weight: bold;
	font-size: 12px;
	text-decoration : underline;
	color: #ff6600;
}

.rss_date {
	font-size: 12px;
	font-weight : normal;
	color: #999;
}