@charset "utf-8";
/* CSS Document */


/* ------------------------------

    INDEX
	
	A　* reset
	B　* the whole
	C  * link
	D  * jQuery Mobile's default clear
	E  * header
	F  * footer
	G  * index

	
------------------------------ */


/*===============================================================================
	A　* reset
===============================================================================*/

h1, h2, h3, h4, h5, h6 {margin: 0px;padding: 0px;}

p, hr, blockquote, address, noscript {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	border: none;
}

ul, li , ol, dl, dt, dd , pre, table, form {
	margin: 0px;
	padding: 0px;
}

li  {list-style-type: none;}

table , img {border: none;}

em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}

hr {display: none;clear: both;}

img {border: none;}

/*===============================================================================
	B　* the whole
===============================================================================*/

html {overflow-y:scroll;}

body{
	margin: 0;
	padding: 0;
	background:#f5f3b4 !important;
}

.cl {clear:both;}

.clearfix {zoom:1;}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
	}

li img,dt img,dd img{vertical-align:bottom;}


/* -------------------------------------------
    B  * media  LAYOUT
------------------------------------------- */

/* LAYOUT 320
----------------------------------------------- */

@media (min-width: 320px) {
.ui-content {
	width: 100%;
	overflow:hidden;
	padding:0 !important;
}
.ui-body-a .ui-body-z .ui-header{
	width:90%;
}
.my_header_01 {
	margin:0 !important;
}
.ui-page {width:100% !important;}

#popup_con{
	margin-right:15px !important;
	}
	
#popup_con01{
	margin-right:15px !important;
	}
	
.my_page { background:#FFF !important;}

}

/* LAYOUT BIG
----------------------------------------------- */

@media screen and (min-width: 640px) {
.ui-page {width:640px !important; margin:0 auto !important;box-shadow:none !important; position:absolute; left:50% !important; margin-left:-320px!important;}
.ui-content,.ui-header,.ui-footer{box-shadow:none !important;}.ui-content{ padding:0 !important;}
.my_content { width:640px !important;}

	
#popup_con{
	margin:0 0 0 110px !important;
	}

#popup_con01{
	margin-right:250px !important;
	}
	
.ui-footer{width:640px !important; margin:0 auto !important; left:50% !important; margin-left:-320px!important;}	
	
}

/* -------------------------------------
    B　* min-width
------------------------------------- */

.my_content {
	min-width: 320px;
	line-height: 1.8;
	letter-spacing:1px;
}
.my_inn { padding:0 10px 30px 10px;}

/* -------------------------------------
    B　* radius
------------------------------------- */

.radius1{
	border-radius: 4px;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;
	}

.radius2{
	border-radius: 6px;
	-webkit-border-radius: 6px;  
	-moz-border-radius: 6px;
	}

.radius3{
	border-radius: 6px;
	-webkit-border-radius: 6px;  
	-moz-border-radius: 6px;
	}

/* -------------------------------------
    B　* margin
------------------------------------- */

.marb10{ margin-bottom:10px;}
.marb15{ margin-bottom:15px;}
.marb20{ margin-bottom:20px;}


/* -------------------------------------
    B　* list-divider
------------------------------------- */

.my_list-divider01 {
	text-align:center !important;
	color: #FFF !important;
	background:#326c47 !important;
	text-shadow:none !important;
	border:none !important;
	font-size:16px !important; 
}

.my_list-divider02 {
	text-align:center !important;
	text-shadow:none !important;
	border:none !important;
	font-size:16px !important; 
}

.con_txt { font-size:13px;}
.con_txt02 { font-size:12px;}


ul.contact_list li{
	letter-spacing:1px !important;
	line-height:1.4em !important;
	}

ul.contact_list{
	margin:0 10px 0 10px !important;
	border:1px solid #326c47;
	}
	
.footer_area{
	margin-bottom:20px;
	}

/* -------------------------------------
    B　* caption
------------------------------------- */

.caption{
	padding:7px 10px;
	border:1px solid #EA0071;
	margin:10px 0 20px 0;
	line-height:1.4em;
	letter-spacing:1px;
	}
