/* all  ---------------------------------------------------------*/


a 		{ color	: hotpink ; }
a:hover { color	: deeppink ;	text-decoration :none; }
a:visited { color	: #db7093 ; }


body {
	margin	: 0px 0px 0px 0px ;
	padding	: 0px 0px 0px 0px ;
	text-align	: center ;
	background	: URL(../img/back.jpg) center top white ;
	}

.all {
	margin	: 0px 0px 0px 0px ;
	padding	: 0px 0px 0px 0px ;
	background	: URL(../img/head_back.jpg) center top repeat-x ;
	color	: dimgray ;
	line-height	: 150% ;
	}

/* 上部  ---------------------------------------------------------*/


.head {
	width	: 930px ;
	height	: 295px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: left ;
	vertical-align	: top ;
	}

.head_1 {
	width	: 930px ;
	height	: 44px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: left ;
	vertical-align	: top ;
	background	: URL(../img/head_1.jpg) center top no-repeat ;
	}

.head_2 {
	width	: 930px ;
	height	: 131px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: left ;
	vertical-align	: top ;
	background	: URL(../img/head_2.jpg) center top no-repeat ;
	}


.head_3 {
	width	: 930px ;
	height	: 140px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: left ;
	vertical-align	: top ;
	background	: URL(../img/head_3.jpg) center top no-repeat ;
	}


.head_sita {
	width	: 930px ;
	height	: 10px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	background	: URL(../img/main_back.jpg) center top repeat-y ;
	}




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

.main {
/*	position	: relative ;*/
	width	: 930px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: center ;
	background	: URL(../img/main_back.jpg) center top repeat-y ;
	}



/* 左メニュー  ---------------------------------------------------------*/
.main_left {
/*
	position	: absolute ;
	top		: 0px ;
	left	: 0px ;
	float	: left ;
*/
	width	: 245px ;
	margin	: 0px auto 0px 2px ;
	padding	: 0px 0px 0px 0px ;
	text-align	: left ;
	}
.left_category {
	width	: 232px ;
	margin	: 0px auto 0px 2px ;
	padding	: 0px 0px 0px 0px ;
	text-align	: left ;
	border	: 1px solid #FFCCCC ;
	}
.left_category ul {
	font-size	: 14px ;
	line-height	: 175% ;
	list-style-image	: URL(../img/icon/diamond_li.jpg) ;
	}

.left_category ul a:hover li {
	display	: block ;
	text-decoration	: none ; 
	font-weight		: bolder ;
	color	: hotpink ;
/*
	background-color	: #FFCCCC ;
*/
	list-style-image	: URL(../img/icon/heart_li.jpg) ;
	}

.leftbox2 {
	width	: 160px ;
	border	: 1px solid silver ;
	background-color	: #FFEEEE ;
	margin	: 10px auto 10px 7px ;
	padding	: 5px 5px 5px 0px ;
	text-align	: left ;
	}
.leftbox2 a {
	color	: dimgray ;
	}
.leftbox2 ul {
	font-size	: 14px ;
	line-height	: 175% ;
	}



/* 左メニュー 携帯版紹介 ---------------------------------------------------------*/

.mobileinfo_head {
	width	: 200px ;
	height	: 90px ;
	background	: URL(../img/mobile/mobileinfo_head.jpg) center top no-repeat ;
	}

.mobileinfo_back {
	width	: 200px ;
	background	: URL(../img/mobile/mobileinfo_back.jpg) center top repeat-y ;
	}

img.mobileinfo {
	width	: 90px ;
	height	: 90px ;
	border	: 3px solid white ;
	margin	: 0px auto 0px auto ;
	}

.mobileinfo_text {
	width	: 170px ;
	margin	: 5px 15px 0 15px ;
	color	: gray ;
	text-align	: left ;
	}

.mobileinfo_foot {
	width	: 200px ;
	height	: 30px ;
	background	: URL(../img/mobile/mobileinfo_foot.jpg) center top no-repeat ;
	}



/* main  ---------------------------------------------------------*/
.main_wrap {
	float	: right ;
	width	: 678px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: left ;
	}
.main_contents {
	float	: left ;
	width	: 510px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: center ;
	
	}

.category_table {
	text-align	: center ;
	}

/*  ----------------------*/
/*
.category_td {
	width	: 250px ;
	height	: 84px ;
	margin	: 0px auto 0px auto ;
	background	: URL(../img/category/category_td_back.jpg) center top no-repeat ;
	vertical-align	: middle ;
	}

.category_table_2 td a {
	text-decoration	: none ;
	}

img.category_table_spacer {
	width	: 80px ;
	height	: 80px ;
	border	: 1px solid silver ;
	margin	: 0px 1px 1px 12px ;
	}
img.cate_title {
	margin	: 5px 2px 5px 5px ;
	}
*/

table.category_table {
	width	: 480px ;
	border-collapse	: collapse ;
	border	: 1px solid #EEE ;
}

table.category_table td{
	border	: 1px solid #EEE ;
	padding	: 2px ;
}

table.category_table img{
	border	: 1px solid #CCC ;
	margin	: 1px ;
}



/*.category_table_2 img.cate_title a:hover {
	margin-bottom	: 5px ;
	}
*/

/*  ----------------------*/
.category_table_3 {
	margin	: 0px auto 0px auto ;
	}
.category_table_3 li {
	list-style-image	:URL(../img/right_02.jpg);
	margin-left	: 10px ;
	}

/*.category_table_3 li a:hover {
	margin-left	: 5px ;
	}
*/

/* 右メニュー  ---------------------------------------------------------*/
.main_right {
	float	: left ;
	width	: 160px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: center ;
	}

.login {
	width	: 160px ;
	height	: 146px ;
	margin	: 0px auto 0px auto ;
	background	: URL(../img/login.jpg) center top ;
	}

.ranking {
	width	: 150px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: center ;
	background	: URL(../img/ranking/dairiseki.jpg) center top repeat-y #EEEEFF ;
	border	: 1px solid #FFCCCC ;
	color	: gray ;
	}

.rankbox1 {
	width	: 144px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 10px 0px ;
	text-align	: center ;
	background	: URL(../img/ranking/rank1_bottom.jpg) center bottom no-repeat white ;
	font-size	: 12px ;
	}

.rankbox {
	width	: 120px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 3px 0px ;
	text-align	: center ;
	background-color	: white ;
	line-height	: 150% ;
	font-size	: 11px ;
	}


/* ランキング  ------------------*/

img.rank1 {
	border	: 2px solid #FFCCCC ;
	width	: 120px ;
	height	: 120px ;
	}

img.rank {
	border	: 1px solid #FFCCCC ;
	width	: 100px ;
	height	: 100px ;
	}




/*
.main_contents #introduction {
	float	: left ;
	width	: 320px ;
	border	: 1px solid silver ;
	}
.main_contents #introduction_right {
	float	: right ;
	width	: 175px ;
	border	: 1px solid silver ;
	}

*/



/* foot  ---------------------------------------------------------*/
.main_foot {
	clear	: both ;
	width	: 930px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: center ;
	}

.main_foot ul li {
	list-style	: none ;
	display	: inline ;
	margin	: 0px 10px 0px 10px ;
	line-height	: 150% ;
	}
.main_foot ul li a		 {	color : dimgray ; }
.main_foot ul li a:hover {	color : dimgray ;	text-decoration	: underline ; }

.foot {
	clear	: both ;
/*	position: relative ;*/
	height	: 52px ;
	margin	: 0px auto 0px auto ;
	padding	: 0px 0px 0px 0px ;
	text-align	: center ;
	background	: URL(../img/foot_back.jpg) center top repeat-x ;
	}

.copyright {
	background	: URL(../img/copyright.jpg) center top no-repeat ;
	height	: 47px ;
	}


/* parts  ---------------------------------------------------------*/


.leftbox {
	width	: 232px ;
	margin	: 0px auto 0px 2px ;
	padding	: 0px 0px 0px 0px ;
	text-align	: center ;
	border	: 1px solid #FFCCCC ;
	}


input.text {
	border-top	: 2px solid #FFCCCC ;
	border-left	: 2px solid #FFCCCC ;
	border-right	: 1px solid #FFCCCC ;
	border-bottom	: 1px solid #FFCCCC ;
	}



table.pickup {
	boder	: 1px solid silver ;
	}


/* button  ---------------------------------------------------------*/

.head_menu img{
	float	: left ;
	margin	: 0px 0px 0px 0px ;
	padding	: 0px 0px 0px 0px ;
	}
.head_menu_right {
	float	: right ;
	width	: 506px ;
	overflow-x	: hidden ;
	height	: 40px ;
	margin	: 4px 13px 0px 0px ;
	padding	: 0px 0px 0px 0px ;
	background	: URL(../img/button/head_menu_right.jpg) center top no-repeat ;
	text-align	: right ;
	}
.head_menu img.head_menu_right	{
	margin	: 5px 0px 2px 0px ;
	padding	: 0px 0px 0px 0px ;
	}



/* howto  ---------------------------------------------------------*/


.howto_intro {
	width	: 400px ;
	padding	: 10px 10px 10px 10px ;
	margin	: 10px 10px 10px 10px ;
	text-align	: left ;
	}

.howto_box {
	background	: URL(../img/howto/howto_back.jpg) center top repeat-y ;
	}

table.howto{
	width	: 450px ;
	}

td.howto_text {
	color	: dimgray ;
	width	: 280px ;
	padding	: 10px 10px 10px 10px ;
	margin	: 10px 10px 10px 10px ;
	background-color	: white ;
	}

td.howto_image {
	width	: 140px ;
	background-color	: white ;
	}


img.howto_image_style {
	width	: 120px ;
	height	: 120px ;
	border	: 10px solid white ;
	}

.howto_bottom {
	height	: 25px ;
	padding	: 0px 0px 0px 0px ;
	margin	: 0px 0px 0px 0px ;
	background	: URL(../img/howto/howto_bottom.jpg) center top no-repeat ;
	}



.howto_head_1 {	background	: URL(../img/howto/howto_1.jpg) center top no-repeat ; height: 40px ;}
.howto_head_2 {	background	: URL(../img/howto/howto_2.jpg) center top no-repeat ; height: 40px ;}
.howto_head_3 {	background	: URL(../img/howto/howto_31.jpg) center top no-repeat ; height: 40px ;}
.howto_head_4 {	background	: URL(../img/howto/howto_41.jpg) center top no-repeat ; height: 40px ;}
.howto_head_5 {	background	: URL(../img/howto/howto_51.jpg) center top no-repeat ; height: 40px ;}
.howto_head_6 {	background	: URL(../img/howto/howto_61.jpg) center top no-repeat ; height: 40px ;}



/* html  ---------------------------------------------------------*/

.intro {
	width	: 400px ;
	padding	: 10px 10px 10px 10px ;
	margin	: 10px 10px 10px 10px ;
	text-align	: left ;
	}

.intro a {
	text-decoration	: underline ;
	}


.htmlbox_head {
	background	: URL(../img/html/box_head.jpg) center top no-repeat ;
	height		: 40px ;
	font-size	: 16px ;
	font-weight	: bold ;
	color	: dimgray ;
	vertical-align	: middle ;
	text-align	: left ;
	}

img.s_box_head {
	width	: 50px ;
	height	: 35px ;
	}

.htmlbox {
	background	: URL(../img/html/box_back.jpg) center top repeat-y ;
	}

.htmlbox a {
	text-decoration	: underline ;
	}

.htmlbox_bottom {
	height	: 25px ;
	padding	: 0px 0px 0px 0px ;
	margin	: 0px 0px 0px 0px ;
	background	: URL(../img/html/box_bottom.jpg) center top no-repeat ;
	}


table.setumei {
	width	: 450px ;
	border-collapse:collapse;
	border	: 1px solid white ;
	text-ailgn	: left ;
	}


td.body {
	line-height	: 150% ;
/*	background-color	: #ffffe0 ;
	border	: 1px solid pink ;*/
	padding	: 10px 10px 10px 10px ;
	}