<!--

/*========共通部分========*/ 
/* 全体の設定 */
body{
	background-attachment:fixed;
	background-position:left top;
	background-repeat:no-repeat;
	color:#332255; /*標準のフォントカラー999*/
	font-size:70%; /*標準のフォントサイズ*/
	font-family:Verdana,"ＭＳ Ｐゴシック",Sans-serif;
	line-height:160%; /* 行間 */
	margin:0px;
	padding:2px 0px 0px 5px;
		
}
/* =====上の表題の文字=====*/
/* 表題のライン（黄色）  */
h1{　　/**ﾌｫﾝﾄの色指定のみ反映ｻﾚﾅｲﾀﾒ直ﾀｸﾞにしている*FFD700****/
	border-bottom:#FFD700 solid 1px;
	font-size:90%;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:0px;
}
/* =========*/
h2{	/**ﾌｫﾝﾄの色指定のみ反映ｻﾚﾅｲﾀﾒ直ﾀｸﾞにしている*****/
	position: absolute; top:10px; left:925px;/******位置指定*******/
	font-size:130%;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	
}
/*----  #Next top:10px; left:860px */
h3{	/**ﾌｫﾝﾄの色指定のみ反映ｻﾚﾅｲﾀﾒ直ﾀｸﾞにしている*****/
	border-bottom:#999 solid 1px;
	font-size:90%;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:0px;
}
h4{　　/**ﾘﾝｸ募集***/
	border-bottom:#ff0033 solid 1px;
	font-size:90%;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:0px;
}

/* ======================リンク====================*/
a{
	color:#999; /* 文字色 */
}

a:hover{ /* マウスオーバー時 */
	color:#dd7733; /* 文字色 */
}

a img{
	border:sold 1px;
}

/*==================== その他==================== */

p{
	padding-left:3px;
}

ul{
	list-style-type:circle;
}
/* ----テーブルindex,2gaiyouのリンク部分やもっと!ロト部分をdivで指定している--------***/ 
div.tdmain { /****テーブル全体***/
	 width: 800px;
}
div.td1 {　/***# More‥もっと!ロト部分****/
  	float: left;  width:150px;
	margin:0px 0px 0px 0px;/****上下右左　たぶん‥****/

}
div.td2{　/****サービスを受ける前に部分****/

 	float: left; 
	margin:0px 0px 0px 50px;/****上下右左　たぶん‥****/
}
div.td2-1{　/****サービスを受ける前に部分****/

 	float: left; 
	margin:0px 0px 0px 160px;/****上下右左　たぶん‥****/
}
/*-------*/
/*-----divで指定してる--*/
div.td3{　/****　All Rights Reserved-のｴﾘｱ確保のため****/
 	float: left; 
	 width: 800px;
	margin:0px 0px 0px 180px;/****上下右左　たぶん‥****/
}
div.td4{　/****　2gaiyou.htm All Rights Reserved-のｴﾘｱ確保のため****/
	float: left; 
	 width: 800px;
 	margin:0px 0px 0px 180px;/****上下右左　たぶん‥****/
}
div.td5{　/**** index.htm   moushikomi.htm    All Rights Reserved-のｴﾘｱ確保のため****/
	float: left; 
	margin:0px 0px 0px 38px;/****上下右左　たぶん‥****/
}

hr{ /* float解除 */
	background-color:#fff;
	border:#fff none 0px;
	clear:both;
	color:#fff;
	line-height:1px;
	margin:0px;
	height:1px;
	width:1px;
}

/* =======構造 ﾍｯﾀﾞｰと本文========== */ 

/* ヘッダー */

#header{
		padding:10px;
}

/* 本文 */
#text{
	margin:80px 0px 0px 250px;
	width:430px; /* コンテンツ部分の幅 */
}
/* ==========ﾍﾟｰｼﾞごとの設定================================== */ 
#first-section1{ /* ---------indem.htm部分　サービスを受ける前に-----------***/ 
	width:120px;height:200px;/
	position: absolute; top:60px; left:20px; 
	border:#000 solid 1px;  周りの線 */****/
}
#first-section2{ /* ---------indem.htm部分　申し込み窓口---------***/ 
	width:120px;height:50px;/
	position: absolute; top:420px; left:20px; 
	border:#332255 solid 2px;周りの線 */****/
	background-color:#  ;
}

