@charset "utf-8";




/* Reset */

* {
	margin:0;
	padding:0;
}

html {
	font-size:12px;
	overflow-y: scroll;
	background:#FFFFFF;
	margin:0;
	padding:0;
	font-family: sans-serif;
}

/*=============================================================*/
/* text-link style reset */

a:link,
a:visited,
a:active,
a:hover {
	color:#333333;
		font-size:12px;
		border:none;
 outline: none;
}

/*=============================================================*/
/* image style reset */

img{vertical-align:bottom;}

img,
a img {
	border:none;
	background:transparent;
}

object,
embed {
	vertical-align:top;
}

/*=============================================================*/
/* list style reset*/ 

ul,
ol,
dl {
	margin:0;
	padding:0;
	list-style: none;
}

li {
	display:list-item;
	zoom:normal;
}

/*=============================================================*/
/*************************************************************/
/* default css  */

.hidetext {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/*=============================================================*/
/*************************************************************/
/* #all  */

#all {
    _zoom: 1;
	height:auto;
    width:1000px;
	margin:0 auto 30px;
	overflow:hidden;
	background: url(../img/bg.png) no-repeat right bottom;
}

/*************************************************************/

/*************************************************************/
/*=============================================================*/
/* #h1  */

#header {
	height:137px;
	margin:0 auto;
}

#header h1 {
	height:137px;
	background: url(../img/head.png) no-repeat 0 0;
}

/*=============================================================*/
/* #list-box  */

#list-box1 {
	position:relative;
	_zoom: 1;
	height:auto;
	width:545px;
	clear :both;
	margin:21px 0px 0px 29px;
	overflow:hidden; 
}

#list-box1 h2 {
	margin:0px 0px 9px 0px;
	position:relative;
	height:30px;
	width:467px;
	float:left;
	overflow:hidden; 
	background: url(../img/h2.png) no-repeat 0 0;
}

#list-box1 a.pop {
	height:30px;
	width:78px;
	float:right;
	overflow:hidden; 
	background: url(../img/pop-btn.jpg) no-repeat 0 0;
}

#list-box1 a:hover{
	background-position: 0 -30px;
}
/*=============================================================*/

#list-box1 #flash-list ul{
	clear :both;
}

#list-box1 #flash-list li{
	overflow:hidden; 
	clear :both;
	height:35px;
	margin:0px 0px 7px 0px;
	border-bottom:2px solid #B4B4B5;
}

/*=============================================================*/

#list-box1 #flash-list li b{
	height:29px;
	overflow:hidden; 
	float:left;
	display:block;
	width:369px;	
	}


#list-box1 #flash-list li b.fortune-telling{
	background: url(../img/01.png) no-repeat 0 0;	
}

#list-box1 #flash-list li b.one-click{
	background: url(../img/02.png) no-repeat 0 0;	
}

#list-box1 #flash-list li b.meeting{
	background: url(../img/03.png) no-repeat 0 0;	
}

#list-box1 #flash-list li b.shopping{
	background: url(../img/04.png) no-repeat 0 0;	
}

#list-box1 #flash-list li b.gaming{
	background: url(../img/05.png) no-repeat 0 0;	
}


/*=============================================================*/

#list-box1 #flash-list li a{
	overflow:hidden;
	display:block;
	height:29px;
}

#list-box1 #flash-list li a.flash1{
	width:83px;
	float:left;
	margin-top:2px;
	background: url(../img/taiken_btn.png) no-repeat 0 0;
}

#list-box1 #flash-list li a.flash2{
	width:84px;
	float:right;
	margin-top:2px;
	background: url(../img/simulation-btn.png) no-repeat 0 0;
}

#list-box1 #flash-list li a:hover{
	background-position: 0 -28px;
}

/*=============================================================*/
/*************************************************************/
/*=============================================================*/
/* #list-box2  */

#list-box2 {
	position:relative;
	_zoom: 1;
	height:auto;
	width:545px;
	clear :both;
	margin:18px 0px 18px 29px;
	font-size:15px;
}

