@charset "Shift_JIS";					/*使用する文字コード*/



/*-------------------基本設定-------------------*/

body {

	font-family: "ＭＳ Ｐゴシック", "Osaka";

	color: #333333;

	font-size: 10pt;

	line-height: 12pt;

	background-color: #f2f2f2;

	margin: 0px;

}

h1, h2, h3, form, p {

	padding: 0px;

	margin: 0px;

}

 ul, li, ol {

	padding: 0px;

	margin: 0px;

	list-style-type: none;

	color: #cb4747;

}

img {

	border: 0px;

}

table {

	font-family: "ＭＳ Ｐゴシック", "Osaka";

	font-size: 10pt;

	line-height: 12pt;

}

th {

	font-weight: normal;

	text-align: left;

}

a:link {								/*通常時のリンク設定*/

	color: #cb4747;

}

a:visited {								/*クリック後のリンク設定*/

	color: #cb4747;

}

a:hover {								/*マウスオーバー時のリンク設定*/

	color: #cb4747;

	text-decoration: none;

}

a:active {								/*クリック時のリンク設定*/

	color: #cb4747;

}

/*-------------------文字設定-------------------*/

.fontsize8_linehi10 {

	font-size: 8pt;

	line-height: 10pt;

}

.fontsize10_linehi12 {

	font-size: 10pt;

	line-height: 12pt;

}

.fontsize12_linehi16 {

	font-size: 12pt;

	line-height: 16pt;

}

h1 {									/*h1タグの見た目の設定*/

	font-family: "ＭＳ Ｐゴシック", "Osaka";

	font-size: 10pt;

	line-height: 12pt;

	font-weight: normal;

	text-align: center;

}

h2 {									/*h2タグの見た目の設定*/

	font-family: "ＭＳ Ｐゴシック", "Osaka";

	font-size: 10pt;

	line-height: 12pt;

	margin-bottom: 0px;

}

h3 {									/*h3タグの見た目の設定*/

	font-family: "ＭＳ Ｐゴシック", "Osaka";

	font-size: 10pt;

	line-height: 12pt;

	margin-bottom: 0px;

}

.font_bold {

	font-weight: bold;

}

/*-------------------ページ全体-------------------*/

#outline {

	width: 770px;

	text-align: left;

	background: url(../images/bg_outline.gif) repeat-y;

	margin: auto;

	padding-left: 5px;

}

form {									/*formタグ挿入で直下に入るスペースをなくす設定*/

	margin: 0px;

}

#mobile {

	background: url(../images/mobile_bg.gif) repeat-y;

	margin: 10px 0 0 13px;

	text-align: center;}



#icon {

	margin: 20px 0 0 13px;

	text-align: center;



}

.page_top {

	text-align: right;

	margin: 10px 10px 0 0;

}

/*-------------------ヘッダー-------------------*/

#header_catch {

	width: 760px;

	height: 20px;

	text-align: center;

	background: #cb4747;

}

#header_catch a:link,#header_catch a:visited,#header_catch a:hover,#header_catch a:active {

	text-decoration: none;

	color: #ffffff;

}

#header_catch a:hover{

	text-decoration: underline;

	color: #ffffff;

}

#header_bg {

	width: 760px;

	height: 68px;

	background: url(../images/header_bg.jpg) top left;

}

/*-------------------フッター-------------------*/

#footer_bg {

	margin-top: 45px;

	width: 760px;

	height: 54px;

	background: url(../images/footer_bg.gif) top left;

}

#foote_link {

	height: 20px;

	color: #cb4747;

	text-align: center;

}

#footer_copyright {

	height: 29px;

	font-size: 8pt;

	line-height: 10pt;

	color: #ffffff;

	text-align: center;

	padding-top: 5px;

}

/*-------------------ナビゲーション-------------------*/

#menu {

	background: url(../images/menu_bg01.gif) repeat-y;

	margin-left: 9px;

}

#navi_01 {width: 182px; height: 40px; background: url(../images/navi_01.gif) left top no-repeat;}

#navi_02 {width: 182px; height: 39px; background: url(../images/navi_02.gif) left top no-repeat; margin-bottom: 15px;}

#navi_03 {width: 182px; height: 41px; background: url(../images/navi_03.gif) left top no-repeat; margin-top: 15px;}

#navi_04 {width: 182px; height: 40px; background: url(../images/navi_04.gif) left top no-repeat;}

.navi_05 {

	margin-left: 20px;

	line-height: 14pt;

}

