@charset "UTF-8";

/*
	Theme Name: Tokyo Rail Days Thailand
	Author: Media-Presto
	Version: 1.0.1

*/

/**General Setting
*****************************************/

html, body {
	height: 100%;
    width: 100%;
}
body{
	min-width: 1200px;
}
body {
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	background-color: #FFFFFF;
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
	padding: 0;
}

/** Typography
*****************************************/

h1, h2, h3, h4, h5, h6 { 
	color: #333; 
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	padding: 0;
	margin: 0;
}

/** Link
*****************************************/
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

/** Link
*****************************************/
a {
	/*-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;*/
	color: #604e44;
	/*transition: color 0.1s ease-in, background 0.1s ease-in;*/
	word-wrap: break-word;
	text-decoration: none;

}

a:hover,
a:focus { cursor: pointer; color: #7b7b7b; outline: 0; text-decoration: none; }

a:before,
a:after {
	/*-webkit-transition: color 0.3s ease-in, background 0.3s ease-in;
	-o-transition: color 0.3s ease-in, background 0.3s ease-in;
	-ms-transition: color 0.3s ease-in, background 0.3s ease-in;
	-moz-transition: color 0.3s ease-in, background 0.3s ease-in;
	transition: color 0.3s ease-in, background 0.3s ease-in; */
}


/** #header
*****************************************/
#bg-header{	
	border-top: 3px solid #00833e;
	background: url(images/bg/img_head_green.png) repeat-x top center #FFFFFF;
}
.header{
	position: relative;
	height: 297px;
}
.header #logo{
	width: 300px;
	margin-top: 30px;
	float: left;
}
.header #nav-global{
	float: right;
	width: 212px;
}
.header #nav-global li{
	width: 101px;
	margin-left: 5px;
	float: left;
}
.header #nav-global li a{
	display: block;
}
.header #nav-global li a:hover{
	opacity: 0.8;
}
.header #header-search{
	width: 170px;
	position: absolute;
	right: 0;
	top: 70px;
}
.cse .gsc-control-cse,
.gsc-control-cse {
	padding: 0px!important;
	background: none !important;
	border: none!important;
	position: relative;
}
.gsc-input-box{
	width: 170px!important;
	border: #222!important;
	height: 28px!important;	
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
	padding-right:  0 !important;
}
input.gsc-search-button{
	border-color: #00808e !important;
    margin-top: 8px !important;
    padding: 7px 6px 6px 6px!important;
    position: absolute;
    right: 171px;
    top: -8px;
} 
input.gsc-search-button:hover{
	opacity: 0.8;
}
.header .train{
	height: 23px;
	position: absolute;
	bottom: 7px;
	width: 100%;
	display: block;
}

/** #nav
*****************************************/
#nav{
	background: url(images/bg/bg_nav.png) repeat-x top center;
	height: 69px;
}

#nav li{
	float: left;
	height: 69px;
}
#nav li a{
	background: url(images/bg/bg_nav_item.jpg) no-repeat left top;
	height: 69px;
	display: block;
    overflow: hidden;
    text-indent: -9999px;
}

#nav li#nav01 a{ width: 170px;  background-position: 0 0;}
#nav li#nav01 a:hover, #nav li#nav01 a.active{ background-position: 0 -69px;}

#nav li#nav02 a{ width: 280px;  background-position: -170px 0;}
#nav li#nav02 a:hover, #nav li#nav02 a.active{ background-position: -170px -69px;}

#nav li#nav03 a{ width: 170px;  background-position: -450px 0;}
#nav li#nav03 a:hover, #nav li#nav03 a.active{ background-position: -450px -69px;}

#nav li#nav04 a{ width: 170px;  background-position: -620px 0;}
#nav li#nav04 a:hover, #nav li#nav04 a.active{ background-position: -620px -69px;}

#nav li#nav05 a{ width: 170px;  background-position: -790px 0;}
#nav li#nav05 a:hover, #nav li#nav05 a.active{ background-position: -790px -69px;}