#list-box2 h2 {
	margin:0 0 8px 0;
	height:20px;
	width:545px;
	overflow:hidden; 
	background: url(../img/h2-ppt-pdf.png) no-repeat 0 0;
}

#list-box2 #ppt-pdf-list ul{
	clear :both;
}

#list-box2 #ppt-pdf-list li{
	height:25px;
	line-height:25px;
	border-bottom:1px solid #B4B4B5;
	overflow:hidden;
}


/*=============================================================*/

#list-box2 #ppt-pdf-list li b{
	float:left;
	display:block;
	width:auto;
	}


#list-box2 #ppt-pdf-list li b.num{
	color:#6ecccc;
	float:left;
	display:block;
	width:18px;
	}

#list-box2 #ppt-pdf-list li b.title{
	float:left;
	display:block;	

	}

/*=============================================================*/

#list-box2 #ppt-pdf-list li a{
	display:block;
	height:25px;
	line-height:25px;
	padding-left:8px;
	background: url(../img/arrow_off.png) no-repeat left center;
	text-decoration:underline;
}

#list-box2 #ppt-pdf-list li a.ppt{
	color:#27A09D;
	width:auto;
	float:right;
	margin-right:15px;
}

#list-box2 #ppt-pdf-list li a.pdf{
	color:#27A09D;
	width:auto;
	float:right;
	margin-right:10px;
}

#list-box2 #ppt-pdf-list li a:hover{
	color:#8EDDDB;
	background: url(../img/arrow_on.png) no-repeat left center;
}

/*=============================================================*/
/*************************************************************/
/*=============================================================*/

/*=============================================================*/
/* #setting */

#setting {
	position:relative;
	_zoom: 1;
	height:auto;
	width:525px;
	margin:0px 0px 9px 29px; 
	padding:8px;
	background :#D7F5F5;
	border:#6DCBCB 2px solid;
	overflow:hidden;
}

#setting h3{
	padding:3px 10px;
	background:#fff;
	font-size:16px;
}

#setting #frame-contents{
	display:block;
	float:left;
	padding:0px 12px;
	margin-top:12px;
}

#setting ul{

}

#setting li{
	list-style-image: url(../img/mark.gif)!important;
	margin:0px 0px 5px 11px;
	
}

/*=============================================================*/
/* #setting01 */
#setting #setting01{
	float:left;
	width:260px;
	height:auto;
	border-right:1px solid #000000;
}

/*=============================================================*/
/* #setting02 */
#setting #setting02{
	float:right;
	width:225px;
	margin-left:15px;
}



/*=============================================================*/
/*************************************************************/
/*=============================================================*/
/* #brand */

#brand {
	clear :both;
	position:relative;
	_zoom: 1;
	height:auto;
	width:525px;
	margin:0px 0px 0px 29px; 
	padding:8px;
	background :#D7F5F5;
	border:#6DCBCB 2px solid;
	overflow:hidden;
}

#brand h3{
	padding:3px 10px;
	background:#fff;
	font-size:16px;
}

#brand ul{
	display:block;
	float:left;
	padding:0px 12px;
	margin-top:12px;
}

#brand li{
	list-style-image: url(../img/mark.gif)!important;
	margin:0px 0px 5px 11px;
	line-height:16px
	
}

/*=============================================================*/
/*************************************************************/
/*=============================================================*/
/* pop.html */
#pop-all{
	width:545px;
	height:422px;	
}

#pop-all #pop-img{
	width:545px;
	padding:387px 0 0 0;
	overflow:hidden;
	display:block;
	height:0px;
	background: url(../img/pop.jpg) no-repeat 0 0; 
}

#pop-all #btn_close02,
#pop-all #btn_close02 a{
	width:545px;
	padding:35px 0 0 0;
	overflow:hidden;
	display:block;
	height:0px;
	background: url(../img/pop-close.jpg) no-repeat 0 0; 
}


/*=============================================================*/
/*************************************************************/
/*=============================================================*/
/* 2018-12-10 by d-spica */

#all {
	min-height: 840px;
}

#list-box1 h2 {
	width:auto;
	float:none;
	background-color: rgb(83,194,195);
	border-radius: 4px;
}

#setting #setting01 {
	height: 96px;
}