/* ---------------------------------------------------------
トップページ
--------------------------------------------------------- */
#topContainer{
	margin : 0 auto;
	padding : 0;
	width : 758px;
	*margin-top:-20px;
	_width : 788px;
}

#topLeftArea{
	margin : 0 auto;
	padding : 0;
	width : 538px;
	float : left;
}

#topContainerTop{
	margin : 0 auto;
	padding : 0;
	width : 530px;
	height: 20px;
	background : url(../img/container_top02.jpg) no-repeat 0px 100%;
}

#topContainerContents{
	margin : 0 auto;
	padding: 20px 0px;
	width : 538px;
	background : url(../img/container_bg02.jpg) repeat-y 0px 100%;
	text-align:center;
}

#topContainerBottom{
	margin : 0 auto;
	padding : 0;
	width : 538px;
	height: 26px;
	background : url(../img/container_bottom02.jpg) no-repeat 0px 100%;
}

#topSideNaviArea{
	width:210px;
	margin : 40px 0 20px 10px;
	padding : 0;
	border : 0;
	display:inline;	
	float : right;
	text-align:left;
}

#topParts1{
	width:490px;
	margin:20px auto 0 auto;
}

#topParts2{
	width:490px;
	margin:20px auto 0 auto;
}
#topParts3{
	width:490px;
	margin:20px auto 0 auto;
}
#topParts4{
	width:490px;
	margin:20px auto 0 auto;
}
#topParts5{
	width:490px;
	margin:0px auto 0 auto;
}
#topParts6{
	width:490px;
	margin:20px auto 0 auto;
}

#topParts7{
	width:490px;
	margin:20px auto 0 auto;
}

#topParts8{
	width:490px;
	margin:20px auto 0 auto;
}
#topParts02{
	width:490px;
	margin:0 auto 0 auto;
}

.topTitle{
	margin-bottom:10px;
}

#infoList{
	margin-left : 0px;
	padding-left : 0px;
	width : 490px;
	margin-top : 10px;
	margin-bottom : 0px;		
	}

#infoList dd{
	margin-left : 0px;
	margin-top : 5px;
	background : url(../img/dot01.gif) repeat-x 0px 100%;
	text-align : left;
	line-height : 1.4em;
	padding-bottom : 5px;
	font-size : 11px;
	}

.infoDate{
	margin-right:10px;
	color:red;

}

#topBoxL1{
	margin : 0 auto;
	padding-right : 10px;
	width : 210px;
	float : left;
}

#topBoxL2{
	margin : 0 auto;
	padding-right : 10px;
	width : 210px;
	float : left;
}

#topBoxTopL{
	margin : 0 auto;
	padding : 0;
	width : 210px;
	height: 53px;
	background : url(../img/newSite.jpg) no-repeat 0px 100%;
	
}

#topBoxContents1{
	margin : 0 auto;
	padding: 0px 0px;
	width : 210px;
	background : url(../img/box_bg.jpg) repeat-y 0px 100%;
	text-align:center;
	
}

#topBoxContents1 table{
	padding:0;
	margin:0 auto;
	width:190px;
	text-align:left;
	line-height:160%;
}

#topBoxContents1 table td{
    font-size : 11px;
}
#topBoxContents2{
	margin : 0 auto;
	padding: 0px 0px;
	width : 210px;
	background : url(../img/box_bg.jpg) repeat-y 0px 100%;
	text-align:center;
	
}
#topBoxContents2 table{
	padding:0;
	margin:0 auto;
	width:190px;
	text-align:left;
	line-height:160%;
}

#topBoxContents2 table td{
    font-size : 11px;
}
#topBoxContents3{
	margin : 0 auto;
	padding: 0px 0px;
	width : 210px;
	background : url(../img/box_bg.jpg) repeat-y 0px 100%;
	text-align:center;
	
}
#topBoxContents3 table{
	padding:0;
	margin:0 auto;
	width:190px;
	text-align:left;
	line-height:160%;
}