#nav li#nav06 a{ width: 170px;  background-position: -960px 0;}
#nav li#nav06 a:hover, #nav li#nav06 a.active{ background-position: -960px -69px;}

#nav li .nav-child{
	display: none;
}
/** #slide
*****************************************/
#slide{
	background-color: #fff;
	width: 100%;
	height: 220px;
	overflow: hidden;
	position: relative;
	padding-top: 25px;
	padding-bottom: 30px;
}
/** Easy
*****************************************/
#easy{
	padding: 0 25px 25px 25px;
}
#easy .col{
	width: 282px;
	height: 217px;
	margin-right: 30px;
	float: left;
}


/** #footer
*****************************************/
#footer{
	background: url(images/bg/bg_footer.png) repeat-x;
	padding: 0 30px;
	color: #FFFFFF;
	width: 900px;
	height: 105px;
	margin: 0 auto;
}
.footer-nav{
	padding: 35px 0;
	float: left;
}
.footer-nav li{
	padding: 0 8px;
	line-height: 16px;
	float: left; 
	border-right: 1px solid #FFFFFF;
}
.footer-nav li.last{
	border-right: none;
}
.footer-nav li a{
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
.footer-nav li a:hover{
	color: #231F20;
}
#copyright{
	position: relative;
	bottom: 30px;
	margin: 0;
	padding: 0;
	font-size: 14px;
}


.page-title{
	margin-bottom: 30px;
	margin-left: 25px;
	margin-right: 25px;
}
/** .page-index
*****************************************/
.page-index .content{
	width: 562px;
	margin-left: 40px;
	float: left;
}

.page-index .news{
	border-left: 1px solid #878787; 
	border-right: 1px solid #878787; 
	border-bottom: 1px solid #878787; 
	margin-bottom: 25px;
}
.page-index .product h2,
.page-index .news h2{
	position: relative;
	left: -15px;
	width: 575px;
}
.page-index .news .row{
	font-family: 'supermarketregular';
	letter-spacing: 0.5px;
	font-size: 16px;
	margin: 0 40px 10px 40px;
	padding: 10px 0;
	color: #777777;
	border-bottom: 2px dotted #878787; 
}

.page-index .news .last-row{
	border-bottom:none;
}

.page-index .news .row dt{ 	float: left; width: 420px;}
.page-index .news .row dd{ 
	float: right; 
	width: 60px;
	text-align: right;
}
.page-index .news .row dd a{
	color: #E6130A

}
.page-index .product{
	border-left: 1px solid #878787; 
	border-right: 1px solid #878787; 
	border-bottom: 1px solid #878787; 
	margin-bottom: 25px;
	background: #92C8E2;
}

.page-index .product .row{
	padding: 0 15px 15px 15px;
}
.page-index .product .col{
	padding: 15px;
	background: #BBDBF2;
	margin-bottom: 15px;
	position: relative;
}
.page-index .product .col-wh{
	background: #FFFFFF;
}
.page-index .product .last-col{
	margin-bottom: 0!important;
}
.page-index .product .col .img{
	width: 150px;
	height: 120px;
	float: left;
	margin-right: 15px;
	overflow: hidden;
	position: relative;
}

.page-index .product .col .txt{	
	width: 335px;
	float: left;
	line-height: 22px;
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	font-size: 15px;
	color: #000000;
}
.page-index .product .col .txt h3{
	border-bottom: 1px solid #000000;
	margin-bottom: 5px;
	font-size: 18px;
}
.page-index .product .col .txt h3,
.page-index .product .col .txt h3 a{
	color: #4D2C00;
	font-family: 'supermarketregular';
	letter-spacing: 0.5px;
	font-size: 18px;
	font-weight: normal;
}

