BODY {
  text-align : center;
  font-size : 90%;
  margin-top : 0px;
  margin-bottom : 0px;
  font-family : "MS UI Gothic";
  margin-left : 2px;
  margin-right : 2px;
  background-color : #ECE3E4;
}
A{
  text-decoration : none;
}

A:HOVER{
  color : red;
}
H1  {
	font-size : 120%;
	text-align : left;
	margin: 0px;
}
LI{
  font-size : 100%;
  color : #333333;
  text-align : left;
  margin-left : -20px;
  list-style-image : url(images/list-red.gif);
  margin-top : 2px;
}
H2  {
  font-size : 110%;
  text-align: left;
  margin : 0px 0px 0px 0px;
}
H3{
	font-size : 15px;
	font-weight : bolder;
	color : white;
	background-image : url(images/h3-back.gif);
	text-align: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 8px;
	margin-bottom: 5px;
	margin-top: 0px;
}
H4{
  font-size : 14px;
  
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  color : white;
  text-align : left;
  text-indent : 30px;
  font-weight : bold;
  background-image : url(images/h4-back.gif);
  height : 21px;
  padding-top : 2px;
}
P{
	font-size : 90%;
	margin-top : 3px;
	margin-bottom : 3px;
	text-align : left;
	margin-left : 15px;
}
UL{
  margin-bottom : 3px;
  margin-top : 3px;
}
TD{
  font-size : 90%;
  color : #333333;
  font-family : "MS UI Gothic";
}
.midasi-img{
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 100%;
	margin-right: auto;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/******** list *******/
.list1{
  font-size : 13px;
  margin-left : -25px;
}
/***********･ｳ･ﾆ･ﾊ**************/
#container , .ftta-box , .dti-logo {
	width: 822px;
}
#container-1 , .ftta-box-1 , .dti-logo-1{
	width: 988px;
	}
	
#container , #container-1{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #333333;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
/********* ヘッダー *******/

#header{
	text-align : left;
	background-color : black;
	width: 100%;
	height: 30px;
}
#header img{
	margin: 0px;
	padding: 0px;
	float: left;
}

#header H1{
	font-size : 14px;
	color : white;
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header H2{
	font-size : 14px;
	text-align : right;
	color : white;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}
#header A{
  color : white;
}
.con-header-box{
	width: 100%;
	text-align: center;
	padding: 0px;
	background-color: #CCC;
}
.header-table{
	text-align : center;
	padding: 0px;
	width: 99%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
	margin-bottom: 3px;
	background-color: #000;
}

.header-table td{
	text-align : center;
	margin: 0px;
	padding: 0px;
  
}
.header-table-td-1{
	background-color: #000;
}
.header-table-td-2{
	background-color: #FFF;
}

.box1 {
	height: 240px;
	width: 24%;
	float: left;
	margin: 0px;

}
.box2 {
	height: 240px;
	width: 7%;
	float: left;
	margin: 0px;

}
.box3 {
	height: 240px;
	width: 34%;
	float: left;
	margin: 0px;

}
.box4 {
	height: 240px;
	width: 35%;
	float: left;
	margin: 0px -10px;
	overflow:auto;
}
/*************ブロック*****************/
#side-menu{
	vertical-align: top;
	float: left;
	width: 165px;
	margin-right: auto;
	margin-left: auto;
	display: inline;
	background-color: #333333;
}

#mein-contents {
	vertical-align: top;
	float: right;
	width: 652px;
	margin-right: auto;
	margin-left: auto;
	display: inline;
	background-color: #000000;
	margin-bottom: 5px;
}

#mein-contents-1{
	vertical-align: top;
	float: right;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	display: inline;
	background-color: #000000;
	margin-bottom: 5px;
}

/*********･ｳ･ﾆ･ﾄ************/
.contents-table , .contents-table-wite{
  text-align : center;
  width: 810px;
  background-color : black;
}
.contents-table {
  background-color : black;
}
.contents-table-wite{
	background-color : #FFF;
}

