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


/* ----------------------------------------------------------------  */
/* --------------------  全ページ共通項目 -------------------------  */
/* ----------------------------------------------------------------  */


/* ---------- 基本設定---------- */
/* ※font-sizeは個々に設定 */

body {
	text-align: left;
}

body,div {
	margin: auto;
	font-family: 'ＭＳ Ｐゴシック', HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3';
}


/* ---------- アンカー---------- */

#top {
	display:none;
	border: 0;
}


/* ---------- アウトライン---------- */

#wrap {	
	width:920px;
}
#wrap-inner {	
	margin :  0;
	padding: 0;
}


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


#header {
	border-bottom:1px solid #eee;
	background-color:#fff;
}


#p4logo {
	display:block;
	width:400px;
	height:55px;
	margin: 0;
	padding: 0;
	border: 0;
	float:left;
}
#p4logo img {
	display:block;
	width:125px;
	height:55px;
	margin: 0;
	padding: 0;
	border: 0;
	float:left;
}
#p4logo h1 {
	font-size:11px;
	font-weight:normal;
	line-height:1.5;
	color:#7d746c;
	padding: 15px 0 0 10px;
	float:left;
}
#p4logo p {
	font-size:11px;
	font-weight:normal;
	line-height:1.5;
	color:#7d746c;
	padding: 15px 0 0 10px;
	float:left;
}


#icons {
	display:block;
	width:450px;
	text-align:right;
	margin: 0;
	padding: 10px 10px 0 0;
	border: 0;
	float:right;
	
}
#icons a + a {
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
}

/* alpha hover */

#icons a:hover  {
	filter: alpha(opacity=60);
	-moz-opacity: 0.8;
	opacity:0.6;
}



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


#nv-menu {
	clear:both;
	height: 50px;
	margin: 0;
	padding: 0;
}


#nv-menu img {
	margin: 0 21px 0 0;
}

/* alpha hover */

#nv-menu a:hover  {
	filter: alpha(opacity=60);
	-moz-opacity: 0.8;
	opacity:0.6;
}








/* ----------------------------------------------------------------  */
/* -------------------  右カラム（メイン） ------------------------  */
/* ----------------------------------------------------------------  */



/* ---------- コンテンツ枠---------- */

#content {
	float:right;
	width: 625px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	font-size:85%;
	line-height:150%;
}
#content-inner {
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}



/* ------------ top-main  ------------  */

#top-mainimg{
	width: 920px;
	height: 330px;
	margin:  0 0 15px 0;
	padding: 0 0 0 0;
	clear:both;
}


/* ------------ top-main-function  ------------  */


.dumbCrossFade {
	width: 920px;
	height: 337px;
	display:block;
	/* cursor:pointer; */
	border:none;
	position:relative;
}

.dumbCrossFade .dumbItem {
	display:none;
	position:absolute;
	top:0;
	left:0;
	border:none;
}

.dumbCrossFade .dumbItem img {
	border:none;
}

.dumbCrossFade * {
	border:none;
	text-decoration:none;
}

.heading {
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
	margin-top:20px;
	display:block;
}

#sourceheading {
	cursor:pointer;
}

#source, #docs {
	font-size:12px;
	font-family:Courier;
	margin-bottom:20px;
	display:none;
}


.fadebox {
	width:980px;
	height:552px;
	display:block;
	cursor:pointer;
	border:none;
	position:relative;
}

.fadebox div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	border:none;
}

.fadebox div img {
	border:none;
}

.fadebox div p{
	background:#fff;
	color:#000;
}

.fadebox *
{
border:none;
text-decoration:none;
}





/* ------------ page-tit  ------------  */

#page-tit{
	width:920px;
	height: 140px;
	margin: 0;
	padding: 0;
	border-top:1px dotted #ebeae9;
}


#page-tit h2{
	font-size:100%;
	line-height:120%;
	font-weight:normal;
	text-align:right;
	margin-top:6em;
}




/* ------------ rssnews  ------------  */

#tit-rssnews{
	display:block;
	width: 178px;
	height: 35px;
	background-image:url(../images/tit-rssnews.jpg);
	background-repeat:no-repeat;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	outline-style:none;
	border: 0;
	font-size:10px;
	line-height:12px;
}



#fra-rssnews {
	width: 600px;
	height: 160px;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 15px;
}

#fra-rssnews dl{
	margin: 0 0 0 0;
	padding: 0 15px 0 0;
}

#fra-rssnews dt{
	height: 100px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size:10px;
	line-height:12px;
}

#fra-rssnews dd{
	height: 40px;
	margin: -100px 0 10px 110px;
	padding: 0 0 0 0;
	font-size:10px;
	line-height:12px;
}

