/* ▼ Common ------------------------------------------------------------------*/
* {
	margin: 0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body {
	border-style: none;
	background: url(img/back.jpg) repeat-x 0 0;
	color: #333333;
	font-size: 14px;
}
div {
	list-style-type: none;
}

ul {
	list-style-type: none;
}

li {
	list-style-type: none;
}

a {
	color:#3366CC;
	text-decoration: none;
}

a:hover {
	color: #3366CC;
	text-decoration: underline;
}

img {
	border:0px;
}

#clear{
	clear:both;
}


/* ▼ Box,Container ------------------------------------------------------------------*/
#box {
	background: url(img/bg.gif) repeat 0 0;
	margin:101px 0 0 0; 
	padding:1px 0 0 0;

}
#container {
	width: 950px; 
	margin-right: auto; 
	margin-left: auto; 
	text-align: left;
}


/* ▼ Header ------------------------------------------------------------------*/
h1 {
	text-align:right; 
	margin:10px 0 0 0; 
	font-size:12px; 
	font-weight:normal; 
	color:#666;
}
#header {
	width: 950px;
	height: 75px;
	top: 15px;
	position:absolute;
}
#header .header_title {
	float:left; 
	position:absolute; 
	top:5px;
	left:20px
}
#header .header_title a {
	font-size: 30px;
	font-weight: normal;
	color: #333333;
}
#header .header_text {
	margin:0; 
	position:absolute; 
	font-size:12px;
	top:55px; 
	left:30px
}


/* ▼ Navi ------------------------------------------------------------------*/
#navi {
	height: 20px; 
	margin-top:-20px; 
	padding:0; 
	font-size:12px;
	line-height: normal; 
	position:absolute; 
}
#navi .navi_text {
	padding-left:10px;
	line-height: 22px;
}
#navi a {
	text-decoration: underline;
}
#navi a:hover {
	text-decoration: none;
}


/* ▼ Content ------------------------------------------------------------------*/
#content {
	background:url(img/main_top.gif) no-repeat right 10px; 
	width: 100%; 
	padding-bottom:40px; 
	padding-top:30px; 
	clear:both; 
	position: relative; 
}

/* ▼ Main ------------------------------------------------------------------*/
#main {
	width: 730px;
	float:right;
	background: #FFF url(img/main_side.gif) repeat-y 0 0; 
}

#banner {
	margin-top:5px;
	margin-bottom:20px;
	text-align:center; 
}
#main01 {
	margin-bottom:15px;
	padding: 0px 40px 0px 40px;
	clear:both;
}
#main01 .main01_title {
	background-image: url(img/main01_title.gif);
	background-repeat: no-repeat;
	line-height: 41px;
	margin-top:5px;
	margin-bottom:7px;
	padding-left:40px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
#main01 .main01_box {
	padding:15px;

}
#main01 .main01_text_title {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 18px;
	padding-bottom:10px;
}
#main01 .main01_text_point1 {
	background-image: url(img/main01_point1.gif);
	background-repeat: no-repeat;
	line-height: 40px;
	margin-top:5px;
	margin-bottom:7px;
	padding-left:80px;
	font-size: 18px;
	font-weight: bold;
}
#main01 .main01_text_point2 {
	background-image: url(img/main01_point2.gif);
	background-repeat: no-repeat;
	line-height: 40px;
	margin-top:5px;
	margin-bottom:7px;
	padding-left:80px;
	font-size: 18px;
	font-weight: bold;
}
#main01 .main01_text_point3 {
	background-image: url(img/main01_point3.gif);
	background-repeat: no-repeat;
	line-height: 40px;
	margin-top:5px;
	margin-bottom:7px;
	padding-left:80px;
	font-size: 18px;
	font-weight: bold;
}
#main01 .main01_text_chumoku {
	background-image: url(img/main01_icon_chumoku.gif);
	background-repeat: no-repeat;
	line-height: 35px;
	margin-top:5px;
	margin-bottom:7px;
	padding-left:42px;
	font-size: 15px;
	font-weight: bold;
}
#main01 .main01_box p {
	line-height: 23px;
}
#main01 a {
	color:#3366CC;
	text-decoration: underline;
}
#main01 a:hover {
	color: #3366CC;
	text-decoration: none;
}