.page-index .product .col .txt .more a{
	width: 55px;
	height: 21px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.page-index .agency li,
.page-brand .agency li,
.page-products .agency li{
	float: left;
	width: 119px;
	padding: 0 10px;
	margin-bottom: 20px;
	height: 60px;
}

.page-index .sidebar{
	width: 300px;
	float: right;
	margin-right: 25px;	
}

.page-index .sidebar .video{
	margin-bottom: 30px;	
	position: relative;
	border-left: 1px solid #878787; 
	border-right: 1px solid #878787; 
	border-bottom: 1px solid #878787; 
	height: 243px;
}
.page-index .sidebar .facebook h2,
.page-index .sidebar .video h2{
	position: relative;
	left: -14px;
	width: 314px;
}
.page-index .sidebar .video .inner{
	width: 287px;
	margin: 0 auto;
	background: #FFFFFF;
	position: relative;
	top: -20px;
}
.page-index .sidebar .bnr{
	margin-bottom: 20px;
}
.page-index .sidebar .bnr img{
	margin-bottom: 10px;
}
.page-index .sidebar .facebook .inner{
	width: 300px;
	margin: 0 auto;
	background: #FFFFFF;
	position: relative;
	top: -21px;
}
#sub-page{
	background: #FFFFFF;
	width: 910px;
	padding: 25px;
	margin: 0 auto;
}
/** .page-brand
*****************************************/
.page-brand .box01{	
	background: url(images/bg/bg_brand_box01.jpg) no-repeat;
	height: 223px;
}
.page-brand .box01 .txt{
	width: 660px;
	padding: 20px;	
}
.page-brand .box01 img{
	margin-right: 20px;
	float: left;
	width: 217px;
}
.page-brand .box01 .txt p{
	font-family: 'supermarketregular';
	font-size: 18px;
	color: #000;
	letter-spacing: 1px;
	line-height: 31px;
}
.page-brand .box01 .txt p span{
	color: #4f0000;
	font-style: italic;
	font-weight: bold;
}

.page-brand .box02{	
	background: url(images/bg/bg_brand_box02.jpg) no-repeat;
	height: 376px;
}
.page-brand .box02 .txt{
	padding: 55px 45px 20px 20px;
	margin-left: 400px;
}
.page-brand .box02 img{
	margin-right: 20px;
	float: left;
	width: 139px;
}
.page-brand .box02 .txt p{
	font-family: 'supermarketregular';
	font-size: 16px;
	color: #000;
	letter-spacing: 0.5px;
	line-height: 27px;
}
.page-brand .box02 .txt p span{
	color: #008848;
	font-style: italic;
	font-weight: bold;
}
.page-brand .box03{
	position: relative;
	height: 417px;
}
.page-brand .box03 h3{
	position: absolute;
	left: -25px;
	height: 113px;
	display: block;
}
.page-brand .box03 .easy{
    left: 5px;
    position: relative;
    top: 89px;
}
.page-brand .box03 .easy h2{
	position: absolute;
	top: 200px;
	left: 275px;
	font-family: 'supermarketregular';
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.page-brand .agency{
	width: 575px;
	float: left;
	height: 142px;
	margin-right: 30px;
}

.page-brand .fb{
	width: 300px;
	float: left;
}

/** .page-products
*****************************************/
.page-products{
	padding: 0 30px;
	width: 900px;
	margin: 0 auto;
	background: #FFFFFF;
}
.page-detail .content,
.page-products .content{
	width: 570px;
	float: left;
	margin-left: 30px;
}

.page-products .box01{
	background: url(images/bg/bg_product_box01.jpg) center top no-repeat;
	height: 234px;
}
.page-products .box01 .char{
	float: left;
	display: block;
	height: 173px;
	width: 148px;
}
.page-products .box01 .txt{
	font-family: 'supermarketregular';
	font-size: 17px;
	letter-spacing: 0.5px;
	line-height: 28px;
}
.page-products .box01 .txt p span{
	font-size: 24px;
	color: #0a5f32;
}


.page-products .box03 h2{
	background: url(images/bg/bg_promotion_title.png) no-repeat;
	line-height: 50px;
	height: 77px;
	padding-left: 60px;	
	font-family: 'supermarketregular';
	font-size: 22px;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: normal;
}

.page-products .box03 .product_list{
	padding: 25px 25px 0 25px;
	border-left:  1px solid #474747;
	border-right:  1px solid #474747;
	border-bottom:  1px solid #474747;
	position: relative;
	top: -28px;
	left: 25px;
	width: 470px;
}
.page-products .box03 .product_list .item{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:  1px solid #474747;
	position: relative;
}
.page-products .box03 .product_list .item.last-col{
	border-bottom: none;
	margin-bottom: 0;
}
.page-products .box03 .product_list .item h3{
	font-family: 'supermarketregular';
	font-size: 18px;
	letter-spacing: 1px;
	color: #000000;
	font-weight: normal;
}

.page-products .box03 .product_list .item .img{
	width: 150px;
	float: left;
	margin-right: 20px;
}
.page-products .box03 .product_list .item .txt{
	width: 300px;
	float: left;
	font-family: 'supermarketregular';
	font-size: 14px;
	letter-spacing: 1px;
	color: #000000;
}
.page-products .box03 .product_list .item .more{
	bottom: 20px;
    display: block;
    height: 21px;
    position: absolute;
    right: 0;
}
/** .sidebar-products
*****************************************/
.page-detail .sidebar,
.page-products .sidebar{
	float: left;
    width: 300px;
}
.sidebar-products .nav-product{
	padding-bottom: 60px;
	background: url(images/bg/bg_product_side.png) left bottom no-repeat;
}
.sidebar-products .nav-product h3#tokyo{
	background: url(images/btn/side_ttl_01.png) no-repeat; 
}
.sidebar-products .nav-product h3#season{
	background: url(images/btn/side_ttl_02.png) no-repeat; 
}
.sidebar-products .nav-product h3#recommend{
	background: url(images/btn/side_ttl_03.png) no-repeat; 
}
.sidebar-products .nav-product h3#ticket{
	background: url(images/btn/side_ttl_04.png) no-repeat; 
}

