@charset "utf-8";

/* ==========================================================================
   common definitions for sankei-digital news service
   ========================================================================== */


/* ==== index ===============================================================

0. global styles
	0-0. layout

1. header styles
	1-1. header
	1-2. weather
	1-3. related service
	1-4. search box
	1-5. social button
	1-6. navigation

2. footer styles

3. right module styles
	3-1. shimbun image
	3-2. subscribe button
	3-3. sankei information
	3-4. ranking
	3-5. premium & pickupnews
	3-6. scoreboard

4. left module styles
	4-1. top pickup flash
	4-2. top news
	4-3. mod premium
	4-4. mod feature
	4-5. module relatedservice
	4-6. module photo+newslist
	4-7. module newslist
	4-8. module photolist
	4-9. module induction
	4-10. module column
	4-11. module storylist
	4-12. genretop news

5. index styles
	5-1. index text
	5-2. index photo
	5-3. index feature
	5-4. index ranking
	5-5. index photoranking
	5-6. index photo+text
	5-7. pagenator

6. detail styles
	6-1. news detail
	6-2. photo detail
	6-3. feature detail
	6-4. photozoom detail
	6-5. newsprint detail

7. static detail
	7-1. weather detail
	7-2. smartphone changeview
	7-3. error

8. other
	8-1. app box
	8-2. swiper
	8-3. topilog

========================================================================== */

/* --------------------------------------------
0. global styles
--------------------------------------------*/

/* ===== common ====================================================================== */

body {
	width: 100%;
	background: url(../../../images/v1/common/bg_bodyWest.png) #fff top left repeat-x;
	margin: 0 auto;
}

#contentsContainer {
	margin: 0 auto;
}

.contentBox {
	width: 1024px;
	background-color: #fff;
	margin: 0 auto;
}

.contentWrap {
	background-color: #fff;
	margin: 0 auto;
	padding-top : 20px;
	-webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
}

.contentWrap:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1;
	line-height: 0;
	display: block;
	visibility: hidden;
}

.lt-ie9 .contentWrap {
	zoom: 1;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

#primary {
	width: 664px;
	margin-left: 20px;
	float:left;
}

#secondary {
	width: 300px;
	margin-left: 20px;
	float:left;
	position: relative;
}
.sideFixedWrapper {
	width: 300px;
}


#additional {
	width: 984px;
	margin: 0 20px;
}

.footerWrap {
	width: 100%;
	margin: 0 auto;
	-webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
}

.lt-ie9 .footerWrap {
	zoom: 1;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

/* --------------------------------------------
1. header styles
--------------------------------------------*/

/* ===== 1-1. header ====================================================================== */

.headerWrap {
	width: 100%;
	background-color: #fff;
	color: #333;
}

.headerWrap header {
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
}

.headerWrap #headerMod {
	height: 75px;
	padding-top: 25px;
	width: 1024px;
	margin: 0 auto;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: relative;
}

.lt-ie8 .headerWrap #headerMod {
	height: 49px;
}

/* ===== ロゴ ===== */

#headerMod #logo{
	text-align: center;
	width: 170px;
	display: inline-block;
	float: left;
	margin-left: 20px;
}

#headerMod #logo img{
	display: block;
	margin: 0 auto;
	padding: 0;
}

.lt-ie8 #headerMod #logo {
	display: inline;
	zoom: 1;
}

/* ===== 1-2. weather ====================================================================== */

#headerMod #modWeather {
	font-size: 14px;
	font-size: 1.4rem;
	display: inline-block;
	float: left;
	margin-left: 10px;
}

.lt-ie8 #headerMod #modWeather {
	display: inline;
	zoom: 1;
}

#headerMod #modWeather dl {
	display: block;
	padding: 0 10px;
}

#headerMod #modWeather dl dt,
#headerMod #modWeather dl dd {
	display: table-cell;
	line-height: 24px;
	vertical-align: middle;
}

.lt-ie8 #headerMod #modWeather dl dt,
.lt-ie8 #headerMod #modWeather dl dd {
	display: inline;
	zoom: 1;
}

#headerMod #modWeather dl dt .locatePref,
#headerMod #modWeather dl dt .locateArea {
	color: #113b7d;
	margin-right: 5px;
}

#headerMod #modWeather dl dd span {
	vertical-align: middle;
	display: table-cell;
}

#headerMod #modWeather dl dd .weather img {
	height: 24px;
}

#headerMod #modWeather dl dd .maxtemp {
	padding-left: 5px;
}

/* css sprite */
.weather .sprite {
    background-image: url(/apr_news/images/v1/weather/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}
.weather span.sprite{
	font-size:0;
}

.sprite-100 {
    width: 40px;
    height: 24px;
    background-position: -5px -5px;
}

.sprite-101 {
    width: 40px;
    height: 24px;
    background-position: -55px -5px;
}

.sprite-102 {
    width: 40px;
    height: 24px;
    background-position: -105px -5px;
}

.sprite-103 {
    width: 40px;
    height: 24px;
    background-position: -155px -5px;
}

.sprite-104 {
    width: 40px;
    height: 24px;
    background-position: -205px -5px;
}

.sprite-105 {
    width: 40px;
    height: 24px;
    background-position: -255px -5px;
}

.sprite-106 {
    width: 40px;
    height: 24px;
    background-position: -305px -5px;
}

.sprite-107 {
    width: 40px;
    height: 24px;
    background-position: -355px -5px;
}

.sprite-108 {
    width: 40px;
    height: 24px;
    background-position: -405px -5px;
}

.sprite-110 {
    width: 40px;
    height: 24px;
    background-position: -5px -39px;
}

.sprite-111 {
    width: 40px;
    height: 24px;
    background-position: -55px -39px;
}

.sprite-112 {
    width: 40px;
    height: 24px;
    background-position: -105px -39px;
}

.sprite-113 {
    width: 40px;
    height: 24px;
    background-position: -155px -39px;
}

.sprite-114 {
    width: 40px;
    height: 24px;
    background-position: -205px -39px;
}

.sprite-115 {
    width: 40px;
    height: 24px;
    background-position: -255px -39px;
}

.sprite-116 {
    width: 40px;
    height: 24px;
    background-position: -305px -39px;
}

.sprite-117 {
    width: 40px;
    height: 24px;
    background-position: -355px -39px;
}

.sprite-118 {
    width: 40px;
    height: 24px;
    background-position: -405px -39px;
}

.sprite-119 {
    width: 40px;
    height: 24px;
    background-position: -5px -73px;
}

.sprite-120 {
    width: 40px;
    height: 24px;
    background-position: -55px -73px;
}

.sprite-121 {
    width: 40px;
    height: 24px;
    background-position: -105px -73px;
}

.sprite-122 {
    width: 40px;
    height: 24px;
    background-position: -155px -73px;
}

.sprite-123 {
    width: 40px;
    height: 24px;
    background-position: -205px -73px;
}

.sprite-124 {
    width: 40px;
    height: 24px;
    background-position: -255px -73px;
}

.sprite-125 {
    width: 40px;
    height: 24px;
    background-position: -305px -73px;
}

.sprite-126 {
    width: 40px;
    height: 24px;
    background-position: -355px -73px;
}

.sprite-127 {
    width: 40px;
    height: 24px;
    background-position: -405px -73px;
}

.sprite-128 {
    width: 40px;
    height: 24px;
    background-position: -5px -107px;
}

.sprite-129 {
    width: 40px;
    height: 24px;
    background-position: -55px -107px;
}

.sprite-130 {
    width: 40px;
    height: 24px;
    background-position: -105px -107px;
}

.sprite-131 {
    width: 40px;
    height: 24px;
    background-position: -155px -107px;
}

.sprite-132 {
    width: 40px;
    height: 24px;
    background-position: -205px -107px;
}

.sprite-140 {
    width: 40px;
    height: 24px;
    background-position: -255px -107px;
}

.sprite-160 {
    width: 40px;
    height: 24px;
    background-position: -305px -107px;
}

.sprite-170 {
    width: 40px;
    height: 24px;
    background-position: -355px -107px;
}

.sprite-181 {
    width: 40px;
    height: 24px;
    background-position: -405px -107px;
}

.sprite-200 {
    width: 40px;
    height: 24px;
    background-position: -5px -141px;
}

.sprite-201 {
    width: 40px;
    height: 24px;
    background-position: -55px -141px;
}

.sprite-202 {
    width: 40px;
    height: 24px;
    background-position: -105px -141px;
}

.sprite-203 {
    width: 40px;
    height: 24px;
    background-position: -155px -141px;
}

.sprite-204 {
    width: 40px;
    height: 24px;
    background-position: -205px -141px;
}

.sprite-205 {
    width: 40px;
    height: 24px;
    background-position: -255px -141px;
}

.sprite-206 {
    width: 40px;
    height: 24px;
    background-position: -305px -141px;
}

.sprite-207 {
    width: 40px;
    height: 24px;
    background-position: -355px -141px;
}

.sprite-208 {
    width: 40px;
    height: 24px;
    background-position: -405px -141px;
}

.sprite-209 {
    width: 40px;
    height: 24px;
    background-position: -5px -175px;
}

.sprite-210 {
    width: 40px;
    height: 24px;
    background-position: -55px -175px;
}

.sprite-211 {
    width: 40px;
    height: 24px;
    background-position: -105px -175px;
}

.sprite-212 {
    width: 40px;
    height: 24px;
    background-position: -155px -175px;
}

.sprite-213 {
    width: 40px;
    height: 24px;
    background-position: -205px -175px;
}

.sprite-214 {
    width: 40px;
    height: 24px;
    background-position: -255px -175px;
}

.sprite-215 {
    width: 40px;
    height: 24px;
    background-position: -305px -175px;
}

.sprite-216 {
    width: 40px;
    height: 24px;
    background-position: -355px -175px;
}

.sprite-217 {
    width: 40px;
    height: 24px;
    background-position: -405px -175px;
}

.sprite-218 {
    width: 40px;
    height: 24px;
    background-position: -5px -209px;
}

.sprite-219 {
    width: 40px;
    height: 24px;
    background-position: -55px -209px;
}

.sprite-220 {
    width: 40px;
    height: 24px;
    background-position: -105px -209px;
}

.sprite-221 {
    width: 40px;
    height: 24px;
    background-position: -155px -209px;
}

.sprite-222 {
    width: 40px;
    height: 24px;
    background-position: -205px -209px;
}

.sprite-223 {
    width: 40px;
    height: 24px;
    background-position: -255px -209px;
}

.sprite-224 {
    width: 40px;
    height: 24px;
    background-position: -305px -209px;
}

.sprite-225 {
    width: 40px;
    height: 24px;
    background-position: -355px -209px;
}

.sprite-226 {
    width: 40px;
    height: 24px;
    background-position: -405px -209px;
}

.sprite-227 {
    width: 40px;
    height: 24px;
    background-position: -5px -243px;
}

.sprite-228 {
    width: 40px;
    height: 24px;
    background-position: -55px -243px;
}

.sprite-229 {
    width: 40px;
    height: 24px;
    background-position: -105px -243px;
}

.sprite-230 {
    width: 40px;
    height: 24px;
    background-position: -155px -243px;
}

.sprite-231 {
    width: 40px;
    height: 24px;
    background-position: -205px -243px;
}

.sprite-240 {
    width: 40px;
    height: 24px;
    background-position: -255px -243px;
}

.sprite-250 {
    width: 40px;
    height: 24px;
    background-position: -305px -243px;
}

.sprite-260 {
    width: 40px;
    height: 24px;
    background-position: -355px -243px;
}

.sprite-270 {
    width: 40px;
    height: 24px;
    background-position: -405px -243px;
}

.sprite-281 {
    width: 40px;
    height: 24px;
    background-position: -5px -277px;
}

.sprite-300 {
    width: 40px;
    height: 24px;
    background-position: -55px -277px;
}

.sprite-301 {
    width: 40px;
    height: 24px;
    background-position: -105px -277px;
}

.sprite-302 {
    width: 40px;
    height: 24px;
    background-position: -155px -277px;
}

.sprite-303 {
    width: 40px;
    height: 24px;
    background-position: -205px -277px;
}

.sprite-304 {
    width: 40px;
    height: 24px;
    background-position: -255px -277px;
}

.sprite-306 {
    width: 40px;
    height: 24px;
    background-position: -305px -277px;
}

.sprite-308 {
    width: 40px;
    height: 24px;
    background-position: -355px -277px;
}

.sprite-309 {
    width: 40px;
    height: 24px;
    background-position: -405px -277px;
}

.sprite-311 {
    width: 40px;
    height: 24px;
    background-position: -5px -311px;
}

.sprite-313 {
    width: 40px;
    height: 24px;
    background-position: -55px -311px;
}

.sprite-314 {
    width: 40px;
    height: 24px;
    background-position: -105px -311px;
}

.sprite-315 {
    width: 40px;
    height: 24px;
    background-position: -155px -311px;
}

.sprite-316 {
    width: 40px;
    height: 24px;
    background-position: -205px -311px;
}

.sprite-317 {
    width: 40px;
    height: 24px;
    background-position: -255px -311px;
}

.sprite-320 {
    width: 40px;
    height: 24px;
    background-position: -305px -311px;
}

.sprite-321 {
    width: 40px;
    height: 24px;
    background-position: -355px -311px;
}

.sprite-322 {
    width: 40px;
    height: 24px;
    background-position: -405px -311px;
}

.sprite-323 {
    width: 40px;
    height: 24px;
    background-position: -5px -345px;
}

.sprite-324 {
    width: 40px;
    height: 24px;
    background-position: -55px -345px;
}

.sprite-325 {
    width: 40px;
    height: 24px;
    background-position: -105px -345px;
}

.sprite-326 {
    width: 40px;
    height: 24px;
    background-position: -155px -345px;
}

.sprite-327 {
    width: 40px;
    height: 24px;
    background-position: -205px -345px;
}

.sprite-328 {
    width: 40px;
    height: 24px;
    background-position: -255px -345px;
}

.sprite-329 {
    width: 40px;
    height: 24px;
    background-position: -305px -345px;
}

.sprite-340 {
    width: 40px;
    height: 24px;
    background-position: -355px -345px;
}

.sprite-350 {
    width: 40px;
    height: 24px;
    background-position: -405px -345px;
}

.sprite-361 {
    width: 40px;
    height: 24px;
    background-position: -5px -379px;
}

.sprite-371 {
    width: 40px;
    height: 24px;
    background-position: -55px -379px;
}

.sprite-400 {
    width: 39px;
    height: 24px;
    background-position: -105px -379px;
}

.sprite-401 {
    width: 40px;
    height: 24px;
    background-position: -154px -379px;
}

.sprite-402 {
    width: 40px;
    height: 24px;
    background-position: -204px -379px;
}

.sprite-403 {
    width: 40px;
    height: 24px;
    background-position: -254px -379px;
}

.sprite-405 {
    width: 39px;
    height: 24px;
    background-position: -304px -379px;
}

.sprite-406 {
    width: 39px;
    height: 24px;
    background-position: -353px -379px;
}

.sprite-407 {
    width: 39px;
    height: 24px;
    background-position: -402px -379px;
}

.sprite-409 {
    width: 40px;
    height: 24px;
    background-position: -5px -413px;
}

.sprite-411 {
    width: 40px;
    height: 24px;
    background-position: -55px -413px;
}

.sprite-413 {
    width: 40px;
    height: 24px;
    background-position: -105px -413px;
}

.sprite-414 {
    width: 40px;
    height: 24px;
    background-position: -155px -413px;
}

.sprite-420 {
    width: 40px;
    height: 24px;
    background-position: -205px -413px;
}

.sprite-421 {
    width: 40px;
    height: 24px;
    background-position: -255px -413px;
}

.sprite-422 {
    width: 40px;
    height: 24px;
    background-position: -305px -413px;
}

.sprite-423 {
    width: 40px;
    height: 24px;
    background-position: -355px -413px;
}

.sprite-424 {
    width: 40px;
    height: 24px;
    background-position: -405px -413px;
}

.sprite-425 {
    width: 39px;
    height: 24px;
    background-position: -455px -5px;
}

.sprite-426 {
    width: 39px;
    height: 24px;
    background-position: -455px -39px;
}

.sprite-427 {
    width: 39px;
    height: 24px;
    background-position: -455px -73px;
}

.sprite-450 {
    width: 39px;
    height: 24px;
    background-position: -455px -107px;
}
/* css sprite */


/* ===== 1-3. related service ====================================================================== */

#headerMod ul.modRelatedservice {
	font-size: 15px;
	font-size: 1.5rem;
	display: inline-block;
	float: left;
	margin-left: 6px;
}

