@charset "utf-8";

/* CSS Document */

/*=========================
		ページ共通
=========================*/

/*タイトル画像box*/

#title_image
{
	width: 825px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: #000;
	color: #000;
}

/*ナビゲーション*/

#nav1
{
	margin: 0px;
	padding: 0px;
	background-color: #000;
	width: 825px;
}

#nav1 li
{
	float: left;
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#nav1 li a
{
	background-color: #666;
	width: auto;
	display: block;
	/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-left-style: solid;
	border-top-color: #500;
	border-right-color: #500;
	border-bottom-color: #500;
	border-left-color: #500;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	font-size: 12px;
	color: #CCC;
	text-decoration: none;
}

#nav1 li a:link
{
	color: #F2F2F2;
	text-decoration: none;
}

#nav1 li a:hover
{
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F00;
	color: #360;
	background-color: #CCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	font-weight: bold;
}

/*=========================
		トップページ
=========================*/
/*
body#top_page
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*/
/*トップメッセージ*/

div#top_message
{
	background-color: #000;
	color: #F93;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	text-align: center;
}

div#top_message h1
{
	font-size: 12px;
	vertical-align: bottom;
	display: inline;
}

div#top_message h1 span
{
	font-size: 18px;
	display: inline;
	vertical-align: bottom;
	margin-right: 3px;
	margin-left: 3px;
	color: #FC0;
}

/*ギャラリー*/

div#gallery
{
	width: 823px;
	height:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 2px;
	background-color: #333;
}

/*ギャラリー画像*/

div#gallery img
{
	border: 1px solid #52697E;
	width: 150px;
	height: 112px;
	display: block;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 1px;
	background-color: #000;
}

/*ギャラリー画像ホバー時*/

div#gallery img:hover
{
	border: 1px solid #CCC;
	height: 114px;
	width: 156px;
	margin-top:3px;
	margin-bottom:3px;
	margin-left: 2px;
	margin-right: 2px;
}

/*新着情報メッセージ*/

body#top_page div#newimgae_box h2
{
	color: #9C0;
	font-size: 14px;
	float: left;
}

body#top_page div#new_info a.newcount,
body#top_page div#saloninfo span,
body#top_page div#new_info span
{
	font-size: 80%;
	color: #F90;
	display: inline;
	margin-left: 5px;
	text-decoration: none;
}

body#top_page div#new_info a.newcount:hover
{
	text-decoration: underline;
	cursor: hand;
	color: #FC0;
}

/*新着画像ボックス*/

body#top_page div#newimgae_box
{
	width: 805px;
	background-color: #666;
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/*新着画像内側ボックス*/

body#top_page div#left_box
{
	width: 390px;
	float: left;
	border: 1px solid #999;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 4px;
	background-color: #333;
	margin-right: 5px;
}

body#top_page div#right_box
{
	width: 390px;
	float: left;
	border: 1px solid #999;
	padding: 4px;
	background-color: #333;
	margin: 0px;
}

/*新着画像*/

body#top_page div#newimgae_box img
{
	margin-left: 5px;
	border: 1px solid #666;
	margin-bottom: 5px;
}

body#top_page div#newimgae_box a:hover img
{
	border: 1px solid #CCC;
}

/*メインコンテンツ*/

body#top_page div#main_contents
{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/************************
紹介メッセージ
*************************/

body#top_page div#introduction
{
	background-color: #666;
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

body#top_page div#introduction h2
{
	color: #9C0;
	font-size: 14px;
}

/*メッセージ１*/

body#top_page div#message1
{
	color:#FFF;
	border: 1px solid #999;
	padding: 5px;
	background-color: #333;
	margin: 0px;
}

body#top_page div#messagefirst
{
	background-color: #060;
	border: 1px dashed #FC3;
	margin: 5px;
	padding: 5px;
	float: right;
	width: 400px;
}

body#top_page div#messagefirst img
{
	float: left;
	margin-right: 5px;
}

body#top_page div#message1 div#messagefirst p
{
	font-size: 12px;
	color: #9C0;
	margin-left: 5px;
}

body#top_page div#message1 a
{
	color: #F00;
	text-decoration: underline;
	margin-right: 3px;
	margin-left: 3px;
	font-size: 14px;
}

body#top_page div#message1 a:hover
{
	color: #CF3;
}

body#top_page div#message1 h3
{
	font-size: 15px;
	color: #F99;
}

body#top_page div#message1 p
{
	font-size: 13px;
	color: #CCC;
}

/*広告フレーム*/

body#top_page div#advframe
{
	background-color: #666;
	padding: 5px;
	margin-top: 5px;
}

/*広告１*/

body#top_page div#advframe div#advertisement
{
	color:#CCCCCC;
	padding: 5px;
	border: 1px solid #999;
	background-color: #333;
}

/*広告 Google AdSense*/

body#top_page div#advertisement2
{
	color: #FF0;
	background-color: #666;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 5px;
}

body#top_page div#advertisement3
{
	color: #FF0;
	background-color: #666;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 5px;
}

body#account_page div#advertisement, body#providers_page div#advertisement, body#links_page div#advertisement
{
	color: #CCC;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #333;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

body#top_page div#advertisement a:link
{
	color:#FF9;
	text-decoration: none;
	margin-right: 10px;
	text-decoration: none;
	font-size: 12px;
}

body#top_page div#advertisement a:hover
{
	color:#F93;
	text-decoration: underline;
	font-size: 12px;
}

body#top_page div#advertisement a:visited
{
	color:#FF9;
	text-decoration: none;
	font-size: 12px;
}

/*ブラウザアイコン*/

body#top_page div#browser_icon
{
	width: 140px;
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #999;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

body#top_page div#browser_icon img
{
	margin-left: 5px;
}

/*=========================
	サロン情報
=========================*/

body#top_page div#saloninfo
{
	background-color: #666;
	margin: 5px;
	padding: 5px;
}

body#top_page div#saloninfo h2
{
	color: #9C0;
	font-size: 14px;
	float: left;
}

body#top_page div#saloninfo a
{
	font-size: 80%;
	color: #F90;
	display: inline;
	margin-left: 5px;
	text-decoration: none;
}

body#top_page div#saloninfo a:hover
{
	text-decoration: underline;
	color: #FC0;
}

/*サロンボックス*/

body#top_page div#saloninfo div#salonbox
{
	background-color: #333;
	padding: 3px;
	border: 1px solid #999;
	/*overflow: scroll;
	height: 400px;*/
}

/*ノードボックス*/

body#top_page div#saloninfo div.nodebox
{
	list-style-type: none;
	border: 1px solid #999;
	margin: 5px;
	display: block;
	background-color: #000;
}

body#top_page div#saloninfo div#salonbox div.nodebox a
{
	text-decoration: none;
}

body#top_page div#saloninfo div#salonbox div.nodebox a:hover
{
	cursor: hand;
}

body#top_page div#saloninfo div#salonbox div.nodebox div.imagebox
{
	margin:5px;
	float:left;
	width:100px;
	height:10px;
}

body#top_page div#saloninfo div#salonbox div.nodebox img
{
	border: 1px solid #888;
	margin:5px;
	float: left;
}

/*メッセージボックス*/

body#top_page div#saloninfo div#salonbox div.nodebox div.messagebox
{
	width:640px;
	float:left;
	margin:4px;
}

body#top_page div#saloninfo div#salonbox div.nodebox div.messagebox a.salontitle
{
	font-size: 16px;
	color: #F90;
}

body#top_page div#saloninfo div#salonbox div.nodebox div.messagebox a.salontitle:hover
{
	text-decoration: underline;
	color: #FC0;
}

body#top_page div#saloninfo div#salonbox div.nodebox div.messagebox span.pubdate
{
	font-size: 12px;
	color: #090;
}

body#top_page div#saloninfo div#salonbox div.nodebox div.messagebox a.pubdate
{
	font-size: 12px;
	color: #090;
}

body#top_page div#saloninfo div#salonbox div.nodebox div.messagebox a.pubdate:hover
{
	text-decoration: underline;
	color: #0C0;
}

body#top_page div#saloninfo div#salonbox div.nodebox div.messagebox p.salonmessage
{
	font-size: 12px;
	color: #FFF;
}

div#footer address
{
	font-size: 16px;
	font-style: italic;
	color: #999;
}

/*=========================
	アカウントページ
=========================*/
/*
body#account_page div#title_image
{
	background-image: url(../images/title/ppof_title.jpg);
}
*/

body#account_page div#container div#main_contents
{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

body#account_page div.text_container
{
	background-color: #666;
	color: #9C0;
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 14px;
}

body#links_page div.text_box_first,
body#providers_page div.text_box_first,
body#account_page div.text_box_first
{
	background-color: #333;
	color: #C90;
	padding: 5px;
	font-size: 16px;
	margin: 0px;
}

body#account_page div.text_box
{
	background-color: #333;
	color: #CCC;
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #999;
	font-size: 14px;
}

body#account_page div.text_box a
{
	color: #F00;
	font-size: 14px;
}

body#account_page div.text_box span.info
{
	text-decoration: underline;	
	font-size: 14px;
}

body#account_page div.text_box span.push
{
	color: #F93;
	font-size: 14px;
	margin-right: 3px;
	margin-left: 3px;
}

/*携帯サイトのアドレス一覧*/

body#account_page div.text_container_in
{
	background-color: #333;
	color: #CCC;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #999;
	font-size: 14px;
}

body#account_page div.text_container_in2
{
	background-color: #333;
	color: #CCC;
	padding: 5px;
	border: 1px solid #FF9;
	margin: 5px;
}

body#account_page div.text_container_in2 a
{
	color: #F00;
}

body#account_page div.text_container_in2 h3
{
	color: #F69;
}

body#account_page div.text_container_in2 strong
{
	color: #FC0;
}

body#account_page div.text_container_in2 a
{
	color: #FC0;
	font-size: 16px;
}

body#account_page div.text_container_in2 span
{
	text-decoration: underline;
	font-size: 14px;
}

body#account_page div.text_container_in2 img.qrcode
{
	float:  left;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 3px;
}


/*移動ナビ包括ボックス*/

body#account_page div#move_nav, body#providers_page div#move_nav, body#links_page div#move_nav
{
	color: #CCC;
	width: auto;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*トップページボタン*/

a#toppage_button
{
	color: #CCC;
	background-color: #90C;
	border: 1px solid #CCC;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-decoration: none;
	font-size: 14px;
	margin-right: 5px;
	float:left;
	display: block;
	width:auto;
}

/*トップページボタンホバー時*/

a:hover#toppage_button
{
	background-color: #93F;
}

/*=========================
	プロバイダページ
=========================*/

body#links_page p.mark
{
	font-size: 18px;
}

body#links_page div#main_contents, body#providers_page div#main_contents
{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

body#links_page div#main_contents img, body#providers_page div#main_contents img
{
	display: block;
	float: left;
	margin: 5px;
}

body#links_page div#main_contents h3, body#providers_page div#main_contents h2
{
	color: #FC6;
	font-size: 16px;
}

body#links_page div#main_contents div.box, body#providers_page div#main_contents div.box
{
	background-color: #333;
	margin-top: 5px;
	padding: 5px;
}

body#providers_page div#main_contents div.box a
{
	color: #0FF;
}

body#links_page div#main_contents div.box a
{
	color: #0FF;
	font-size: 18px;
}