.sidebar-products .nav-product h3#ticket:hover,
.sidebar-products .nav-product h3#recommend:hover,
.sidebar-products .nav-product h3#season:hover,
.sidebar-products .nav-product h3#tokyo:hover{
	background-position: 0 -160px !important;

}
.sidebar-products .nav-product h3.active,
.ui-accordion-header-active{
	background-position: 0 -80px !important;
}
.sidebar-products .nav-product h3{
	height: 80px;
	display: block !important;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
}
.sidebar-products .nav-product .sub li a.type .fa{
	font-size: 18px;
}
.sidebar-products .nav-product .sub li .post .fa{
	font-size: 9px;
}
.sidebar-products .nav-product .sub li a.type{
	display: block;	
	background:  #6AD4E4;
	padding: 10px 25px;
	font-size: 22px;
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	color: #02424E;
}
.sidebar-products .nav-product .sub li a.type:hover,
.sidebar-products .nav-product .sub li.active .type{
	color: #FFF;
}
.sidebar-products .nav-product .sub li.active .type:hover{
	color: #042b16;
}
.sidebar-products .nav-product .sub .post{
	padding: 5px 25px 5px 40px;
	background: #6AD4E4;
}
.sidebar-products .nav-product .sub .post a{
	font-size: 16px;
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	color: #042b16;
}
.sidebar-products .nav-product .sub .post a:hover,
.sidebar-products .nav-product .sub .post a.active{
	color: #FFFFFF;
}
/** .page-type
*****************************************/
.page-type .info h2{
	height: 34px;
	background: url(images/bg/bg_h2_type.png) no-repeat;
	padding-left: 36px;
	font-size: 26px;
	padding-top: 15px;
	font-family: 'supermarketregular';
	letter-spacing: 1px;
}
.page-type h2 span{
	background: #FFFFFF;
	padding: 3px 15px;
}
.page-type .info .txt{
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	font-size: 18px;
	color: #000000;
}