.lt-ie8 #headerMod ul.modRelatedservice {
	display: inline;
	zoom: 1;
}

#headerMod ul.modRelatedservice li {
	color: #555;
	display: inline-block;
	float: left;
	height: 30px;
	margin-left: 10px;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: url(../../../images/v1/common/bg_modRelatedservice.png) center top repeat-x;
}

#headerMod ul.modRelatedservice li a {
	color: #555;
	vertical-align: middle;
	text-align: center;
	line-height: 27px;
	display: block;
	background: #f0f0f0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%); /* W3C */
}

#headerMod ul.modRelatedservice li.siteDiscussion a {
    text-indent: -9999px;
    background: url(../../../images/v1/basic/logo_content_ironna.png) center 40% no-repeat;
    width: 80px;
    height: 27px;
}

#headerMod ul.modRelatedservice li a:hover {
	background: #f0f0f0;
}

#headerMod ul.modRelatedservice li.siteDiscussion a:hover {
	background: url(../../../images/v1/basic/logo_content_ironna.png) #f0f0f0 center 40% no-repeat;
}

#headerMod ul.modRelatedservice li.siteNews {
	border-bottom: 2px solid #0164be;
	letter-spacing: 0px;
	width: 110px;
}

#headerMod ul.modRelatedservice li.sitePhoto {
	border-bottom: 2px solid #00a8ff;
	letter-spacing: 2px;
	width: 70px;
}

#headerMod ul.modRelatedservice li.siteDiscussion {
	border-bottom: 2px solid #ff8a00;
	width: 80px;
}

#headerMod ul.modRelatedservice li.siteWest {
	border-bottom: 2px solid #e2266d;
	letter-spacing: 2px;
	width: 70px;
}


/* ===== 1-4. search box ====================================================================== */

#headerMod .modSearchBox {
	height: 30px;
	font-size: 15px;
	font-size: 1.5rem;
	position: absolute;
	right: 88px;
}

#headerMod .modSearchBox #popin_query {
	margin: 0;
	width: 200px;
	padding-left:10px;
	height: 30px;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: url(../../../images/v1/common/logo_search_popin.png) #fff center right no-repeat;
}

#headerMod .modSearchBox #searchbutton {
	color: #fff;
	margin: 0;
	min-width: 68px;
	height: 30px;
	border: 1px solid #eb4b80;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	background: #ec4d82; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNGQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTcxYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ec4d82 0%, #fe71a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec4d82), color-stop(100%,#fe71a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ec4d82 0%,#fe71a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4d82', endColorstr='#fe71a0',GradientType=0 ); /* IE6-8 */
}


/* ===== 1-5. social button ====================================================================== */

#headerMod .modSocialbtn {
	height: 30px;
	position: absolute;
	right: 20px;
}

#headerMod .modSocialbtn ul {
	vertical-align: middle;
	text-align: center;
	display: block;
}

#headerMod .modSocialbtn ul li {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-left: 4px;
}

#headerMod .modSocialbtn ul li a{
	width: 30px;
	height: 30px;
	display: block;
}

#headerMod .modSocialbtn ul li.tw {
	background: url(../../../images/v1/common/icon_header_tw.png) #0179be center center no-repeat;
}

#headerMod .modSocialbtn ul li.fb {
	background: url(../../../images/v1/common/icon_header_fb.png) #014686 center center no-repeat;
}


/* ===== 1-6. navigation ====================================================================== */

#headerNav {
	font-size: 15px;
	font-size: 1.5rem;
	-webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
}

.lt-ie9 #headerNav {
	border-left: 1px solid #c94b75;
	border-right: 1px solid #c94b75;
}

/* ===== メインジャンルナビ ===== */

header a:hover {
	text-decoration: none;
}

#headerNav nav .navMaingenre ul {
	width: 100%;
	height: 35px;
	display: block;
	margin: 0 auto;
	background: url(../../../images/v1/common/bg_navMaingenre.png) #ec4d82 top left repeat-x;
}

#headerNav nav .navMaingenre ul li {
	color: #fff;
	display: inline-block;
	float: left;
	margin-top: 3px;
}

#headerNav nav .navMaingenre ul li:first-of-type {
	margin-left: 10px;
}

#headerNav nav .navMaingenre ul li a {
	color: #fff;
	vertical-align: middle;
	text-align: center;
	margin-top: 2px;
	line-height: 20px;
	display: block;
}


#headerNav nav .navMaingenre ul li a span {
	display: block;
	margin: 0 7px;
	padding: 5px 8px 0;
	border-bottom: 5px solid #d64f7c;
}

#headerNav nav .navMaingenre ul li a span:hover {
	border-bottom: 5px solid #d64f7c;
}

#headerNav nav .navMaingenre ul li#navColumnwest {
	margin: 5px 10px 0;
	border-right: none;
	box-shadow: none;
}

#headerNav nav .navMaingenre ul span.navNie,
#headerNav nav .navMaingenre ul span.navSairon,
#headerNav nav .navMaingenre ul span.navMouko,
#headerNav nav .navMaingenre ul span.navTakaraduka {
	width: 80px;
	height: 23px;
	border:none;
	border-top: 1px solid #ab2b56;
	border-left: 1px solid #ab2b56;
	top: 2px;
	margin-right: 10px;
	display: inline-block;
}

#headerNav nav .navMaingenre ul span.navNie a,
#headerNav nav .navMaingenre ul span.navSairon a,
#headerNav nav .navMaingenre ul span.navMouko a,
#headerNav nav .navMaingenre ul span.navTakaraduka a {
	width: 80px;
	height: 23px;
	margin-top: 0;
	line-height: 23px;
	display: block;
}

#headerNav nav .navMaingenre ul span.navYuyake {
	width: 120px;
	height: 23px;
	border:none;
	border-top: 1px solid #ab2b56;
	border-left: 1px solid #ab2b56;
	top: 2px;
	margin-right: 10px;
	display: inline-block;
}

#headerNav nav .navMaingenre ul span.navYuyake a {
	width: 120px;
	height: 23px;
	margin-top: 0;
	line-height: 23px;
	display: block;
}

#headerNav nav .navMaingenre ul span.navTosei {
	width: 100px;
	height: 23px;
	border:none;
	border-top: 1px solid #ab2b56;
	border-left: 1px solid #ab2b56;
	top: 2px;
	margin-right: 10px;
	display: inline-block;
}

#headerNav nav .navMaingenre ul span.navTosei a {
	width: 100px;
	height: 23px;
	margin-top: 0;
	line-height: 23px;
	display: block;
}

#headerNav nav .navMaingenre ul span.navDouga {
	width: 120px;
	height: 23px;
	border:none;
	border-top: 1px solid #ab2b56;
	border-left: 1px solid #ab2b56;
	top: 2px;
	margin-right: 10px;
	display: inline-block;
}

#headerNav nav .navMaingenre ul span.navDouga a {
	width: 120px;
	height: 23px;
	margin-top: 0;
	line-height: 23px;
	display: block;
}
#headerNav nav .navMaingenre ul span.navNie a {
	background: url(../../../images/v1/common/icon_navi_nie.png) #fff center center no-repeat;
}
#headerNav nav .navMaingenre ul span.navSairon a {
	background: url(../../../images/v1/common/icon_navi_sairon.png) #fff center center no-repeat;
}

#headerNav nav .navMaingenre ul span.navMouko a {
	background: url(../../../images/v1/common/icon_navi_mouko.png) #fff center center no-repeat;
}

#headerNav nav .navMaingenre ul span.navTakaraduka a {
	background: url(../../../images/v1/common/icon_navi_takaraduka.png) #fff center center no-repeat;
}

#headerNav nav .navMaingenre ul span.navYuyake a {
	background: url(../../../images/v1/common/icon_navi_yuyake.png) #fff center center no-repeat;
}

#headerNav nav .navMaingenre ul span.navTosei a {
	background: url(../../../images/v1/common/icon_navi_tosei.png) #fff center center no-repeat;
}

#headerNav nav .navMaingenre ul span.navDouga a {
	background: url(../../../images/v1/common/icon_navi_douga.png) #fff center center no-repeat;
}

#headerNav nav .navMaingenre ul span.navSairon a:hover,
#headerNav nav .navMaingenre ul span.navMouko a:hover,
#headerNav nav .navMaingenre ul span.navTakaraduka a:hover,
#headerNav nav .navMaingenre ul span.navYuyake a:hover,
#headerNav nav .navMaingenre ul span.navTosei a:hover,
#headerNav nav .navMaingenre ul span.navDouga a:hover {
	background-color: #f0f0f0;
}

/* ===== サブジャンルナビ ===== */

#headerNav nav .navSubgenre ul {
	width: 100%;
	height: 35px;
	margin: 0 auto;
	position: relative;
	background: url(../../../images/v1/common/bg_navSubgenre.png) #d64f7c top left repeat-x;
}

#headerNav nav .navSubgenre ul li {
	color: #fff;
	display: inline-block;
	float: left;
	background: url(../../../images/v1/common/separater_navSubgenre.png) center right no-repeat;
}

#headerNav nav .navSubgenre ul li:first-of-type {
	margin-left: 10px;
}

#headerNav nav .navSubgenre ul li a {
	color: #fff;
	vertical-align: middle;
	text-align: center;
	margin-top: 10px;
	line-height: 20px;
	display: block;
}

#headerNav nav .navSubgenre ul li a.navRegion,
#headerNav nav .navSubgenre ul li a.navRanking {
	margin-top: 0;
	padding-top: 10px;
	background: url(../../../images/v1/common/separater_navSubgenre_end.png) center right no-repeat;
}

#headerNav nav .navSubgenre ul li a span {
	display: block;
	margin: 0 7px;
	padding: 0 8px;
	border-bottom: 5px solid #d64f7c;
}

#headerNav nav .navSubgenre ul li a span:hover {
	background: #d64f7c;
	border-bottom: 5px solid #fff;
}

#headerNav nav .navSubgenre ul li#navColumn {
	position: absolute;
	top: 5px;
	right: 0;
	background: none;
}

#headerNav nav .navSubgenre p.navShuchou,
#headerNav nav .navSubgenre p.navSankeisho {
	width: 80px;
	height: 23px;
	border:none;
	border-top: 1px solid #ab2b56;
	border-left: 1px solid #ab2b56;
	display: inline-block;
	margin-right: 5px;
}

.lt-ie8 #headerNav nav .navSubgenre p.navShuchou,
.lt-ie8 #headerNav nav .navSubgenre p.navSankeisho {
	display: inline;
	zoom: 1;
}

#headerNav nav .navSubgenre p.navShuchou a,
#headerNav nav .navSubgenre p.navSankeisho a {
	width: 80px;
	height: 23px;
	margin-top: 0;
	line-height: 23px;
	display: block;
}

#headerNav nav .navSubgenre p.navShuchou a {
	background: url(../../../images/v1/common/icon_nav_shuchou.png) #fff center center no-repeat;
}

#headerNav nav .navSubgenre p.navSankeisho a {
	background: url(../../../images/v1/common/icon_nav_sankeishou.png) #fff center center no-repeat;
}

#headerNav nav .navSubgenre p.navShuchou a:hover,
#headerNav nav .navSubgenre p.navSankeisho a:hover {
	background-color: #f0f0f0;
}


/* ===== リストジャンルナビ ===== */

#headerNav nav .navListgenre {
	height: 35px;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}

#headerNav nav .navListgenre span,
#headerNav nav .navListgenre ul {
	display: inline-block;
}

#headerNav nav .navListgenre span {
	margin-left: 20px;
}

#headerNav nav .navListgenre ul li {
	color: #333;
	display: inline-block;
	margin-left: 10px;
}

#headerNav nav .navListgenre ul li a {
	vertical-align: middle;
	text-align: center;
	line-height: 35px;
	display: block;
	padding: 0 8px;
}

#headerNav nav .navListgenre ul li a:hover {
	text-decoration: underline;
}

/* ===== ナビの下線 ===== */


/* メイン */
#headerNav .navMaingenre ul li a.current span {
	border-bottom: 5px solid #d64f7c;
}

/* サブ */
#headerNav .navSubgenre ul li a.current span {
	border-bottom: 5px solid #fff;
}

/* サブのした */
#headerNav .navListgenre ul li a.current {
	color: #333;
}


/* --------------------------------------------
2. footer styles
--------------------------------------------*/

#footerSubarea {
	padding: 0 20px;
	position: relative;
	background-color: #f2f2f2;
}

.footerIndex h1 {
	height: 20px;
	padding: 15px 20px;
	margin: 0 20px;
	background: url(../../../images/v1/common/logo_footer_news.png) left center no-repeat;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}

.footerIndex .f2t {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	width: 150px;
	height: 30px;
	display: block;
	background-color: #808080;
	position: absolute;
	top: 0;
	right: 0;
}

.footerIndex .f2t a {
	color: #fff;
	width: 150px;
	text-indent: 25px;
	line-height: 30px;
	display: block;
	background: url(../../../images/v1/common/icon_footer_f2t.png) 95% 50% no-repeat;
}

.footerIndex ul {
	margin: 0 20px;
}

.footerIndex ul li a {
	color: #898989;
}

.footerIndex ul li.separate {
	width: 140px;
	margin-top: 10px;
	display: inline;
	float: left;
}

.footerIndex ul li.separate.first {
	width: 100px;
}