#fra-rssnews p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}



/* ------------ *** fra-topspace ***  ------------  */

#fra-topspace {
}


/*  rssnews2  */
#fra-rssnews2 {
	width: 410px;
	height: 260px;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 15px 0 0 15px;
	float:left;
	font-size:90%;
	line-height:1.5;
}

#fra-rssnews2 ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style:none;
}
#fra-rssnews2 li{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
#fra-rssnews2 dl{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#fra-rssnews2 dt{
	height: 100px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size:10px;
	line-height:12px;
}

#fra-rssnews2 dd{
	height: 60px;
	margin: -100px 0 10px 90px;
	padding: 0 0 0 0;
	font-size:10px;
	line-height:12px;
}

#fra-rssnews2 p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


/*  fra-mainbanner  */
#fra-mainbanner {
	width: 190px;
	height: 350px;
	overflow:hidden;
	margin: -50px 0 0 0;
	padding: 0;
	float:right;
}



/* ------------ p4news  ------------  */

#tit-p4news{
	clear:both;
	display:block;
	width: 125px;
	height: 35px;
	background-image:url(../images/tit-p4news.jpg);
	background-repeat:no-repeat;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	outline-style:none;
	border: 0;
}
#fra-p4news{
	width: 625px;
	height: 1350px;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	text-align:left;
}
#fra-p4news ul {
	list-style:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#fra-p4news li {
	list-style:none;
	display:block;
	width: 278px;
	height:140px;
	overflow:hidden;
	font-size:10px;
	margin: 10px 10px 0 0;
	padding: 10px;
	border:1px solid #ebeae9;
	float:left;
}




/* ------------ member  ------------  */

#tit-member{
	display:block;
	width: 203px;
	height: 35px;
	background-image:url(../images/tit-member.jpg);
	background-repeat:no-repeat;
	margin:  330px 0 0 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	outline-style:none;
	border: 0;
}
#member-fra{
	font-size:80%;
	line-height:160%;
	margin: 10px 0 15px 0;
	padding: 1em;
	border:1px solid #ebeae9;
	text-align:center;
}



/* ------------ ベトナム会員登録ボタン(P4サイトのみ)  ------------  */


#p4-member-btn {
	margin:  0 0 0 200px;
	padding: 0 0 0 0;
}

#p4-member-btn a{
	display:block;
	width:214px;
	height: 34px;
	background-image:url(../images/btn-member.jpg);
	text-indent: -9999px;
	outline-style:none;
	border: 0;
}


 /* --- ページネーション（no plugin） --- */

.wp-pagenavi {
	font-size:11px;
	padding:10px 0;
}
.wp-pagenavi a {
	margin:0 2px;
	padding:2px 10px;
	background-color:#fff;
}
.wp-pagenavi .pages {
	color:#888;
	margin:0 4px;
	padding:2px 0;
}
.wp-pagenavi .current {
	background:#DDD;
	font-weight:bold;
	margin:0 2px;
	padding:2px 10px;
	background-color:#ccc;
}
.wp-pagenavi .extend {
	background:#F9F9F9;
	border:0;
	color:#555;
	padding:0;
}
.wp-pagenavi .extend {
	margin:0 0 0 2px;
}
.wp-pagenavi .page {
	margin:0 0 0 4px;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	padding:2px 5px;
}



.wp-pagenavi .current,
.wp-pagenavi a {
	border:solid 1px #CCC;
	color:#888;
	text-decoration:none;
}
.page_navigation a:hover,
.wp-pagenavi a:hover {
	border:solid 1px #999;
	color:#888;
	text-decoration:none;
}



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

#footer{
	clear:both;
	float:left;
	width:920px;
	text-align:center;
	font-size: 75%;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	border-top:1px solid #ebeae9;
}
#footer-inner{
	margin: 10px 15px 0px 15px;
	padding: 0 0 55px 0;
}

.bot-menu {
	font-size: 90%;
	line-height:180%;
	margin: 0 0 0 0;
	padding: 10px 0 30px 0;
}


.copyright {
	text-align:center;
	font-size:10px;
	line-height:10px;
	margin: auto;
	padding-top: 2px;
	font-family: 'ＭＳ Ｐ明朝', HiraMinPro-W3, 'ヒラギノ明朝 Pro W3';
}


/* ------------ ページの先頭へ  ------------  */
#pagetop {
	clear:both;
	font-size: 75%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 30px 0 50px 0;
}




/* ----------------------------------------------------------------  */
/* ------------------------  左カラム -----------------------------  */
/* ----------------------------------------------------------------  */