#navi_01 a {width: 182px; height: 40px; background: url(../images/navi_01.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#navi_02 a {width: 182px; height: 39px; background: url(../images/navi_02.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#navi_03 a {width: 182px; height: 41px; background: url(../images/navi_03.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#navi_04 a {width: 182px; height: 40px; background: url(../images/navi_04.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}



#navi_01 a:hover {width: 182px; height: 40px; background: url(../images/navi_01_on.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#navi_02 a:hover {width: 182px; height: 39px; background: url(../images/navi_02_on.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#navi_03 a:hover {width: 182px; height: 41px; background: url(../images/navi_03_on.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#navi_04 a:hover {width: 182px; height: 40px; background: url(../images/navi_04_on.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

	

/*-------------------イングリッシュページ　ナビゲーション-------------------*/

#menu {

	background: url(../images/menu_bg01.gif) repeat-y;

	margin-left: 9px;

}

#en_navi_01 {width: 182px; height: 40px; background: url(../images/en_navi_01.gif) left top no-repeat;}

#navi_02 {width: 182px; height: 40px; background: url(../images/en_navi_02.gif) left top no-repeat; margin-bottom: 15px;}

#navi_03 {width: 182px; height: 40px; background: url(../images/en_navi_03.gif) left top no-repeat; margin-top: 15px;}

#navi_04 {width: 182px; height: 41px; background: url(../images/en_navi_04.gif) left top no-repeat;}

.navi_05 {

	margin-left: 20px;

	line-height: 14pt;

}

#en_navi_01 a {width: 182px; height: 40px; background: url(../images/en_navi_01.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#en_navi_02 a {width: 182px; height: 40px; background: url(../images/en_navi_02.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#en_navi_03 a {width: 182px; height: 40px; background: url(../images/en_navi_03.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#en_navi_04 a {width: 182px; height: 41px; background: url(../images/en_navi_04.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}



#en_navi_01 a:hover {width: 182px; height: 40px; background: url(../images/en_navi_01_on.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#en_navi_02 a:hover {width: 182px; height: 40px; background: url(../images/en_navi_02_on.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#en_navi_03 a:hover {width: 182px; height: 40px; background: url(../images/en_navi_03_on.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}

#en_navi_04 a:hover {width: 182px; height: 41px; background: url(../images/en_navi_04_on.gif) left top no-repeat;

	text-indent: -999em; display: block; text-decoration: none; outline:none;}





/*-------------------メニュー背景-------------------*/

#menu_index {

	width: 195px;

	background: url(../images/index_sidebg.jpg) no-repeat top left;

}

#menu_info {

	width: 195px;

	background: url(../info/images/info_sidebg.jpg) no-repeat top left;

}

#menu_shop {

	width: 195px;

	background: url(../shop/images/shop_sidebg.jpg) no-repeat top left;

}

#menu_queens {

	width: 195px;

	background: url(../shop/images/queens_sidebg.jpg) no-repeat top left;

}

#menu_mores {

	width: 195px;

	background: url(../shop/images/more_sidebg.jpg) no-repeat top left;

}

#menu_grandberry {

	width: 195px;

	background: url(../shop/images/grandberry_sidebg.jpg) no-repeat top left;

}

#menu_california {

	width: 195px;

	background: url(../shop/images/california_sidebg.jpg) no-repeat top left;

}

#menu_english {

	width: 195px;

	background: url(../shop/images/english_sidebg.jpg) no-repeat top left;

}

#menu_contact {

	width: 195px;

	background: url(../contact/images/contact_sidebg.jpg) no-repeat top left;

}

/*-------------------padding,margin-------------------*/

.padding_b5 {

	padding: 0 0 5px 0;

}

.padding_b10 {

	padding: 0 0 10px 0;

}

.padding_l10 {

	padding: 0 0 0 10px;

}

.padding_rl10 {

	padding: 0 10px 0 10px;

}

.margin_t5px {

	margin: 5px 0 0 0;

}

.margin_t10l15 {

	margin: 10px 0 0 15px;

}

.margin_t15l10 {

	margin: 15px 0 0 10px;

}

.margin_t20l10 {

	margin: 20px 0 0 10px;

}

.margin_t30l10 {

	margin: 30px 0 0 10px;

}.margin_t40l10 {

	margin: 10px 10px 0 0px; text-align:right;



}

/*-------------------新着情報-------------------*/

#topics_body {

	background: #ffffff;

}

#topics_bg {

	width: 365px;

	height: 25px;

	background: url(../images/topics_bg.gif) no-repeat top left;

	padding: 2px 0 0 12px;

}