.footerIndex ul li.separate ul {
	margin: 0 0 20px;
}

.footerIndex ul li.separate ul li {
	font-size: 15px;
	font-size: 1.5rem;
	display: block;
	margin: 0 0 10px 12px;
}


.footerIndex ul li.separate ul li ul {
	margin: 10px 0 0;
}

.footerIndex ul li.separate ul li ul li {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	display: block;
	background: url(../../../images/v1/common/icon_list_point.png) 3px 7px no-repeat;
	padding-left: 15px;
	margin: 0 0 2px 0;
}

.footerRelevant ul {
	padding: 15px 20px;
	margin: 0 20px;
	border-top: 1px solid #fff;
	-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.footerRelevant ul li {
	display: inline-block;
	margin-right: 15px;
}

.lt-ie8 .footerRelevant ul li {
	display: inline;
	zoom: 1;
}

.footerMainarea {
	width: 100%;
	margin: 0 auto;
}

.footerMainarea footer ul {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	height: 34px;
	margin: 0 auto;
	background-color: #d64f7c;
}

.footerMainarea footer ul li {
	display: inline-block;

}

.lt-ie8 footer ul li {
	display: inline;
	zoom: 1;
}

.footerMainarea footer ul li a {
	color: #fff;
	display: block;
	margin: 10px 0;
	padding : 0 15px;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadowbox-shadow: 1px 0 0 rgba(255, 255, 255, 0.15);
	-moz-box-shadowbox-shadow: 1px 0 0 rgba(255, 255, 255, 0.15);
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.15);
}


.footerMainarea footer .copyrights {
	display: block;
	padding: 10px 0;
}

.footerMainarea footer small {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
}

.footerMainarea footer small a {
	color: #333;
}

/* --------------------------------------------
3. right module styles
--------------------------------------------*/

/* ===== 3-1. shimbun image ====================================================================== */

#secondary section.modShimenview {
	margin: 0 auto 5px;
	font-size: 15px;
	font-size: 1.5rem;
	border: 1px solid #e6e6e6;
}

#secondary section.modShimenview h1 {
	color: #eb4b80;
	padding: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/* ===== 3-2. subscribe button ====================================================================== */

#secondary aside.modSubscribe {
	margin: 0 auto 15px;
	font-size: 15px;
	font-size: 1.5rem;
}

#secondary aside.modSubscribe ul {
	width: 100%;
}

#secondary aside.modSubscribe li {
	display: inline-block;
}

.lt-ie8 #secondary aside.modSubscribe li {
	display: inline;
	zoom: 1;
}

#secondary aside.modSubscribe li.subscribeShimbun {
	width: 185px;
}

#secondary aside.modSubscribe li.subscribeBooks {
	width: 110px;
	margin-left: 5px;
}

#secondary aside.modSubscribe li a {
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	display: block;
	border: 1px solid #014e94;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: #014e94; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGU5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY0YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #014e94 0%, #0164be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014e94), color-stop(100%,#0164be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #014e94 0%,#0164be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #014e94 0%,#0164be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #014e94 0%,#0164be 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #014e94 0%,#0164be 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014e94', endColorstr='#0164be',GradientType=0 ); /* IE6-8 */
}


/* ===== 3-3. sankei information ====================================================================== */

#secondary section.modSankeiinfo {
	margin: 0 auto 15px;
	font-size: 15px;
	font-size: 1.5rem;
	border: 1px solid #e6e6e6;
}

#secondary section.modSankeiinfo h1 {
	color: #eb4b80;
	padding: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#secondary section.modSankeiinfo ul {
	padding: 0 10px 10px;
}

#secondary section.modSankeiinfo li {
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
	margin-bottom: 5px;
	display: block;
	padding-left: 20px;
}

/* ===== 3-4. ranking ====================================================================== */

#secondary section#modRanking {
	margin: 0 auto 15px;
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
}

#secondary section#modRanking h1 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #eb4b80;
	padding: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #f7f7f7 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#f7f7f7 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
}

#secondary section#modRanking .modRankingwrap {
	display: block;
	margin: 0 10px 10px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#secondary section#modRanking .modRankingwrap ul.tab {
	width: 100%;
	margin: 0 0 10px;
	background-color: #fff;
	display: block;
	border-bottom: 1px solid #e6e6e6;
}

#secondary section#modRanking .modRankingwrap ul.tab li {
	font-size: 15px;
	font-size: 1.5rem;
	width: 35%;
	display: inline-block;
	border-right: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#secondary section#modRanking .modRankingwrap ul.tab li:first-of-type {
	width: 30%;
}

#secondary section#modRanking .modRankingwrap ul.tab li.current {
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}

#secondary section#modRanking .modRankingwrap ul.tab li.current a {
	color: #575757;
}


#secondary section#modRanking .modRankingwrap ul.tab li a {
	display: block;
	text-align: center;
	padding: 5px 0;
	outline: none;
}

#secondary section#modRanking .modRankingwrap .rankingBody {
	position: relative;
	overflow: hidden;
}

#secondary section#modRanking .modRankingwrap .rankingBody section {
	background: #FFF;
	position: absolute;
	top: 0;
	overflow: hidden;
}

#secondary section#modRanking .modRankingwrap .rankingBody section > div > div {
	padding: 0 10px 0 10px;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol {
	display: block;
	width: 256px;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 8px;
	display: block;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li div {
/*
	display: table-cell;
	vertical-align: middle;
*/
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .status {
	display: block;
	margin: 5px 0 0 ;
	padding: 0 0 5px 26px;
	border-bottom: 1px dotted #B2B2B2;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li dl.status {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .status dd {
	display: inline-block;
	min-width: 46px;
	text-align: right;
}

.lt-ie8 #secondary section#modRanking .modRankingwrap .rankingBody ol li .status dd {
	margin-left:3px;
	display: inline;
	zoom: 1;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .status dd.tw {
	padding: 3px 5px 3px 26px ;
	background: url(../../../images/v1/common/icon_content_tw.png) #5cb0f0 5px center no-repeat;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .status dd.fb {
	padding: 3px 5px 3px 26px ;
	background: url(../../../images/v1/common/icon_content_fb.png) #4462a0 5px center no-repeat;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .photo {
/*
	text-align: center;
	width:85px;
	height:85px;
	margin: 0 10px 0 0;
	border: 1px solid #e6e6e6;
*/
display: none;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .photo a {
	vertical-align: top;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .photo img {
	display: block;
	max-width:85px;
	max-height:85px;
	margin: 0 auto;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .text {
/*
	padding-left: 10px;
*/
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li span {
    width: 20px;
    height: 22px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank1, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank01,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank2, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank02,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank3, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank03,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank4, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank04,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank5, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank05,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank6, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank06,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank7, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank07,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank8, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank08,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank9, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank09,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank10,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank11,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank12,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank13,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank14,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank15,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank16,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank17,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank18,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank19,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank20,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank21,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank22,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank23,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank24,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank25,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank26,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank27,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank28,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank29,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank30 {
    border: 1px solid #ddd;
    text-align: center;
    color: #666;
    line-height: 22px;
    font-size: 1.2rem;
    box-sizing: border-box;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody {
	height: 310px;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .js-holder {
	margin-bottom: 10px;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .js-holder ol li a {
	outline: none;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport {
	overflow: hidden;
	position: relative;
	height: 310px;
	width: 256px;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper {
	position: relative;
	height: 100%;
	z-index: 1;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	border-bottom: 1px dotted #b2b2b2;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol.now-loading {
	background-image: url(../../../images/v1/common/loading.gif);
	background-position: center 20%;
	background-repeat: no-repeat;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol li.cb-rank-entry {
	background-color: #fff;
	left: 0;
	overflow: hidden;
	position: absolute;
	border: none;
	padding-bottom: 0;
	/*margin-bottom: 10px;*/
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol.cb-active li.cb-rank-entry {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 350ms linear;
	-moz-transition: all 350ms linear;
	-o-transition: all 350ms linear;
	-ms-transition: all 350ms linear;
	transition: all 350ms linear;
}

.cssgradients #secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-cover {
	opacity: 1;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-cover {
	height: 10px;
	opacity: 0.3;
	position: relative;
	width: 100%;
	z-index: 2;
}

#secondary section#modRanking .modRankingwrap .rankingBody .accesscountBody {
	height: 310px;
}

#secondary section#modRanking .modRankingwrap .rankingBody .accesscountBody ol {
	border-bottom: 1px dotted #b2b2b2;
}

#secondary section#modRanking .modRankingwrap .rankingBody .socialcountBody {
	height: 320px;
}

#secondary section#modRanking .modRankingwrap span.more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 10px 10px;
}

#secondary section#modRanking .modRankingwrap span.more a{
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}

/* ===== 3-5. premium & pickupnews ====================================================================== */

#secondary section#modPremium,
#secondary section#modPickupnews {
	margin: 0 auto 15px;
	font-size: 15px;
	font-size: 1.5rem;
	border: 1px solid #e6e6e6;
}
#secondary section#modPremium{
    border-bottom: none;
	margin: 0 auto;
}

#secondary section#modPremium h1,
#secondary section#modPickupnews h1 {
	color: #eb4b80;
	padding: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#secondary section#modPremium ul,
#secondary section#modPickupnews ul {
	padding: 0 10px 10px;
	background-color: #fff;
}

#secondary section#modPremium li,
#secondary section#modPickupnews li {
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	margin-bottom: 5px;
	display: block;
	padding-left: 20px;
}

#secondary section#modPremium li:first-of-type,
#secondary section#modPickupnews li:first-of-type {
	margin-bottom: 10px;
}

#secondary section#modPremium li:last-of-type {
	border-bottom: 1px dotted #b2b2b2;
	padding-bottom: 10px;
	margin-bottom: 0;
}

#secondary section#modPickupnews li:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
}

#secondary section#modPremium li.headline,
#secondary section#modPickupnews li.headline {
	background: none;
	padding-left: 0;
}

#secondary section#modPremium li.headline a,
#secondary section#modPickupnews li.headline a {
	padding-left: 0;
}

#secondary section#modPremium li.headline div,
#secondary section#modPickupnews li.headline div {
	display: table-cell;
	vertical-align: middle;
}

#secondary section#modPremium li.headline .photo,
#secondary section#modPickupnews li.headline .photo {
	text-align: center;
	width:85px;
	height:85px;
	margin: 0 10px 0 0;
	border: 1px solid #e6e6e6;
}

#secondary section#modPremium li.headline .photo img,
#secondary section#modPickupnews li.headline .photo img {
	display: block;
	max-width:85px;
	max-height:85px;
	margin: 0 auto;
}

#secondary section#modPremium li.headline .text,
#secondary section#modPickupnews li.headline .text {
	padding-left: 10px;
}

#secondary section#modPremium span.more,
#secondary section#modPickupnews span.more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 10px 10px;
}

#secondary section#modPremium span.more a,
#secondary section#modPickupnews span.more a {
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 3-6. scoreboard ====================================================================== */

#secondary section#modScoreboard {
	margin: 0 auto 15px;
	font-size: 15px;
	font-size: 1.5rem;
	border: 1px solid #e6e6e6;
}

#secondary section#modScoreboard h1 {
	color: #eb4b80;
	padding: 10px 8px 10px 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#secondary section#modScoreboard h1 span {
	color: #eb4b80;
	display: block;
	background: url(../../../images/v1/common/logo_content_sanspo.png) right center no-repeat;

}

/* --------------------------------------------
4. left module styles
--------------------------------------------*/

/* ===== 4-1. top pickup flash ====================================================================== */


/* --bace */

.modTopflash, .modTopflash02, .modTopflash03, .modTopflash04 {
    text-align: center;
    margin-bottom: 20px;
}

.modTopflash a, .modTopflash02 a, .modTopflash03 a, .modTopflash04 a {
    display: block;
    padding: 5px;
}

.modTopflash p, .modTopflash02 p, .modTopflash03 p, .modTopflash04 p {
    font-size: 22px;
    font-size: 2.2rem;
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 10px 50px 10px 10px;
}


/* --A */

.modTopflash {
    background-color: #000;
}

.modTopflash a {
    color: #fff;
}

.modTopflash p {
    color: #fff;
    background: url(../../../images/v1/common/icon_list_arrowflash.png) 99% center no-repeat;
}


/* --B */

.modTopflash02 {
    background-color: #cce7ff;
}

.modTopflash02 a {
    color: #173b7d;
}

.modTopflash02 p {
    color: #173b7d;
    background: url(../../../images/v1/common/icon_list_arrowflash02.png) 99% center no-repeat;
}


/* --C */

.modTopflash03 {
    background-color: #F2F2F2;
}

.modTopflash03 a {
    color: #000;
}

.modTopflash03 p {
    color: #000;
    background: url(../../../images/v1/common/icon_list_arrowflash03.png) 99% center no-repeat;
}


/* --D */

.modTopflash04 {
    background-color: #D5000F;
}

.modTopflash04 a {
    color: #fff;
}

.modTopflash04 p {
    color: #fff;
    background: url(../../../images/v1/common/icon_list_arrowflash04.png) 99% center no-repeat;
}

/* ===== 4-2. top news ====================================================================== */

.topMain {
	margin-bottom: 20px;
}

/* ===== トップニュース ===== */

.modToppick {
}

.modToppick .daiji {
	display: block;
	float: left;
	width: 80px;
	height: 90px;
	border: 1px solid #014e94;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: #014e95; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGU5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY0YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #014e95 0%, #0064be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014e95), color-stop(100%,#0064be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #014e95 0%,#0064be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #014e95 0%,#0064be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #014e95 0%,#0064be 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #014e95 0%,#0064be 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014e95', endColorstr='#0064be',GradientType=0 ); /* IE6-8 */
}

.modToppick .daiji span {
	color: rgba(0, 0, 0, 0);
	text-align: center;
	display: block;
	height: 54px;
	padding-bottom: 5px;
	margin: 5px 10px 0;
	background: url(../../../images/v1/common/icon_content_daiji.png) center top no-repeat;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadowbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
	-moz-box-shadowbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}

.modToppick .daiji p.osaka {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	display: block;
	margin-top: 5px;
}

.modToppick .titleSeparate {
	width: 564px;
	display: block;
	float: right;
}

.modToppick .phototextSeparate {
	margin: 10px 0 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #B2B2B2;
}

.modToppick article h1 {
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1.25;
	padding-bottom: 10px;
}

.modToppick article .addition {
	display: block;
	padding-bottom: 10px;
}

.modToppick article .subtitle {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	padding: 4px 5px;
	margin-right: 10px;
	display: inline-block;
	background-color: #e61647;
}

.modToppick article time {
	color: #898989;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 5px;
}

.modToppick article p {
	font-size: 15px;
	font-size: 1.5rem;
}

.modToppick .photo {
	text-align: center;
	display: block;
	float: right;
	margin: 0 0 0 10px;
	width: 214px;
	color: #fff;
	background: #000000;
}