/* ---------- 左カラム ---------- */


#left {
	float:left;
	width: 280px;
	margin: 0;
	padding: 0;
	font-size:75%;
	line-height:180%;
}

#left-inner {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#left p {
	margin: 10px 0 0 0;
}





/* ---------- サイドメニュー:left内 ---------- */
/* ---------- menu.css参照 ----------- */









/* ----------------------------------------------------------------  */
/* ------------------------  パーツ類 -----------------------------  */
/* ----------------------------------------------------------------  */





/* ---------- アイキャッチ関連 ---------- */


.ec-01 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	color: #FF0033;
	font-size:65%;
}

.ec-02 {
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 5px 0px;
	border-bottom: 2px solid #95aff1;
	color:#1845b7;
	background-position:bottom;
}
.ec-03 {
	clear:both;
	margin: 20px 0px 10px 0px;
	padding: 8px 5px 5px 10px;
	border-left: 5px solid #FF9900;
	border-bottom: 3px solid #ccc;
}


.ec-caption01 {
	clear:both;
	height:50px;
	font-size:16px;
	font-weight:bold;
	margin: 30px 0px 2px 0px;
	padding: 16px 5px 0px 10px;
	background-image:url(../images/ec-cap01.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	text-shadow: 1px 1px 1px #fff;
	text-align:center;
}


.ec-bor-dot {
	border-bottom: 1px dotted #c5b46a;
}


.ec-lead01 {
	clear:both;
	font-size:16px;
	height:23px;
	font-weight:bold;
	margin: 0px 0px 2px 0;
	padding: 1.3em 0 0 22px;
	background-position:0em 1em;
	background-repeat:no-repeat;
	text-shadow: 1px 1px 1px #fff;
	text-align:left;
	background-image:url(../images/ec-lead01.jpg);
}


.ec-orange {
	list-style:none;
	list-style-type:none;
	margin: 0.5em 0 1em 0;
	padding: 0em 0 0.2em 20px;
	background-image:url(../images/ec01.jpg);
	background-position: 0 3px;
	background-repeat:no-repeat;
	line-height:1.4;
	
}



/* ---------- moreblog---------- */


.tit-more-blog {
	height: 30px;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
	border-bottom:1px dotted #fff;
}


.tit-more-blog h2 {
	font-size:100%;
	line-height:120%;
	font-weight:normal;
	text-align:right;
	margin-top:6em;
}



/* ---------- リスト関連アイキャッチ---------- */


.li-ec01 {
	margin: 0;
	padding: 0;
	list-style:none;
}

.li-ec01 li {
	list-style:none;
	list-style-type:none;
	margin: 0.5em 0 1em 0;
	padding: 0em 0 0.2em 20px;
	background-image:url(../images/ec01.jpg);
	background-position: 0 3px;
	background-repeat:no-repeat;
	line-height:1.4;
	
}


.li-ec02 {
	margin: 0;
	padding: 0;
	list-style:none;
}

.li-ec02 li {
	list-style:none;
	list-style-type:none;
	margin: 0.5em 0 1em 0;
	padding: 0em 0 0.2em 20px;
	background-image:url(../images/ec02.jpg);
	background-position: 0 3px;
	background-repeat:no-repeat;
	line-height:1.4;
	
}


/* ---------- フレーム枠---------- */

.fra-01 {
	border: 1px solid #eee;
	margin:20px 0px 20px 20px;
	padding:20px;
	background-color:#f7f6f0;
}

.fra-02 {
	border-left: 5px solid #ccc;
	margin:20px 0px 20px 20px;
	padding:20px;
}

.fra-03 {
	border-left: 5px solid #FFCC66;
	margin:20px 0px 20px 20px;
	padding:20px;
	background-color:#fffdf2;
}


/* ---------- dl dt dd ---------- */


.dl-01{
	margin:  0 0 0 0;
	padding: 15px;
}

.dl-01 dl{
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	font-size: 90%;
}


.dl-01 dt{
	clear:both;
	width: 130px;
	height: 3em;
	padding-left: 15px;
	float:left;
}

.dl-01 dd{
	height: 3em;
}



/* alpha hover */

a:hover .hov-alpha  {
	filter: alpha(opacity=60);
	-moz-opacity: 0.8;
	opacity:0.6;
}






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


#nv-menu {
	clear:both;
	height: 50px;
	margin: 0;
	padding: 0;
}


#nv-menu img {
	margin: 0 21px 0 0;
}

/* alpha hover */

#nv-menu a:hover  {
	filter: alpha(opacity=60);
	-moz-opacity: 0.8;
	opacity:0.6;
}






/* ------------ メニュー上バナー  ------------  */