#first-section3{ /* ---------indem.htm部分　問いあわせ　運営--------***/ 
	width:120px;height:50px;/
	position: absolute; top:590px; left:20px; 
	border:#332255 solid 2px;周りの線 */****/
	background-color:#  ;
}
#first-section4{ /* ---------2gaiyou.htm  annai.gifのｴﾘｱ確保のため --------***/ 
	float: left;  
	width:120px;height:200px;/
	position: absolute; top:30px; left:5px; 
	border:#000 solid 0px;  周りの線 */****/
}

#first-section5{ /* ----------1gaiyou.htm部分　 ｴﾘｱ確保のため----------***/ 
	width:120px;height:200px;/
	position: absolute; top:30px; left:5px; 
	border:#000 solid 0px;  周りの線 */****/
}
#second-sectionsection{ /* ------- 　本文--------- */ 
	width:410px;height:600px;/
	position: absolute; top:60px; left:210px; 
	color:#117777 solid 3px;  周りの線 */****/
}
#second-sectionsection1{ /* ------- はじめにお読みください-------- */ 
	width:400px;height:500px;
	position: absolute; top:40px; left:2px; 
	color:#117777 solid 0px;  周りの線 */****/
}
#third-section1{ /* ------- indem.htm自社広告部分---------- */ 
	width:120px;height:300px;/
	position: absolute; top:-30px; left:450px; 
	solid 0px;  周りの線 */****/
		
}


#third-section3{ /* ------- index.htm簡単ﾘﾝｸ集部分---------- */ 
	width:300px;height:300px;/
	position: absolute; top:720px; left:0px; 
	border:#000 solid 0px;  周りの線 */****/
		
}


/========本文中の色違い･絶対位置の指定========/


.rinkmoji1{ /*===*/
	margin:450px 0px 0px 320px;
	color:#117777;
	
}
	


/* ======左のメニュー部分first-sectionも参照のこと========== */ 

#menu{
	border-bottom:#000 solid 1px;
	list-style-type:none;
	margin:2px;/* ﾒﾆｭｰのために取ったｴﾘｱとの距離がとれる */
	padding:0px;
}

#menu li{
	border:#000 solid 1px; /* 項目名の周りの線 */
	margin-bottom:8px ;/* ﾎﾞｯｸｽとﾎﾞｯｸｽの間が広まる */
	padding:0px;/* ﾎﾞｯｸｽの縦が広がる */
}

#menu li a{
	color:#000; /* 文字色 */
	display:block;
	text-decoration:none;
	text-indent:0px;
	width:120%;
}

#menu li a:hover{/* マウスオーバー時FF6600orenge */
	background-color:#FF0000; /* 項目名の背景色 */
	color:#000; /* 項目名の文字色 */
}

#moushikomi{
	background-color:#FF3333;
	border-bottom:#000 solid 1px;
	list-style-type:none;
	margin:0px;/* ﾒﾆｭｰのために取ったｴﾘｱとの距離がとれる */
	padding:5px;
}
#moushikomi li{
	border:#000 solid 1px; /* 項目名の周りの線 */
	margin-bottom:13px ;/* ﾎﾞｯｸｽとﾎﾞｯｸｽの間が広まる */
	padding:0px;/* ﾎﾞｯｸｽの縦が広がる */
}

#moushikomi  li a:hover{/* マウスオーバー時FF6600orenge */
	background-color:#FF0000; /* 項目名の背景色 */
	color:#000; /* 項目名の文字色 */
}








/*=======右細かい設定index.htm-================*/ 
#boder1{/* ■年会費･････無料!■手数料･････わずか1回40円のﾓｼﾞ部分third-section1も参照 */
	width:300px;height:20px;
	background-color:#FFCC00;
	border:#000 solid 1px;
	margin:10px 0px 5px 5px;
	padding:3px;
}
#boder2{ /* ------- indem.htm third-section1の中にあるドット掲示板部分---------- */ 
	width:300px;height:10px;
	background-color:#00000;
	border:#000 dotted 3px;  周りの線 */****/
	position: absolute; top:20px; left:150px; 
	
	

}





-------------------->