@charset "Shift_JIS";
/* text
************************************************/
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #F39;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: underline;
}
/* body
************************************************/
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 12px;
	line-height: 120%;
	background-color: #036;
	text-align:center;
}

#container {
	width: 900px;
	margin: 0 auto;
	background: #FFFFFF;
	height: auto;
}

img, a img{
	border:none;
}

/* header
************************************************/
#header {
	margin: 0;
	padding: 0;
}

#header p{
	margin: 0;
	padding: 0;
}



/* 091222 �lj��@by konomi*/
#header h1{
	margin: 0;
	padding: 0;
}

#header h2{
	margin: 0;
	padding: 0;
}


#header .ichiran{
	position: relative;
	background: url(../img/header02.jpg) 0 0 no-repeat;
	width: 900px;
	height: 191px;
	margin: 0;
	padding: 0;
}

/**/
#header .ichiran p.c_amex{
	position: absolute;
	top: 52px;
	left: 90px;
}

#header .ichiran p.c_jcb{
	position: absolute;
	top: 52px;
	left: 240px;
}

#header .ichiran  p.c_visa{
	position: absolute;
	top: 52px;
	left: 390px;
}

#header .ichiran  p.c_diners{
	position: absolute;
	top: 52px;
	left:540px;
}

#header .ichiran  p.c_zero{
	position: absolute;
	top: 52px;
	left:690px;
}

/**/
#header .ichiran  p.t_amex{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 141px;
	left: 90px;
}

#header .ichiran  p.t_jcb{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 141px;
	left: 240px;
}

#header .ichiran  p.t_visa{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 141px;
	left: 390px;
}

#header .ichiran  p.t_diners{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 141px;
	left:540px;
}

#header .ichiran  p.t_zero{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 141px;
	left:690px;
}

p.to_top{
	padding: 0;
	text-align: right;
	margin: 0 11px 0 0;
	line-height: 200%;
}

/* table
************************************************/
#table{
	margin: 0;
	padding: 0 12px;
}

table{
	margin: 1px 0 0 0;
}

table img{
	margin: 0;
	padding: 0;
}

table.ranking{
	width: 718px;
	border-collapse: collapse;
	border: solid 1px #CCC;
	float: left;
}


table td{
	padding: 10px;
	border-collapse: collapse;
	border: solid 1px #CCC;
}

table tr{
	border-collapse: collapse;
	border: solid 1px #CCC;
}

table th{
	border-collapse: collapse;
	border: solid 1px #CCC;
}

table tr.top{
	height: 270px;
	margin: 0;
	vertical-align: top;
}


table td{
	border-collapse: collapse;
	border: solid 1px #CCC;
}

table td.top{
	width: 149px;
	padding: 0;
}

table td.y_top{
	width: 149px;
	padding: 0;
	background: #ffc;
}

table tr.below{
	height: 98px;
}

table tr.below_2{
	height: 148px;
	vertical-align: top;
}

table tr.site{
	height: 48px;
}

table th{
	background: #78BDEF;
	font-weight: bold;
	width: 118px;
	vertical-align: middle;
}

table td.y_maru{
	background: url(../img/y_maru.jpg) 0 0 no-repeat;
 	/*background-color: #ffc;*/
	background-color:#FFFFCA; 


}

table td.y_nijumaru{
	background: url(../img/y_nijumaru.jpg) 0 0 no-repeat;
	background-color: #ffc;
}

table td.w_maru{
	background: url(../img/w_maru.jpg) 0 0 no-repeat;
}

table td.w_sankaku{
	background: url(../img/w_sankaku.jpg) 0 0 no-repeat;
}

table td.w_batsu{
	background: url(../img/w_batsu.jpg) 0 0 no-repeat;
}

table td.w_nijumaru{
	background: url(../img/w_nijumaru.jpg) 0 0 no-repeat;
}

table.student{
	float: right;
	width: 148px;
	border-collapse: collapse;
	border: solid 1px #CCC;
}

table.student tr.top{
	margin: 1px 0 0 0;
	height: 270px;
}

table td.yellow {
	background: #ffc;
}
	


/* bookmark
************************************************/
#bookmark{
	clear: both;
	margin: 58px auto 0;
	padding: 20px 0 30px 0;
	width: 880px;
	height: 60px;
	background: url(../img/favo_book.jpg) 0 0 no-repeat;
	text-align: center;
}

	#bookmark ul{
	width: 350px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

#bookmark ul li{
	margin: 0 10px;
	float: left;
}

/* point
************************************************/
#point{
	clear: both;
	margin: 50px 0  0;
	padding: 0;
	text-align: left;
	width: 900px;
}

#point h2 img{
	margin: 0;
	padding: 0;
}

#point .content{
	width: 700px;
	margin: 25px 150px 25px 50px;

	
}

#point .content h3{
	font-size: 150%;
	color: #036;
	font-weight: bold;
	margin-top:25px;
	padding:5px;
	border-left:#036 solid 10px;
	border-bottom:#036 solid 1px;
}

#point .content img{
float:left;
margin-right:20px;
margin-bottom:10px;

}

#point .content h4{
color:#000066;
font-size:16px;
border-left:#000066 solid 10px;
padding-left:10px;
margin-left:10px;

}


#point .content blockquote{


	border: 1px solid #666666;
	font-size:14px;
	background-color:#CCCCCC;

	padding: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;

}
#point .content ul{
font-size:14px;

}

#point .content ul li{
font-size:14px;
color:#000000;

padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:auto;

}

#point .content p{
	margin: 10px 25px;
	font-size:14px;
	line-height:1.5;

}

#point .content b{
color:#FF0000;
font-size:16px;
background-color:#FFFF66;
margin:3px;

}


/* recommend
************************************************/
#recommend{
	height: 278px;
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	background: url(../img/recommend.jpg) 0 0 no-repeat;
}

/**/
#recommend #cards p.c_amex{
	position: absolute;
	top: 116px;
	left: 90px;
}

#recommend #cards p.c_jcb{
	position: absolute;
	top: 116px;
	left: 240px;
}

#recommend #cards p.c_visa{
	position: absolute;
	top: 116px;
	left: 390px;
}

#recommend #cards p.c_diners{
	position: absolute;
	top: 116px;
	left:540px;
}

#recommend #cards p.c_zero{
	position: absolute;
	top: 116px;
	left:690px;
}

/**/
#recommend #cards p.t_amex{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 204px;
	left: 90px;
}

#recommend #cards p.t_jcb{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 204px;
	left: 240px;
}

#recommend #cards p.t_visa{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 204px;
	left: 390px;
}

#recommend #cards p.t_diners{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 204px;
	left:540px;
}

#recommend #cards p.t_zero{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 204px;
	left:690px;
}

/**/
#recommend #cards p.b_01{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 237px;
	left: 90px;
}

#recommend #cards p.b_02{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 237px;
	left: 240px;
}

#recommend #cards p.b_03{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 237px;
	left: 390px;
}

#recommend #cards p.b_04{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 237px;
	left:540px;
}

#recommend #cards p.b_05{
	position: absolute;
	width: 120px;
	text-align: center;
	top: 237px;
	left:690px;
}




/* footer
************************************************/
#footer{
	width: 900px;
	border-top: 3px solid #036;
	margin: 30px 0 10px 0;
	padding: 5px 0 0 0;
	height: 30px;
}


/* ����
************************************************/

strong{
font-weight:bold;

}


div#point{
}


.bold{
font-weight:bold;
}

.red{
color:#FF0000;

}