#side-banner{
	width: 220px;
	font-size:10px !important;
	line-height:13px !important;
	margin-top:30px;
}
#side-banner-mar{
	margin-bottom:12px;
}




/* ---------------- ショップアイコン ---------------- */



.fra-icon-shop {
	clear:both;
	height:68px;
}


.fra-icon-shop p {
	margin: 1px 0 0 0;
}


.icon-shop {
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 8px 0px 0px;
}


.ec-arrow-or {
	clear:both;
	height:10px;
	font-size:12px;
	line-height:12px;
	color:#b18c69;
	margin: 30px 0px 20px 0px;
	padding: 0px 5px 0px 1.5em;
	background-image:url(../images/ec-arrow-or.jpg);
	background-repeat:no-repeat;
}

/* ベトナムレストラン店舗案内 */
.lead-shop-l {
	color:#523922;
	font-size:12px;
	line-height:13px;
}

.caption-shop-l {
	color:#b18c69;
	font-size:13px;
	line-height:14px;
}



/* サイドバナー */
.lead-shop {
	color:#523922;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 1px 0 0 0;
}

.caption-shop {
	color:#b18c69;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 1px 0 0 0;
}



.t-banner {
	clear:both;
	font-size:10px;
	margin:0 0 5px 0; }

.t-banner-mar {
	clear:both;
	font-size:10px;
	margin:25px 0 5px 0; }





/* ------------ ツイッター表示  ------------  */

.fra-twitter{
	font-size:10px !important;
	padding: 0px;
	margin: 0 0 10px 0;
}






/* ---------- 画像関連 ---------- */

.img-frame01 {
margin-top : 15px;
margin-bottom : 15px;
padding : 15px;
border : 1px solid #000;
background : #fff;}

.img-frame02 {
margin-top : 15px;
margin-bottom : 15px;
padding : 1px;
background : #eee;}

.entrybody img {
	border: none;
	vertical-align:bottom;
}
.entry-body img {
	border: none;
	vertical-align:bottom;
}

.border-none {
	border-style:none !important;
	background-image:none !important;
}


/* ---------- ホバー指先 ---------- */

.hover-pointer {
   cursor : pointer;
}

 

/* ------------ P4共通フッター  ------------  */

#p4-navi{
	clear:both;
	text-align:center;
	font-size: 75%;
	width: 900px;
	height: 183px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#333333;
}
#p4-navi-inner{
	margin: 20px 15px 0px 15px;
	padding: 0 0 55px 0;
}


/* ------------ ベトナム会員登録ボタン  ------------  */

#top-member{
	display:block;
	width: 605px;
	height: 200px;
	background-image:url(http://p-pho.com/images/bg-member.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	background-color:#fff3e4;
	font-size:85%;
	line-height:150%;
}

#top-member-inner{
	margin:   0 30px 0 100px;
	padding: 20px 0px 0px 0px;
}

#top-member-btn {
	margin:  0 0 0 180px;
	padding: 0 0 0 0;
}

#top-member-btn a{
	display:block;
	width:236px;
	height: 52px;
	background-image:url(http://p-pho.com/images/btn-member.gif);
	text-indent: -9999px;
	outline-style:none;
	border: 0;
}
#top-member-btn a:hover{
	display:block;
	width:236px;
	height: 52px;
	background-image:url(http://p-pho.com/images/btn-member.gif);
	background-position: bottom;
}


/* ------------ マップ：プリント用PDF表示ボタン  ------------  */


#btn-map {
	margin:  20px 0 0 80px;
	padding: 0 0 0 0;
}

#btn-map a{
	display:block;
	width:346px;
	height: 60px;
	background-image:url(http://p-pho.com/images/btn-print.gif);
	text-indent: -9999px;
	outline-style:none;
	border: 0;
}
#btn-map a:hover{
	display:block;
	width:346px;
	height: 60px;
	background-image:url(http://p-pho.com/images/btn-print.gif);
	background-position: bottom;
}


/* ------------ クーポン：表示ボタン  ------------  */


#btn-coupon {
	margin:  20px 0 0 125px;
	padding: 0 0 0 0;
}

#btn-coupon a{
	display:block;
	width:320px;
	height:76px;
	background-image:url(http://p-pho.com/images/btn-coupon.jpg);
	text-indent: -9999px;
	outline-style:none;
	border: 0;
}
#btn-coupon a:hover{
	display:block;
	width:320px;
	height:76px;
	background-image:url(http://p-pho.com/images/btn-coupon.jpg);
	background-position: bottom;
}

/* ---------- フォームラベル：ホバー ---------- */