#topBoxContents3 table td{
    font-size : 11px;
}

#topBoxBottomNewSite{
	margin : 0 auto;
	padding : 0;
	width : 210px;
	height: 12px;
	background : url(../img/box_bg_bottom.jpg) no-repeat 0px 100%;
	*margin-top:-5px;
}

#topBoxBottom{
	margin : 0 auto;
	padding : 0;
	width : 210px;
	height: 12px;
	background : url(../img/box_bg_bottom.jpg) no-repeat 0px 100%;
	*margin-top:-5px;
}

#topBoxBottomSiteRank{
	margin : 0 auto;
	padding : 0;
	width : 210px;
	height: 12px;
	background : url(../img/box_bg_bottom.jpg) no-repeat 0px 100%;
	*margin-top:-5px;
}

#topBoxR{
	margin : 0 auto;
	padding : 0;
	width : 210px;
	margin-bottom:10px;
	float : left;
}

#topBoxTopR{
	margin : 0 auto;
	padding : 0;
	width : 210px;
	height: 53px;
	background : url(../img/ranking.jpg) no-repeat 0px 100%;
	
}

#topBoxTopTopics{
	margin : 0 auto;
	padding : 0;
	width : 210px;
	height: 53px;
	background : url(../img/topics.jpg) no-repeat 0px 100%;
	
}



#sideBox{
	margin : 10px auto auto 0px;
	padding-right : 10px;
	width : 210px;
	float : left;
	text-align:left;
}

#sideBoxTop{
	margin : 0 auto;
	padding : 0;
	width : 210px;
	height: 47px;
	background : url(../img/login.gif) no-repeat 0px 100%;
	
}

#sideBoxTop02{
	margin : 0 auto;
	padding : 0;
	width : 210px;
	height: 47px;
	background : url(../img/pass.gif) no-repeat 0px 100%;
	
}

#sideBoxContents{
	margin : 0 auto;
	padding: 0 10px;
	width : 210px;
	background : url(../img/side_bg.gif) repeat-y 0px 100%;
	
}

#sideBoxBottom{
	margin : 0 auto;
	padding : 0;
	width : 210px;
	height: 12px;
	background : url(../img/side_bg_bottom.gif) no-repeat 0px 100%;
	*margin-top:-5px;
}

#sideBoxImg{
	text-align:right;
	margin-right:20px;

}

#topMainImg{
	background : url(../img/top_head1.gif) no-repeat ;
	height: 322px;
	width : 490px;
	text-align:center;
	
	
}

#topMainImg img{
	margin-top:215px;
}


/* ---------------------------------------------------------
Second Layout
--------------------------------------------------------- */
#container{
	margin : 0 auto;
	padding : 0;
	width : 758px;
}

#containerTop{
	margin : 0 auto;
	padding : 0;
	width : 750px;
	height: 20px;
	background : url(../img/container_top.jpg) no-repeat 0px 100%;
}

#containerContents{
	margin : 0 auto;
	padding : 0 4px;
	width : 758px;
	background : url(../img/container_bg01.jpg) repeat-y 0px 100%;
	text-align:center;
	_width : 808px;
}

#containerBottom{
	margin : 0 auto;
	padding : 0;
	width : 758px;
	height: 26px;
	background : url(../img/container_bottom.jpg) no-repeat 0px 100%;
}


#sideNaviArea{
	width:176px;
	marign : 0;
	padding : 10px 20px 20px 20px;
	border : 0;
	display:inline;	
	text-align ; left;
	float : left;
}

#contentsArea01{
	width:710px;
	height: 100%;
	margin:0 24px 0 16px ;
	padding:0px;
	text-align:left;
	padding-bottom:10px;
}

#contentsArea{
	width:510px;
	margin:10px 30px 20px 0px;
	padding:0px;
	display:inline;	
	text-align:left;
	float : right;
}

