/* common */
body {
	color: #313131;
	background-color: #fcfcfc;
}
p {
	line-height: 1.6;
}
ol li {
	font-size: 14px;
	line-height: 14px;
}
ul li, .listbox ul li, .listbox ul li.list-topic, .other-txt ul li {
	list-style: none;
	padding: 0 0 0 20px;
	background: url(../img/icn07.png) no-repeat left top;
	font-size: 14px;
	line-height: 14px;
	margin: 0 0 8px 0;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.wrapperAll {
	width: 100%;
	background-color: #fcfcfc;
}
.layout-two-column {
	background-image: none;
	background-color: #fcfcfc;
}
.layout-two-column h1 {
	width: auto;
	color: #303131;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin: 16px auto 24px;
	padding: 8px 0;
	background: none;
	border-bottom: 2px solid #867dcc;
	border-top: 2px solid #867dcc;
}
.layout-two-column h2 {
	color: #7f78b7;
	text-align: left;
	margin: 32px 0 24px 0;
	padding: 0 0 0 32px;
	height: 24px;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	background: url(../img/ttl02.png) no-repeat left center;
}
.layout-two-column h2 a {
	color: #7f78b7;
}
.layout-two-column h3 {
	color: #303131;
	font-size: 20px;
	height: 32px;
	line-height: 32px;
	margin: 24px 0 16px 0;
	padding: 0 0 0 10px;
	text-align: left;
	font-weight: bold;
	background-color: #e5f0dd;
	background-image: none;
}
.layout-two-column h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 16px 0 8px 0;
}
.layout-two-column table {
	border-collapse: collapse;
 	border: 1px solid #f8c8c9;
}
.layout-two-column table th {
	background: #f8c8c9;
	border: 1px solid #fcfcfc;
}
.layout-two-column table td {
	background: #fcfcfc;
 	border: 1px solid #f8c8c9;
}
.Text1, .other-txt {
	padding: 0;
}
/* toppage */
.wrapperAll .top_tpl {
	margin: 40px auto 0;
}
/* header */
.head {
	width: 100%;
	height: 420px;
	background: #bfbae4;
}
.head_top {
	height: 20px;
	width: 1000px;
	margin: 0 auto;
}
.head .head_top h1, .site {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #fff;
	line-height: 20px;
	height: 20px;
	display: inline-block;
	float: left;
	padding: 0 24px 0 0;
	position: static;
	width: auto;
}
.head h1 a:link, .site a:link, .head h1 a:visited, .site a:visited {
	color: #fff;
}
.head .head_top p.head_bun {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	float: left;
	color: #fff;
	line-height: 20px;
	height: 20px;
	display: inline-block;
	position: static;
	width: auto;
}
.head .Info {
	width: auto;
	position: static;
}
.head .Info ul li {
	background: none;
}
.head .Info ul li a {
	color: #fff;
	font-size: 10px;
	background: url(../img/btn03.gif) no-repeat left center;
	padding: 0 0 0 30px;
	height: 16px;
	line-height: 16px;
	margin: 2px 0;
	width: 60px;
	display: block;
	text-decoration: none;
}
.head .head_main {
	background: url(../img/bg01.gif);
}
.head .head_main .main_in {
	background: url(../img/bg02.png) no-repeat;
	width: 1000px;
	margin: 0 auto;
	height: 400px;
}
.head .head_main .main_in img {
	padding: 88px 0 22px 72px;
}
.head .head_main .main_in p {
	width: 360px;
	text-align: center;
	margin: 0 0 24px 148px;
	font-size: 16px;
}
.head .head_main .main_in a.btn {
	display: block;
	width: 360px;
	height: 60px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	padding: 12px 0 0 0;
	background: url(../img/btn01_off.png) no-repeat;
	margin: 0 0 0 148px;
	text-decoration: none;
}
.head .head_main .main_in a.btn:hover {
	background: url(../img/btn01_on.png) no-repeat;	
}

/* g-nav */
#g-nav {
	background: #e1dff2;
}
#g-nav ul {
	width: 1000px;
	height: 56px;
	margin: 0 auto;
}
#g-nav ul li {
	background: none;
	padding: 0;
	width: 200px;
	height: 56px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