#main02 {
	margin-bottom:15px;
	padding: 10px 40px 0px 40px;
	clear:both;
}
#main02 .main02_maintitle {
	background-image: url(img/main01_title.gif);
	background-repeat: no-repeat;
	line-height: 41px;
	margin-top:5px;
	margin-bottom:7px;
	padding-left:40px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
#main02 .main02_maintitle a {
	color: #ffffff;
}
#main02 .main02_title {
	background-image: url(img/main02_title.gif);
	background-repeat: no-repeat;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	padding-left:25px;
	line-height: 42px;
}
#main02 .main02_box {
	padding:5px 10px;

}
#main02 .main02_box p {
	background-image: url(img/note_line.gif);
	font-size: 14px;
	line-height: 22px;
	padding-top: 4px;
	padding-bottom: 15px;
}

#main_bottom {
	background:url(img/main_bottom.gif) no-repeat bottom;
	clear:both;
}

/* ▼ Side ------------------------------------------------------------------*/
#side {
    width: 200px;
	margin-top:-20px;
}
#side_menu {
	margin-bottom: 8px;
}
#side_menu .side_menu_title {
	background-image: url(img/side_title.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 200px;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
#side_menu .side_menu_title a {
	color: #ffffff;
}
#side_menu li {
	background-image: url(img/side_menu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 16px;
}
#side_menu li a{
	background-image: url(img/side_icon.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	font-size: 12px;
	display: block;
	padding:8px 4px 8px 26px;
	color:#333333;
	width: 170px;
}
#side_menu li a:hover {
	text-decoration: underline;
	color: #0033CC;
}


/* ▼ Footer ------------------------------------------------------------------*/
#footer{
	padding: 10px 0 30px 0px; 
	width:100%; 
	background:url(img/footer.gif) repeat 0 0;
	clear: both;
}
#footer .footer_text {
	font-size: 13px;
	text-decoration: none;
	text-align:center;
	padding-top: 15px;
}
#pagetop {
	position: absolute; 
	bottom: 10px; 
	right: 10px 
}


/* ▼ Pages ------------------------------------------------------------------*/
#pages_main01 {
	margin-bottom:20px;
	padding: 0px 40px 0px 40px;
	clear:both;
}
#pages_main01 .pages_main01_title {
	background-image: url(img/main01_title.gif);
	background-repeat: no-repeat;
	line-height: 41px;
	margin-top:5px;
	padding-left:40px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
#pages_main01 .pages_main01_box {
	background-image: url(img/pages_main01_box_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 0px 10px 10px;
}
#pages_main01 .pages_main01_box li {
	background-image: url(img/pages_main01_box_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 16px;
	padding-left:25px;
	padding-top:11px;
}

#pages_main02 {
	margin-bottom:15px;
	padding: 0px 40px 0px 40px;
	clear:both;
}
#pages_main02 .pages_main02_title {
	background-image: url(img/main01_title.gif);
	background-repeat: no-repeat;
	line-height: 41px;
	margin-top:5px;
	padding-left:40px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
#pages_main02 .pages_main02_subtitle {
	background-image: url(img/main02_title.gif);
	background-repeat: no-repeat;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	margin-top:10px;
	padding-left:25px;
	line-height: 42px;
}
#pages_main02 .pages_main02_title a {
	color: #ffffff;
}
#pages_main02 .pages_main02_box {
	padding:10px 10px 5px 10px;
}
#pages_main02 .pages_main02_box p {
	background-image: url(img/note_line.gif);
	font-size: 14px;
	line-height: 22px;
	padding-top: 4px;
	padding-bottom: 15px;
}
#pages_main02 .pages_contents_nextpage {
	padding:0 10px 10px 0;
	text-align: right;
}

#pages_main03 {
	margin-bottom:15px;
	padding: 0px 40px 0px 40px;
	clear:both;
}
#pages_main03 .pages_main03_title {
	background-image: url(img/main01_title.gif);
	background-repeat: no-repeat;
	line-height: 41px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:40px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