h2{
	padding : 20px 0px 10px 0px;
	margin : 0;
}

/* ---------------------------------------------------------
sideNavi
--------------------------------------------------------- */
#sideNavi {
	margin:0;
	padding:0;
	width : 180px;
	height : 216px;
}

#sideNaviArea ul {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
	font-size : 0px;
	line-height: 100%;
}

#sideNaviArea li {
	margin:0;
	padding:0;
	border:0;
	height : 30px;
	list-style-type:none;
	font-size : 0px;
	line-height: 100%;
}

#sideBanner {
	margin-top: 10px;
	padding:0;
	width : 180px;
	text-align : center;
}

/* ---------------------------------------------------------
ページを編集する
--------------------------------------------------------- */
.siteName{
	font-size:14px;
	color:#666666;
	font-weight:bold;
}

.siteNameLink{
	font-size:13px;
	color:#666666;
	font-weight:bold;
	margin-bottom : 5px;
}

.siteName img{
	margin-left : 10px; 
	vertical-align : middle ;
}

#editArea {
	background-color : #FFFFFF;	
	width : 100%;
	margin : 0px 0px 20px 0px;
}

.tableth{ 
	color:white;
	font-size:8px;
	background-color:#8470FF;

}


#table03 {
	border:none;
}
#table03 td {
	border:none;
}


/* ---------------------------------------------------------
新規にサイトを追加する
--------------------------------------------------------- */
.sampleTxt {
	width:185px;
	text-align:center;
	padding:3px 0px;
	margin-bottom:5px;
}

/* ---------------------------------------------------------
会員登録
--------------------------------------------------------- */
.memberTxtBox {
	margin:5px;
	padding:10px;
	width:90%;
	height:100px;
	font-size:12px;
	
}

#memberTextarea{
	width:100%;
	margin:3px 0 10px 0;
	padding:3px 0;
	background-color:#D0D0D0;
	text-align:center;
}

/* ---------------------------------------------------------
アドレス登録 / 仮登録完了
--------------------------------------------------------- */
#grayArea{
	background-color:#F9F9F9;
	width:100%;
	padding:20px 0;
	text-align:center;
	border: 1px #DBDBDB solid;
}

#grayArea .body{
	text-align:left;
	margin:0 auto;
	width:500px;
}

#grayArea .body p{
	font-size:14px;
	font-weight:bold;
	line-height:220%
}

.grayAreaTxt{
	font-size:12px;
	font-weight:normal;
	line-height:160%
}

/* ---------------------------------------------------------
本登録完了
--------------------------------------------------------- */
#grayArea02{
	background-color:#F9F9F9;
	width:100%;
	padding:20px 0;
	text-align:left;
	border: 1px #DBDBDB solid;
	margin-bottom:20px;
}

#grayArea02 .body{
	text-align:left;
	margin:0 auto;
	padding:0 20px;
}

#grayArea02 .body p{
	font-size:14px;
	font-weight:bold;
	line-height:160%
}

/* ---------------------------------------------------------
会員情報の修正
--------------------------------------------------------- */
#btnImg{
	margin:-10px 0 10px 0;
	text-align:right;

}

/* ---------------------------------------------------------
画像の管理
--------------------------------------------------------- */
.btnArea{
	font-size:14px;
	color:#666666;
	font-weight:bold;
}

.btnArea img{
	margin-right : 30px; 
	vertical-align : middle ;
}

#imgArea{
	margin : 10px auto;
	padding : 0 ;
	width : 100%;
	height : 100%;

}

#imgAreaLeft{
	width:250px;
	marign : 0;
	padding : 0;
	border : 0;
	display:inline;	
	text-align ; left;
	float : left;

}

#imgAreaRight{
	width:250px;
	marign : 0;
	padding: 0;
	border : 0;
	display:inline;	
	text-align ; center;
	float : right;

}

#imgName{
	font-weight:bold;	
}


