@CHARSET "UTF-8";
/*
 * 共通スタイルシート
 * すべてのページで共通のスタイルを適用する
 * 
 * Fontサイズ一覧
 * 
 * 77% = 10	122% = 16px	167% = 22px
 * 85% = 11px	129% = 17px	174% = 23px
 * 92% = 12px	136% = 18px	182% = 24px
 * 100% = 13px	144% = 19px	189% = 25px
 * 107% = 14px	152% = 20	197% = 26px
 * 114% = 15px	159% = 21px	
 */

@import "reset.css";
@import "base.css";
/*==============================================
 *
 * 要素セレクタ
 *
 *==============================================*/

/*----------------------------------------------
 * html
 *----------------------------------------------*/
html
{
	height			:100%;
	margin-bottom	:1px;
}

/*----------------------------------------------
 * body
 *----------------------------------------------*/
body
{
	background-color	:#eee;
	color				:#666;
	letter-spacing		:0.0875em;

	scrollbar-face-color		:#cc6;       /* 表面の色 */
	scrollbar-3dlight-color		:#fff;    /* 左端と上端の色 */
	scrollbar-highlight-color	:#f3f3e6;  /* ハイライトの色 */
	scrollbar-shadow-color		:#f3f3e6;     /* 影の色 */
	scrollbar-darkshadow-color	:#fff; /* 右端と下端 */
	scrollbar-arrow-color		:#fff;      /* 矢印の色 */
	scrollbar-track-color		:#f3f3e6;      /* バーの背景の色 */

}

/*----------------------------------------------
 * div
 *----------------------------------------------*/
div:after
{
	content	:url(pixel.gif);
	display	:block;
	clear	:both;
	height	:0;
}
div	{display	:inline-block;}
/* Hides from IE-mac \*/
* html div	{height	:1%;}
div	{display	:block;}
/* End hide from IE-mac */

/*----------------------------------------------
 * p
 *----------------------------------------------*/
p
{
	line-height		:1.5;
	text-align		:justify;
	text-justify	:inter-ideograph;
}

/*----------------------------------------------
 * img
 *----------------------------------------------*/
img
{
	display:block;
}

/*----------------------------------------------
 * a
 *----------------------------------------------*/