.page-type .product_list h2{
	background: url(images/bg/bg_list_title.png) no-repeat;
	line-height: 50px;
	height: 77px;
	padding-left: 70px;	
	font-family: 'supermarketregular';
	font-size: 22px;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: normal;
}
.page-type .product_list .inner{
	padding: 25px 25px 0 25px;
	border-left:  1px solid #474747;
	border-right:  1px solid #474747;
	border-bottom:  1px solid #474747;
	position: relative;
	top: -28px;
	left: 25px;
	width: 470px;
}
.page-type .product_list .item{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:  1px solid #474747;
	position: relative;
}
.page-type .product_list .item.last-col{
	border-bottom: none;
	margin-bottom: 0;
}
.page-type .product_list .item h3{
	margin-bottom: 5px;
}
.page-type .product_list .item h3 a{
	font-family: 'supermarketregular';
	font-size: 20px;
	letter-spacing: 1px;
	color: #000000;
	font-weight: normal;
}

.page-type .product_list .item .img{
	width: 150px;
	float: left;
	margin-right: 20px;
}
.page-type .product_list .item .txt{
	width: 300px;
	float: left;
	font-family: 'supermarketregular';
	font-size: 14px;
	letter-spacing: 1px;
	color: #000000;
	line-height: 21px;
	margin-bottom: 15px;
}
.page-type .product_list .item .more{
	bottom: 10px;
    display: block;
    height: 21px;
    position: absolute;
    right: 0;
}
/** .page-detail
*****************************************/
.page-detail{
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	font-size: 15px;
	color: #000000;
}
.page-detail .fa{
	font-size: 11px;
	line-height: 24px;
}
.page-detail h2{	
	font-size: 22px;	
	color: #FFFFFF;
	line-height: 50px;
	padding-left: 45px;
	font-weight: normal;
	margin-bottom: 20px;
	width: 555px;
	font-family: 'supermarketregular';
}
.page-detail h2#item_title{
	background: url(images/bg/bg_detail_ttl01.png) repeat-y;
}
.page-detail h2#plan_title{
	background: url(images/bg/bg_detail_ttl02.png) no-repeat;
}
.page-detail h2#hotel_title{
	background: url(images/bg/bg_detail_ttl03.png) no-repeat;
}
.page-detail h2#agency_title{
	background: url(images/bg/bg_detail_ttl04.png) no-repeat;
}

.page-detail .plan table{
	border-collapse: collapse;
}
.page-detail .plan table th,
.page-detail .plan table td{
	padding: 5px;
	text-align: left;
	border: 1px solid #ccc;
}

.page-detail h3{
	color: #c22d13;
	font-family: 'supermarketregular';
	font-size: 20px;
	font-weight: normal;
}
.page-detail .info .txt{
	width: 290px;
	margin-right: 25px;
	float: left;
}
.page-detail .info .img{
	width: 255px;
	float: left;
}
.page-detail .info .icon li{
	float: left;
	margin: 5px 10px 5px 0;
	width: 50px;
}
.page-detail .map{
	padding: 10px;
}
.page-detail .map img{
	border: 10px solid #dcdcdc;	
}
.page-detail .map .txt{
	font-style: italic;

}
.page-detail .map .txt a{
	text-decoration: underline;
	color: #000000;
}

.page-detail .hotel h3{
	color: #094e61;
	padding: 0 30px 10px 30px;
}
.page-detail .hotel .item-hotel{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #222;
}
.page-detail .hotel .gallery li{
	width: 170px;
	margin-right: 30px;
	float: left;
}
.page-detail .agency{
	border-bottom: 1px solid #222;
}
.page-detail .agency .col{
	float: left;
	width: 119px;
	padding: 5px;
}
.page-detail .two-btn .back{
	width: 200px;
	float: left;
	text-align: left;
}
.page-detail .two-btn .top{
	width: 70px;
	float: right;
	text-align: right;
}
/** .page-download
*****************************************/
.page-download .box,
.page-download .box_02{
	position: relative;
	margin-bottom: 30px;
}
.page-download .box h2,
.page-download .box_02 h2{
	padding: 20px 0 0 80px;
	font-size: 24px;
	color: #FFFFFF;
	width: 880px;
	position: relative;
	left: -25px;
	height: 64px;
	text-transform: uppercase;
}
.page-download .box h2.title01,
.page-download .box_02 h2.title01{
	background: url(images/bg/bg_download_title01.png) no-repeat;
}
.page-download .box .year{
	position: absolute;
	top: 0;
	right: 0;
	margin-bottom: 5px;
}