/* ---------------------------------------------------------
サイト管理
--------------------------------------------------------- */
#siteBtnImg{
	margin:-10px 0 10px 0;
	text-align:left;
}

/* ---------------------------------------------------------
デザイン編集
--------------------------------------------------------- */
.sampleTxtD {
	width:120px;
	text-align:center;
	padding:3px 0px;
}
.sampleTxtL {
	width:120px;
	text-align:center;
	padding:3px 0px;
	text-decoration:underline; 
}
#tableEd {
	border:none;
	margin-bottom:0px;
}
#tableEd td {
	border:none;
	padding: 0px;
}

/* ---------------------------------------------------------
メール配信
--------------------------------------------------------- */
#grayArea03{
	width:100%;
	padding:20px 0;
	text-align:center;

}

#grayArea03 .body{
	text-align:left;
	margin:0 auto;
	width:650px;
}

#grayArea03 .body p{
	font-size:14px;
	font-weight:bold;
	line-height:220%
}

/* ---------------------------------------------------------
画像管理(管理者メニュー)
--------------------------------------------------------- */
#imgArea02{
	margin-bottom : 30px;
	padding : 0 ;
	width : 700px;
	height : 100%;

}

#imgAreaLeft02{
	width:270px;
	marign : 0;
	padding : 0;
	border : 0;
	display:inline;	
	text-align ; left;
	float : left;
	height:450px;
	overflow-y:scroll;
}

#imgAreaRight02{
	width:250px;
	marign : 0;
	padding: 0;
	border : 0;
	display:inline;	
	text-align ; center;
	float : right;

}

/* ---------------------------------------------------------
お宝ノウハウページ
--------------------------------------------------------- */
.movie{
	width:230px;
	text-align:center;
	float:left;

}

.knowHowArea{
	margin: 20px 0 0 0;
	clear:both;
}

/* ---------------------------------------------------------
初めて当サービスを利用されるかたへ
--------------------------------------------------------- */
.biginnerArea{
	margin: 20px 0 0 0;
	clear:both;
}

.biginner01{
	width:230px;
	text-align:center;
	float:left;

}

.biginner02{
	width:460px;
	text-align:left;
	float:left;

}

.bannerLeft{
	width:180px;
	text-align:left;
	float:left;
	margin-top:5px;

}

.bannerRight{
	width:530px;
	text-align:left;
	float:right;
	margin-top:5px;
}

.bannerBorder{
	clear:both;
	padding: 5px 0 5px 0;
}
/* ---------------------------------------------------------
総合ランキング
--------------------------------------------------------- */

.rankBox{
	margin : 0 auto;
	padding : 0;
	width : 230px;
	margin-bottom:10px;
	float : left;
	margin-right:10px;
}

.rankBoxTop{
	margin : 0 auto;
	padding : 0;
	width : 230px;
	height: 43px;
	background : url(../img/rankBoxTop.gif) no-repeat 0px 100%;
}

.rankBoxTop h3{
	font-size:15px;
	font-weight: bold;
	padding:10px 0 0 10px;
	
}

.rankBoxContents{
	margin : 0 auto;
	padding: 0px 0px;
	width : 230px;
	background : url(../img/rankBoxContents.gif) repeat-y 0px 100%;
	text-align:center;
	
}
.rankBoxContents table{
	padding:0;
	margin:0 auto;
	width:190px;
	text-align:left;
	line-height:160%;
}

.rankBoxContents table td{
    font-size : 11px;
}

.rankBoxBottom{
	margin : 0 auto;
	padding : 0;
	width : 230px;
	height: 12px;
	background : url(../img/rankBoxBottom.gif) no-repeat 0px 100%;
	margin-top:-5px;
}

.rankBoxR{
	margin : 0 auto;
	padding : 0;
	width : 230px;
	margin-bottom:10px;
	float : right;
}

.rankArea{
	margin: 10px 0 0 0;
	clear:both;
}