@charset "utf-8";

/* summary ------------------------------------------------------
 ranking
 about
 search
 no page
-------------------------------------------------------------- */

/**************************************
 ranking
**************************************/
.ranking-section {
	margin:0;
}
.ranking-section ol {
	margin:0;
}
.ranking-section ol li {
	position:relative;
	margin:0 0 20px 0;
}
	.ranking-section ol li:nth-child(5) {
		margin:0 0 40px 0;
	}
.ranking-section ol li.best5 .photo {
	float:left;
	width:234px;
	margin:0;
	z-index:1;
}
.ranking-section ol li.best5 .photo img {
	max-width:234px;
	max-height:234px;
}
.ranking-section ol li.best5 .icon-rank {
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
}
.ranking-section ol li.best5 p {
	padding:0 0 0 249px;
	font-size:14px;
	font-size:1.4rem;
}
.ranking-section ol li p.rank {
	float:left;
	width:60px;
	padding:0;
	font-size:18px;
	font-size:1.8rem;
	color:#999;
}
.ranking-section ol li.best5 p.rank {
	float:none;
	width:auto;
	padding:0 0 0 249px;
}
.ranking-section ol li p.title {
	margin:0;
	padding:0 0 0 60px;
	font-size:18px;
	font-size:1.8rem;
}
.ranking-section ol li.best5 p.title {
	margin:0 0 5px 0;
	padding:0 0 0 249px;
}

/**************************************
 about-iza-section
**************************************/
.about-iza-section {
	margin:0 0 50px 0;
	background:url(images/bg_about_001.png) no-repeat right bottom;
}
.about-iza-section p.text {
	margin:0 0 18px 0;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
}
.about-iza-section p.title {
	margin:0 0 5px 0;
	font-size:18px;
	font-size:1.8rem;
}
.about-iza-section p.title img {
	vertical-align:bottom;
	margin:0 0 5px 5px;
}
.about-iza-section .button-mail-magazine {
	width:300px;
	margin:0;
}
.about-iza-section .button-mail-magazine a {
	display:block;
	padding:8px;
	background:#979797;
	background-image:-ms-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:-moz-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:-o-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #a8a8a8), color-stop(100, #979797));
	background-image:-webkit-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:linear-gradient(to bottom, #a8a8a8 0%, #979797 100%);
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	color:#fff;
	text-decoration:none;
	transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	opacity:1;
}
	.about-iza-section .button-mail-magazine a:hover {
		opacity:0.9;
	}
.about-iza-section .button-mail-magazine a img {
	margin:4px 5px 0 0;
	vertical-align:top;
}

/**************************************
 mail-magazine-section
**************************************/
.mail-magazine-section {
	margin:0 0 40px 0;
}
.mail-magazine-section p.text {
	margin:0 0 40px 0;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
}
.mail-magazine-section p.title {
	margin:0 0 5px 0;
	font-size:18px;
	font-size:1.8rem;
}
.mail-magazine-section section {
	margin:0 0 40px 0;
}
.mail-magazine-section section p.text {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
}
.mail-magazine-section p.caption {
	margin:0 0 15px 0;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
}
.mail-magazine-section p.caution {
	font-size:14px;
	font-size:1.4rem;
	color:#fd354c;
}
.mail-magazine-section .button-mail-magazine {
	width:450px;
	margin:0 auto 5px auto;
}
.mail-magazine-section .button-mail-magazine a {
	display:block;
	padding:8px;
	background:#979797;
	background-image:-ms-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:-moz-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:-o-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #a8a8a8), color-stop(100, #979797));
	background-image:-webkit-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:linear-gradient(to bottom, #a8a8a8 0%, #979797 100%);
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	color:#fff;
	text-decoration:none;
	transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	opacity:1;
}
	.mail-magazine-section .button-mail-magazine a:hover {
		opacity:0.9;
	}
.mail-magazine-section .button-mail-magazine a img {
	margin:4px 5px 0 0;
	vertical-align:top;
}
.mail-magazine-section ol {
	list-style:decimal;
	margin:0 0 25px 0;
	padding:0 0 0 28px;
}
.mail-magazine-section ol li {
	margin:0 0 15px 0;
	font-size:14px;
	font-size:1.4rem;
}
.mail-magazine-section ul {
	margin:0 0 25px 0;
}
.mail-magazine-section ul li {
	margin:0 0 15px 0;
	padding:0 0 0 12px;
	background:url(images/icon_list_001.png) no-repeat left 10px;
	font-size:14px;
	font-size:1.4rem;
}


/**************************************
 information-section
**************************************/
.information-section {
	margin:0 0 40px 0;
}
.information-section p.text {
	margin:0 0 25px 0;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
}
.information-section section {
	margin:0 0 25px 0;
	padding:10px;
	background:#eee;
}
.information-section h1 {
	margin:0 0 5px 0;
	font-size:18px;
	font-size:1.8rem;
}
.information-section section p.text {
	margin:0;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
}

/**************************************
 search-section
**************************************/
.search-section {
	margin:25px 0;
}
.search-section p,
.search-section div,
.search-section li,
.search-section span,
.search-section a,
.search-section b {
	font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana!important;
}

.search-section #popInSearch {
	position:relative;
}
.search-section #popInSearch input#popInSearchField {
	float:left;
	width:450px;
	height:24px;
	margin:0 10px 10px 172px;
	padding:2px;
	border:1px solid #d4d4d4;
	font-size:14px;
	font-size:1.4rem;
}
.search-section #popInSearch input#search-site,
.search-section #popInSearch input#search-image {
	float:left;
	width:110px;
	height:30px;
	margin:0 10px 10px 0;
	background:#979797;
	background-image:-ms-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:-moz-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:-o-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #a8a8a8), color-stop(100, #979797));
	background-image:-webkit-linear-gradient(top, #a8a8a8 0%, #979797 100%);
	background-image:linear-gradient(to bottom, #a8a8a8 0%, #979797 100%);
	border:none;
	font-size:12px;
	font-size:1.2rem;
	color:#fff;
	cursor:pointer;
}
.search-section #popInSearch ul {
	clear:both;
	margin:0 0 25px 0;
}
.search-section #popInSearch ul li {
	float:left;
	margin:0 20px 0 0;
	font-size:14px;
	font-size:1.4rem;
}
.search-section #popInSearch ul li#select-topics {
	margin:0 0 0 172px;
	padding:0;
}
.search-section #popInSearch ul li#select-kiji,
.search-section #popInSearch ul li#select-all {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #ddd;
}
.search-section #popInSearch ul li.active a,
.search-section #popInSearch ul li.active a span {
	color:#000;
	font-weight:bold;
}
.search-section #popInSearch ul li input#radio-desc,
.search-section #popInSearch ul li input#radio-relation {
	margin:0 2px 0 0;
	vertical-align:middle;
}