.modToppick .photo img {
	display: block;
	margin: 6px auto 0;
	vertical-align: middle;
	border: 1px solid  #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.modToppick .photo .caption {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
	color: #fff;
	text-align: left;
	padding: 5px;
	display: block;
	background: #000000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzQ4NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 0%, #4c4847 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#4c4847)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#4c4847 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#4c4847 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#4c4847 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#4c4847 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4c4847',GradientType=0 ); /* IE6-8 */
}

.modToppick .photo .caption a {
	color: #fff;
}

.modToppick .text {
	display: block;
}

.modToppick .relateWest h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #eb4b80;
	margin: 15px 0 10px;
}

.modToppick .relateWest li {
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
	margin-bottom: 7px;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 3px no-repeat;
	padding-left: 20px;
}

.modToppick li .addition {
	margin-left: 5px;
	display: inline;

}


/* ===== ピックアップニュース ===== */

.modToplist {
}

.modToplist li {
	display: block;
	margin-top: 20px;
	border-bottom: 1px dotted #B2B2B2;
	padding-bottom: 20px;
	line-height: 1.2;
}

.modToplist li .addition {
	display: block;
	padding-bottom: 10px;
}

.modToplist li .subtitle {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	padding: 2px 5px;
	margin-right: 10px;
	display: inline-block;
	background-color: #e61647;
}

.modToplist li time {
	color: #898989;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 5px;
}


.modToplist li .addition time {
	margin: 0 5px;
}

.modToplist .photo {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 206px;
}

.modToplist .photo a {
	text-align: center;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 206px;
}

.modToplist .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

.modToplist .text {
	display: block;
	float: left;
	width: 438px;
}

.modToplist li.nophoto .text {
	display: block;
	float: none;
	width: auto;
}

.modToplist .text .title {
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1.25;
}

.modToplist .relateWest h3 {
	color: #EB4B80;
	font-size: 15px;
	font-size: 1.5rem;
	margin: 15px 0 10px;
}

.modToplist ul li ul {
	font-size: 14px;
	font-size: 1.4rem;
}

.modToplist ul li ul li {
	display: block;
	margin: 0 0 8px 0;
	border: none;
	padding: 0;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 2px no-repeat;
	padding-left: 20px;
}


/* ===== ピックアップ2と特集 ===== */

/* ===== 4-4. mod feature 変形== */

.mod2ndlist {
	margin-bottom: 20px;
}

.modTopfeature {
	margin: 0 auto 15px;
	font-size: 15px;
	font-size: 1.5rem;
	width: 280px;
	float:right;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.modTopfeature h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 0 0 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	position: relative;
}

.modTopfeature h2 {
	color: #eb4b80;
	padding: 8px 10px 5px;
	margin-bottom: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.modTopfeature ul {
	display: block;
	padding: 0 10px;
}

.modTopfeature li {
	display: block;
	margin-top: 12px;
	border-bottom: 1px dotted #B2B2B2;
	padding-bottom: 12px;
	line-height: 1.2;
}

.modTopfeature li.last,
.modTopfeature li:last-of-type {
	border-bottom: none;
}

.modTopfeature li .photo {
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 86px;
	height: 86px;
}

.modTopfeature li .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

.modTopfeature li .text {
	display: block;
	float: left;
	width: 438px;
}

.modTopfeature li .title {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 2px;
}

.modTopfeature li .lead {
	line-height: 1.25;
}

.modTopfeature ul li ul {
	margin-top: 10px;
}

.modTopfeature ul li ul li {
	display: block;
	margin: 0 0 5px;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	padding-left: 20px;
}

.modTopfeature ul li ul li .addition{
	margin-left: 5px;
}

.modToplist2nd {
	width: 355px;
	float: left;
}

.modToplist2nd li {
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px dotted #B2B2B2;
	padding-bottom: 10px;
	line-height: 1.2;
}

.modToplist2nd li .addition {
	color: #898989;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 5px;
	display: block;
}

.modToplist2nd li .addition time {
	margin: 0 5px;
}

.modToplist2nd li .photo {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	width: 126px;
}

.modToplist2nd .photo a {
	text-align: center;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 126px;
}

.modToplist2nd .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

.modToplist2nd li.listThumb .text {
	float: left;
	width: 218px;
}

.modToplist2nd .text .title {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.25;
}

.modToplist2nd .relateWest h3 {
	color: #EB4B80;
	font-size: 15px;
	font-size: 1.5rem;
	margin: 15px 0 10px;
}

.modToplist2nd ul li ul {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 10px;

}

.modToplist2nd ul li ul li {
	display: block;
	margin: 0 0 8px 0;
	border: none;
	padding: 0;
}

.modToplist2nd ul li ul li a {
	padding-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 2px no-repeat;
}

.modToplist2nd .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px 0;
}

.modToplist2nd .more a{
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}



/* ===== 4-3. site information ====================================================================== */

#modSiteinfo {
	margin: 15px auto 0;
	border-bottom: 1px dotted #b2b2b2;
}

#modSiteinfo p {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	padding-bottom: 7px;
	margin-bottom: 7px;
	line-height: 1.2;
}

#modSiteinfo p span {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1;
	width: 35px;
	padding: 3px 0 2px;
	margin-right: 8px;
	display: inline-block;
	border: 1px solid #d64f7c;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: #ec4d82; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNGQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTcxYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ec4d82 0%, #fe71a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec4d82), color-stop(100%,#fe71a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ec4d82 0%,#fe71a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4d82', endColorstr='#fe71a0',GradientType=0 ); /* IE6-8 */
}



/* ===== 4-3. mod premium ====================================================================== */

#primary #modPremium {
	margin: 0 auto 15px;
	font-size: 15px;
	font-size: 1.5rem;
}

#primary #modPremium h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 0 0 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	position: relative;
}

#primary #modPremium h2 {
	color: #333;
	border: 1px solid #e6e6e6;
	padding: 8px 10px 5px;
	margin-bottom: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#primary #modPremium .photo {
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 206px;
	height: 206px;
}

#primary #modPremium .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

#primary #modPremium .text {
	display: block;
	float: left;
	width: 438px;
}

#primary #modPremium ul {
	font-size: 15px;
	font-size: 1.5rem;
}

#primary #modPremium li {
	display: block;
	margin: 0 0 8px 0;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	padding-left: 20px;
}

#primary #modPremium li .addition{
	margin-left: 5px;
}

#primary #modPremium .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px 0;
	border-top: 1px dotted #B2B2B2;
}

#primary #modPremium .more a{
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 4-4. mod feature ====================================================================== */

#primary #modFeature {
    margin: 0 auto 15px;
    font-size: 15px;
    font-size: 1.5rem;
}

#primary #modFeature h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

#primary #modFeature h2 {
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

#primary #modFeature .photoL {margin-bottom: 30px;}
#primary #modFeature .photoS{float: left;width: 300px;min-height: 220px;margin-right: 30px;}
#primary #modFeature .photoS>div{min-height: 95px;}
#primary #modFeature .photoS .photo {
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 86px;
    height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#primary #modFeature .photoL .photo {
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 206px;
}

#primary #modFeature .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

#primary #modFeature .text {
    display: block;
    float: left;
    width: 438px;
}

#primary #modFeature .title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
    line-height: 1.4;
}
#primary #modFeature .photoL .title {
    font-size: 18px;
    font-size: 1.8rem;
}

#primary #modFeature .lead {
    line-height: 1.25;
}

#primary #modFeature ul {
    margin-top: 10px;
}

#primary #modFeature div ul li {
    display: block;
    margin: 0 0 5px;
    background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
    padding-left: 20px;
}

#primary #modFeature ul li .addition {
    margin-left: 5px;
}

#primary #modFeature .featureMore h3 {
    margin-top: 20px;
}

#primary #modFeature .featureMore ul {
    font-size: 14px;
    padding: 20px 0;
}

#primary #modFeature .featureMore ul li {
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 2px no-repeat;
    margin: 0 10px 5px 0;
    display: inline-block;
    padding-left: 16px;
    width: 210px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#primary #modFeature .addition {
    margin-left: 5px;
}

#primary #modFeature .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

#primary #modFeature .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}

/* ===== 4-5. module relatedservice ====================================================================== */

#modRelatedservice {
	margin: 0 auto 20px;
}

/* ===== オピニオン ===== */

#modRelatedservice #modDiscussion {
	width: 320px;
	display: block;
	float: left;
	font-size: 15px;
	font-size: 1.5rem;
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
}

#modRelatedservice #modDiscussion h1 {
	color: #ef8200;
	padding: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #f7f7f7 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#f7f7f7 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
}

#modRelatedservice #modDiscussion ul {
	padding: 0 10px;
}

#modRelatedservice #modDiscussion li {
	background: url(../../../images/v1/common/icon_list_arroworange.png) left 4px no-repeat;
	margin-bottom: 5px;
	display: block;
	padding-left: 20px;
}

#modRelatedservice #modDiscussion li.headline {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
}

#modRelatedservice #modDiscussion li.headline a {
	margin-left: 0;
}

#modRelatedservice #modDiscussion li.headline div {
	vertical-align: middle;
}

#modRelatedservice #modDiscussion .photo {
	background-color: #fff;
	text-align: center;
	display: block;
	margin: 0 auto 5px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 296px;
}

#modRelatedservice #modDiscussion .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

#modRelatedservice #modDiscussion .title {
	line-height: 1.25;
	margin: 5px;
}

#modRelatedservice #modDiscussion .lead {
	line-height: 1.25;
}

#modRelatedservice #modDiscussion .infoDiscussion {
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
	padding: 5px 10px;
	line-height: 24px;
	text-align: right;
}

#modRelatedservice #modDiscussion .infoDiscussion a {
	color: #333;
	display: block;
}

#modRelatedservice #modDiscussion .infoDiscussion a:hover {
	text-decoration: none;
}

#modRelatedservice #modDiscussion .infoDiscussion a img {
	margin-left: 10px;
}

/* ===== 産経フォト ===== */

#modRelatedservice #modPhotos {
	width: 320px;
	display: block;
	float: right;
	font-size: 15px;
	font-size: 1.5rem;
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
	margin-bottom: 20px;
    text-align: center;
}

#modRelatedservice #modPhotos h1 {
	color: #00b8ee;
    text-align: left;
	padding: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #f7f7f7 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#f7f7f7 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
}

#modRelatedservice #modPhotos ul {
	margin: 0 auto;
}

#modRelatedservice #modPhotos li {
    vertical-align: top;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
	display: inline-block;
	margin: 0 0 10px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 150px;
	height: 114px;
	position: relative;
}

#modRelatedservice #modPhotos li a {
	display: block;
	color: #fff;
}

#modRelatedservice #modPhotos li a .photo {
	display:block;
	overflow:hidden;
	max-width: 150px;
	max-height: 150px;
}

#modRelatedservice #modPhotos li a .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
	max-width: 144px;
    max-height: 144px;

}

#modRelatedservice #modPhotos li a .photoOverlay {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	-webkit-transition: .5s;
	transition: .5s;
}

#modRelatedservice #modPhotos li a:hover .photoOverlay {
	top: 0;
	left: 0;
}

#modRelatedservice #modPhotos li a .photoOverlay .title {
	font-size: 14px;
	font-size: 1.4rem;
    text-align: left;
	height:2.8em;
	overflow: hidden;
	display:block;
	margin: 5px 5px 0;
}

/* ===== 産経west ===== */

#modRelatedservice #modWest {
	width: 320px;
	display: block;
	float: right;
	font-size: 15px;
	font-size: 1.5rem;
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
}

#modRelatedservice #modWest h1 {
	color: #eb4b80;
	padding: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #f7f7f7 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#f7f7f7 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
}

#modRelatedservice #modWest ul {
	padding: 0 10px 10px;
}

#modRelatedservice #modWest li {
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	margin-bottom: 5px;
	display: block;
	padding-left: 20px;
}


/* ===== 4-6. module photo+newslist ====================================================================== */

.modIndexphoto {
	margin: 0 auto 20px;
	font-size: 15px;
	font-size: 1.5rem;
}

.modIndexphoto h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 0 0 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	position: relative;
}

.modIndexphoto h2 {
	color: #333;
	border: 1px solid #e6e6e6;
	padding: 8px 10px 5px;
	margin-bottom: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.modIndexphoto h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	margin-bottom: 10px;
}

.modIndexphoto .photo {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 206px;

}

.modIndexphoto .photo a {
	text-align: center;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 206px;
}

.modIndexphoto .photo .caption {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.25;
	margin-top: 10px;
	display: block;
	text-align:left;
	color: #898989;
}

.modIndexphoto .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

.modIndexphoto .text {
	display: block;
	float: left;
	width: 438px;
}

.modIndexphoto ul {
	font-size: 15px;
	font-size: 1.5rem;
}

.modIndexphoto li {
	display: block;
	margin: 0 0 8px 0;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	padding-left: 20px;
}

.modIndexphoto li .addition {
	margin-left: 5px;
}

.modIndexphoto .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px 0;
	border-top: 1px dotted #B2B2B2;
}

.modIndexphoto .more a {
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}

.modIndexphoto .relateDiscussion h3 {
	color: #ef8200;
	margin-top: 15px;
}

.modIndexphoto .relateDiscussion li {
	display: block;
	margin: 0 0 8px 0;
	background: url(../../../images/v1/common/icon_list_arroworange.png) left 4px no-repeat;
}


/* ===== 4-7. module newslist  ====================================================================== */

.modIndextext {
	margin: 0 auto 20px;
	font-size: 15px;
	font-size: 1.5rem;
}

.modIndextext h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 0 0 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	position: relative;
}

.modIndextext h2 {
	color: #333;
	border: 1px solid #e6e6e6;
	padding: 8px 10px 5px;
	margin-bottom: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.modIndextext h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	margin-bottom: 10px;
}

.modIndextext ul {
	margin-bottom: 30px;
}

#modRegion.modIndextext ul {
	margin-bottom: 10px;
}

.modIndextext li {
	display: block;
	margin: 0 0 5px;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	position: relative;
	padding-left: 20px;
}

#modRegion.modIndextext li {
	position: static;
}

.modIndextext li a {
	display: block;
	width: 520px;
}

#modRegion.modIndextext li a {
	display: inline;
	width: auto;
}

#newsSlider.modIndextext li a {
	display: block;
	width: 520px;
}

.modIndextext li .addition {
	color: #898989;
	font-size: 12px;
	font-size: 1.2rem;
	position: absolute;
	top: 0.2px;
	right: 0;
}

#modRegion.modIndextext li .addition {
	position: static;
	margin-left: 10px;
}

.articleText .modIndextext li .addition {
	position: static;
	margin-left: 10px;
}

.modIndextext li .addition time {
	margin-left: 5px;
}

.modIndextext .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px 0;
	border-top: 1px dotted #B2B2B2;
}

.modIndextext .more a{
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}

/* ニューススライダー ================================= */