#g-nav ul li a {
	padding: 10px 0 0 0;
	height: 46px;
	display: block;
	color: #313131;
	text-decoration: none;
}
#g-nav ul li.g-nav01 a {
	padding: 16px 0 0 0;
	height: 40px;
	background: url(../img/bg03_off.gif) no-repeat;	
}
#g-nav ul li.g-nav01 a:hover {
	background: url(../img/bg03_on.gif) no-repeat;	
}
#g-nav ul li.g-nav02 a {
	background: url(../img/bg04_off.gif) no-repeat;	
}
#g-nav ul li.g-nav02 a:hover {
	background: url(../img/bg04_on.gif) no-repeat;	
}
#g-nav ul li.g-nav03 a {
	background: url(../img/bg05_off.gif) no-repeat;	
}
#g-nav ul li.g-nav03 a:hover {
	background: url(../img/bg05_on.gif) no-repeat;	
}
#g-nav ul li.g-nav04 a {
	background: url(../img/bg06_off.gif) no-repeat;	
}
#g-nav ul li.g-nav04 a:hover {
	background: url(../img/bg06_on.gif) no-repeat;	
}
#g-nav ul li.g-nav05 a {
	background: url(../img/bg07_off.gif) no-repeat;	
}
#g-nav ul li.g-nav05 a:hover {
	background: url(../img/bg07_on.gif) no-repeat;	
}

/* pankuzu */
.wrapperAll .Pan_List {
	width: 984px;
	margin: 0 auto;
	color: #867dcc;
	padding: 8px 0 17px 16px;
}
.wrapperAll .Pan_List a {
	color: #867dcc;
	text-decoration: none;
}
.wrapperAll .Pan_List a:hover {
	text-decoration: underline;
}