/* label:hover {
   background-color: #ffcccc;
   cursor : pointer;
}
 */

/* ---------- ホバー指先 ---------- */

.hover-pointer {
   cursor : pointer;
}

 


/* ---------- アイキャッチ関連 ---------- */


.ec-new {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	color: #FF0033;
	font-size:65%;
}


.ec-01 {
	margin: 0px 0px 20px 0px;
	padding: 5px 10px 5px 10px;
	border-bottom: double #000066;
	border-top: double #000066;
	background-image:url(../images/bg-stripe03.gif);	
	color: #000066;
}
.ec-02 {
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 5px 0px;
	border-bottom: 2px solid #95aff1;
	color:#1845b7;
	background-position:bottom;
}
.ec-03 {
	clear:both;
	margin: 20px 0px 10px 0px;
	padding: 8px 5px 5px 10px;
	border-left: 5px solid #FF9900;
	border-bottom: 3px solid #ccc;
}

.ec-under-line {
	clear:both;
	margin: 20px 0px 10px 0px;
	padding: 8px 5px 5px 0px;
	border-bottom: 1px solid #ccc;
}

.ec-sitemap {
	clear:both;
	margin: 20px 0px 10px 0px;
	padding: 8px 5px 5px 0px;
	background-image:url(../images/line-dot.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

.ec-qanda {
	padding: 10px 5px 10px 10px;
	border-left: 6px solid #ff9e50;
	background-color:#fffbe5;
	margin:0px 0px 10px 0px;
}


.ec-or-line {
	padding: 10px 5px 3px 0px;
	border-bottom: 2px dotted #FF6600;
	margin:0px 0px 10px 0px;
}



.ec-date {	
	font-size: 140%;
	font-weight: bold;
	color:#979380;
	font-family:"Times New Roman", Times, serif;
}


.u-line-dot {
	padding:10px;
	padding-bottom:5px;
	border-bottom: 1px dotted #999;
}


/* ---------- フレーム枠---------- */


.fra-00 {
	clear:both;
	margin:5px 0px 5px 0;
	padding:20px;
	border: 1px dotted #ccc;
}

.fra-01 {
	border: 1px solid #eee;
	margin:20px 0px 20px 0;
	padding:20px;
	background-color:#f7f6f0;
}

.fra-02 {
	border-left: 5px solid #ccc;
	margin:20px 0px 20px 20px;
	padding:20px;
}

.fra-03 {
	border-left: 5px solid #FFCC66;
	margin:20px 0px 20px 20px;
	padding:20px;
	background-color:#fffdf2;
}

.fra-04 {
	border-top: 1px solid #ccc;
	border-left: 1px solid #bbb;
	border-bottom: 5px solid #ccc;
	border-right: 5px solid #ccc;
	margin:20px 0px 20px 20px;
	padding:20px;
	background-color:#fffdf2;
}


.fra-youtube {
	border: 1px solid #eee;
	margin:20px 0px 20px 0px;
	padding:20px;
	background-color:#f7f6f0;
}



.fra-contact {
	border: 2px solid #eee;
	margin:2em;
	padding:2em;
	color: #24221b;
}




.fra-lineup {
	clear:both;
	margin:0 0 2px 0;
	padding:0 0 0 0;
}
.fra-lineup span {
	color:#999;
}

.entry-nb div+div {
	border-top: 1px dotted #ccc;
}








.fra-coupons {
	border: 2px solid #eee;
	margin:2em;
	padding:2em;
	color: #24221b;
}

.body-coupons {
	background: #ffe; 
	padding: 1em 1em 1em 3em;
	border:3px double #ccc;
	
}

.tab-coupons {
	font-size: 90%;
	margin-top: 20px;
	width: 98%;
	text-align: left;
	border-collapse: collapse;
	
}
.tab-coupons td
{
	padding: 16px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	color: #24221b;
}



.fra-coupons ol {	
	
}

.fra-coupons li {	
	margin-bottom:1em;
}



.fra-guest {
	border: 2px dotted #eee;
	margin:2em;
	padding:2em;
	color: #24221b;
	background-color:#fefefe;
}

.t-guesttit {
	font-size: 90%;
	font-weight:bold;
	color:#b69121;
}


.t-guestname {
	font-size: 80%;
	text-align:right;
}

.fra-henshin {
	border: 2px dotted #eee;
	margin:2em;
	padding:2em;
	color: #24221b;
	font-size: 80%;
	background-color:#ff;
}




/* ---------- キャプション枠---------- */

.cap-01 {
	border-bottom: 0px solid #999;
	margin:10px;
	padding:10px;
	font-size: 75%;
	background-color:#f7f6f0;
}



/* ---------- 角丸10px 背景#fff 本体#f7f6f0 ---------- */

.r-cornr-box-01 {
   background: #f7f6f0;
}
.r-cornr-top-01 div {
   background: url(../images/r-cornr-01-tl.png) no-repeat top left;
}
.r-cornr-top-01 {
   background: url(../images/r-cornr-01-tr.png) no-repeat top right;
}
.r-cornr-bot-01 div {
   background: url(../images/r-cornr-01-bl.png) no-repeat bottom left;
}
.r-cornr-bot-01 {
   background: url(../images/r-cornr-01-br.png) no-repeat bottom right;
}

.r-cornr-top-01 div, .r-cornr-top-top-01, 
.r-cornr-bot-01 div, .r-cornr-bot-01 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.r-cornr-content-01 { margin: 0 10px; }



/* ---------- 角丸20px 背景#ffed89 本体#fffcec ---------- */

.r-cornr-box-02 {
   background: #fffcec;
}
.r-cornr-top-02 div {
   background: url(../images/r-cornr-02-tl.png) no-repeat top left;
}
.r-cornr-top-02 {
   background: url(../images/r-cornr-02-tr.png) no-repeat top right;
}
.r-cornr-bot-02 div {
   background: url(../images/r-cornr-02-bl.png) no-repeat bottom left;
}
.r-cornr-bot-02 {
   background: url(../images/r-cornr-02-br.png) no-repeat bottom right;
}

.r-cornr-top-02 div, .r-cornr-top-top-02, 
.r-cornr-bot-02 div, .r-cornr-bot-02 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.r-cornr-content-02 { margin: 0 10px; }




/* ---------- 分割ライン---------- */

.line-dot {
	clear:both;
	margin: 10px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}


.line-sol {
	clear:both;
	margin: 10px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.bor-dot {
	background-image:url(../images/line-dot.gif);
	background-position:top;
	background-repeat:repeat-x;
}

.bor-sol-bot {
	display:block;
	height: 2em;
	border-bottom: 1px solid;
}

.bor-dot-bot {
	display:block;
	height: 5px;
	border-bottom: 1px dotted #efefef;
}



/* ---------- テキスト関連---------- */

/*  1文字目拡大 */
.f-letter:first-letter {
font-size:2em;
line-height:1.3em;
padding: 0em 0em 0.1em 0.2em;
}


/* 1文字目字下げ */
.t-indent{
text-indent: 1em; 
}

/* 文字太さ */
.font-weight-nomal{
	font-weight:normal;
}
.font-weight-bold{
	font-weight:bold;
}

/* アライン */
.text-ali-right{
	text-align:right;
}
.text-ali-left{
	text-align:left;
}
.text-ali-center{
	text-align:center;
}


/* 回り込み解除 */
.c-both { 
	clear:both;
	overflow:hidden;
	width: 1px;
    height: 1px;
	margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}






/* ---------- テーブル処理 ---------- */

#table-01 {
	margin: 40px 0px 20px 20px;
	width:95%;
	border:solid 1px #ccc;
	border-collapse:collapse;
	background:#fff;
}

#table-01 tr.f7f{
	background:#f7f6f0;
}

#table-01 td.f7f{
	background:#f7f6f0;
}