/* イメージロード */
.js .modIndextext .image-loading {
	background-image: url(../../../images/v1/common/loading.gif);
	background-position: center 20%;
	background-repeat: no-repeat;
	padding: 0 !important;
}

/* フォールバック対応 => 高さ固定解除(一覧表示化) */
.no-js .modIndextext .swiper-container {
	height: auto;
}

/* フォールバック対応 => float解除 */
.no-js .modIndextext .swiper-slide {
	float: none;
}

/* フォールバック対応 => ページネーション非表示化 */
.no-js .modIndextext .pagenator {
	display: none;
}

.modIndextext .swiper-container {
	width: 664px;
	height: 530px;		/* default */
}

.js .modIndextext .swiper-slide {
	visibility: hidden;
}

.modIndextext .swiper-slide {
	float: left;
}

/* ニューススライダー - ページネーション */

.modIndextext .pagenator .pagePrev {
	display: block;
	float: left;
	position: relative;
	width: 100px;
	height: 30px;
	top: 50%;
	z-index: 1;
}

.modIndextext .pagenator .pagePrev span {
	display: block;
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../../../images/v1/common/icon_list_arrow_prev.png") no-repeat scroll left 13px rgba(0, 0, 0, 0);
}

.lt-ie9 .modIndextext .pagenator .pagePrev span {
	top: 30%;
	background: url("../../../images/v1/common/icon_list_arrow_prev.png") no-repeat scroll left 13px;
}

.modIndextext .pagenator .pageNext {
	display: block;
	float: right;
	position: relative;
	width: 100px;
	height: 30px;
	top: 50%;
	z-index: 1;
}

.modIndextext .pagenator .pageNext span {
	display: block;
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../../../images/v1/common/icon_list_arrow_next.png") no-repeat scroll right 13px rgba(0, 0, 0, 0);
}

.lt-ie9 .modIndextext .pagenator .pageNext span {
	top: 30%;
	background: url("../../../images/v1/common/icon_list_arrow_next.png") no-repeat scroll right 13px;
}

.modIndextext .pagenator .pagePrev:hover,
.modIndextext .pagenator .pageNext:hover {
	text-decoration: none;
}

.modIndextext .pagenator .paginationWrapper {
	float: left;
	position: relative;
	width: 464px;
}

.modIndextext .pagenator .paginationWrapper .pagination {
	position: relative;
	left: 50%;
	float: left;
}

.modIndextext .pagenator .paginationWrapper .pagination span.swiper-pagination-switch {
	float: left;
	position: relative;
	left: -50%;
	margin: 0 3px;
	height: 28px;
	line-height: 28px;
	padding: 0 8px;
	color: #fff;
	border: 1px solid #eb4b80;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: #ec4d82; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNGQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTcxYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ec4d82 0%, #fe71a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec4d82), color-stop(100%,#fe71a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ec4d82 0%,#fe71a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4d82', endColorstr='#fe71a0',GradientType=0 ); /* IE6-8 */
}

.modIndextext .pagenator .paginationWrapper .pagination span.swiper-pagination-switch:hover {
	cursor: pointer;
	text-decoration: underline;
}

.modIndextext .pagenator .paginationWrapper .pagination span.swiper-active-switch {
	color: #595757;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
	border: 1px solid #b2b2b2;
}

.modIndextext .pagenator .paginationWrapper .pagination span.swiper-active-switch:hover {
	cursor: default;
	text-decoration: none;
	color: #595757;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
	border: 1px solid #b2b2b2;
}

/* ===== 4-8. module photolist ===================================================================== */
/* 新フォトギャラリースライダー：20170418 */

.modMultiSlider {
	font-size: 1.5rem;
	margin: 0 auto 20px;
	position: relative;
}
.modMultiSlider h3 {
	color: #333;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.modMultiSlider .swiper-container {
	width: 600px;
	height: 126px;
}
.modMultiSlider .swiper-container .swiper-slide {
	width: 130px;
	height: 126px;
}
.modMultiSlider .swiper-container .swiper-slide a {
	display: block;
	width: 126px;
	height: 126px;
	border: 1px solid #e6e6e6;
	padding: 2px;
	box-sizing: border-box;
}
.modMultiSlider .prev {
	background: #111;
	cursor: pointer;
	height: 126px;
	left: 5px;
	position: absolute;
	top: 25px;
	width: 20px;
}
.modMultiSlider .next {
	background: #111;
	cursor: pointer;
	height: 126px;
	position: absolute;
	right: 5px;
	top: 25px;
	width: 20px;
}
.modMultiSlider .prev.invalid,
.modMultiSlider .next.invalid{
	background: #e1e1e1;
}
.modMultiSlider .next::before,
.modMultiSlider .prev::before {
	border: 7px solid transparent;
	content: "";
	display: block;
	height: 0;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 0;
}
.modMultiSlider .prev::before {
	border-right: 10px solid #fff;
	right: 7px;
}
.modMultiSlider .next::before {
	border-left: 10px solid #fff;
	left: 7px;
}

/* 旧フォトギャラリー */
.modPhoto {
	margin: 0 auto 20px;
	font-size: 15px;
	font-size: 1.5rem;
}

.modPhoto h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 0 0 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	position: relative;
}

.modPhoto h1 span {
	font-size: 15px;
	font-size: 1.5rem;
	margin-left: 10px;
	position: absolute;
	top: 4px;
}

.modPhoto h2 {
	color: #333;
	border: 1px solid #e6e6e6;
	padding: 8px 10px 5px;
	margin-bottom: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.modPhoto h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	margin-bottom: 10px;
}

.modPhoto ul {
}

.modPhoto li {
	display: inline;
	float: left;
	margin: 0 0 5px 5px;
}

.modPhoto li a {
	text-align: center;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 126px;
	height: 126px;
}

.modPhoto li a img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

.modPhoto li.relatePhotos {
	display: inline;
	float: left;
	margin: 0 0 8px 5px;
	border: 1px solid #00b8ee;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 257px;
	height: 126px;
}

.modPhoto li.relatePhotos span {
	display: table-cell;
	text-align:left;
	padding-left: 20px;
	vertical-align: middle;
	color: #00b8ee;
	width: 131px;
}

.modPhoto li.relatePhotos a {
	border: 0;
	display: table-cell;
	vertical-align: middle;
}

/* ===== 4-9. module induction ===================================================================== */

.modInduction {
	margin: 0 auto 20px;
}

.modInduction h1 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	border: 1px solid #e6e6e6;
	padding: 8px 10px 5px;
	margin-bottom: 20px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.modIndexinduction {
	font-size: 15px;
	font-size: 1.5rem;
	margin: 0 auto 20px;
}

.modInduction .modIndexinduction h1 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	height: 40px;
	margin: 0 0 10px;
	border: none;
	padding: 0;
	background: none;
	position: relative;
}

.modInduction .modIndexinduction h1 a {
	width: 164px;
	height: 40px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e6e6e6;
}

.modInduction .modIndexinduction h1 a img {
	vertical-align: middle;
	line-height: 40px;
	margin: auto;
}

.modInduction .modIndexinduction h1 span {
	margin-left: 10px;
	position: absolute;
	top: 16px;
	left: 180px;
}

.modIndexinduction .photo {
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 86px;
	height: 86px;
}

.modIndexinduction .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

.modIndexinduction .text {
	display: block;
	float: left;
	width: 558px;
}

.modIndexinduction li {
	display: block;
	margin:0 0 8px;
	background: url(../../../images/v1/common/icon_list_outerblue.png) left 4px no-repeat;
}

.modIndexinduction li .addition {
	margin-left: 5px;
}

.modIndexinduction li a {
	margin-left: 20px;
}

.modIndexinduction .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px 0;
	border-top: 1px dotted #B2B2B2;
}

.modIndexinduction .more a {
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_outergray.png) left 4px no-repeat;
}

/* ===== 4-10. module column ====================================================================== */

.modColumn {
	margin: 0 auto 20px;
}

.modColumn h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 0 0 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	position: relative;
}

.modIndexcolumn {
	font-size: 15px;
	font-size: 1.5rem;
	margin: 0 auto 20px;
}

.modColumn .modIndexcolumn h1 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	height: 40px;
	margin: 0 0 20px;
	border: none;
	padding: 0;
	background: none;
	position: relative;
}

.modColumn .modIndexcolumn h1 a {
	width: 164px;
	height: 40px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e6e6e6;
}

.modColumn .modIndexcolumn h1 a img {
	vertical-align: middle;
	line-height: 40px;
	margin: auto;
}

.modColumn .modIndexcolumn h1 span {
	margin-left: 10px;
	position: absolute;
	top: 16px;
	left: 180px;
}

.modIndexcolumn li {
	display: block;
	margin:0 0 8px;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	padding-left: 20px;
}

.modIndexcolumn .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 15px;
	padding: 10px 5px 0;
	border-top: 1px dotted #B2B2B2;
}

.modIndexcolumn .more a {
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 4-11. module storylist ====================================================================== */

.modStory {
	font-size: 15px;
	font-size: 1.5rem;
	margin: 0 auto 20px;
}

.modStory h1 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	border: 1px solid #e6e6e6;
	padding: 8px 10px 5px;
	margin-bottom: 20px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.modStory div {
	width: 320px;
	display: inline-block;
	margin-bottom: 30px;
}

.modStory div.odd {
	margin-right: 18px;
}

.modStory div.even {
	clear: right;
}

.modStory div h2 {
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 10px;
}

.modStory ul {
	display: block;
}

.modStory li {
	display: block;
	margin:0 0 8px;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	padding-left: 20px;
}

.modStory .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px 0;
	border-top: 1px dotted #B2B2B2;
}

.modStory .more a {
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 4-12. genretop news ====================================================================== */

.modGenretop {
}

.modGenretop h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 0 0 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	position: relative;
}

.modGenretop .map {
	display: block;
	margin: 0 auto 20px;
	text-align: center;
}

.modGenretop article {
	display: block;
	margin-bottom: 20px;
}

.modGenretop article h1 {
	font-size: 22px;
	font-size: 2.2rem;
	margin: 0;
	padding: 0 0 5px;
	border-bottom: none;
}

.modGenretop article .addition {
	display: block;
	padding-bottom: 10px;
}

.modGenretop article .subtitle {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	padding: 4px 5px;
	margin-right: 10px;
	display: inline-block;
	background-color: #e61647;
}

.modGenretop article time {
	color: #898989;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 5px;
}

.modGenretop article p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
}

.modGenretop article .photo {
	text-align: center;
	margin: 10px auto 20px;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 606px;
}

.indexPhoto li a img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

/* ===== ピックアップニュース ===== */

.modGenretoplist {
	font-size: 17px;
	font-size: 1.7rem;
	display:block;
}

.modGenretoplist .photo {
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 200px;
	color: #fff;
	background: #000000;
}

.modGenretoplist.photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

.modGenretoplist .photo .caption {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.25;
	color: #fff;
	text-align: left;
	padding: 5px;
	display: block;
	background: #000000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzQ4NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 0%, #4c4847 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#4c4847)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#4c4847 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#4c4847 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#4c4847 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#4c4847 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4c4847',GradientType=0 ); /* IE6-8 */
}

.modGenretoplist .photo .caption a {
	color: #fff;
}

.modGenretoplist .photo .addition {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
	margin-bottom: 5px;
	display: block;
}

.modGenretoplist .text {
	display: block;
	float: left;
	width: 444px;
}

.modGenretoplist li {
	display: block;
	margin-bottom: 8px;
	border-bottom: 1px dotted #B2B2B2;
	line-height: 1.2;
}

.modGenretoplist li .addition {
	color: #898989;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 5px;
	display: block;
}

.modGenretoplist li .addition time {
	margin: 0 5px;
}

.modGenretoplist .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 5px;
}

.modGenretoplist .more a{
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}

.device .swiper-slide p {
	color: #fff;
	width: 100%;
	margin: 0;
	background: #000000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzQ4NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 0%, #4c4847 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#4c4847)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#4c4847 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#4c4847 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#4c4847 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#4c4847 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4c4847',GradientType=0 ); /* IE6-8 */
	position: absolute;
	bottom: 0;
	left: 0;
}

.device .swiper-slide p span.addition {
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	overflow: hidden;
	margin: 5px;
}

.device .swiper-slide p span.title {
	font-size: 17px;
	font-size: 1.7rem;
	display: block;
	overflow: hidden;
	margin: 5px;
}


/* --------------------------------------------
5. index styles
--------------------------------------------*/

/* ===== 5-1. index text ====================================================================== */

.indexText {
	margin: 0 auto 20px;
	font-size: 15px;
	font-size: 1.5rem;
}

.indexText h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 20px 0;
	padding-bottom: 18px;
	background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
	position: relative;
}

.indexText h1 span {
	font-size: 15px;
	font-size: 1.5rem;
	margin-left: 10px;
	position: absolute;
	top: 4px;
}

.indexText h2 {
	color: #333;
	border: 1px solid #e6e6e6;
	padding: 8px 10px 5px;
	margin-bottom: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.indexText h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	margin-bottom: 10px;
}

.indexText ul {
	margin-bottom: 30px;
}

.indexText li {
	display: block;
	margin:0 0 8px;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	position: relative;
	padding-left: 20px;
}

.indexText li a {
	display: block;
	width: 520px;
}

.indexText li .addition {
	color: #898989;
	font-size: 12px;
	font-size: 1.2rem;
	position: absolute;
	top: 0.2px;
	right: 0;
}

.indexText li .addition time {
	margin-left: 5px;
}

.indexText .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px 0;
	border-top: 1px dotted #B2B2B2;
}

.indexText .more a{
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 5-2. index photo ====================================================================== */

.indexPhoto {
	margin: 0 auto 20px;
	font-size: 15px;
	font-size: 1.5rem;
}

.indexPhoto h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 20px 0;
	padding-bottom: 18px;
	background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
	position: relative;
}

.indexPhoto h1.speech {
	margin: 0;
	padding: 0;
}

.indexPhoto h1 span {
	font-size: 15px;
	font-size: 1.5rem;
	margin-left: 10px;
	position: absolute;
	top: 4px;
}

.indexPhoto ul {
	margin: 0 1px;
}

.indexPhoto li {
	display: inline-block;
	margin: 0 8px 8px 0;
}

.indexPhoto li.last {
	margin: 0 0 8px 0;
	clear: right;
}


.indexPhoto li a {
	text-align: center;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 126px;
	height: 126px;
}

.indexPhoto li a img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}


/* ===== 5-3. index feature ====================================================================== */

.indexFeature {
	margin: 0 auto 15px;
	font-size: 15px;
	font-size: 1.5rem;
}

.indexFeature h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 20px 0;
	padding-bottom: 18px;
	background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
	position: relative;
}

.indexFeature h1.speech {
	margin: 0;
	padding: 0;
}

.indexFeature h1 span {
	font-size: 15px;
	font-size: 1.5rem;
	margin-left: 10px;
	position: absolute;
	top: 4px;
}

.indexFeature ul {
	display: block;
}