/* sub_col */
.sub_col {
	width: 264px;
	padding: 0;
}
.sub_col .sub_rank {
	background: #d9d9d9;
}
.sub_col .sub_rank p {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 40px 0 0 0;
	height: 72px;
	background: url(../img/btn02.gif);
	color: #fff;
	line-height: 30px;
}
.sub_col .sub_rank ul {
	padding: 0 4px 4px;
	margin: 0;
}
.sub_col .sub_rank li {
	background: #fff;
	margin: 4px 0 8px;
	padding: 0 0 24px 0;
}
.sub_col .sub_rank li.last {
	margin: 4px 0 0 0;
}
.sub_col .sub_rank li a {
	width: 224px;
	margin: 0 auto;
	display: block;
	height: 56px;
	padding: 16px 0 0 8px;
	color: #867dcc;
	font-size: 20px;
	text-decoration: none;
	line-height: 1.4;
	font-weight: bold;
	border-bottom: 2px solid #d9d9d9;
}
.sub_col .sub_rank li a span {
	font-size: 14px;
}
.sub_col .sub_rank li a:hover {
	text-decoration: underline;
}
.sub_col .sub_rank li dl {
	color: #fcfcfc;
	margin: 0 0 24px 0;
}
.sub_col .sub_rank li dl dt {
	margin: 0 0 16px 0;
}
.sub_col .sub_rank li dl dd {
	padding: 0 0 0 12px;
	height: 28px;
	width: 216px;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 12px 14px;
	line-height: 28px;
}
.sub_col .sub_rank li dl dd.p3 {
	background: url(../img/bg14.png) no-repeat;
}
.sub_col .sub_rank li dl dd.p2 {
	background: url(../img/bg15.png) no-repeat;
}
.sub_col .sub_rank li dl dd.p1 {
	background: url(../img/bg16.png) no-repeat;
}
.sub_col .sub_rank li dl dd.p0 {
	background: url(../img/bg17.png) no-repeat;
}
.sub_col .sub_rank li a.btn {
	font-size: 12px;
	display: block;
	width: 208px;
	height: 16px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
	border: 0;
	background: #bf9000 url(../img/arw03.png) no-repeat 90% 50%;
	text-decoration: none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.sub_col .sub_rank li a.btn:hover {
	background: #000000 url(../img/arw03.png) no-repeat 95% 50%;
}
.sub_col .sub_link dt {
	width: 264px;
	height: 88px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.sub_col .sub_link dt.dt1 {
	background: url(../img/bg18.gif) no-repeat;
}
.sub_col .sub_link dt.dt2 {
	background: url(../img/bg19.gif) no-repeat;
}
.sub_col .sub_link dt.dt3 {
	background: url(../img/bg20.gif) no-repeat;
}
.sub_col .sub_link dt.dt4 {
	background: url(../img/bg21.gif) no-repeat;
}
.sub_col .sub_link dt a {
	display: block;
	padding: 56px 0 0 0;
	height: 32px;
	color: #000000;
	text-decoration: none;
}
.sub_col .sub_link dt a:hover {
	text-decoration: underline;
}
.sub_col .sub_link dd {
	line-height: 20px;
	font-size: 14px;
	margin: 0 0 24px 4px;
	padding: 0 0 0 16px;
	background: url(../img/icn05.jpg) no-repeat left center;
}
.sub_col .sub_link dd.special {
	background: url(../img/icn04.jpg) no-repeat left center;
}
.sub_col .sub_link dd a {
	color: #867dcc;
	text-decoration: none;
}
.sub_col .sub_link dd a:hover {
	text-decoration: underline;
}
/* content */
.layout-two-column {
	width: 1008px;
	margin: 0 auto;
}

/* footer */
.footer {
	margin: 80px 0 0 0;
	padding: 40px 0 0 0;
	background: #bfbae4;
}
.footer .footer_in {
	width: 1000px;
	margin: 0 auto;
}
.footer .box_left {
	width: 360px;
	float: left;
}
.footer .box_center {
	width: 272px;
	float: left;
}
.footer .box_right {
	float: right;
	margin: 0 16px 0 0;
}
.footer .box_right .sitemap {
	display: block;
	padding: 0 0 0 10px;
	background: url(../img/icn06.gif) no-repeat left center;
	line-height:12px;
	height: 12px;
	font-size: 12px;
	text-align: right;
	width: 72px;
	margin: 176px 0 16px 264px;
}
.footer .box_right #copy {
	font-size: 12px;
	text-align: right;
}
.footer .box_right dl {
	margin: 0 0 0 108px;
}
.footer dl {
	margin: 0;
}
.footer dt {
	width: 240px;
	height: 80px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.footer dt.dt1 {
	background: url(../img/bg22.gif) no-repeat;
}
.footer dt.dt2 {
	background: url(../img/bg23.gif) no-repeat;
}
.footer dt.dt3 {
	background: url(../img/bg24.gif) no-repeat;
}
.footer dt.dt4 {
	background: url(../img/bg25.gif) no-repeat;
	margin: 32px 0 20px 0;
}
.footer dt a {
	display: block;
	padding: 48px 0 0 0;
	height: 32px;
	color: #000000;
	text-decoration: none;
}
.footer dt a:hover {
	text-decoration: underline;
}
.footer dt a:link, .footer dt a:visited {
	color: #000;
}
.footer dd {
	text-align: left;
	font-size: 12px;
	margin: 0 0 24px 2px;
	padding: 0 0 0 14px;
	background: url(../img/icn08.gif) no-repeat left center;
}

/* main_col */
.main_col {
	width: 720px;
	padding: 0;
}
.main_col .rank_top {
	height: 228px;
	padding: 40px 0 0 0;
	background: url(../img/bg09.jpg) no-repeat left center;
}
.main_col .rank_top h1 {
	font-size: 16px;
	color: #bf9000;
	line-height: 24px;
	text-align: center;
	border: 0;
	width: 160px;
	height: 136px;
	margin: 0 16px 0 0;
	padding: 24px 0 0 0;
	background: url(../img/bg08.png) no-repeat left center;
	float: left;
	font-weight: bold;
}
.main_col .rank_top p {
	float: left;
	width: 528px;
	margin: 20px 0 0 0;
	font-size: 14px;
}
.main_col .rank_main h2 {
	font-weight: bold;
	font-size: 28px;
	color: #867dcc;
	text-align: center;
	background: none;
	padding: 0;
	margin: 0 0 32px 0;
}
.main_col .rank_main .box {
	background: #f7f8f8;
	margin: 0 0 40px 0;
	padding: 24px 16px 16px 16px;
}
.main_col .rank_main .box a.btn {
	font-size: 24px;
	display: block;
	width: 400px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 16px 0;
	margin: 12px auto 0;
	background: #bf9000 url(../img/arw01.png) no-repeat 90% 50%;
	text-decoration: none;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.main_col .rank_main .box a.btn:hover {
	background: #000000 url(../img/arw01.png) no-repeat 95% 50%;
}
.main_col .rank_main .box .left_box {
	float: left;
	width: 176px;
}

.main_col .rank_main .box .left_box p.rank {
	margin: 0 auto;
	color: #bf9000;
	background: url(../img/bg10.png) no-repeat left center;
	height: 24px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	width: 138px;
}
.main_col .rank_main .box .left_box .pho_box {
	padding: 10px 13px 0;
	background: #fcfcfc;
	margin: 20px 0 0 0;
	height: 286px;
}
.main_col .rank_main .box .left_box .pho_box p {
	font-size: 9px;
	margin: 8px 0 0 0;
}
.main_col .rank_main .box .left_box .pho_box p a {
	color: #313131;
	text-decoration: none
}
.main_col .rank_main .box .right_box {
	float: right;
	width: 504px;
}
.main_col .rank_main .box .right_box .ttl {
	color: #313131;
	height: 24px;
	font-size: 24px;
	line-height: 24px;
	margin: 0;
}
.main_col .rank_main .box .right_box .ttl a {
	color: #313131;
	text-decoration: none;
}
.main_col .rank_main .box .right_box .ttl a:hover {
	text-decoration: underline;
}
.main_col .rank_main .box .right_box .evaluation_box {
	background: #fcfcfc;
	margin: 20px 0 0 0;
	padding: 10px 16px 0 16px;
	height: 286px;
}
.main_col .rank_main .box .right_box .evaluation_box p {
	color: #bf9000;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
}
.main_col .rank_main .box .right_box .evaluation_box ul.pul {
	float: left;
	margin: 0 12px 0 0;
}
.main_col .rank_main .box .right_box .evaluation_box ul.pul li {
	font-size: 14px;
	color: #fcfcfc;
	height: 28px;
	line-height: 28px;
	margin: 0 0 12px 0;
	padding: 0 0 0 12px;
	width: 216px;
}
.main_col .rank_main .box .right_box .evaluation_box ul.pul li.p3 {
	background: url(../img/bg14.png) no-repeat left center;
}
.main_col .rank_main .box .right_box .evaluation_box ul.pul li.p2 {
	background: url(../img/bg15.png) no-repeat left center;
}
.main_col .rank_main .box .right_box .evaluation_box ul.pul li.p1 {
	background: url(../img/bg16.png) no-repeat left center;
}
.main_col .rank_main .box .right_box .evaluation_box ul.pul li.p0 {
	background: url(../img/bg17.png) no-repeat left center;
}
.main_col .rank_main .box .right_box .evaluation_box ul.dul {
	float: left;
	border-top: 1px solid #d9d9d9;
	width: 232px;
	margin: -4px 0 0 0;
}
.main_col .rank_main .box .right_box .evaluation_box ul.dul li {
	font-size: 12px;
	line-height: 16px;
	background: none;
	border-bottom: 1px solid #d9d9d9;
	padding: 12px 0 11px 2px;
	margin: 0;
}
.main_col .rank_main .box .right_box .evaluation_box ul.dul li.two {
	padding: 3px 0 3px 2px;
}
.main_col .rank_topina .ttl_box h2 {
	background: #e7f2df;
	color: #bf9000;
	font-size: 20px;
	text-align: left;
	line-height: 32px;
	margin: 0 16px 0 0;
	padding: 12px 0 0 16px;
	height: 116px;
	width: 160px;
	float: left;
}
.main_col .rank_topina .ttl_box p {
	font-size: 14px;
	width: 512px;
	float: left;
	margin: 32px 0 0 0;
}
.main_col .rank_topina ul {
	margin: 32px 8px 16px 8px;
}
.main_col .rank_topina ul li {
	background-image: none;
	background-color: #f7f8f8;
	font-size: 14px;
	margin: 0;
	padding: 12px 12px 0 12px;
	width: 320px;
	height: 110px;
	float: left;
	line-height: 1.6;
}
.main_col .rank_topina ul li.left {
	float: left;
}
.main_col .rank_topina ul li.right {
	float: right;
}
.main_col .rank_topina ul li span {
	font-size: 16px;
	font-weight: bold;
}
.main_col .rank_topina .text_box {
	background: url(../img/bg11.jpg) no-repeat;
	margin: 0 0 24px 0;
	padding: 24px 0 0 0;
	width: 720px;
	height: 396px;
}
.main_col .rank_topina .text_box p {
	width: 390px;
}
.main_col .rank_point {
	padding: 16px 16px 1px 16px;
	background: #f9f5e8;
}
.main_col .rank_point .box {
	background: #fff;
	margin: 0 0 16px;
	padding: 8px 16px 16px 8px;
}
.main_col .rank_point .box h2 {
	height: 72px;
	line-height: 72px;
	color: #313131;
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 0 84px;
	margin: 0 0 24px 0;
}
.main_col .rank_point .box h2.p1 {
	background: url(../img/icn01.gif) no-repeat left center;
}
.main_col .rank_point .box h2.p2 {
	background: url(../img/icn02.gif) no-repeat left center;
}
.main_col .rank_point .box h2.p3 {
	background: url(../img/icn03.gif) no-repeat left center;
}
.main_col .rank_point .box p {
	margin: 0;
	padding: 0 0 0 8px;
}
.main_col a.mama_btn {
	font-size: 20px;
	line-height: 26px;
	display: block;
	width: 424px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	margin: 32px auto 0;
	background: #bf9000 url(../img/arw02.png) no-repeat 93% 50%;
	text-decoration: none;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.main_col a.mama_btn:hover {
	background: #000000 url(../img/arw02.png) no-repeat 96% 50%;
}
.main_col .rank_check {
	margin: 80px 0 0 0;
	background: url(../img/bg13.jpg) no-repeat;
	padding: 24px 0 0 0;
	height: 296px;
}
.main_col .rank_check h2 {
	font-size: 16px;
	color: #bf9000;
	line-height: 20px;
	text-align: center;
	width: 160px;
	height: 130px;
	margin: 0 16px 0 0;
	padding: 30px 0 0 0;
	background: url(../img/bg12.png) no-repeat left center;
	float: left;
	font-weight: bold;
}
.main_col .rank_check p {
	float: left;
	width: 536px;
	margin: 0;
}