#table-01 th.f7f{
	background:#f7f6f0;
}

#table-01 tr th {
	padding:10px;
	border:solid 1px #ccc;
	white-space:nowrap;
}
#table-01 tr td{
	padding:10px;
	border:solid 1px #ccc;
}
.nowrap{
	white-space:nowrap;
}

/* ---------- テーブル grey ---------- */

#table-grey
{
	font-size: 90%;
	margin-top: 20px;
	width: 570px;
	text-align: left;
	border-collapse: collapse;
	
}
#table-grey th
{
	font-size: 100%;
	padding: 8px;
	background: #e9e9ba;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	white-space:nowrap;
	border-top: 1px solid #aaa;
}
#table-grey td
{
	padding: 8px;
	background: #ffe; 
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	color: #24221b;
}


/* ---------- テーブル blue ---------- */

#table-blue
{
	font-size: 90%;
	margin-top: 20px;
	width: 570px;
	text-align: left;
	border-collapse: collapse;
}
#table-blue th
{
	font-size: 100%;
	padding: 8px;
	background: #b9c9fe;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	white-space:nowrap;
}
#table-blue td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #339;
	border-top: 1px solid transparent;
}
#table-blue tr:hover td
{
	background: #d0dafd;
	color: #339;
}

/* ---------- テーブル purple ---------- */