.indexFeature li {
	margin-bottom: 10px;
}

.indexFeature li.photoS .photo {
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 86px;
	height: 86px;
}

.indexFeature li.photoL .photo {
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 206px;
	height: 206px;
}

.indexFeature li .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

.indexFeature li .text {
	display: block;
	float: left;
	width: 438px;
}

.indexFeature li .title {
	margin-bottom: 5px;
}

.indexFeature li .lead {
	line-height: 1.25;
}

.indexFeature ul li ul {
	margin-top: 10px;
}

.indexFeature ul li ul li {
	display: block;
	margin: 0 0 5px;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	padding-left: 20px;
}

.indexFeature ul li ul  li .addition{
	margin-left: 5px;
}

.indexFeature .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px 0;
	border-top: 1px dotted #B2B2B2;
}

.indexFeature .more a{
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}

/* ===== 5-3. index feature ====================================================================== */

/* ===== 5-4. index ranking ====================================================================== */

.indexRanking {
	margin: 0 auto 30px;
	font-size: 15px;
	font-size: 1.5rem;
}

.indexRanking h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 20px 0;
	padding-bottom: 18px;
	background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
	position: relative;
}

.indexRanking ul.tab {
	width: 100%;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background-color: #fff;
	display: block;
	margin-bottom: 15px;
}

.indexRanking ul.tab li {
	width: 120px;
	display: inline-block;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.indexRanking ul.tab li.current a {
	color: #575757;
	display: block;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}

.indexRanking ul.tab li a {
	display: block;
	text-align: center;
	padding: 8px 0 5px;
	outline: none;
}

.indexRanking div.rankingBody {
	position: relative;
	overflow: hidden;
}

.indexRanking div.rankingBody section {
	background: #FFF;
	position: absolute;
	top: 0;
	overflow: hidden;
	width: 100%;
}

.indexRanking div.rankingBody section.chartbeatBody {
	height: 1050px;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport {
	overflow: hidden;
	position: relative;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-wrapper {
	position: relative;
	height: 100%;
	z-index: 1;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol {
	position: relative;
	width: 100%;
	height: 100%;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol.now-loading {
	background-image: url(../../../images/v1/common/loading.gif);
	background-position: center 20%;
	background-repeat: no-repeat;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol li.cb-rank-entry {
	background-color: #fff;
	left: 0;
	overflow: hidden;
	position: absolute;
	border: none;
	padding-bottom: 0;
	margin-bottom: 10px;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol.cb-active li.cb-rank-entry {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 350ms linear;
	-moz-transition: all 350ms linear;
	-o-transition: all 350ms linear;
	-ms-transition: all 350ms linear;
	transition: all 350ms linear;
}

.cssgradients .indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-cover {
	opacity: 1;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-cover {
	height: 10px;
	opacity: 0.3;
	position: relative;
	width: 100%;
	z-index: 2;
}

.indexRanking div.rankingBody section.accesscountBody {
	height: 970px;
}

.indexRanking div.rankingBody section.socialcountBody {
	height: 2100px;
}

.indexRanking div.rankingBody section.photocountBody {
	height: 1900px;
}

.indexRanking .interval {
	display: block;
	text-align: left;
	padding: 5px 0 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #e6e6e6;
}

.indexRanking .interval span {
	margin: 0 20px 0 0;
}

.indexRanking .interval span.current a {
	color: #575757;
}

.indexRanking .modRankingwrap {
	display: block;
	margin: 0 10px 10px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.indexRanking ol {
	display: block;
}

.indexRanking ol li {
	margin-bottom: 8px;
	display: block;
}

.indexRanking ol li span {
    width: 20px;
    height: 22px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.indexRanking ol li div.photo img {
	width: 80px;
	height: 80px;
}
.indexRanking ol li span.rank,
.indexRanking ol li span.rank1, .indexRanking ol li span.rank01,
.indexRanking ol li span.rank2, .indexRanking ol li span.rank02,
.indexRanking ol li span.rank3, .indexRanking ol li span.rank03,
.indexRanking ol li span.rank4, .indexRanking ol li span.rank04,
.indexRanking ol li span.rank5, .indexRanking ol li span.rank05,
.indexRanking ol li span.rank6, .indexRanking ol li span.rank06,
.indexRanking ol li span.rank7, .indexRanking ol li span.rank07,
.indexRanking ol li span.rank8, .indexRanking ol li span.rank08,
.indexRanking ol li span.rank9, .indexRanking ol li span.rank09,
.indexRanking ol li span.rank10, .indexRanking ol li span.rank10,
.indexRanking ol li span.rank11, .indexRanking ol li span.rank11,
.indexRanking ol li span.rank12, .indexRanking ol li span.rank12,
.indexRanking ol li span.rank13, .indexRanking ol li span.rank13,
.indexRanking ol li span.rank14, .indexRanking ol li span.rank14,
.indexRanking ol li span.rank15, .indexRanking ol li span.rank15,
.indexRanking ol li span.rank16, .indexRanking ol li span.rank16,
.indexRanking ol li span.rank17, .indexRanking ol li span.rank17,
.indexRanking ol li span.rank18, .indexRanking ol li span.rank18,
.indexRanking ol li span.rank19, .indexRanking ol li span.rank19,
.indexRanking ol li span.rank20, .indexRanking ol li span.rank20,
.indexRanking ol li span.rank21, .indexRanking ol li span.rank21,
.indexRanking ol li span.rank22, .indexRanking ol li span.rank22,
.indexRanking ol li span.rank23, .indexRanking ol li span.rank23,
.indexRanking ol li span.rank24, .indexRanking ol li span.rank24,
.indexRanking ol li span.rank25, .indexRanking ol li span.rank25,
.indexRanking ol li span.rank26, .indexRanking ol li span.rank26,
.indexRanking ol li span.rank27, .indexRanking ol li span.rank27,
.indexRanking ol li span.rank28, .indexRanking ol li span.rank28,
.indexRanking ol li span.rank29, .indexRanking ol li span.rank29,
.indexRanking ol li span.rank30, .indexRanking ol li span.rank30 {
    border: 1px solid #ddd;
    text-align: center;
    color: #666;
		line-height: 22px;
		font-size:1.2rem;
		box-sizing: border-box;
}

.indexRanking li .status {
	color: rgba(0, 0, 0, 0);
	margin: 5px 0 0 25px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #B2B2B2;
}

.indexRanking li dl.status {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
}

.indexRanking li .status dd {
	display: inline-block;
	min-width: 46px;
	text-align: right;
}

.indexRanking li .status dd.tw {
	padding: 3px 5px 3px 26px ;
	background: url(../../../images/v1/common/icon_content_tw.png) #5cb0f0 5px center no-repeat;
}

.indexRanking li .status dd.fb {
	padding: 3px 5px 3px 26px ;
	background: url(../../../images/v1/common/icon_content_fb.png) #4462a0 5px center no-repeat;
}


/* ===== 5-5. index photoranking ====================================================================== */

#indexRanking section.photocountBody ol {
	display: block;
	padding: 30px 0;
	border-top: 1px solid #e6e6e6;
}

#indexRanking section.photocountBody ol li {
	display: inline;
	float: left;
	width: 332px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #B2B2B2;
}

#indexRanking section.photocountBody ol li div {
	display: table-cell;
	vertical-align: middle;
}

#indexRanking section.photocountBody ol li .photo {
	text-align: center;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 86px;
	height: 86px;
}

#indexRanking section.photocountBody ol li .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

#indexRanking section.photocountBody ol li .text {
	padding: 0 10px;
	width: 246px;
}

#indexRanking section.photocountBody ol li span {
    width: 20px;
    height: 22px;
    margin-bottom: 5px;
    display: block;
    vertical-align: middle;
}


#indexRanking section.photocountBody ol li span.rank01,
#indexRanking section.photocountBody ol li span.rank02,
#indexRanking section.photocountBody ol li span.rank03,
#indexRanking section.photocountBody ol li span.rank04,
#indexRanking section.photocountBody ol li span.rank05,
#indexRanking section.photocountBody ol li span.rank06,
#indexRanking section.photocountBody ol li span.rank07,
#indexRanking section.photocountBody ol li span.rank08,
#indexRanking section.photocountBody ol li span.rank09,
#indexRanking section.photocountBody ol li span.rank10,
#indexRanking section.photocountBody ol li span.rank11,
#indexRanking section.photocountBody ol li span.rank12,
#indexRanking section.photocountBody ol li span.rank13,
#indexRanking section.photocountBody ol li span.rank14,
#indexRanking section.photocountBody ol li span.rank15,
#indexRanking section.photocountBody ol li span.rank16,
#indexRanking section.photocountBody ol li span.rank17,
#indexRanking section.photocountBody ol li span.rank18,
#indexRanking section.photocountBody ol li span.rank19,
#indexRanking section.photocountBody ol li span.rank20,
#indexRanking section.photocountBody ol li span.rank21,
#indexRanking section.photocountBody ol li span.rank22,
#indexRanking section.photocountBody ol li span.rank23,
#indexRanking section.photocountBody ol li span.rank24,
#indexRanking section.photocountBody ol li span.rank25,
#indexRanking section.photocountBody ol li span.rank26,
#indexRanking section.photocountBody ol li span.rank27,
#indexRanking section.photocountBody ol li span.rank28,
#indexRanking section.photocountBody ol li span.rank29,
#indexRanking section.photocountBody ol li span.rank30 {
			border: 1px solid #ddd;
			text-align: center;
			color: #666;
			line-height: 22px;
			font-size: 1.2rem;
			box-sizing: border-box;
}

/* ===== 5-6. index photo+text ====================================================================== */

.indexPhototext {
	margin: 0 auto 20px;
	font-size: 15px;
	font-size: 1.5rem;
}

.indexPhototext h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 20px 0;
	padding-bottom: 18px;
	background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
	position: relative;
}

.indexPhototext h1 span {
	font-size: 15px;
	font-size: 1.5rem;
	margin-left: 10px;
	position: absolute;
	top: 4px;
}

.indexPhototext h2 {
	color: #333;
	border: 1px solid #e6e6e6;
	padding: 8px 10px 5px;
	margin-bottom: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.indexPhototext h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	margin-bottom: 10px;
}

.indexPhototext ul {
	margin-bottom: 30px;
}

.indexPhototext li {
	display: block;
	margin: 0 0 25px 0;
}

.indexPhototext li .title {
	margin-bottom: 5px;
}

.indexPhototext li .lead {
	line-height: 1.25;
}

.indexPhototext li .photo {
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 126px;
	height: 126px;
}

.indexPhototext li .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

.indexPhototext .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px 0;
	border-top: 1px dotted #B2B2B2;
}

.indexPhototext .more a{
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 5-7. pagenator ====================================================================== */

.pagenator {
	color: #595757;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 2.4;
	margin: 30px auto;
	text-align: center;
	clear: both;
}

.pagenator a {
	padding: 0 8px;
	color: #fff;
	border: 1px solid #eb4b80;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: #ec4d82; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNGQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTcxYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ec4d82 0%, #fe71a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec4d82), color-stop(100%,#fe71a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ec4d82 0%,#fe71a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4d82', endColorstr='#fe71a0',GradientType=0 ); /* IE6-8 */
}

.pagenator a.pagePrev,
.pagenator a.pageNext {
	color: #fff;
	padding: 0 20px;
	border: 1px solid #eb4b80;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: #ec4d82; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNGQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTcxYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ec4d82 0%, #fe71a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec4d82), color-stop(100%,#fe71a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ec4d82 0%,#fe71a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4d82', endColorstr='#fe71a0',GradientType=0 ); /* IE6-8 */
}

.lt-ie9 .pagenator a,
.lt-ie9 .pagenator a.pagePrev,
.lt-ie9 .pagenator a.pageNext {
	background: url(../../../images/v1/common/bg_pagenator.png) repeat-x;
}

.pagenator a.pagePrev span {
	padding-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrow_prev.png) left 6px no-repeat;
}

.pagenator a.pageNext span {
	padding-right: 20px;
	background: url(../../../images/v1/common/icon_list_arrow_next.png) right 6px no-repeat;
}

.pagenator span.current {
	padding: 0 8px;
	border: 1px solid #b2b2b2;
}

.pagenator .pagePrev:hover,
.pagenator .pageNext:hover {
	text-decoration: none;
}

/* --------------------------------------------
6. detail styles
--------------------------------------------*/

/* ===== 6-1. news detail ====================================================================== */

.articleText {
	margin: 0 auto 20px;
	position: relative;
}

.articleText .toolbar {
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 0;
}

.articleText .toolbar p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
}

