/* ------------ base ------------ */


/* ----------------------------------------------------------------  */
/* --------------------  全サイト共通項目 -------------------------  */
/* ----------------------------------------------------------------  */



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



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

.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;
}

 


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

#top-member{
	display:block;
	width: 605px;
	height: 350px;
	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-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;
}

.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-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;
}


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

.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;
}



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

/*  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;
	background: #e3d9b1;
	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;
	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;
}


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

.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;
}



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


h1 { margin: 0px 0px 10px 0px;}
h2 { margin: 0px 0px 10px 0px;}
h3 { margin: 0px 0px 10px 0px;}
h4 { 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:  140%;
	line-height: 160%;
}




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

.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-brown2 { color: #5d534a; }
.col-l-brown { color: #a7a78d; }
.col-l-grey { color: #999; }
.col-grey { color: #666; }


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

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



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

.mar-top-5px { margin-top: 5px; font-size: 100%; }
.mar-top-10px{ margin-top: 10px; font-size: 100%; }
.mar-top-20px{ margin-top: 20px; font-size: 100%; }
.mar-top-30px{ margin-top: 30px; font-size: 100%; }

.mar-bot-5px { margin-bottom: 5px; font-size: 100%; }
.mar-bot-10px{ margin-bottom: 10px; font-size: 100%; }
.mar-bot-20px{ margin-bottom: 20px; font-size: 100%; }
.mar-bot-30px{ margin-bottom: 30px; font-size: 100%; }

.mar-left-5px { margin-left: 5px; font-size: 100%; }
.mar-left-10px{ margin-left: 10px; font-size: 100%; }
.mar-left-20px{ margin-left: 20px; font-size: 100%; }
.mar-left-30px{ margin-left: 30px; font-size: 100%; }

.mar-right-5px { margin-right: 5px; font-size: 100%; }
.mar-right-10px{ margin-right: 10px; font-size: 100%; }
.mar-right-20px{ margin-right: 20px; font-size: 100%; }
.mar-right-30px{ margin-right: 30px; font-size: 100%; }

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

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

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

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


.pad-5px { padding: 5px; font-size: 100%; }
.pad-10px{ padding: 10px; font-size: 100%; }
.pad-20px{ padding: 20px; font-size: 100%; }
.pad-30px{ padding: 30px; font-size: 100%; }

.pad-top-5px { padding-top: 5px; font-size: 100%; }
.pad-top-10px{ padding-top: 10px; font-size: 100%; }
.pad-top-20px{ padding-top: 20px; font-size: 100%; }
.pad-top-30px{ padding-top: 30px; font-size: 100%; }

.pad-bot-5px { padding-bottom: 5px; font-size: 100%; }
.pad-bot-10px{ padding-bottom: 10px; font-size: 100%; }
.pad-bot-20px{ padding-bottom: 20px; font-size: 100%; }
.pad-bot-30px{ padding-bottom: 30px; font-size: 100%; }

.pad-left-5px { padding-left: 5px; font-size: 100%; }
.pad-left-10px{ padding-left: 10px; font-size: 100%; }
.pad-left-20px{ padding-left: 20px; font-size: 100%; }
.pad-left-30px{ padding-left: 30px; font-size: 100%; }

.pad-right-5px { padding-right: 5px; font-size: 100%; }
.pad-right-10px{ padding-right: 10px; font-size: 100%; }
.pad-right-20px{ padding-right: 20px; font-size: 100%; }
.pad-right-30px{ padding-right: 30px; font-size: 100%; }





/* ----- 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;
}
/* ---------- */