#table-purple
{
	font-size: 90%;
	margin-top: 20px;
	width: 585px;
	text-align: left;
	border-collapse: collapse;
}
#table-purple th
{
	font-size: 100%;
	padding: 8px;
	background: #d0c3f4;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	white-space:nowrap;
}
#table-purple td
{
	padding: 8px;
	background: #f0ebfb; 
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #339;
	border-top: 1px solid transparent;
	vertical-align:top;
}


/* ---------- テーブル cleam ---------- */

#table-cleam
{
	font-size: 90%;
	margin-top: 20px;
	text-align: left;
	border-collapse: collapse;
}
#table-cleam th
{
	font-size: 100%;
	padding: 8px;
	background: #fff9e1;
	border-bottom: 1px solid #c6bc93;
	border-left: 1px solid #c6bc93;
	border-right: 1px solid #c6bc93;
	border-top: 1px solid #c6bc93;
	white-space:nowrap;
}
#table-cleam td
{
	padding: 8px;
	background: #fff9e1; 
	border-bottom: 1px solid #c6bc93;
	border-left: 1px solid #c6bc93;
	border-right: 1px solid #c6bc93;
	border-top: 1px solid #c6bc93;
	vertical-align:top;
}

/* ---------- テーブル cleam ---------- */

#table-cleam-se
{
	font-size: 90%;
	margin-top: 20px;
	text-align: left;
	border-collapse: collapse;
}
#table-cleam-se th
{
	font-size: 100%;
	padding: 8px;
	border-bottom: 1px solid #c6bc93;
	border-left: 1px solid #c6bc93;
	border-right: 1px solid #c6bc93;
	border-top: 1px solid #c6bc93;
	white-space:nowrap;
}
#table-cleam-se td
{
	padding: 8px;
	border-bottom: 1px solid #c6bc93;
	border-left: 1px solid #c6bc93;
	border-right: 1px solid #c6bc93;
	border-top: 1px solid #c6bc93;
	vertical-align:top;
}

/* ---------- table-contact ---------- */

.table-contact {
	margin: 20px 0px 10px 0;
	width:95%;
	font-size:90%;
	border:dotted 1px #ccc;
	border-collapse:collapse;
}


.table-contact th{
	
}
.table-contact th div {
	border:1px solid white;
	background-color:#f2ffde;
}


.table-contact tr th {
	padding:10px;
	border:dotted 1px #ccc;
	white-space:nowrap;
}


.table-contact tr td{
	padding:10px;
	border:dotted 1px #ccc;
}

.btn-form-submit {
	width: 200px;
	height:80px;
	cursor : pointer;
}

/* ---------- table-nomel ---------- */

.table-nomal {
	margin: 20px 0px 10px 0;
	width:95%;
	font-size:90%;
	border:dotted 1px #ccc;
	border-collapse:collapse;
}


.table-nomal th{
	
}
.table-nomal th div {
	border:1px solid white;
	background-color:#f2ffde;
}


.table-nomal tr th {
	padding:10px;
	border:dotted 1px #ccc;
	white-space:nowrap;
}


.table-nomal tr td{
	padding:10px;
	border:dotted 1px #ccc;
}



/* ------------ リスト装飾 ------------  */

.list01{
	list-style:outside;
	list-style-type:disc;
	margin: 0;
	padding-left: 10px;
}	
.list01 li{
	margin: 10px 0px 10px 5px;
}	


/* ------------ ツールチップ機能（jquery参照） ------------  */
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}	



/* ------------ 追加機能 ------------  */


/*Firefoxリンク点線消し*/
a:focus{
/*¥*/
overflow: hidden;
/**/
}



img {
	margin:0px;
	border: none;
	vertical-align:bottom;
}

.img-word-l {
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 10px 10px 0px;
}

.img-word-r {
	float: right;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 10px 10px;
}


/*WP用アライン*/


.alignnone {
	float: none;
	padding: 0px 0px 0px 0px;
	margin:  20px 0px 0px 0px;
}


.alignleft {
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 10px 10px 0px;
}

.alignright {
	float: right;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 10px 10px;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}




/*WP用キャプション*/


.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}


/* ------------ 選択カラー ------------  */