.page-download .box .year li{
	float: left;
	margin-left: 5px;
	display: block;
	width: 80px;
}
.page-download .box .year li a{
	display: block;
	border: 1px solid #ef4625;
	color: #ef4625;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
.page-download .box .year li:hover{
	opacity: 0.7;
}
.page-download .box .year li.active a{
	background:  #ef4625;
	color: #FFFFFF;
}
.page-download .box .year li.active .arrow{
    background: url("images/bg/bg_rec_orange.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -7px;
    height: 14px;
    left: 40px;
    position: absolute;
    width: 35px;
}  
.page-download .box .row,
.page-download .box_02 .row{
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	top: -24px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 30px;
}
.page-download .box .row .col {
	margin-right: 20px;
	width: 194px;
	float: left;	
	overflow: hidden;
	margin-bottom: 10px;

}
.page-download .box .row .col .img{
	border: 10px solid #c5c5c5;
	height: 245px;
}
.page-download .box .row .col h4,
.page-download .box_02 .row .col h4{
	padding: 5px 0 0 0;
	position: relative;
}
.page-download .box .row .col h4 a,
.page-download .box_02 .row .col h4 a{
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 17px;
}
.page-download .box .row .col:hover h4 a,
.page-download .box_02 .row .col:hover h4 a{
	color: #146f3f;
}
.page-download .box_02 .row .col p{
	line-height: 24px;
	font-size: 16px; 
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	margin-top: 5px;
}

.page-download .box .row .col .fa,
.page-download .box_02 .row .col .fa{
	font-size: 18px;
	margin-right: 5px;
	font-weight: bold;
}
.page-download .box_02 .col {
	float: left;
	width: 400px;
	margin-right: 20px;
}
.page-download .box_02 .col .img{
	width: 140px;
	border: 5px solid #c5c5c5;
	float: left;
	margin-right: 10px;
	height: 198px;
}


/** .page-contact
*****************************************/
.page-contact #contact-form{
	padding: 30px 150px 30px 30px;
	margin: 0 auto;
	border: 1px solid #eee;
	background: url(images/bg/bg_contact_form.png) 720px 30px no-repeat #f2f2f2;
	min-height: 500px;
}
.page-contact #contact-form .desc{
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	font-size: 15px;
	color: #a2a2a2;
	font-style: italic;
	margin-bottom: 10px;
}
.page-contact #contact-form th{
	vertical-align: top;
	padding: 5px 0;
	text-align: left;
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	font-size: 17px;
	color: #444;
	font-weight: normal;
}
.page-contact #contact-form td{
	padding: 5px 0;
}
.page-contact #contact-form .input{
	background: url("images/bg/bg_search_shadow.png") repeat-x right top #ffffff;
	border: 1px solid #999999;
	padding: 5px;
	height: 20px;

}
.page-contact #contact-form #username,
.page-contact #contact-form #tel,
.page-contact #contact-form #email{
	width: 200px;
}
.page-contact #contact-form #subject{
	width: 533px;
}

.page-contact #contact-form #description{
	height: 180px;
	width: 200px;
	background: url("images/bg/bg_search_shadow.png") repeat-x right top #ffffff;
	border: 1px solid #999999;
	padding: 5px;
}
.page-contact #contact-form #male{
	background: #FFFFFF;
	width: 15px;
	height: 15px;
}

.page-contact #contact-form .error{
	font-size: 12px;
	color: #EF4724;
	display: block;v
}
.page-contact #contact-form .captcha{
	position: absolute;
	top: 7px;
	left: -45px;
}
.page-contact #contact-form .submit{	
	display: block;
}
.page-contact #contact-form .submit a{
	color: #FFFFFF;
	background: #666;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	font-size: 17px;
	width: 150px;
	float: right;
}
.page-contact #contact-form .submit a:hover{
	opacity: 0.8;
}
.page-contact #contact-form .two-btn{
	width: 330px;
	margin: 50px auto 0;
}
.page-contact #contact-form .two-btn li.btn-left{
	float: left;
	width: 150px;
}
.page-contact #contact-form .two-btn li.btn-right{
	float: right;
	width: 150px;	
}
.page-contact #contact-form .two-btn li a{
	color: #FFFFFF;
	background: #666;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	font-size: 17px;
}
.page-contact #contact-form .fa{
	font-size: 14px;
}
.page-contact #contact-form .two-btn li a:hover{
	opacity: 0.8;
}
.page-contact #contact-form #thank{
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	font-size: 22px;
	color: #a2a2a2;
	font-style: italic;
	margin-bottom: 10px;
	line-height: 40px;
}
/** .page-privacy and term
*****************************************/
.page-privacy .content{
	margin: 30px;
	font-family: 'supermarketregular';
	letter-spacing: 1px;
}