a
{
	color			:#333;
	text-decoration	:none;
}
a:link		{color	:#333;}
a:visited	{color	:#500;}
a:hover		{color	:#F90;}
a:active	{color	:#F00;}

/*----------------------------------------------
 * フォーム関連
 *----------------------------------------------*/
fieldset
{
	border	:1px solid #AAA;
	padding	:0 2em 1em 2em;
	margin	:0 auto;
}

legend
{
	margin-left		:-1.75em;
	padding			:0.5em 0 0.5em 0.5em;
	letter-spacing	:0.5em;
}

* html legend	{padding	:0.5em;} /* Only IE6 */
*+html legend	{padding	:0.5em;} /* Only IE7 */
label
{
	width	:100%;
	height	:100%;
}

input
{
	padding			:0.25em;
	letter-spacing	:0.125em;
}

textarea
{
	padding			:0.5em;
	letter-spacing	:0.0625em;
}

button
{
	margin			:0.25em;
	padding			:0.25em 0 0.25em 0.5em;
	letter-spacing	:0.5em;
	text-align		:center;
	border-top		:1px solid #999;
	border-left		:1px solid #999;
	border-bottom	:1px solid #555;
	border-right	:1px solid #555;
	background-color:#EEE;
	font-size		:100%;
}

button.small
{
	letter-spacing	:0em;
	padding			:0.125em;
	margin			:0;
}

/* IEのみに */
*+html button
{
	padding:0.25em 0.5em;
}

* html button
{
	padding:0.25em 0.5em;
}

select
{
}

input,
textarea,
select
{
	background-color	:#F8F8F8;
	border				:1px solid #DDD;
}

input,
textarea,
button,
select
{
	color		:#333;
	font-size	:100%;
}

/*----------------------------------------------
 * テーブル関連
 *----------------------------------------------*/
table
{
}

th
{
	border	:none;
	padding	:0.5em;
}

td
{
	border	:none;
	padding	:0.5em;
}

/*==============================================
 *
 * クラスセレクタ
 *
 *==============================================*/

.center
{
	margin-right	:auto;
	margin-left		:auto;
}

.error
{
	color	:#992222;
}

.floatLeft
{
	float	:left;
}

.floatRight
{
	float	:right;
}

.alignCenter
{
	text-align	:center;
}

.alignRight
{
	text-align	:right;
}

.alignLeft
{
	text-align	:left;
}

.hidden
{
	display	:none;
}

.inline
{
	display	:inline;
}

.block
{
	display	:block;
}

.clearfix:after {
	content	:url("pixel.gif");
	display	:block;
	clear	:both;
	height	:0;
}
.clearfix	{display	:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix	{height	:1%;}
.clearfix	{display	:block;}
/* End hide from IE-mac */


.logo
{
	float:left;
}

.no_txt
{
	text-indent:-9999px;
	list-style	:none;
	font-size	:1px;
	color		:#fff;
	line-height	:0;
}

/*==============================================
 *
 * IDセレクタ
 *
 *==============================================*/
 
/*----------------------------------------------
 * container
 *----------------------------------------------*/
#container
{
	font-size		:92%;
	margin			:0 auto;
	width			:960px;
	background-color:#FFF;
}

/*----------------------------------------------
 * header
 *----------------------------------------------*/
#header
{
	padding			:1em;
	background-color:#FFF;
	color			:#CCC;
	padding			:0;
}

#header h1
{
	padding-top		:15px;
}

#header h1,
#header h2,
#header h3,
#header p
{
	display		:block;
	float		:right;
	clear		:both;
	font-size	:92%;
	font-weight	:normal;
	margin		:0;
}

#header h2 a
{
	color		:#CCC;
}

#seo_text
{
	padding			:20px 25px 0 25px;
}

#header_logo
{
	display	:block;
	width	:220px;
	height	:80px;
}

#title
{
	width				:960px;
	height				:171px;
	background-repeat	:no-repeat;
	background-position	:bottom center;
}

/*----------------------------------------------
 * content
 *----------------------------------------------*/

#content
{
	padding-top	:25px;
}

/*----------------------------------------------
 * content_body
 *----------------------------------------------*/

#content_body
{
	width			:730px;
	float			:right;
	padding-right	:25px;
}

/*----------------------------------------------
 * menu
 *----------------------------------------------*/

#menu
{
	float	:left;
	width	:175px;
	padding	:20px 0 0 25px;
}

#menu ul
{
	margin		:0;
}

#menu ul li
{
	display		:block;
	list-style	:none;
	width		:150px;
	border-top	:1px solid #e5e5e5;
	float		:left;
	clear		:both<F5>;
}

#menu ul li.no_border
{
	border-style	:none;
}

#menu ul li a
{
	width		:150px;
	height		:40px;
	margin-top	:0;
}

#menu a
{
	display		:block;
	margin-top	:10px;
}

#menu h4
{
	width				:150px;
	height				:30px;
	display				:block;
	background-repeat	:no-repeat;
}

#menu_wedding h4
{
	background-image:url("/img/common/menu/wedding.png");
}

#menu_wedding ul
{
	margin-top	:20px;
}

#menu_wedding img
{
	margin-top		:10px;
}

#menu_restaurant ul
{
	margin-top	:5px;
}

#menu_restaurant h4
{
	background-image:url("/img/common/menu/restaurant.png");
	margin-top		:30px;
}

#menu_item_wedding		{background-image:url("/img/common/menu/wedding_fair_info.png");}
#menu_item_style		{background-image:url("/img/common/menu/rafesta_style.png");}
#menu_item_plan			{background-image:url("/img/common/menu/rafesta_plan.png");}
#menu_item_2nd_party	{background-image:url("/img/common/menu/2nd_party_produce.png");}
#menu_item_gallery		{background-image:url("/img/common/menu/wedding_gallery.png");}
#menu_item_request		{background-image:url("/img/common/menu/request_inquiry.png");}
#menu_item_restaurant	{background-image:url("/img/common/menu/restaurant_fair_info.png");}
#menu_item_culture		{background-image:url("/img/common/menu/culture.png");}
#menu_item_reservation	{background-image:url("/img/common/menu/reservation_inquiry.png");}

#menu_blog
{
	margin-top	:15px;
}

/*----------------------------------------------
 * footer
 *----------------------------------------------*/
#footer
{
	padding	:25px;
}

#footer_menu
{
	float	:right;
}

#footer_menu ul
{
	display	:block;
	margin	:0;
}

#footer_menu ul li
{
	list-style	:none;
	padding		:0;
	float		:left;
	border-left	:1px solid #ccc;
}

#footer_menu ul li a
{
	width		:100px;
	height		:19px;
	display		:block;
	margin-top	:0;
}

#footer_menu_item_company	{background-image:url("/img/common/footer/company.png");}
#footer_menu_item_staff		{background-image:url("/img/common/footer/staff.png");}
#footer_menu_item_recruit	{background-image:url("/img/common/footer/recruit_staff.png");}
#footer_menu_item_blog		{background-image:url("/img/common/footer/blog.png");}
#footer_menu_item_top		{background-image:url("/img/common/footer/top.png");}

#footer_logo
{
	display	:block;
	float	:left;
}

#footer_seo_text
{
	float		:right;
	width		:330px;
	margin-top	:15px;
	font-size	:92%;
	color		:#CCC;
}

#footer_seo_text h4
{
	font-weight	:normal;
}

#footer_seo_text h4 a
{
	color		:#CCC;
}

#footer_seo_logo_box
{
	border-top		:1px solid #e5e5e5;
	border-bottom	:1px solid #e5e5e5;
	clear			:both;
	padding			:5px 0;
}

#footer_logo_reve_d_ajour,
#footer_logo_buona_sera
{
	display		:block;
	float		:right;
	width		:30px;
	margin		:15px 0 0 10px;
}

#footer_logo_zexy
{
	display		:block;
	float		:right;
	width		:234px;
	margin		:2px 0 0 10px;
}