.search-section #popInResult #popin_menu {
	margin:0 0 10px 0!important;
}
.search-section #popInResult #popin_sort_menu {
	margin:0 0 10px 0!important;
}
.search-section #popInResult #popin_sort_order {
	padding:0!important;
}
.search-section #popInResult #popin_sort_order .popIn_Navigation {
	display:inline-block!important;
}
.search-section #popInResult .popIn_SearchTermContainer {
	margin:0 0 10px 0!important;
}
.search-section #popInResult ul.popIn_NavigatorContainer li {
	display:inline;
	margin:0;
}
.search-section #popInResult ul.popIn_NavigatorContainer li.popIn_NavigatorBegin,
.search-section #popInResult ul.popIn_NavigatorContainer li.popIn_NavigatorPrev{
	margin:0 19px 0 0;
}
.search-section #popInResult ul.popIn_NavigatorContainer li.popIn_NavigatorNext,
.search-section #popInResult ul.popIn_NavigatorContainer li.popIn_NavigatorEnd {
	margin:0 0 0 19px;
}
.search-section #popInResult ul.popIn_NavigatorContainer li.popIn_NavigatorBox a {
	display:inline-block;
	width:30px;
	height:25px;
	margin:0 1px 0 0;
	padding:5px 0 0 0;
	background:#3673c4;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	text-decoration:none;
	text-align:center;
	transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	cursor:pointer;
}
	.search-section #popInResult ul.popIn_NavigatorContainer li.popIn_NavigatorBox a:hover {
		background:#729dd8;
	}
.search-section #popInResult ul.popIn_NavigatorContainer li.popIn_NavigatorActive a {
	display:inline-block;
	width:30px;
	height:25px;
	margin:0 1px 0 0;
	padding:5px 0 0 0;
	background:#e1e1e1;
	font-size:14px;
	font-size:1.4rem;
	color:#4b4b4b;
	text-decoration:none;
	text-align:center;
}

/**************************************
 no page
**************************************/
.no-page-section {
	margin:50px 100px 100px 100px;
}
.no-page-section h1.title {
	margin:0 0 30px 0;
	font-size:22px;
	font-size:2.2rem;
	color:#000;
}
.no-page-section p {
	margin:0 0 30px 0;
	font-size:16px;
	font-size:1.6rem;
}
.no-page-section .how-to {
	border:1px solid #ddd;
	margin:0 0 30px 0;
	padding:15px 15px 0 15px;
}
.no-page-section .how-to ul {
	margin:0;
}
.no-page-section .how-to ul li {
	margin:0 0 15px 0;
	padding:0 0 0 12px;
	background:url(images/icon_list_001.png) no-repeat left 10px;
	font-size:14px;
	font-size:1.4rem;
}
.no-page-section .link-home {
	margin:0;
	font-size:14px;
	font-size:1.4rem;
	text-align:right;
}
.no-page-section .link-home a {
	padding:0 0 0 18px;
	background:url(images/arrow_common_002.png) no-repeat left center;
}