.cap_tit{ font-size:18px; margin-bottom:10px; padding:0 0 5px 2px; border-bottom:1px solid #EA0071;}

.caption p{ padding:0 3px; font-size:14px;}

.caption a{
	color:#333 !important;
	text-decoration:underline !important;
	}


/* -------------------------------------
    B　* nav_menu
------------------------------------- */

@media screen and (min-width: 640px) {
.nav_menu{width:640px !important; margin:0 auto !important; left:50% !important; margin-left:-320px !important; position:fixed;}	
}
.nav_menu{ width:100%; position:fixed; left:0; bottom:0; z-index:200;}

.nav_menu ul li{width:25%; float:left;}
.nav_menu li img{ width:100%;}

.nav_btn{ width:100%; text-align:center;}
.nav_btn img{width:60%;}


.popup_con li{ float:none !important;}
.popup_con .ui-listview li a{
	font-weight:normal !important;
	font-size:14px;
	}

.ui-corner-all {border:none !important;}

/*===============================================================================
	C  * link
===============================================================================*/

a:link,
a:visited,
a:active {text-decoration: none;}
	
a:hover {text-decoration: none;}

img {border: none;}


/*===============================================================================
	D  * jQuery Mobile's default clear
===============================================================================*/

.ui-header .ui-title,
.ui-footer .ui-title,
.ui-btn-inner,
.ui-li-heading,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc {
	overflow: visible !important;
	white-space: normal !important;
}
.ui-header .ui-title, .ui-footer .ui-title { margin:0 0 0 0 !important;}

.ui-header{
	height: 55px !important;
	background:#EA0071 !important;
	border:none !important;
	}
	
.ui-footer{ background:none !important; border:none !important;}

/*===============================================================================
	E  * header
===============================================================================*/

/* -------------------------------------------
    E  * h1
------------------------------------------- */

.header{height: 65px;}
h1{font-size:12px !important; text-shadow: none !important; color:#FFF; text-align:left !important; padding:13px 0 0 45px !important;}
.my_h1{font-size:10px!important; color:#FFF; margin-bottom:2px; text-shadow: none !important; letter-spacing:0.1em;}



/* -------------------------------------------
    E  * icon
------------------------------------------- */

.ui-icon-spre{ margin-top:7px !important;}


.ui-icon-spre:after {
  background-image: url("../img/common/t_logo.png");
  background-color: transparent;
  background-size: contain;
}


/* -------------------------------------------
    E  * header menu
------------------------------------------- */

.ui-header .ui-btn-right { position: absolute; top:0.6em; text-indent:-9999px; }

.ui-header .ui-btn-right .h-menu { position: absolute; right:0.3em; top:0em; }

.ui-btn-right .h-menu a {
    display: block;
    border: 0;
    background: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 45px;
    height: 45px;
	padding:0 !important;
	}

.menu {
	background-image:url("../img/common/menu.jpg");
	-webkit-background-size:40px 40px;
	background-size:40px 40px;
    text-indent: -9999px;
    border: 0;
    border-radius: 0 !important;
	box-shadow:none !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 40px;
    height: 40px;
	padding:0 !important;
	}



/*===============================================================================
	F  * footer
===============================================================================*/

.my_footer {
	font-size: 12px !important;
	text-align: center !important;
	font-weight: normal !important;
	margin-top:20px;
	padding:7px 5px;
	background:#EA0071 !important;
	color:#FFF !important;
	text-shadow:none !important;
}

.p-top{
	position: fixed;
	bottom:85px;
	right: 20px;
	}

.p-top img{
 	width: 30px;
	height: 30px;
	}

.p-top a{
 	width: 30px;
	height: 30px;
	padding:2px;
	text-align: center;
	display: block;
	background:#FFF;
	border-radius:4px;
	box-shadow:0 0 3px #333;
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
    }
	
.p-top a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom:1;
	}

/*===============================================================================
	G  * index
===============================================================================*/

.top_main_area{ margin-bottom:15px;}
.top_main_area img{ width:100%;}
.top_bn{ margin-bottom:15px;}
.top_bn img{ width:100%;}


/*===============================================================================
	H  * member
===============================================================================*/

.my_inner07{ padding:10px;}
.girls_list_name{line-height:1.6em; margin-top:7px;}


/*===============================================================================
	I  * movie
===============================================================================*/

.my_movie_coming{ margin:50px 0 30px 0;font-size:20px; text-align:center; color:#CCC; font-weight:bold;}

.my_movie{}