.col-black { color: #000; }
.col-red { color: #ff0066; }
.col-d-red { color: #993333; }
.col-red-bold { color: #ff0066; font-weight:bold; }
.col-s-blue { color: #3366FF; }
.col-blue { color:#3366cc;}
.col-orange { color:#FF6600; }
.col-purple { color: #6633CC; }
.col-yellow { color: #ffcc66; }
.col-pink { color: #ff6699; }
.col-green { color: #669900; }
.col-brown { color: #D8BB4E; }
.col-l-brown { color: #a7a78d; }
.col-l-grey { color: #999; }
.col-grey { color: #666; }

/* ------------ 選択テキストサイズ ------------  */


h1 { margin: 0px 0px 10px 0px;}
h2 { margin: 0px 0px 10px 0px;}
h3 { margin: 0px 0px 10px 0px;}
h4 { margin: 0px 0px 10px 0px;}
h5 { margin: 0px 0px 10px 0px;}

.sma {
	font-size:  90%;
	line-height: 135%;
}
.sma-s {
	font-size:  80%;
	line-height: 135%;
}
.sma-ss {
	font-size:  70%;
	line-height: 135%;
}



.mid {
	font-size:  120%;
	line-height: 150%;
}
.mid-m {
	font-size:  130%;
	line-height: 150%;
}
.mid-mm {
	font-size:  140%;
	line-height: 160%;
}






/* ------------ 背景カラー ------------  */

.bg-cleam { background-color: #fff9de; }
.bg-l-cleam { background-color: #fff7d2; }
.bg-l-brown { background-color: #a7a78d; }



/* --- マージン＆パディング ---  */
.mar-5px { margin: 5px;}
.mar-10px{ margin: 10px; }
.mar-15px{ margin: 15px; }
.mar-20px{ margin: 20px; }
.mar-30px{ margin: 30px; }

.mar-top-5px { margin-top: 5px; }
.mar-top-10px{ margin-top: 10px; }
.mar-top-20px{ margin-top: 20px; }
.mar-top-30px{ margin-top: 30px; }

.mar-bot-5px { margin-bottom: 5px; }
.mar-bot-10px{ margin-bottom: 10px; }
.mar-bot-20px{ margin-bottom: 20px; }
.mar-bot-30px{ margin-bottom: 30px; }

.mar-left-5px { margin-left: 5px; }
.mar-left-10px{ margin-left: 10px; }
.mar-left-20px{ margin-left: 20px; }
.mar-left-30px{ margin-left: 30px; }

.mar-right-5px { margin-right: 5px; }
.mar-right-10px{ margin-right: 10px; }
.mar-right-20px{ margin-right: 20px; }
.mar-right-30px{ margin-right: 30px; }

.mar-top-bot-5px { margin:  5px 0px 5px 0px; }
.mar-top-bot-10px{ margin: 10px 0px 10px 0px; }
.mar-top-bot-20px{ margin: 20px 0px 20px 0px; }
.mar-top-bot-30px{ margin: 30px 0px 30px 0px; }

.mar-top-left-5px { margin:  5px 0px 0px 5px; }
.mar-top-left-10px{ margin: 10px 0px 0px 10px; }
.mar-top-left-20px{ margin: 20px 0px 0px 20px; }
.mar-top-left-30px{ margin: 30px 0px 0px 30px; }

.mar-left-bot-5px { margin: 0px 0px 5px 5px; }
.mar-left-bot-10px{ margin: 0px 0px 10px 10px; }
.mar-left-bot-20px{ margin: 0px 0px 20px 20px; }
.mar-left-bot-30px{ margin: 0px 0px 30px 30px; }

.mar-left30-bot30px{ margin: 0px 0px 20px 30px; }
.mar-left30-bot50px{ margin: 0px 0px 50px 30px; }


.pad-5px { padding: 5px; }
.pad-10px{ padding: 10px; }
.pad-20px{ padding: 20px; }
.pad-30px{ padding: 30px; }

.pad-top-5px { padding-top: 5px; }
.pad-top-10px{ padding-top: 10px; }
.pad-top-20px{ padding-top: 20px; }
.pad-top-30px{ padding-top: 30px; }

.pad-bot-5px { padding-bottom: 5px; }
.pad-bot-10px{ padding-bottom: 10px; }
.pad-bot-20px{ padding-bottom: 20px; }
.pad-bot-30px{ padding-bottom: 30px; }

.pad-left-5px { padding-left: 5px; }
.pad-left-10px{ padding-left: 10px; }
.pad-left-20px{ padding-left: 20px; }
.pad-left-30px{ padding-left: 30px; }

.pad-right-5px { padding-right: 5px; }
.pad-right-10px{ padding-right: 10px; }
.pad-right-20px{ padding-right: 20px; }
.pad-right-30px{ padding-right: 30px; }





/* ----- Style for Ktai Entry ----- */


.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}
.photo-end {
	clear:left;
}
/* ---------- */



/* ------------ リンク設定 ------------  */

a:link        { color: #666; text-decoration: underline; }
a:visited     { color: #666; text-decoration: underline; }
a:hover       { color: #666; text-decoration: none; }