#pages_main03 .pages_main03_subtitle {
	background-image: url(img/pages_main03_subtitle.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 25px;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	line-height: 30px;
	padding-left: 20px;
	margin-left: 5px;
	margin-top: 10px;
}
#pages_main03 .pages_main03_subtitle a {
	color: #666666;
}
#pages_main03 .pages_main03_box {
	padding:5px 15px 0;
}
#pages_main03 .pages_main03_box li {
	padding:0;
}
#pages_main03 .pages_main03_box li a {
	background-image: url(img/pages_main03_box_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding:0px 6px 0px 12px;
	line-height: 22px;
	font-size: 14px;
}
#pages_main03 .pages_main03_box dl {
	padding:0px;
}
#pages_main03 .pages_main03_box dt {
	background-image: url(img/pages_main03_box_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding:0px 6px 0px 12px;
	line-height: 22px;
	font-size: 14px;
}
#pages_main03 .pages_main03_box p {
	background-image: url(img/note_line.gif);
	font-size: 14px;
	line-height: 22px;
	padding-top: 4px;
	padding-bottom: 15px;
}

#pages_main04 {
	margin-bottom:15px;
	padding: 0px 40px 0px 40px;
	clear:both;
}
#pages_main04 .pages_main04_text_chumoku {
	background-image: url(img/main01_icon_chumoku.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	line-height: 35px;
	padding:10px 10px 10px 60px;
	font-size: 18px;
	font-weight: bold;
}
#pages_main04 a {
	color:#3366CC;
	text-decoration: underline;
}
#pages_main04 a:hover {
	color: #3366CC;
	text-decoration: none;
}

/* ▼ detail ------------------------------------------------------------------*/
#detail_point {
	margin-bottom:20px;
	padding: 0px 40px 0px 40px;
	clear:both;
}
#detail_point .detail_point_title {
	background-image: url(img/detail_title.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 38px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-left:30px;
	line-height: 38px;
	margin-bottom:15px;
}
#detail_point .detail_point_box {
	padding: 5px 5px 0 15px;
}
#detail_point .detail_point_box li{
	background-image: url(img/detail_icon_point.gif);
	background-repeat: no-repeat;
	background-position: left -3px;
	font-size: 15px;
	padding-left:30px;
	padding-bottom:20px;
	line-height: 22px;
	font-weight: normal;
}



#detail_kuchikomi {
	margin-bottom:20px;
	padding: 0px 40px 0px 40px;
	clear:both;
}
#detail_kuchikomi .detail_kuchikomi_title {
	background-image: url(img/detail_title.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 38px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-left:30px;
	line-height: 38px;
	margin-bottom:15px;
}
#detail_kuchikomi .detail_kuchikomi_box_top {
	background-image: url(img/detail_box_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 10px;
}
#detail_kuchikomi .detail_kuchikomi_box {
	background-image: url(img/detail_box_bg.gif);
	background-repeat: repeat-y;
	background-position: bottom;
	padding: 0 30px;
}
#detail_kuchikomi .detail_kuchikomi_box_maru {
	background-image: url(img/detail_icon_maru.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 14px;
	padding: 5px 0 5px 60px;
	line-height: 22px;
}
#detail_kuchikomi .detail_kuchikomi_box_batsu {
	background-image: url(img/detail_icon_batsu.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 14px;
	padding: 5px 0 5px 60px;
	line-height: 22px;
}
#detail_kuchikomi .detail_kuchikomi_box_bottom {
	background-image: url(img/detail_box_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom:5px;
	height: 10px;
}



#detail_flow {
	margin-bottom:20px;
	padding: 0px 40px 0px 40px;
	clear:both;
}
#detail_flow .detail_flow_title {
	background-image: url(img/detail_title.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 38px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-left:30px;
	line-height: 38px;
	margin-bottom: 15px;
} 
#detail_flow .detail_flow_box {
	padding: 0;
}
#detail_flow_left {
	float:left;
	width:320px;
}
#detail_flow_right {
	float:right;
	width:330px;
}
#detail_flow .detail_flow_right_banner_white {
	background-image: url(img/detail_banner_white.gif);
	background-repeat: no-repeat;
	width:330px;
	height:40px;
	font-size: 16px;
	font-weight: bolder;
	color: #428bca;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
}
#detail_flow .detail_flow_right_banner_blue {
	background-image: url(img/detail_banner_blue.gif);
	background-repeat: no-repeat;
	width:330px;
	height:40px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
}
#detail_flow .detail_flow_right_arrow {
	background-image: url(img/detail_icon_arrow.gif);
	background-repeat: no-repeat;
	height:26px;
	background-position: center;
	width: 330px;
}
#detail_flow .detail_flow_box_button {
	clear:both;
	width: 740px;
	text-align: center;
	margin: 30px 0 0;
}
#detail_flow .detail_flow_box_button a {
	font-size: 21px;
	font-weight: bold;
}