.menu{
  text-align : center;
  width : 20%;
  vertical-align : top;
  background-color : #333333;
}
.contents-top-1{
	width : 97%;
	background-color : #000;
	padding: 0px;
	color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.contents-top-1 table{
	width : 98%;
	margin-right: auto;
	margin-left: auto;
}

.contents-top-1 td{
	color: #FFF;
	font-size: 90%;
}

.contents{
  text-align : center;
  width : 80%;
  vertical-align : top;
  background-color : white;
}

.touroku-table{
	color : white;
	background-color : black;
	text-align : left;
	width : 160px;
	margin-right: auto;
	margin-left: auto;
}
.touroku{
  color : white;
  font-size : 13px;
}
.touroku-ninzuu{
  text-align : right;
  color : white;
}
.touroku-zyoukyou{
  text-align : left;
  background-image : url(images/menu/touroku-zyoukyou.gif);
  height : 25px;
  text-indent : 16px;
  color : white;
  font-size : 13px;
  font-family : "MS UI Gothic";
}
/************･ﾕ･ﾃ･ｿ｡ﾊhome.htmlｰﾊｳｰﾍﾑ｡ﾋ***************/
.ftta{
  text-align : left;
  background-color : white;
}
.ftta-box , .ftta-box-1{
	text-align : left;
	background-color : white;
	clear: both;
	margin-top: 0px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
}

.ftta H3 , .ftta-box h3 , .ftta-box-1 h3{
	background-image :  none;
	color: #333333;
	float: right;
	margin-right: 10px;
}
.ftta img , .ftta-box img , .ftta-box-1 img{
	color: #333333;
	float: left;
}
.dti-logo , .dti-logo-1{
	margin-top : 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	background-color: #FFF;
	height: 30px;
}
.dti-logo img , .dti-logo-1 img{
	float: left;
}

.dti-logo p , .dti-logo-1 p{
	float: right;
	margin-right: 300px;
}

/**************ｹｭｹ・*************/
.ad{
  text-align : center;
  background-color : white;
}
.ad p{
  font-size : 13px;
}
.ad2{
  text-align : left;
  height : 42px;
}
.ad2 P{
  margin-top : -20px;
  margin-left : 200px;
}


/******** table ***********/
.table1{
	text-align : center;
	background-color : white;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.table3{
	text-align : center;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

.td-ad{
  background-color : white;
  text-align : center;
}
.side-table-1{
	background-color : white;
	text-align : center;
	margin-right: auto;
	margin-left: auto;
}
.side-table-1 p{
	margin: 5px;
}
/********** ･皈､･皈ﾋ･蝪ｼ *********/

.main-menu , .main-menu-box-1{
	text-align : center;
	background-color : black;
	background-image : url(images/menu/main-menu-back.gif);
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

.main-menu1{
  text-align : center;
  height : 30px;
  width : 80px;
  background-image : url(images/menu/main1.gif);
  color : white;
  font-weight : bold;
  padding-top : 7px;
  font-size : 14px;
  margin-top : -5px;
}
.main-menu1 A{
  background-image : url(images/menu/main1.gif);
  height : 30px;
  width : 80px;
  text-align : center;
  color : white;
  padding-top : 7px;
  font-size : 14px;
  margin-top : -5px;
}
.main-menu1 A:HOVER{
  background-image : url(images/menu/main1-2.gif);
  text-align : center;
  color : white;
}

.main-menu2{
  text-align : center;
  height : 30px;
  width : 130px;
  background-image : url(images/menu/main2.gif);
  color : white;
  font-weight : bold;
  padding-top : 7px;
  font-size : 14px;
  margin-top : -5px;
}
.main-menu2 A{
  background-image : url(images/menu/main2.gif);
  height : 30px;
  width : 130px;
  text-align : center;
  color : white;
  padding-top : 7px;
  font-size : 14px;
  margin-top : -5px;
}
.main-menu2 A:HOVER{
  background-image : url(images/menu/main2-2.gif);
  text-align : center;
  color : white;
  
}
.main-menu3{
  text-align : center;
  height : 30px;
  width : 130px;
  background-image : url(images/menu/main2.gif);
  color : white;
  font-weight : 900;
  padding-top : 7px;
  font-size : 16px;
  margin-top : -5px;

}
.main-menu3 A{
  background-image : url(images/menu/main2.gif);
  height : 30px;
  width : 130px;
  text-align : center;
  color : white;
  padding-top : 7px;
  font-size : 16px;
  margin-top : -5px;
  font-weight : 900;
}
.main-menu3 A:HOVER{
  background-image : url(images/menu/main2-2.gif);
  text-align : center;
  color : white;
}

/******** point *********/
.point-table{
	text-align : center;
	margin-right: auto;
	margin-left: auto;
}
.point{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
.point form{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

.join-point-table{
	text-align : center;
 margin-top : 10px;
	margin-right: auto;
	margin-left: auto;
 margin-bottom : 10px;
}
.join-point{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
.join-point form{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

/******** sub-menu ********/
.sub-menu ,.sub-menu2{
	text-align : left;
	font-size : 14px;
	font-weight : bold;
	color : white;
	margin-top : 0px;
	margin-bottom : 0px;
	width : 127px;
	height : 25px;
	background-color: #999999;
}
.sub-menu A:HOVER ,.sub-menu2 A:HOVER{
  background-image : none;
  height : 25px;
  color : white;
  background-color : #ff7b00;
  margin-top : 0px;
  margin-bottom : 0px;
  
  text-align : left;
  width : 117px;
}
.sub-menu A ,.sub-menu2 a{
  color : white;
  background-image : url(images/menu/sub-menu.gif);
  height : 25px;
  margin-top : 0px;
  margin-bottom : 0px;
  text-align : left;
  width : 127px;
  padding-top : 3px;
}
/******** sub-menu｣ｲ ********/
.sub-menu2{
  font-size : 13px;
}
/*******･ﾋ･蝪ｼ･ｹ**********/
.sub-menu-new{
  background-image : url(images/news.gif);
  height : 21px;
}

/******** font **********/
.s{
  text-align : center;
}
.l{
  text-align : left;
  vertical-align : super;
}
.b{
  font-weight : bold;
}
.r{
  text-align : right;
}
.red{
  color : #e30000;
}
.blue{
  color : #0066cc;
}
.SIZ14{
  font-size : 14px;
}
.SIZ13{
  font-size : 13px;
}
.SIZ15{
  font-size : 15px;
}
.SIZ16{
  font-size : 16px;
}
.siz13-l{
  font-size : 13px;
  text-align : left;
}
.SIZ12{
  font-size : 12px;
}
.red-b{
  font-weight : bolder;
  color : #e30000;
}
.top{
  font-size : 13px;
  text-align : center;
  color : black;
  background-color : #ffff6b;
}

/******** coler ***********/

.bass-1        {
  font-size: 15px;
  font-weight: bold;
  text-align : center;
}
.bass-2{
  background-color : #ff3000;
  color : white;
  text-align : center;
  font-weight : bold;
}
.bass-3{
  color : white;
  background-color : #292d39;
  text-align : center;
}
.bass-4{
  background-color : #ffff6c;
}
.bass-5{
  background-color : #c0c0c0;
  text-align : center;
}
.bass-6{
  color : white;
  background-color : #5a5d64;
  text-align : center;
}
.bass-red{
  background-color : #ff0000;
  color : white;
  text-align : center;
  font-weight : bold;
}
.bass-pink1{
  background-color : #ff0066;
  color : white;
  text-align : center;
  font-weight : bold;
}
.bass-pink2{
  background-color : #ff0099;
  color : white;
  text-align : center;
  font-weight : bold;
}
.bass-pink3{
  background-color : #ff99cc;
  text-align : center;
  font-weight : bold;
  color : white;
}
.bass-yellow{
  background-color : #ffff00;
  text-align : center;
  font-weight : bold;
}
.bass-yellow2{
  background-color : #ffff6c;
  font-weight : bold;
  text-align : center;
}
.bass-gry{
  background-color : #adadad;
  text-align : center;
}
.bass-gry2{
  background-color : #D0D0D0;
  text-align : center;
}
.bass-gry3{
  background-color : #efefef;
  text-align : center;
}
.bass-black{
  background-color : black;
  color : white;
  font-weight : bold;
  text-align : center;
}
.bass-black a{
  color : white;
}

.bass-kon1{
  color : white;
  background-color : #292d39;
  text-align : center;
}
.bass-kon2{
  color : white;
  background-color : #42414a;
  text-align : center;
}
.bass-kon3{
  color : white;
  background-color : #5a5d64;
  text-align : center;
}
.bass-brown{
  color : white;
  background-color : #990000;
  text-align : center;
  font-weight : bold;
}
.bass-kaki{
  color : white;
  background-color : #666000;
  text-align : center;
}
.bass-kaki2{
  color : white;
  background-color : #D6D725;
  text-align : center;
}
.bass-grn1{
  color : black;
  background-color : #00cc00;
  text-align : center;
}
.bass-grn2{
  color : white;
  background-color : #63cf00;
  text-align : center;
  font-weight : bold;
}
.bass-grn3{
  color : black;
  background-color : #eeffee;
  text-align : center;
}
.bass-org1{
  background-color : #ff3300;
  color : white;
  text-align : center;
  font-weight : bold;
}
.bass-org2{
  background-color : #ff6600;
  color : white;
  text-align : center;
  font-weight : bold;
}
.bass-org3{
  background-color : #ff9900;
  text-align : center;
  color : white;
  font-weight : bold;
}
.bass-org4{
  background-color : #ffcc00;
  text-align : center;
  font-weight : bold;
}
.bass-org5{
  color : #626262;
  background-color : #ffcf63;
  text-align : center;
  font-weight : bold;
}
.back-kuriime{
  font-weight : bold;
  background-color : #ffffcc;
  text-align : center;
}
.bass-wite-15{
  font-size : 15px;
  background-color : white;
}
.bass-wite-red{
  color : #e30000;
  background-color : white;
}
.bass-wite{
  background-color : white;
  text-align : center;
  font-weight : normal;
  color : black;
}
.bass-wite-b{
  font-weight : bold;
  background-color : white;
}
.bass-wite-l{
  background-color : white;
  text-align : left;
}
.bass-mizu{
  background-color : #C4EAFF;
  text-align : center;
}
.wite-b{
  font-weight : bold;
  color : white;
  text-align : center;
}
.b-b{
  font-weight : bold;
  color : black;
  text-align : center;
}
.p-title{
  margin-left : 30px;
  font-size : 16px;
  font-weight : bold;
}
.red-b-big{
  font-size : 15px;
  font-weight : bold;
  text-align : center;
  color : #e30000;
}
.siz13-s{
  font-size : 13px;
  text-align : center;
}
.tokutyou{
  font-size : 16px;
  font-weight : bold;
  color : #ff41b5;
}
.p-b{
	font-weight : bold;
	color : #E300E3;  
  
}
.bass-7{
  background-color : #42414a;
  color : white;
}
.bass-8{
  background-color : #ff009c;
  text-align : center;
}
.bass-9{
  background-color : #636100;
  color : white;
  font-weight : bold;
  text-align : center;
}
.bass-menyu1{
  background-color : #9c0000;
  text-align : center;
  font-weight : bold;
  color : white;
}
.bass-menyu2{
  background-color : white;
  font-weight : bold;
  text-align : center;
}
.bass-menyu3{
  background-color : #d6d3d6;
  font-weight : bold;
  color : white;
  text-align : center;
}
.bass-menyu4{
  background-color : white;
  text-align : center;
  font-weight : normal;
}
.kansaku{
  position : absolute;
  height : 20px;
  left : 1px;
}
.menyu{
  font-size : 13px;
  margin-top : -3px;
  margin-bottom : -3px;
}
.bass-menyu5{
  background-color : #ff6500;
  font-weight : bold;
  color : white;
  text-align : center;
}
.bass-10{
  background-color : white;
}
.siz13-r {
  font-size: 13px;
  text-align: right ;
}
.onlin     {
  font-size: 12px;
  background-color: #ffda95 ;
}
.kensaku-kekka {
  background-color: #63cf00;
  text-align: center ;
}
.bass-mizu2{
  font-weight : bold;
  color : white;
  background-color : #4a82c6;
}
.siz13-b {
  font-size: 13px;
  font-weight: bold ;
}
.siz12 {
  font-size: 12px ;
}

.siz10 {
  font-size: 10px ;
}
.bass-murasaki{
  background-color : #db02a1;
  color : #ffffff;
  text-align : center;
}
.list-blue{
  list-style-image : url(risuto_sannkaku_bule.gif);
}
.w95 {
	width: 95%;
}
#taiki {
	background-color: #000000;
	border: 1px solid #f3eef9;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
}
#taiki td , #taiki table{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.list_name a , .list_name a:link , .list_name a:visited {
	text-align: center;
	color: #FFFFFF;
}
.list_name a:hover{
	color: #FFFF00;
}
.girl {
	width: 30%;
	padding-right: 100px;
	padding-left: 100px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.girl p{
	float: right;
	font-size: 14px;
	position: relative;
	top: 20px;
}
.girl img{
	float: left;
	margin-top: 20px;
}


/*---ステップ---*/
.p-step{
	margin-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-right: 10px;
	font-weight: bold;
	margin-top: 5px;
}

/*コンテンツボックス*/
.contents-box-1{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px;
	}
.contents-box-2{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	border: 1px solid #C00;
	}

/* 使い方*/
.tukaikata-table{
	background-color : #db02a1;
	color : #ffffff;
	text-align : center;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* 各種Ｐ*/

.p-1{
	margin-left: 15px;
	margin-bottom: 5px;
	
	}
.p-s{
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
}
.p-step{
	margin-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-right: 10px;
	font-weight: bold;
	margin-top: 5px;
	font-size: 100%;
}
.p-step-2{
	margin-left: 20px;
	margin-bottom: 5px;

	}
.p-top-point{
	font-size : 14px;
	font-weight : bold;
	background-color : #ffddff;
	color: #2D2D2D;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
	


/*カードの説明他*/	
.att-table{
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 98%;
	margin-top: 10px;
	margin-bottom: 0px;
}
.att-table td{
	vertical-align: top;
	padding-bottom: 10px;
	
	}
	
.att-card-td-1{
	width: 18%;
}
.att-card-td-2{
	width: 82%;
}
.att-card-td-2 p{
	margin-left: 5px;
}

.p-att-1{
	color: #FFF;
	background-color: #666;
	margin: 0px;
	font-size: 100%;
	padding: 2px;
}

/*オンラインサムネイル*/
.online-table{
	text-align : center;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	font-size : 13px;
}

.online-table td{
	font-size : 13px;
}

/*検索テーブル*/
.kensaku-box{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-bottom: 10px;
	}
.kensaku-table{
	background-color : white;
	text-align : center;
	font-weight : normal;
	color : black;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}