#topics_date {

	width: 55px;

	font-weight: bold;

	color: #cb4747;

	float: left;

}

#topics_comment {

	width: 295px;

	float: left;

}

/*-------------------店舗案内-------------------*/

.shop_td01 {

	width: 200px;

}

.shop_td02 {

	width: 120px;

}

.shop_td03 {

	width: 350px;

}

.shop_td04 {

	width: 191px;

	padding: 5px 0 0 5px;

}

.pic_border {

	border: 1px solid #ffffff;

}

.pic_bg {

	background: #ccc4be;

	padding: 1px;

}

.shop_table {

 table-layout:auto; 

 width: 320px; 

 margin-left: 10px;

}

.shop_table caption{

 text-align:right;

 margin:0 auto 5px auto;

}

.shop_table th{ padding: 5px 0 10px 0; width: 70px;}

.shop_table td{ padding: 5px 0 10px 0; width: 250px;}



.shop_table_title {

 table-layout:auto; 

 width: 320px; 

 margin-left: 10px;

}

.shop_table caption{

 text-align:right;

 margin:0 auto 5px auto;

}

.shop_table_title th{ padding: 5px 0 10px 0; width: 320px; font-weight:bold; font-size:14px;}



.btn_syousai {

	text-align:right;

	margin-top:10px;

}

.shop_line {

	width: 530px;

	height: 4px;

	background: url(../shop/images/line.gif) no-repeat;

	margin: 10px 0 0 15px;

}

.f_right {

	float: right;

}

.f_left {

	float: left;

}

/*-------------------会社案内-------------------*/

#info_gaiyou {

 table-layout:auto; 

 width: 530px; 

 border-collapse:collapse; 

 border:1px solid #cccccc; 

 margin: 10px 0 30px 15px;

}

#info_gaiyou caption{

 text-align:right;

 margin:0 auto 5px auto;

}

#info_gaiyou th{border-collapse:collapse; border:1px solid #cccccc; padding: 5px 10px; width: 108px; background:#fffaad;}

#info_gaiyou td{border-collapse:collapse; border:1px solid #cccccc; padding: 5px 10px; width: 422px;}



#info_shop {

 table-layout:auto; 

 width: 530px; 

 border-collapse:collapse; 

 border:1px solid #cccccc; 

 margin: 10px 0 0 15px;

}

#info_shop caption{

 text-align:right;

 margin:0 auto 5px auto;

}

#info_shop th{border-collapse:collapse; border:1px solid #cccccc; padding: 5px 10px; width: 168px; background:#fffaad;}

#info_shop td{border-collapse:collapse; border:1px solid #cccccc; padding: 5px 10px; width: 362px;}



/*-------------------お問合せ-------------------*/

#contact_table {

 table-layout:auto; 

 width: 530px; 

 border-collapse:collapse; 

 border:1px solid #cccccc; 

 margin: 10px 0 10px 0;

}

#contact_table caption{

 text-align:right;

 margin:0 auto 5px auto;

}

#contact_table th{border-collapse:collapse; border:1px solid #cccccc; padding: 5px 10px; width: 130px; background:#fffaad;}

#contact_table td{border-collapse:collapse; border:1px solid #cccccc; padding: 5px 10px; width: 400px;}



#privacy_table {

	table-layout: auto; 

	width: 530px;

	background: url(../contact/images/privacy_bg.gif) repeat-y;

	margin: 20px 0 0 15px;

}

/*-----------------ENGLISH----------------------*/

.e_margin_t10l15 {

	margin: 10px 0 0 15px;

}

.bg01 { background-color:#FFF660;

padding:5px;

}

.price {font-weight:bold ; text-align:right;}

#p_footer_close {

	width: 760px;

	height: 50px;

	text-align:center;

}

#p_footer_bg {

	width: 760px;

	height: 20px;

	text-align: center;

	background: #cb4747;

}

#p_foote_link {

	height: 20px;

	color: #cb4747;

	text-align: center;

}

#p_footer_copyright {

	height: 29px;

	font-size: 8pt;

	line-height: 10pt;

	color: #ffffff;

	text-align: center;

	padding-top: 5px;

}

.hb_f_l {
	width: 275px;
	float:left;
}

.img_hb_mr {
	margin: 0px 5px;
}

.me_hb_f_r {
	width: 250px;
	float: right;
	height: auto;
	margin-top: 5px;
}

.clear {
	clear: both;
}