#detail_value {
	margin-bottom:20px;
	padding: 0px 40px 0px 40px;
	clear:both;
}
#detail_value .detail_value_title {
	background-image: url(img/detail_title.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 38px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-left:30px;
	line-height: 38px;
	margin-bottom: 15px;
} 
#detail_value .detail_value_box {
	padding: 10px 0 0 0;
}
#detail_value p {
	line-height: 26px;
	font-size: 15px;
}
#detail_value .detail_value_box_title{
	background-image: url(img/detail_icon_osusume.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin-left:290px;
	padding-left:40px;
	line-height: 40px;
	color: #cc0000; 
	font-size: 16px;
	font-weight:bold;
	margin-bottom:0px;
}
#detail_value .detail_value_box li{
	background-image: url(img/detail_icon_point.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	font-size: 15px;
	margin-left:310px;
	padding:6px 0 3px 30px;
	line-height: 22px;
	font-weight: bold;
}


#detail_info {
	margin-bottom:20px;
	padding: 0px 40px 0px 40px;
	clear:both;
}
#detail_info .detail_info_title {
	background-image: url(img/detail_title.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 38px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-left:30px;
	line-height: 38px;
} 
#detail_info .detail_info_box {
}
#detail_info .detail_info_box table {
	border-collapse: collapse;
	border: 1px solid #bebebe;
	width: 100%;
}
#detail_info .detail_info_box th {
	border-collapse: collapse;
	border: 1px solid #bebebe;
	background-color: #f3f3f3;
	width:25%;
	font-weight: normal;
	font-size: 15px;
	padding: 10px;
}
#detail_info .detail_info_box td {
	border-collapse: collapse;
	border: 1px solid #bebebe;
	font-size: 15px;
	padding: 10px;
}

#detail_button {
	margin:60px 0px 60px; 
	text-align:center;
}




/* ▼ ranking ------------------------------------------------------------------*/
#mainrank {
	margin-bottom:10px;
	padding: 0px 40px 15px 40px;
	clear:both;
}
#rank_title{
	margin-bottom:10px;
	padding:0;
}
#rank_01{
	background-image: url(img/rank_01.gif);
	line-height: 41px;
	margin-bottom:7px;
	padding-left:140px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
#rank_02{
	background-image: url(img/rank_02.gif);
	line-height: 41px;
	margin-bottom:7px;
	padding-left:140px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
#rank_03{
	background-image: url(img/rank_03.gif);
	line-height: 41px;
	margin-bottom:7px;
	padding-left:140px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
#rank_04{
	background-image: url(img/rank_04.gif);
	line-height: 41px;
	margin-bottom:7px;
	padding-left:140px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
#rank_05{
	background-image: url(img/rank_05.gif);
	line-height: 41px;
	margin-bottom:7px;
	padding-left:140px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}

.rank_table {
	margin:0 0 25px 0; 
	width:100%; 
	background-color:#999; 
	display:block;
}
.rank_table td {
	font-size:13px; 
	padding:10px;
}
.rank_table p {
	line-height: 22px;
	padding:5px;
}
.rank_button {
	margin:17px 10px 0px 0; 
	text-align:right;
}

/* ▼ テキスト ------------------------------------------------------------------*/
.b {
	font-weight:bold;
}
.red {
	color: #cc0000; 
	font-weight:bold;
}
.yellow {
	background-color:#FFFF66; 
	color:#333333; 
}

/* ▼ 画像 ------------------------------------------------------------------*/
.img_left {
	margin: 0 20px 10px 10px; 
	float: left;
}
.img_right {
	margin: 0 0 10px 20px; 
	float: right;
}