.articleText .toolbar .fontSmall,
.articleText .toolbar .fontMiddium,
.articleText .toolbar .fontLarge {
	font-size: 15px;
	font-size: 1.5rem;
	margin-left:3px;
	color: #fff;
	padding: 0 4px;
	border: 1px solid #808080;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	top: 0;
	right: 0;
	background: #4d4d4d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #4d4d4d 0%, #808080 80%, #808080 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(80%,#808080), color-stop(80%,#808080)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4d4d4d 0%,#808080 80%,#808080 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4d4d4d 0%,#808080 80%,#808080 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4d4d4d 0%,#808080 80%,#808080 80%); /* IE10+ */
	background: linear-gradient(to bottom,  #4d4d4d 0%,#808080 80%,#808080 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#808080',GradientType=0 ); /* IE6-8 */
}

.articleText .toolbar .fontSmall.current,
.articleText .toolbar .fontMiddium.current,
.articleText .toolbar .fontLarge.current {
	font-size: 15px;
	font-size: 1.5rem;
	margin-left:3px;
	color: #808080;
	padding: 0 4px;
	border: 1px solid #808080;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	top: 0;
	right: 0;
	background: #fff;
}

/* フォントサイズ切り替え ================================= */
.articleText .fontSmall {
	cursor: pointer;
}

.articleText .fontMiddium {
	cursor: pointer;
}

.articleText .fontLarge {
	cursor: pointer;
}

.articleText .toolbar .print {
	font-size: 15px;
	font-size: 1.5rem;
	margin-left:3px;
	color: #fff;
	padding: 0 8px;
	border: 1px solid #808080;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	top: 0;
	right: 0;
	background: #4d4d4d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #4d4d4d 0%, #808080 80%, #808080 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(80%,#808080), color-stop(80%,#808080)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4d4d4d 0%,#808080 80%,#808080 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4d4d4d 0%,#808080 80%,#808080 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4d4d4d 0%,#808080 80%,#808080 80%); /* IE10+ */
	background: linear-gradient(to bottom,  #4d4d4d 0%,#808080 80%,#808080 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#808080',GradientType=0 ); /* IE6-8 */
}


.articleText .toolbar .print a {
	color: #fff;
	background: url(../../../images/v1/common/icon_content_print.png) left center no-repeat;
	padding-left: 26px;
}

.articleText article h1 {
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 15px;
}

.articleText article h1 .subtitle {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	padding: 4px 5px;
	margin-bottom: 10px;
	display: inline-block;
	clear: right;
	background-color: #e61647;
}

.articleText article .addition {
	display: block;
	padding: 4px 0 28px;
}

.articleText article .addition time {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	color: #898989;
}

.articleText article .fontSmallText p {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.8;
	margin-bottom: 15px;
}

.articleText article .fontMiddiumText p {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.8;
	margin-bottom: 15px;
}

.articleText article .fontLargeText p {
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.8;
	margin-bottom: 15px;
}
/* add information /20140415 ===== */
.articleText article .addInformation{margin: 0 20px;padding: 15px 0px;}
.articleText article .addInformation p{line-height: 1.5em;}
.articleText article .fontSmallText .addInformation p {font-size: 12px;font-size: 1.2rem;}
.articleText article .fontMiddiumText .addInformation p {font-size: 14px ; font-size: 1.4rem ;}
.articleText article .fontLargeText .addInformation p {font-size: 16px;font-size: 1.6rem;}
/* add information /20140415 ===== */

.articleText article .fontSmallText span.subhead {
	font-size: 17px;
	font-size: 1.7rem;
	border-left: 10px solid #d64f7c;
	padding-left: 18px;
	margin-top: 50px;
	display: inline;
}

.articleText article .fontMiddiumText span.subhead {
	font-size: 20px;
	font-size: 2.0rem;
	border-left: 10px solid #d64f7c;
	padding-left: 18px;
	margin-top: 50px;
	display: inline;
}

.articleText article .fontLargeText span.subhead {
	font-size: 22px;
	font-size: 2.2rem;
	border-left: 10px solid #d64f7c;
	padding-left: 18px;
	margin-top: 50px;
	display: inline;
}

.articleText article span.strong {
	font-weight: bold;
}

.articleText article span.center {
	text-align: center;
	display: block;
}

.articleText article p.pagePrev {}

.articleText article p.pagePrev a{
	background: url(../../../images/v1/common/icon_group_pagePrev.png) left center no-repeat;
	padding-left: 30px;
}

.articleText article p.pageNext {
	text-align: right;
	background: url(../../../images/v1/common/icon_group_pageNext.png) right center no-repeat;
}

.articleText article p.pageNext a {
	padding-right: 30px;
}

.articleText article .fontSmallText p.pageNextsubhead {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: right;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) right 6px no-repeat;
	padding-right: 20px;
}

.articleText article .fontSmallText p.kijilink {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 6px no-repeat;
	padding-left: 20px;
}

.articleText article .fontMiddiumText p.pageNextsubhead {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: right;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) right 6px no-repeat;
	padding-right: 20px;
}

.articleText article .fontMiddiumText p.kijilink {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 6px no-repeat;
	padding-left: 20px;
}

.articleText article .fontLargeText p.pageNextsubhead {
	font-size: 17px;
	font-size: 1.7rem;
	text-align: right;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) right 6px no-repeat;
	padding-right: 20px;
}

.articleText article .fontLargeText p.kijilink {
	font-size: 17px;
	font-size: 1.7rem;
	text-align: left;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 6px no-repeat;
	padding-left: 20px;
}

.articleText article p.kijilink strong {
	font-weight: bold;
}.articleText article .photo {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
	width: 206px;
}
.articleText article .photo a {
	text-align: center;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 206px;
}
.articleText article #photoAdSet{
	float:left;
	margin: 0 !important;
}
.articleText article #photoAdSet .photo {
	float: none;
	margin:0 20px 20px 0;
	width: 300px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.articleText article #photoAdSet .photo a {
	text-align: center;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 300px;
}

.articleText article .photo .caption {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.25;
	margin-top: 10px;
	display: block;
	text-align:left;
	color: #898989;
}

.articleText article .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

.articleText .socialbutton.articleText .socialbutton{
    display: block;
    margin-bottom: 20px;
}

.articleText .socialbutton ul.socialBox{
    height: 24px;
    margin-top: 6px;
}

.articleText .socialbutton ul.socialBox li{
    display: inline-block;
    width: auto;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle;
}

.lt-ie8 .articleText .socialbutton ul.socialBox li{
    display: inline;
    zoom: 1;
}

#___plusone_0{
    width: 60px !important;
}

.articleText .socialbutton ul.socialBox li .twList {
	height: 20px;
    width: 46px;
	background-color: #fff;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    margin-left: 6px;
	position: relative;
	border: 1px solid #ccc;
    vertical-align: top;
    display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.articleText .socialbutton ul.socialBox li .twList :after,
.articleText .socialbutton ul.socialBox li .twList :before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.articleText .socialbutton ul.socialBox li .twList :after {
	border-right-color: #ffffff;
	border-width: 3px;
	margin-top: -3px;
}
.articleText .socialbutton ul.socialBox li .twList :before {
	border-right-color: #cccccc;
	border-width: 5px;
	margin-top: -5px;
}
.articleText .socialbutton ul.socialBox li .twList a {
    font-size: 12px;
    color: #0c7abf;
    padding: 2px 10px;
    line-height: 20px;
}

.articleText .socialbutton span.pageProperty {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 31px;
	display: inline-block;
	float: right;
}

.articleText .socialbutton span.credit {
	display: inline-block;
	float: right;
	margin-left:15px;
}

.articleText article .photoWired {
	display: block;
	margin: 0 auto 10px;
	width: 606px;
	text-align: center;

}

.articleText article .photoWired a {
	text-align: center;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 606px;
}

.articleText article .photoWired img {
	display: block;
	margin: 2px auto 0;
	vertical-align: middle;
	padding: 0 0 2px;
}

/* profile ================================= */

.editorProfile {
	border: 2px solid #ffdae8;
	padding: 10px;
}

.articleText .editorProfile .photo {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: auto;
}
.articleText .editorProfile .photo img {
	margin: 0;
	padding: 0;
}

.editorProfile .text {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

.editorProfile .text .title {
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

.articleText .newToplink {
	display: block;
	margin: 0 auto;
	padding: 0 0 20px;
	text-align: center;
}

.articleText .newToplink ul {
	margin: 0 auto;
	text-align: center;
}

.articleText .newToplink li.linkSankeinews {
	width: 180px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #014e94;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: #014e94; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGU5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY0YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #014e94 0%, #0164be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014e94), color-stop(100%,#0164be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #014e94 0%,#0164be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #014e94 0%,#0164be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #014e94 0%,#0164be 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #014e94 0%,#0164be 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014e94', endColorstr='#0164be',GradientType=0 ); /* IE6-8 */
}

.articleText .newToplink li.linkSankeiwest {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #eb4b80;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: #ec4d82; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNGQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTcxYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ec4d82 0%, #fe71a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec4d82), color-stop(100%,#fe71a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ec4d82 0%,#fe71a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4d82', endColorstr='#fe71a0',GradientType=0 ); /* IE6-8 */
}

.articleText .newToplink li.linkSankeinews a,
.articleText .newToplink li.linkSankeiwest a {
	background: url(../../../images/v1/common/icon_list_arrowtrance.png) 5px center no-repeat;
	display: block;
	padding: 5px 0;
}

.articleText .newToplink li.linkSankeinews a span {
	color: rgba(0,0,0,0);
	font-size: 0;
	height: 14px;
	display: block;
	background: url(../../../images/v1/common/logo_newslink_news.png) center center no-repeat;
}

.articleText .newToplink li.linkSankeiwest a span {
	color: rgba(0,0,0,0);
	font-size: 0;
	height: 14px;
	display: block;
	background: url(../../../images/v1/common/logo_newslink_west.png) center center no-repeat;
}

.articleText .newToplink li.linkSankeinews a:hover,
.articleText .newToplink li.linkSankeiwest a:hover {
	text-decoration: none;
}

/* フローティング固定ボックス ================================= */
.socialFloatingFixedBox {
	display: none;
	height: 100px !important;
	z-index: 9999;
	margin: 0 !important;
	width: 112px;
}

.articleText .socialbutton .socialFloatingFixedBox ul {
	display: block;
	float: none;
	height: auto;
	padding: 5px;
	border: 1px solid #e1e1e1;
	background-color: #fff;
}

.articleText .socialbutton .socialFloatingFixedBox li {
	display: block;
	vertical-align: middle;
	height: auto;
	margin: 0 auto 10px;
    text-align: center;
}

.articleText .socialbutton .socialFloatingFixedBox li:first-of-type {
	height: 70px;
}

.articleText .socialbutton .socialFloatingFixedBox .boxTw,
.articleText .socialbutton .socialFloatingFixedBox .boxFb,
.articleText .socialbutton .socialFloatingFixedBox .boxGp {
	margin: 0 auto 10px;
	text-align: center;
}

.articleText .socialbutton .socialFloatingFixedBox .boxTw iframe {
	width: 68px !important;
}

.articleText .socialbutton .socialFloatingFixedBox li .twList {
    width: 75px;
    height: 30px;
	background-color: #fff;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    margin: 0 auto 6px;
	position: relative;
	border: 1px solid #ccc;
    vertical-align: top;
    display: block;
    top: -20px;
}

iframe#twitter-widget-1.twitter-share-button.twitter-share-button-rendered.twitter-tweet-button {
    position: relative !important;
    top: 45px;
}

.articleText .socialbutton .socialFloatingFixedBox li .twList :after,
.articleText .socialbutton .socialFloatingFixedBox li .twList :before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.articleText .socialbutton .socialFloatingFixedBox li .twList :after {
	border-top-color: #ffffff;
	border-width: 3px;
	margin-left: -3px;
}
.articleText .socialbutton .socialFloatingFixedBox li .twList :before {
	border-top-color: #cccccc;
	border-width: 5px;
	margin-left: -5px;
}
.articleText .socialbutton .socialFloatingFixedBox li .twList a {
    font-size: 14px;
    color: #0c7abf;
    padding:10px;
    line-height: 30px;
}

/* ===== 4-5. module relatedserviceの変形 ===== */

.articleModule:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

.articleModule #modRelatedservice {
	width: 204px;
	margin: 0 auto;
	float: right;
}

/* ===== オピニオン ===== */

.articleModule #modRelatedservice #modDiscussion {
	width: 100%;
	display: block;
	float: none;
	font-size: 15px;
	font-size: 1.5rem;
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
	margin-bottom: 15px;
}

.articleModule #modRelatedservice #modDiscussion h1 {
	color: #ef8200;
	padding: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #f7f7f7 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#f7f7f7 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
}

.articleModule #modRelatedservice #modDiscussion ul {
	padding: 0 10px;
}

.articleModule #modRelatedservice #modDiscussion li {
	background: url(../../../images/v1/common/icon_list_arroworange.png) left 4px no-repeat;
	margin-bottom: 5px;
	display: block;
	padding-left: 20px;
}

.articleModule #modRelatedservice #modDiscussion li.headline {
	margin-bottom: 15px;
	background: none;
}

.articleModule #modRelatedservice #modDiscussion li.headline a {
	margin-left: 0;
}

.articleModule #modRelatedservice #modDiscussion li.headline div {
	vertical-align: middle;
}

.articleModule #modRelatedservice #modDiscussion .photo {
	background-color: #fff;
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 126px;
	height: 126px;
}

.articleModule #modRelatedservice #modDiscussion .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
	max-width: 120px;
}

.articleModule #modRelatedservice #modDiscussion .title {
	margin-bottom: 5px;
}

.articleModule #modRelatedservice #modDiscussion .lead {
	line-height: 1.2;
}

/* ===== 産経フォト ===== */

.articleModule #modRelatedservice #modPhotos {
	width: 100%;
	display: block;
	float: none;
	font-size: 15px;
	font-size: 1.5rem;
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
	margin-bottom: 15px;
}

.articleModule #modRelatedservice #modPhotos h1 {
	color: #00b8ee;
	padding: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #f7f7f7 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#f7f7f7 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
}

.articleModule #modRelatedservice #modPhotos .photo {
	background-color: #fff;
	text-align: center;
	display: block;
	float: none;
	margin: 0 auto 10px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 126px;
	height: 86px;
}

.articleModule #modRelatedservice #modPhotos .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

.articleModule #modRelatedservice #modPhotos .title {
	margin: 0 10px 5px;
}

.articleModule #modRelatedservice #modPhotos .lead {
	line-height: 1.2;
	margin: 0 10px;
}

/* ===== 産経west ===== */

.articleModule #modRelatedservice #modWest {
	width: 100%;
	display: block;
	float: none;
	font-size: 15px;
	font-size: 1.5rem;
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
	margin-bottom: 15px;
}

.articleModule #modRelatedservice #modWest h1 {
	color: #eb4b80;
	padding: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #f7f7f7 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#f7f7f7 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#f7f7f7 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
}

.articleModule #modRelatedservice #modWest ul {
	padding: 0 10px;
}

.articleModule #modRelatedservice #modWest li {
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	margin-bottom: 5px;
	display: block;
	padding-left: 20px;
}


/* ===== 4-7. module newslistの変形 ===== */

.articleModule .modIndextext {
	margin: 0 auto 20px;
	font-size: 15px;
	font-size: 1.5rem;
	width: 440px;
	display: block;
	float: left;
}

.articleModule .modIndextext ul {
	margin-bottom: 10px;
}

.articleModule .modIndextext li {
	display: block;
	margin: 0 0 5px;
	background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
	position: relative;
	padding-left: 20px;
}

.articleModule .modIndextext li a {
	display: inline;
	width: auto;
}

.articleModule .modIndextext li.separator {
	margin: 0 0 30px 0;
}

.articleModule .modIndextext li .addition {
	color: #898989;
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: 5px;
	position: static;
}

.articleModule .modIndextext .more {
	display: block;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px 0;
	border-top: 1px dotted #B2B2B2;
}

.articleModule .modIndextext .more a {
	line-height: 1.2;
	padding-left: 20px;
	margin: 0 20px 10px 0;
	display: inline-block;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 2px no-repeat;
}

.lt-ie8 .articleModule .modIndextext .more a {
	display: inline;
	zoom: 1;
}

/* ===== 6-2. photo detail ====================================================================== */

.articlePhoto {
}

.articlePhoto h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #113b7d;
	margin: 0 0 10px;
}

.articlePhoto h1 span {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 10px;
	display: block;
	color: #898989;
}

.articlePhoto .photo {
	margin: 0 auto 10px;
	display: block;
	text-align: center;
	position: relative;
}

.articlePhoto p {
	font-size: 15px;
	font-size: 1.5rem;
	margin: 0 30px 20px;
	color: #898989;
}

.articlePhoto .photo span.articlePhotoimage {
	margin: 0 auto 10px;
	text-align: center;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	max-width: 606px;
	max-height: 606px;
	position: relative;
}