.page-privacy h2{
	padding-left: 60px;
	font-family: 'supermarketregular';
	letter-spacing: 2px;
	font-size: 22px;
	color: #FFFFFF;
	line-height: 57px;
	height: 50px;
}
.page-privacy .privacy_ttl{
	background: url(images/bg/bg_privacy_ttl.png) no-repeat;
}
.page-privacy .term_ttl{
	background: url(images/bg/bg_term_ttl.png) no-repeat;
}
.page-privacy .content h3{
	font-size: 20px;
	font-family: 'supermarketregular';
	letter-spacing: 1.5px;
	font-style: italic;
	margin-bottom: 10px;
}
.page-privacy .content p{
	margin-bottom: 40px;	
	font-size: 17px;
	line-height: 28px;
}
.page-privacy .content hr{
	border-style: none none dotted;
	margin-bottom: 40px;
	width: 700px;
}

/** .page-gala
================================== */
.page-gala{
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	font-size: 17px;
}
.page-gala .gala_header{
	height: 600px;
	background: url(images/bg/bg_header_gala.jpg) no-repeat;
	position: relative;
}

.page-gala .gala_header h2{
	position: absolute;
	top: 50px;
	left: 50px;
}

.page-gala h3{
	font-family: 'supermarketregular';
	letter-spacing: 1px;
	font-size: 24px;
	margin-bottom: 10px;
}
.page-gala .desc li{
	line-height: 28px;
}
.page-gala .price .remark{
	font-style: italic;
	margin-bottom: 20px;
	color: #ff0000;
}
.page-gala .price_tbl td{ padding: 5px;}
.page-gala .price_tbl td.type{
	text-align: center;
	font-weight: bold;
}
.page-gala .product_tbl{
	border-collapse: collapse;
}
.page-gala .product_tbl th{
	background: #444444;
	color: #ffffff;
}
.page-gala .product_tbl td,
.page-gala .product_tbl th{
	text-align: center;
	padding: 5px;
	border: 1px solid #ccc;
	
}
.page-gala .product_tbl .course{
	font-weight: bold;
	background: #eee;
}
.page-gala .product_tbl .fa{
	font-size: 9px;
}
.page-gala .gallery li{
	width: 280px;
	margin-right:35px;
	float: left;
	height: 180px;
}

.page-gala .gala_footer{
	background: url(images/bg/bg_footer_gala.jpg) no-repeat;
	height: 200px;
	position: relative;
}

.page-gala .gala_footer h3{
	position: absolute;
	top: 35px;
	left: 130px;
	text-align: center;
	line-height: 35px;
	letter-spacing: 1.2px;
}

.page-gala .gala_footer p{
	position: absolute;
	top: 150px;
	font-weight: bold;
	font-style: italic;
}

.page-gala .agency{
	background: #eee;
	padding: 10px;
}
.page-gala .agency li{
	width: 118px;
	height: 66px;
	float: left;
	margin-right: 10px;
}


/*------------ PAGE-Instagram --------------*/
.page-instagram {
	font-family: "supermarketregular";
}

.page-instagram #all-insta{
	margin-top: 5px;		
}
.page-instagram 	.insta{
	display: inline-table;
	margin: 0px 6px 15px 5px;
}
.page-instagram #all-insta li .insta{
	width: 210px;
	float: left;
}
.page-instagram .userid{
	width: 210px;
	display: inherit;
}
.page-instagram .userimg{
	width: 20px;
	float: right;
}
.page-instagram .username{
	display: inline-block;
	text-align: end;
	width: 133px;
	font-weight: bold;
	font-size: 18px;
}
.page-instagram .like{
	width: 50px;
	text-align: left;
	display: inline-block;
	font-size: 18px;
}
.page-instagram .like img{
	width: 16px;
	vertical-align: sub;
	margin-right: 5px;
}
.page-instagram .date{
	color: #EAA8AA;
	font-size: 18px;
}
.page-instagram .caption{
	width: 210px;
	display: inherit;
	height: 80 !important;
	overflow: hidden;
	position: relative;
	font-size: 18px;
}
.page-instagram .clamped{
	max-height: 6em;
}
.page-instagram .ellipsis {
	background: #fff;
	bottom: 0;
	position: absolute;
	right: 0;
}
.page-instagram .more{
	text-align: center;
	margin: 20px 0 50px 0;		
}
	
.page-instagram .fancybox-title-inside-wrap{ 
	padding: 10px!important; 
}
.page-instagram .fa{
	font-size: 15px;
	margin-right: 5px;
}
.page-instagram .ig-menu div{
	width: 33.3%;
	float: left;
	height: 47px;
	
}
.page-instagram .ig-menu div a{
	color: #FFFFFF;
	font-size: 24px;
	padding-left: 50px;
	line-height: 52px;
	display: block;
}
.page-instagram .back{ text-align: right;}
.page-instagram .back a{ color: #0C5E89; font-size: 18px;}
.page-instagram .ig-menu div a:hover{ opacity: 0.7;}
.page-instagram .ig-menu .menu_01 a{ background: url(images/icon/icon_rule.png) no-repeat 10px 10px #74a643; }
.page-instagram .ig-menu .menu_02 a{ background: url(images/icon/icon_present.png) no-repeat 10px 10px #f55b70;}
.page-instagram .ig-menu .menu_03 a{ background: url(images/icon/icon_ig.png) no-repeat 10px 10px #e99d3e;}

.page-instagram h2{
	color: #FFFFFF;
	font-family: "supermarketregular";
	padding-left: 70px;
	line-height: 52px;
	font-size: 25px;
	width: 890px;
	position: relative;
	left: -25px;
	margin-bottom: 20px
}
.page-instagram #howto h2{ 	background: url(images/icon/icon_rule.png) no-repeat 25px 10px #74a643;  }
.page-instagram #award h2{ 	background: url(images/icon/icon_present.png) no-repeat 25px 10px #f55b70; }
.page-instagram #gallery h2{ background: url(images/icon/icon_ig.png) no-repeat 25px 10px #e99d3e; left: -30px;}

.page-instagram #howto dl{
	padding: 5px 20px;
}
.page-instagram #howto dt {
	float: left;
	margin-right: 5px;
	width: 2%;
	font-size: 27px !important;
	line-height: 30px;
}
.page-instagram #howto dd{
	float: left;
	width: 95%;
	font-size: 24px !important;
	line-height: 30px;
}
.page-instagram #award dl{
	float: left;
	width: 95%;
	font-size: 24px !important;
	line-height: 30px;
	padding: 7px 15px 18px 55px;
}
.page-instagram #sticker p {
	font-size: 24px !important;
	line-height: 30px;
	text-align: center;
	font-style: oblique;
}
.page-instagram #howto .con{
	background: #e0e0e0;
	margin: 20px;
	padding: 20px;
}
.page-instagram #howto .con h3{
	font-family: "supermarketregular";
	font-size: 20px;
}
.page-instagram #howto .con .txt{
	float: left;
	width: 65%;
	margin-right: 5%
}
.page-instagram #howto .con .txt ul{
	padding: 10px;
}
.page-instagram #howto .con .txt ul li{
	font-size: 20px;
	margin-bottom: 5px;
}
.page-instagram #howto .con .img{
	float: right;
	width: 30%;
	text-align: center;
}
.page-instagram #howto .con .img .remark{
	font-style: italic;
	font-size: 17px;
}