.articlePhoto .photo a.pagePrev {
	text-decoration: none;
	width: 24px;
	height: 150px;
	position: absolute;
	top: 0;
	left: 0;
	background: #333333; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #333333 0%, #000000 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333333), color-stop(90%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #333333 0%,#000000 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #333333 0%,#000000 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #333333 0%,#000000 90%); /* IE10+ */
	background: linear-gradient(to right,  #333333 0%,#000000 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
}

.articlePhoto .photo a.pagePrev:hover {
	background: #4d4d4d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDgwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #4d4d4d 0%, #808080 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4d4d4d), color-stop(100%,#808080)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #4d4d4d 0%,#808080 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #4d4d4d 0%,#808080 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #4d4d4d 0%,#808080 100%); /* IE10+ */
	background: linear-gradient(to right,  #4d4d4d 0%,#808080 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#808080',GradientType=1 ); /* IE6-8 */
}


.articlePhoto .photo a.pagePrev span {
	color: rgba(0, 0, 0, 0);
	font-size: 0.1em;
	width: 24px;
	height: 150px;
	display: block;
	background: url(../../../images/v1/common/icon_content_prev.png) center center no-repeat;
}

.articlePhoto .photo a.pageNext {
	text-decoration: none;
	width: 24px;
	height: 150px;
	position: absolute;
	top: 0;
	right: 0;
	background: #333333; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #333333 0%, #000000 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333333), color-stop(90%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #333333 0%,#000000 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #333333 0%,#000000 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #333333 0%,#000000 90%); /* IE10+ */
	background: linear-gradient(to right,  #333333 0%,#000000 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
}

.articlePhoto .photo a.pageNext:hover {
	background: #808080; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDRkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #808080 0%, #4d4d4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#808080), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #808080 0%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #808080 0%,#4d4d4d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #808080 0%,#4d4d4d 100%); /* IE10+ */
	background: linear-gradient(to right,  #808080 0%,#4d4d4d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#4d4d4d',GradientType=1 ); /* IE6-8 */
}

.articlePhoto .photo a.pageNext span {
	color: rgba(0, 0, 0, 0);
	font-size: 0.1em;
	width: 24px;
	height: 150px;
	display: block;
	background: url(../../../images/v1/common/icon_content_next.png) center center no-repeat;
}

.articlePhoto .photo div.pagePrev {
	text-decoration: none;
	width: 24px;
	height: 150px;
	position: absolute;
	top: 0;
	left: 0;
	background: #eeeeee; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #eeeeee 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #eeeeee 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #eeeeee 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #eeeeee 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to right,  #eeeeee 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-8 */
}

.articlePhoto .photo div.pageNext {
	text-decoration: none;
	width: 24px;
	height: 150px;
	position: absolute;
	top: 0;
	right: 0;
	background: #eeeeee; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #eeeeee 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #eeeeee 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #eeeeee 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #eeeeee 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to right,  #eeeeee 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-8 */
}


.articlePhoto .photo div.pagePrev span {
	color: rgba(0, 0, 0, 0);
	font-size: 0.1em;
	width: 24px;
	height: 150px;
	display: block;
	background: url(../../../images/v1/common/icon_content_prev.png) center center no-repeat;
}

.articlePhoto .photo div.pageNext span {
	color: rgba(0, 0, 0, 0);
	font-size: 0.1em;
	width: 24px;
	height: 150px;
	display: block;
	background: url(../../../images/v1/common/icon_content_next.png) center center no-repeat;
}

.articlePhoto .photo a.pageReturn {
	text-decoration: none;
	width: 24px;
	height: 100px;
	position: absolute;
	top: 160px;
	left: 0;
	background: #333333; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #333333 0%, #000000 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333333), color-stop(90%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #333333 0%,#000000 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #333333 0%,#000000 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #333333 0%,#000000 90%); /* IE10+ */
	background: linear-gradient(to right,  #333333 0%,#000000 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
}

.articlePhoto .photo a.pageReturn:hover {
	background: #808080; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDRkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #808080 0%, #4d4d4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#808080), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #808080 0%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #808080 0%,#4d4d4d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #808080 0%,#4d4d4d 100%); /* IE10+ */
	background: linear-gradient(to right,  #808080 0%,#4d4d4d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#4d4d4d',GradientType=1 ); /* IE6-8 */
}

.articlePhoto .photo a.pageReturn span {
	color: rgba(0, 0, 0, 0);
	font-size: 0.1em;
	width: 24px;
	height: 110px;
	display: block;
	background: url(../../../images/v1/common/icon_content_return.png) center center no-repeat;
}

.articlePhoto .photo a.photoZoom {
	text-decoration: none;
	color: rgba(0, 0, 0, 0);
	width: 40px;
	height: 40px;
	position: absolute;
	top: 2px;
	right: 2px;
	background: #000000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #000000 0%, #333333 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(90%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#333333 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#333333 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#333333 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#333333 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-8 */
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;

}

.articlePhoto .photo a.photoZoom span {
	color: rgba(0, 0, 0, 0);
	font-size: 0.1em;
	width: 40px;
	height: 40px;
	display: block;
	background: url(../../../images/v1/common/icon_content_zoom.png) center center no-repeat;
}


.articlePhoto img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}


/* ===== 6-3. feature detail ====================================================================== */

.articleFeature {
}

.articleFeature h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 20px 0 0;
	padding-bottom: 18px;
	background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
	position: relative;
}

.articleFeature .lead {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
	margin: 20px 0 40px;
}

.articleFeature article {
	padding-bottom: 30px;
}

.articleFeature article h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	padding: 0 0 30px;
	margin: 0;
	background:none;
	position: static;
}

.articleFeature article h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	margin-bottom: 10px;
}


.articleFeature article .addition {
	display: block;
	padding-bottom: 10px;
}

.articleFeature article time {
	color: #898989;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 5px;
}

.articleFeature article p {
	font-size: 15px;
	font-size: 1.5rem;
}

.articleFeature article .photo {
	text-align: center;
	display: block;
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 206px;
	height: 206px;
}

.articleFeature article .photo img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}


/* ===== 6-4. photo detail ====================================================================== */

.bodPhotozoom .contentWrap {
	width: 100%;
	box-shadow: none;
}

.bodPhotozoom #headerMod #logo{
	margin-left: 0;
}

.modPhotozoom {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.bodPhotozoom footer {
	font-size: 12px;
	font-size: 1.2rem;
	width: 100%;
	margin: 15px auto;
	text-align: center;
}

.bodPhotozoom header {
	border-bottom: 5px solid #044e95;
}

#headerMod #photozoomclose {
	text-align: center;
	width: 150px;
	height: 30px;
	position: absolute;
	display: block;
	vertical-align: middle;
	top: 25px;
	right: 0;
	border: 1px solid #eb4b80;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align: center;
	background: #ec4d82; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNGQ4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTcxYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ec4d82 0%, #fe71a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec4d82), color-stop(100%,#fe71a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec4d82 0%,#fe71a0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ec4d82 0%,#fe71a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec4d82', endColorstr='#fe71a0',GradientType=0 ); /* IE6-8 */
}

#headerMod #photozoomclose a {
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
	padding-left: 26px;
	background: url(../../../images/v1/common/icon_content_photoclose.png) center left no-repeat;
}


/* ===== 6-5. newsprint detail ====================================================================== */

.bodPrint .contentWrap {
	width: 1024px;
	margin: 0 auto;
	box-shadow: none;
}

.bodPrint #headerMod #logo{
	margin-left: 0;
}

.modPrint {
	width: 1024px;
}

.modPrint h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #000;
	margin: 0 0 20px;
}

.modPrint time {
	font-size: 12px;
	font-size: 1.2rem;
	color: #000;
	display: block;
	margin: 0 0 10px;
}

.modPrint p {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 15px;
}

.bodPrint footer {
	font-size: 12px;
	font-size: 1.2rem;
	width: 100%;
	margin: 15px auto;
	text-align: center;
}

.bodPrint header {
	border-bottom: 5px solid #000;
}

#headerMod #printclose {
	text-align: center;
	width: 150px;
	height: 30px;
	position: absolute;
	display: block;
	vertical-align: middle;
	top: 25px;
	right: 0;
	text-align: center;
	background: #000;
}

#headerMod #printclose a {
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
	padding-left: 26px;
	background: url(../../../images/v1/common/icon_content_photoclose.png) center left no-repeat;
}

/* --------------------------------------------
7. static detail
--------------------------------------------*/

/* ===== 7-1. weather detail ====================================================================== */

.indexWeather {
	margin: 0 0 25px;
}

.indexWeather h1 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	margin: 0 0 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadowbox-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 8px 4px 0 rgba(0, 0, 0, 0.03);
	position: relative;
}

.indexWeather h2 {
	font-size: 17px;
	font-size: 1.7rem;
	color: #333;
	border: 1px solid #e6e6e6;
	padding: 8px 10px 5px;
	margin-bottom: 10px;
	background: #e5e5e5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.indexWeather h2 span {
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: 15px;
	color: #666;
}

.indexWeather h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	margin-bottom: 10px;
}

.indexWeather p.timestamp {
	margin: 0 0 20px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	color: #B3B3B3;
}

.indexWeather p.detail {
	margin: 0 0 25px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
}

.indexWeather p.detail span {
	display: block;
	text-align: center;
}

.indexWeather table.WeatherTable01 {
	margin: 0 0 20px;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.indexWeather table.WeatherTable01 th,
.indexWeather table.WeatherTable01 td {
	padding: 5px 10px;
	border: 1px solid #E6E6E6;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
}
.indexWeather table.WeatherTable01 th {
	background: #EFF2FC;
}

.indexWeather table.WeatherTable01 .place {
	width:70px;
	background: #EFEFEF;
}
.indexWeather table.WeatherTable01 .detail {
	width:70px;
}
.indexWeather table.WeatherTable01 .title {
	background: #EFEFEF;
}

.indexWeather table.WeatherTable01 .date {
	white-space: nowrap;
}
.indexWeather table.WeatherTable01 .list {
	text-align: left;
}

.indexWeather p.navigation {
	margin: 0 0 20px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.indexWeather .WeatherAreaset {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 20px;
}

.indexWeather .WeatherAreaset label {
	display: none;
}

.indexWeather .WeatherAreaset #weatherArea,
.indexWeather .WeatherAreaset #weatherProvince,
.indexWeather .WeatherAreaset #weatherPoint {
	display: inline-block;
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #E6E6E6;
}

/* ===== 7-2. smartphone changeview ====================================================================== */

#chgview {
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}

#chgview #deviceKit {
	font-size: 36px;
	font-size: 3.6rem;
	height: 75px;
	line-height: 75px;
	width: 1024px;
	margin: 0 auto;
	vertical-align: middle;
}

#chgview #deviceKit a {
	background-color: #e6e6e6;
	display: block;
}

/* ===== 7-3. error ====================================================================== */

.moduleError {
	margin: 50px auto ;
}

.moduleError p {
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;
	margin-bottom: 40px;
}

/* --------------------------------------------
8. others
--------------------------------------------*/

/* ===== 8-1. app box ====================================================================== */

/*
 * widget default styles for appBox
 */

#contentsOverlay {
	width: 100%;
	background-color: #c0c0c0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: none;
}

#contentsOverlay.active {
	display: block;
}

.rgba #contentsOverlay {
	background-color: rgba(0,0,0,0.4);
}

#windowContainer {
	width: 100%;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#windowContainer .boxWrapper{
	height: 1px;
	overflow: hidden;
}

/* ===== 8-2. swiper ====================================================================== */

/*
 * Swiper 2.7.0
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: August 30, 2014
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;

	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;

	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);

	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;

	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===== 8-3. topilog ====================================================================== */

#blogQuotationWrap {
	position: relative;
	width: 140px;
}
#blogQuotationWrap img {
	border: none;
}
#blogQuotationWrap #blogQuotationWrapTitle {
	float: left;
	margin: 0;
	padding: 0;
	height: 19px;
	border: solid 1px #ccc;
	border-radius: 3px;
	background-color: #fff;
    background-image: -webkit-linear-gradient(#fff,#dedede);
    background-image: linear-gradient(#fff,#dedede);
	line-height: 0;
}
#blogQuotationWrap #blogQuotationWrapTitle:hover {
	border: 1px solid #999;
}
#blogQuotationWrap #blogQuotationWrapTitle a#quoteThis {
	display: inline-block;
	padding: 1px 3px 0 23px;
	background-position: 4px 2px;
	background-repeat: no-repeat;
	color: #3e3e3e;
	vertical-align: top;
	text-decoration: none;
	font: normal bold normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
}
#blogQuotationWrap #blogQuotationWrapTitle a#quoteThis {
	background-image: url(http://afpbb.ismcdn.jp/common/images/afp/sprite-white.png);
}
#blogQuotationWrap #blogQuotationWrapServiceList {
	position: absolute;
	top: 20px;
	left: 8px;
	display: none;
	float: none;
	margin: 0 -10px 0 0;
	padding: 0;
	width: 198px;
	height:auto;
	background: #ffffff;
}
#blogQuotationWrap #blogQuotationWrapServiceList #blogQuotationWrapServiceListWrapper {
	padding: 0 10px 10px 10px;
	border: solid 1px #cccccc;
	background: #f2f2f2;
}
#blogQuotationWrap #blogQuotationWrapServiceList ul {
	position: relative;
	margin: 0 12px 0 0;
	padding: 0;
	width: 82px;
	height: auto;
	background: none;
	float: left;
}
#blogQuotationWrap #blogQuotationWrapServiceList ul#serviceListRight {
	margin: 0;
}
#blogQuotationWrap #blogQuotationWrapServiceList ul li {
	height: auto;
	background: transparent;
	background-image: none;
}
#blogQuotationWrap #blogQuotationWrapServiceList ul li a {
	display: block;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	width: 80px;
	border: solid 1px #aaaaaa;
	background: #ffffff;
	vertical-align: middle;
	text-align: center;
}
#blogQuotationWrap #blogQuotationWrapServiceList #blogQuotationWrapInfo {
	float: none;
	clear: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 178px;
	text-align: left;
	font-size: 10px;
}
#blogQuotationNumber {
	position: absolute;
	left: 96px;
	top: 2px;
	width: 32px;
	line-height: 0;
	overflow: hidden;
	}
#blogQuotationWrap .quotationCountButton{
	display:inline-block;
	margin: 0px 0 0 6px;
	padding: 0px 1px;
	min-width: 16px;
	border:1px solid #c1c1c1;
	background:#fff;
	text-align:center;
	white-space:nowrap;
	font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
	}
#blogQuotationWrap .quotationCountButtonNub {
	position:relative;
	top:-14px;
	left:2px;
	z-index:2;
	width:5px;
	height:0;
	}
#blogQuotationWrap .quotationCountButtonNub s,
#blogQuotationWrap .quotationCountButtonNub i {
	position:relative;
	top: -2px;
	display:block;
	border-width:4px 5px 4px 0;
	border-style:solid;
	border-color:transparent #D7D7D7 transparent;
	}
#blogQuotationWrap .quotationCountButtonNub i {
	top: -10px;
	left:2px;
	border-right-color:#fff;
	}

/* ===== 8-4. banner ====================================================================== */

#contentInduction {
	margin: 0 auto 15px;
	display: block;
}

#contentInduction a,
#contentInduction img {
	display: block;
}