@charset "UTF-8";
/* ****************************************************************** 

	--style.css--

	0. BoxModel change

	1. Common setting
		1-1. Reset styles
		1-2. Font styles
		1-3. General styles
		1-4. Text styles
		1-5. List styles
		1-6. CSS3 common styles

	2. Responsive setting
		2-1. Fluid grid styles
		2-2. Tablet grid styles
		2-3. Mobile grid styles

	3. Style setting
		3-1. FontColor styles
		3-2. Headline styles

	4. Layout setting
		4-1. Base styles
		4-2. Header styles
		4-3. Navi styles
		4-4. Main styles
		4-5. Side styles
		4-6. Footer styles

****************************************************************** */

/*==================================================================
	0. BoxModel change
===================================================================*/
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


/*==================================================================
	1. Common setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. Reset styles
-------------------------------------------------------------------*/
html {
	overflow-x:auto;
	background:#FFF;
}
body {
	overflow-x:auto;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	word-wrap:break-word;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin:0;
	padding:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display:block; }
audio:not([controls]) {
	display:none;
	height:0;
}
[hidden] { display:none; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:none; }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ul, ol, menu { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after { content:''; }
abbr, acronym {
	border:none;
	font-variant:normal;
}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
legend { color:#000; }
a img, map a { border:none; }
a:hover, a:active, a:focus { outline:0; }
embed { width:100%; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) {
	display:none;
	height:0;
}
img, object, embed {
	max-width:100%;
	height:auto;
}
object, embed { height:100%; }
img {
	-ms-interpolation-mode:bicubic;
}

/* Font styles
-------------------------------------------------------------------*/
/*body { font:13px/1.231 Verdana,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,sans-serif; }*/
body { font:13px/1.231 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, Verdana, Arial, sans-serif; }
select, input, button, textarea, button { font:99% arial, sans-serif; }
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	line-height:1;
}

/* General styles
-------------------------------------------------------------------*/
table { empty-cells:show; }
input { line-height:1; }
form img, input, select { vertical-align:middle; }
textarea { resize:none; }
select { padding:1px; }
label { margin-right:5px; }
legend { display:none; }
input[type="text"], input[type="password"], textarea {
	padding:3px 4px 0 3px;
	border:1px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:13px;
}


/* ------------------------------------------------------------------
	1-2. VisualFormattingModel styles
-------------------------------------------------------------------*/
.noDisplay { display:none; }
.block { display:block !important; }
.inline { display:inline !important; }
.inlineBlock { display:inline-block !important; }
.static { position:static !important; }
.relative { position:relative !important; }
.absolute { position:absolute !important; }
.fixed { position:fixed !important; }
.leftBox { float:left; }
.rightBox { float:right; }
.nofloat { float:none !important; }
.clearfix { zoom:1; }
.clearfix:after {
	display:block;
	clear:both;
	content:"";
}
.clear { clear:both !important; }
a.hover:hover,
input.hover:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}


/* ------------------------------------------------------------------
	1-3. BoxModel styles
-------------------------------------------------------------------*/
.auto {
	margin-right:auto !important;
	margin-left:auto !important;
}
.mt0, .mv0, .ma0 { margin-top:    0 !important; }
.mr0, .mh0, .ma0 { margin-right:  0 !important; }
.mb0, .mv0, .ma0 { margin-bottom: 0 !important; }
.ml0, .mh0, .ma0 { margin-left:   0 !important; }
.pt0, .pv0, .pa0 { padding-top:   0 !important; }
.pr0, .ph0, .pa0 { padding-right: 0 !important; }
.pb0, .pv0, .pa0 { padding-bottom:0 !important; }
.pl0, .ph0, .pa0 { padding-left:  0 !important; }
.mt5, .mv5, .ma5 { margin-top:    5px !important; }
.mr5, .mh5, .ma5 { margin-right:  5px !important; }
.mb5, .mv5, .ma5 { margin-bottom: 5px !important; }
.ml5, .mh5, .ma5 { margin-left:   5px !important; }
.pt5, .pv5, .pa5 { padding-top:   5px !important; }
.pr5, .ph5, .pa5 { padding-right: 5px !important; }
.pb5, .pv5, .pa5 { padding-bottom:5px !important; }
.pl5, .ph5, .pa5 { padding-left:  5px !important; }
.mt10, .mv10, .ma10 { margin-top:    10px !important; }
.mr10, .mh10, .ma10 { margin-right:  10px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 10px !important; }
.ml10, .mh10, .ma10 { margin-left:   10px !important; }
.pt10, .pv10, .pa10 { padding-top:   10px !important; }
.pr10, .ph10, .pa10 { padding-right: 10px !important; }
.pb10, .pv10, .pa10 { padding-bottom:10px !important; }
.pl10, .ph10, .pa10 { padding-left:  10px !important; }
.mt15, .mv15, .ma15 { margin-top:    15px !important; }
.mr15, .mh15, .ma15 { margin-right:  15px !important; }
.mb15, .mv15, .ma15 { margin-bottom: 15px !important; }
.ml15, .mh15, .ma15 { margin-left:   15px !important; }
.pt15, .pv15, .pa15 { padding-top:   15px !important; }
.pr15, .ph15, .pa15 { padding-right: 15px !important; }
.pb15, .pv15, .pa15 { padding-bottom:15px !important; }
.pl15, .ph15, .pa15 { padding-left:  15px !important; }
.mt20, .mv20, .ma20 { margin-top:    20px !important; }
.mr20, .mh20, .ma20 { margin-right:  20px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 20px !important; }
.ml20, .mh20, .ma20 { margin-left:   20px !important; }
.pt20, .pv20, .pa20 { padding-top:   20px !important; }
.pr20, .ph20, .pa20 { padding-right: 20px !important; }
.pb20, .pv20, .pa20 { padding-bottom:20px !important; }
.pl20, .ph20, .pa20 { padding-left:  20px !important; }
.mt30, .mv30, .ma30 { margin-top:    30px !important; }
.mr30, .mh30, .ma30 { margin-right:  30px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 30px !important; }
.ml30, .mh30, .ma30 { margin-left:   30px !important; }
.pt30, .pv30, .pa30 { padding-top:   30px !important; }
.pr30, .ph30, .pa30 { padding-right: 30px !important; }
.pb30, .pv30, .pa30 { padding-bottom:30px !important; }
.pl30, .ph30, .pa30 { padding-left:  30px !important; }
.mt40, .mv40, .ma40 { margin-top:    40px !important; }
.mr40, .mh40, .ma40 { margin-right:  40px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 40px !important; }
.ml40, .mh40, .ma40 { margin-left:   40px !important; }
.pt40, .pv40, .pa40 { padding-top:   40px !important; }
.pr40, .ph40, .pa40 { padding-right: 40px !important; }
.pb40, .pv40, .pa40 { padding-bottom:40px !important; }
.pl40, .ph40, .pa40 { padding-left:  40px !important; }
.mt60, .mv60, .ma60 { margin-top:    60px !important; }
.mr60, .mh60, .ma60 { margin-right:  60px !important; }
.mb60, .mv60, .ma60 { margin-bottom: 60px !important; }
.ml60, .mh60, .ma60 { margin-left:   60px !important; }
.pt60, .pv60, .pa60 { padding-top:   60px !important; }
.pr60, .ph60, .pa60 { padding-right: 60px !important; }
.pb60, .pv60, .pa60 { padding-bottom:60px !important; }
.pl60, .ph60, .pa60 { padding-left:  60px !important; }
.mt70, .mv70, .ma70 { margin-top:    70px !important; }
.mr70, .mh70, .ma70 { margin-right:  70px !important; }
.mb70, .mv70, .ma70 { margin-bottom: 70px !important; }
.ml70, .mh70, .ma70 { margin-left:   70px !important; }
.pt70, .pv70, .pa70 { padding-top:   70px !important; }
.pr70, .ph70, .pa70 { padding-right: 70px !important; }
.pb70, .pv70, .pa70 { padding-bottom:70px !important; }
.pl70, .ph70, .pa70 { padding-left:  70px !important; }
.mt80, .mv80, .ma80 { margin-top:    80px !important; }
.mr80, .mh80, .ma80 { margin-right:  80px !important; }
.mb80, .mv80, .ma80 { margin-bottom: 80px !important; }
.ml80, .mh80, .ma80 { margin-left:   80px !important; }
.pt80, .pv80, .pa80 { padding-top:   80px !important; }
.pr80, .ph80, .pa80 { padding-right: 80px !important; }
.pb80, .pv80, .pa80 { padding-bottom:80px !important; }
.pl80, .ph80, .pa80 { padding-left:  80px !important; }
.bt0, .ba0 { border-top:none !important; }
.br0, .ba0 { border-right:none !important; }
.bb0, .ba0 { border-bottom:none !important; }
.bl0, .ba0 { border-left:none !important; }


/* ------------------------------------------------------------------
	1-4. Text styles
-------------------------------------------------------------------*/
strong, .bold { font-weight:bold; }
.italic { font-style:italic; }
.note {
	margin-left:1.0em;
	text-indent:-1.0em;
}
.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }
.red { color:#C00; }
.white { color:#FFF; }
.grayC { color:#CCC; }
.gray9 { color:#999; }
.gray6 { color:#666; }
.gray3 { color:#333; }
.black { color:#000; }
.middle { vertical-align:middle !important; }
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.underline { text-decoration:underline !important; }


/* ------------------------------------------------------------------
	1-5. List styles
-------------------------------------------------------------------*/
.disc {
	padding-left:2em;
	list-style:disc;
}
.circle {
	padding-left:2em;
	list-style:circle;
}
.decimal {
	padding-left:2.4em;
	list-style:decimal;
}

/* InlineList styles
-------------------------------------------------------------------*/
.inlineList dt,
.inlineList dd,
.inlineList li {
	display:inline;
	padding-right:5px;
}
.inlineBlockList dt,
.inlineBlockList dd,
.inlineBlockList li {
	display:inline-block;
	padding-right:5px;
}

/* DlLine styles
-------------------------------------------------------------------*/
.dlLine { zoom:1; }
.dlLine dt {
	float:left;
	margin-right:10px;
	padding:4px 0;
}
.dlLine dd {
	padding:4px 0;
	border-bottom:1px #CCC solid;
}
.dlLine dd:after {
	display:block;
	clear:both;
	content:"";
}


/* ------------------------------------------------------------------
	1-6. CSS3 common styles
-------------------------------------------------------------------*/
.boxShadow {
	-webkit-box-shadow:0 0 5px #DDD;
	box-shadow:0 0 5px #DDD;
	behavior:url(/js/PIE.php);
}
.textShadowW {
	text-shadow:0 1px 0 #E7E7E7;
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#E7E7E7,offx=0,offy=1)";
}
.textShadowB {
	text-shadow:0 1px 0 #111;
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#111111,offx=0,offy=1)";
}
.radius5 {
	border-radius:5px;
	behavior:url(/js/PIE.php);
}
.radius10 {
	border-radius:10px;
	behavior:url(/js/PIE.php);
}


/*==================================================================
	2 Responsive setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Fluid grid styles
-------------------------------------------------------------------*/
.row {
	max-width:960px;
	margin:0 auto;
	*zoom:1;
}
.row { width:960px\9; }
.row:not(:target) { width:auto\9; }
.row .collapse { padding:0 !important; }
.row .row {
	width:auto;
	max-width:none;
	min-width:0;
	margin:0 -10px;
}
.row:before, .row:after {
	display:table;
	content:"";
}
.row:after { clear:both; }
.columns {
	position:relative; 
	float:left;
	min-height:1px;
	padding:0 10px;
	height:100%;
	float:expression((this.parentNode.lastChild == this)?'right':'left');
}
.columns:last-child { float:right; }
.columns:first-child { float:left; }
.columns.centered {
	float:none;
	margin:0 auto;
}
.grid1, .row .grid1 { width:8.33333%; }
.grid2, .row .grid2 { width:16.66667%; }
.grid3, .row .grid3 { width:25%; }
.grid4, .row .grid4 { width:33.33333%; }
.grid5, .row .grid5 { width:41.66667%; }
.grid6, .row .grid6 { width:50%; }
.grid7, .row .grid7 { width:58.33333%; }
.grid8, .row .grid8 { width:66.66667%; }
.grid9, .row .grid9 { width:75%; }
.grid10, .row .grid10 { width:83.33333%; }
.grid11, .row .grid11 { width:91.66667%; }
.grid12, .row .grid12 { width:100%; }
.grid1Left { margin-left:8.33333%; }
.grid2Left { margin-left:16.66667%; }
.grid3Left { margin-left:25%; }
.grid4Left { margin-left:33.33333%; }
.grid5Left { margin-left:41.66667%; }
.grid6Left { margin-left:50%; }
.grid7Left { margin-left:58.33333%; }
.grid8Left { margin-left:66.66667%; }
.grid9Left { margin-left:75%; }
.grid10Left { margin-left:83.33333%; }
.grid11Left { margin-left:91.66667%; }
.grid1Push { left:8.33333%; }
.grid1Pull { left:8.33333%; }
.grid2Push { left:16.66667%; }
.grid2Pull { right:16.66667%; }
.grid3Push { left:25%; }
.grid3Pull { right:25%; }
.grid4Push { left:33.33333%; }
.grid4Pull { right:33.33333%; }
.grid5Push { left:41.66667%; }
.grid5Pull { right:41.66667%; }
.grid6Push { left:50%; }
.grid6Pull { right:50%; }
.grid7Push { left:58.33333%; }
.grid7Pull { right:58.33333%; }
.grid8Push { left:66.66667%; }
.grid8Pull { right:66.66667%; }
.grid9Push { left:75%; }
.grid9Pull { right:75%; }
.grid10Push { left:83.33333%; }
.grid10Pull { right:83.33333%; }
.grid11Push { left:91.66667%; }
.grid11Pull { right:91.66667%; }


/* ------------------------------------------------------------------
	2-2. Tablet grid styles
-------------------------------------------------------------------*/
@media only screen and (min-width:481px) and (max-width:768px) {
	body {
		width:100%;
		min-width:0;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
	.row {
		width:auto;
		min-width:0;
		margin-left:0;
		margin-right:0;
	}
	.columns {
		width:auto !important;
		float:none;
	}
	.columns:last-child { float:none; }
	.columns:first-child { float:none; }
	.columns:before, .columns:after {
		display:table;
		content:"";
	}
	.columns:after { clear:both; }
	.grid1Left, .grid2Left, .grid3Left, .grid4Left, .grid5Left, .grid6Left, .grid7Left, .grid8Left, .grid9Left, .grid10Left, .grid11Left { margin-left:0; }
	.grid1Push, .grid2Push, .grid3Push, .grid4Push, .grid5Push, .grid6Push, .grid7Push, .grid8Push, .grid9Push, .grid10Push, .grid11Push { left:auto; }
	.grid1Pull, .grid2Pull, .grid3Pull, .grid4Pull, .grid5Pull, .grid6Pull, .grid7Pull, .grid8Pull, .grid9Pull, .grid10Pull, .grid11Pull { right:auto; }
	.row .grid1Tablet {
		float:left;
		width:25% !important;
		padding:0 10px;
	}
	.row .grid1Tablet:last-child { float:right; }
	.row .grid2Tablet {
		float:left;
		width:50% !important;
		padding:0 10px;
	}
	.row .grid2Tablet:last-child { float:right; }
	.row .grid3Tablet {
		float:left;
		width:75% !important;
		padding:0 10px;
	}
	.row .grid3Tablet:last-child { float:right; }
	.row .grid4Tablet {
		float:left;
		width:100% !important;
		padding:0 10px;
	}
	.row .grid4Tablet:last-child { float:right; }
	.row .gridThirdsTablet {
		float:left;
		width:33.33333% !important;
		padding:0 10px;
	}
	.row .gridThirdsTablet:last-child { float:right; }
	.grid1TabletPush { left:25%; }
	.grid1TabletPull { right:25%; }
	.grid2TabletPush { left:50%; }
	.grid2TabletPull { right:50%; }
	.grid3TabletPush { left:75%; }
	.grid3TabletPull { right:75%; }
	.row .centered {
		float:none !important;
		margin:0 auto;
	}
}


/* ------------------------------------------------------------------
	2-3. Mobile grid styles
-------------------------------------------------------------------*/
@media only screen and (max-width:480px) {
	body {
		width:100%;
		min-width:0;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
	.row {
		width:auto;
		min-width:0;
		margin-left:0;
		margin-right:0;
	}
	.columns {
		width:auto !important;
		float:none;
	}
	.columns:last-child { float:none; }
	.columns:first-child { float:none; }
	.columns:before, .columns:after {
		display:table;
		content:"";
	}
	.columns:after { clear:both; }
	.grid1Left, .grid2Left, .grid3Left, .grid4Left, .grid5Left, .grid6Left, .grid7Left, .grid8Left, .grid9Left, .grid10Left, .grid11Left { margin-left:0; }
	.grid1Push, .grid2Push, .grid3Push, .grid4Push, .grid5Push, .grid6Push, .grid7Push, .grid8Push, .grid9Push, .grid10Push, .grid11Push { left:auto; }
	.grid1Pull, .grid2Pull, .grid3Pull, .grid4Pull, .grid5Pull, .grid6Pull, .grid7Pull, .grid8Pull, .grid9Pull, .grid10Pull, .grid11Pull { right:auto; }
	.row .grid1Mobile {
		float:left;
		width:25% !important;
		padding:0 10px;
	}
	.row .grid1Mobile:last-child { float:right; }
	.row .grid2Mobile {
		float:left;
		width:50% !important;
		padding:0 10px;
	}
	.row .grid2Mobile:last-child { float:right; }
	.row .grid3Mobile {
		float:left;
		width:75% !important;
		padding:0 10px;
	}
	.row .grid3Mobile:last-child { float:right; }
	.row .grid4Mobile {
		float:left;
		width:100% !important;
		padding:0 10px;
	}
	.row .grid4Mobile:last-child { float:right; }
	.row .gridThirdsMobile {
		float:left;
		width:33.33333% !important;
		padding:0 10px;
	}
	.row .gridThirdsMobile:last-child { float:right; }
	.grid1MobilePush { left:25%; }
	.grid1MobilePull { right:25%; }
	.grid2MobilePush { left:50%; }
	.grid2MobilePull { right:50%; }
	.grid3MobilePush { left:75%; }
	.grid3MobilePull { right:75%; }
	.row .centered {
		float:none !important;
		margin:0 auto;
	}
}


/*==================================================================
	3. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	3-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#333; background:#eee;}
a:link, a:visited { color:#000; text-decoration:none; }
a:hover {
	text-decoration:underline;
}
.touchHover,
.noTapColor,
button { -webkit-tap-highlight-color:rgba(0,0,0,0); }

.pcDisplay {
	display:block!important;
}
.spDisplay {
	display:none!important;
}
@media screen and (max-width:736px) {
.pcDisplay {
	display:none!important;
}
.spDisplay {
	display:block!important;
}
}


/* ------------------------------------------------------------------
	3-2. Headline styles
-------------------------------------------------------------------*/
.headline1 {
	color: #fff;
	font-size:15px;
	font-weight:bold;
	background:#dc0800;
	position:relative;
}
.headline1 a.more {
	position: absolute;
	top:9px;
	right:10px;
	color:#FFF;
	font-size:11px;
	background:url(/img/common/icon_arrow01.png) no-repeat 100% 50%;
	padding:0 11px 0 0; 
	font-weight:bold;
	display:inline-block;
}
.headline1 .icon {
	position:relative;
	top:-40px;
	left:0;
	display:inline-block;
	font-size:0;
	margin:0 5px 0 10px;
}
.headline1 img {
	display:inline-block;
	vertical-align:top;
	margin:0 0 -40px 0;
}
.headline1 img.pcDisplay {
	display:inline-block !important;
}
@media screen and (max-width:736px) {
	.headline1 img.pcDisplay {
		display:none !important;
	}
	.headline1 img.spDisplay {
		display:inline-block !important;
		height:35px;
		margin:0 0 -47px 0;
		vertical-align:bottom;
	}
}
.headline1 strong {
	display:inline-block;
	padding:7px 0 7px 6px;
}
.headline1 strong em {
	font-size:13px;
	font-weight:bold;
}
.headline2 {
	display:block;
	margin-bottom:11px;
	padding:5px 10px 1px;
	background:#DC0800;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	vertical-align:middle;
}
.headline2 .icon {
	display:inline-block;
	margin:-13px 10px 0 0;
	vertical-align:middle;
	font-size:0;
}
.headline2 .icon img {
	width:auto;
	height:46px;
}
.headline2 em {
	font-size:20px;
	font-weight:bold;
}
.headline3 {
	color:#333;
	font-weight:bold;
	font-size:16px;
	border-left:5px solid #333;
	padding:1px 0 0 10px;
	line-height:0.9;
}
.headline4 {
	margin-bottom:11px;
	padding:4px 14px 7px;
	background:#333;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}
.headline4 span {
	font-size:10px;
}
.headline5 {
	position:relative;
	padding:6px 5px 6px 15px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background:#DC0800;
}
.pcDisplay.adsBlock .headline5 {
	padding:6px 0;
	text-align:center;
}
.flashBlock.photoAlbum .headline5 {
	font-size: 13px;
}
.headline5 a.more {
	position: absolute;
	top:9px;
	right:10px;
	color:#FFF;
	font-size:11px;
	background:url(/img/common/icon_arrow01.png) no-repeat 100% 50%;
	padding:0 11px 0 0; 
	font-weight:bold;
	display:inline-block;
}
.headline6 {
	margin-bottom:10px;
	padding:5px 15px 7px;
	background:#333;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}
.headline7 {
	padding-bottom:15px;
	background:url(/img/common/bg_dot01.gif) repeat-x 0 100%;
	font-size:26px;
	font-weight:bold;
	line-height:1.15;
}
.headline7 span {
	display:block;
	padding-top:6px;
	color:#888;
	font-size:12px;
	font-weight:normal;
}
.headline8 {
	position:relative;
	padding:6px 5px 5px 15px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background:#333;
}
.headline8 a.more {
	position: absolute;
	top:9px;
	right:10px;
	color:#FFF;
	font-size:11px;
	background:url(/img/common/icon_arrow01.png) no-repeat 100% 50%;
	padding:0 11px 0 0; 
	font-weight:bold;
	display:inline-block;
}
.headline9 {
	position:relative;
	padding:4px 5px 6px 20px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background:#333;
}
.headline9 img {
	margin:0 10px 0 0;
	vertical-align:middle;
}
.headline9 strong {
	display:inline-block;
	padding:8px 0 0 0;
	min-height:30px;
}
.headline9 .iconRanking {
	position:absolute;
	right:0;
	top:-15px;
}
.headline9 img.iconRanking {
	width:64px;
	height:auto;
}
.headline10 {
	margin-bottom:11px;
	padding:6px 40px;
	background:#DC0800;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
}
.headline10.grayBg {
	background:#333;
}
.headline11 {
	position:relative;
	margin-bottom:11px;
	padding:7px 10px 6px;
	background:#333;
}
.headline11 span {
	padding-left:39px;
	background:url(/img/rank/icon_rank.png) no-repeat 0 50%;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
}
.headline11 img {
	position:absolute;
	top:2px;
	right:20px;
}
.headline12 {
	margin-bottom:14px;
	padding-bottom:9px;
	background:url(/img/common/bg_dot01.gif) repeat-x 0 100%;
	font-size:20px;
	font-weight:bold;
}
.headline12 span {
	padding-left:13px;
	background:url(/img/common/bg_line01.gif) no-repeat 0 3px;
}
@media \0screen {
	.headline1 .icon {
		top:-32px;
	}
	.headline1 strong {
		padding:6px 0 6px 0;
	}
}
@media screen and (min-width:0\0) {
	.headline1 .icon {
		top:-32px;
	}
}
@media screen and (max-width:900px) {
	.headline1 {
		font-size:13px;
	}
	.headline1 strong em {
		font-size:10px;
	}
	.headline8 {
		font-size:13px;
	}
	.headline9 {
		font-size:13px;
	}
}
@media screen and (max-width:768px) {
	.headline1 {
		font-size:12px;
	}
	.headline1 strong em {
		font-size:8px;
	}
	.headline2 {
		font-size:22px;
	}
	.headline2 em {
		font-size:18px;
	}
}
@media screen and (max-width:736px) {
	.headline1 {
		font-size:15px;
	}
	.headline2 {
		padding:9px 5px 4px;
		font-size:18px;
	}
	.headline2 .icon {
		margin:-12px 6px 0px 0;
		vertical-align:middle;
		float:left;
	}
	.headline2 .title {
		overflow:hidden;
	}
	.headline2 em {
		display:inline-block;
		font-size:13px;
	}
	.headline2 .icon img {
		width:auto;
		height:38px;
 	}
	.headline7 {
		font-size:18px;
	}
	.headline7 span {
		font-size:12px;
	}
	.headline8 {
		padding:6px 5px 6px 15px;
		font-size:15px;
	}
	.headline9 {
		padding:0 5px 5px 20px;
		font-size:15px;
	}
	.headline9 img {
		margin:-4px 10px 0 0;
	}
	.headline9 .iconRanking img {
		width:50px;
		height:auto;
	}
	.headline10 {
		padding:6px 10px;
		font-size:15px;
	}
	.headline11 span {
		padding-left:25px;
		background-size:20px auto;
		-webkit-background-size:20px auto;
		font-size:16px;
	}
	.headline11 img {
		top:3px;
		right:10px;
		height:25px;
	}
	.headline12 {
		font-size:15px;
	}
	.headline12 span {
		background:url(/img/common/bg_line01_sp.gif) no-repeat 0 1px;
		background-size:5px 20px;
		-webkit-background-size:5px 20px;
		-moz-background-size:5px 20px;
	}
}

/*==================================================================
	4. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	4-1. Base styles
-------------------------------------------------------------------*/
body {
	min-width:1320px;
	background:#eee;
}
#main {
	max-width:650px;
	float:left;
	width:67.7%;
	z-index:700;
	position:relative; 
}
#main.fullWidth {
	float:none;
	max-width:100%;
	width:100%;
	padding-top:30px; 
}


/* ------------------------------------------------------------------
	4-2. Header styles
-------------------------------------------------------------------*/
#header {
	border-top:5px solid #dc0800;
	border-bottom:1px solid #ebebeb;
	background:#FFF;
}
#header .headerInner {
	max-width:980px;
	padding:12px 10px 8px;
	margin:0 auto;
}
#header .headerInner #logo {
	float:left;
	max-width:206px;
	margin:22px 0 0 0;
	width:21.46%;
}
#header .headerInner .hBanner {
	float:right;
	max-width:728px;
	width:75.83%;
}
@media screen and (max-width:980px) {
	#header .headerInner #logo {
		margin:2% 0 0 0;
	}
}
@media screen and (max-width:736px) {
	body {
		min-width:320px;
	}
	.hBanner {
		font-size:0;
		padding:5px 0;
	}
	.hBanner img {
		width:100%;
	}
	#header {
		z-index:999;
		position:relative;
		top:0;
		left:0;
		width:100%;
		border:none;
	}
	#header.fix {		
		left:0;
		position:fixed;
		right:0;
		top:0;
	}
	.headerBox {
		border-top:4px solid #dc0800;
		border-bottom:1px solid #e0e0e0;
		width:100%;
	}
	.headerInner {
		position:relative;
	}
	.headerInner .menuBtn {
		position:absolute;
		right:15px;
		top:9px;
	}
	.headerInner .menuBtn a {
		display:block;
	}
	.headerInner .menuBtn img {
		width:27px;
	}
	#header .headerInner #logo {
		margin:0;
		width:auto;
	}
	#header .headerInner #logo img {
		height:34px;
	}
	#header .headerInner {
		width:100%;
		max-width:inherit;
		padding:6px 15px 6px 15px; 
	}
}
	
	
/* ------------------------------------------------------------------
	4-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	clear:both;
	background:#FFF;
	box-shadow:0 3px 4px -4px #999;
	-moz-box-shadow:0 3px 4px -4px #999;
	-webkit-box-shadow:0 3px 4px -4px #999;
	position:relative;
	z-index:9999;
	behavior:url(/js/PIE.php);
}
.navInner {
	width:1030px;
	margin:0 auto;
}
#navi.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	border-top:5px solid #dc0800;
}
.logoNav {
	display:none;
	max-width:117px;
	width:11.58%;
}
#navi.fixed .logoNav {
	display:block;
	float:left;
	padding:11px 10px 0 0;
}
.fixed .navList {
	margin:0 auto;
	padding:0 10px;
}
#navi ul {
	max-width:980px;
	padding:0 10px;
	margin:0 auto;
}
#navi.fixed ul {
	max-width:inherit;
	padding:0; 
}
#navi ul li {
	float:left;
	padding:0 0 0 30px;
}
#navi.fixed ul li {
	padding-left: 18px;
}
#navi ul li:first-child {
	padding-left:0 !important;
}
#navi ul li a {
	font-size:15px;
	font-weight:bold;
	position:relative;
	display:block; 
	padding:18px 0 15px;
}
#navi ul li a:hover {
	text-decoration:none;
}
#navi ul li a:before {
	border-bottom:5px solid #dc0800;
	bottom:0;
	content: "";
	display:none;
	left:0;
	width:100%;
	position:absolute;
	z-index:97;
}
#navi ul li a:hover:before {
	display:block;
}
#navi .navSerial a::before {
	display:block;
	border-bottom:5px solid #dc0800;
}
@media screen and (max-width:1300px) {
	#navi.fixed ul li {
		padding:0 0 0 1.9%;
	}
}
@media screen and (max-width:1200px) {
	#navi.fixed ul li {
		padding:0 0 0 1.8%;
	}
}
@media screen and (max-width:1100px) {
	#navi.fixed ul li {
		padding:0 0 0 1.7%;
	}
}
@media screen and (max-width:1000px) {
	#navi.fixed ul li {
		padding:0 0 0 1.6%;
	}
	#navi.fixed ul li a {
		font-size:15px;
	}
}
@media screen and (max-width:950px) {
	#navi.fixed ul li a {
		font-size:14px;
	}
}
@media screen and (max-width:900px) {
	#navi.fixed ul li {
		padding:0 0 0 1.3%;
	}
	#navi.fixed ul li a {
		font-size:13px;
	}
}
@media screen and (max-width:850px) {
	#navi.fixed ul li a {
		font-size:12px;
	}
}
@media screen and (max-width:736px) {
	#navi {
		display:none;
	}
}

/* ------------------------------------------------------------------
	4-4. contents styles
-------------------------------------------------------------------*/
#contentBox {
	width:1320px;
	margin:0 auto;
	padding:20px 0 0 0; 
}
#pageScoop #contentBox {
	width:980px;
}
#contents {
	position:relative;
	width:980px;
	margin:0 auto;
	float:left;
	min-height:560px;
	padding:0 10px 10px;
}
.adsBlockInner {
	margin:0 auto;
	position:absolute;
	overflow-x:auto;
}
.flashBlock {
	width:160px;
	margin-top:20px;
}
#pageScoop .flashBlock {
	margin-top:0;
	margin-bottom:20px;
}
.flashBlock .innerBlock {
	background:#FFF;
	padding:10px 15px 15px;
}
.flashBlock .flashLogo {
	font-size:0;
	padding:0 0 5px 0;
}
.flashBlock .flashImg img {
	width:100%;
}
.flashBlock .flash img {
	width:100%; 
} 
.flashBlock .textBlock {
	color:#888;
	font-size:14px;
	padding-bottom:6px;
}
.flashBlock .textBlock span {
	display:block;
	color:#000;
	font-weight:bold;
	padding-bottom:4px;
}
.flashBlock.photoAlbum .textBlock span {
	font-size: 13px;
	letter-spacing: -0.1em;
}
.flashBlock .detail {
	border:1px solid #DADADA;
	font-weight:bold;
	text-align:center;
}
.flashBlock .detail a {
	display:block;
	padding:6px 15px 6px 2px;
	background:url(/img/common/icon_arrow05.gif) no-repeat 90% 50%;
	font-size:11px;
}
.adsBlock.spDisplay h4 {
	text-align:left;
}
.adsBlock.spDisplay .flashBlock {
	display:inline-block;
	margin-right:20px;
	text-align:left;
	vertical-align:top;
}
.breadcrumbs {
	width:960px;
	margin:9px auto -10px;
	position:relative;
	z-index:10;
}
.breadcrumbs li {
	float:left;
	font-size:12px;
}
.breadcrumbs li span {
	padding:0 5px;
}
.adsBlock {
	position:relative;
}
.leftAds {
	float:left;
	margin:0 10px 0 0; 
}
.rightAds {
	float:right;
}
.postAds {
	margin:0 -23px;
}
.postAdsBlock {
	margin: 15px -10px;
}
.postAdsBlock > div {
	margin: 0 auto;
}
.shawdow {
	box-shadow:0 2px 2px -2px #c3bfbf;
	-moz-box-shadow:0 2px 3px -2px #c3bfbf;
	-webkit-box-shadow:0 2px 3px -2px #c3bfbf;
	position:relative;
	z-index:20;
	behavior:url(/js/PIE.php);
}
.section {
	margin-bottom:50px;
}
.section .inner {
	position:relative;
	margin-top:-11px;
	padding:20px 40px 70px;
	background:#FFF;
	box-shadow:0 0 1px #E9E9E9;
}
.newsBlock .image {
	margin:18px 0 11px;
	text-align:center;
}
.newsBlock .text {
	padding-top:18px;
	font-size:18px;
	line-height:1.79;
}
.newsBlock .text a {
	color:#DC0800 !important;
}
.newsBlock iframe {
	border:none;
}
.iframeBox {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.iframeBox iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.buttonStyle {
	margin:-20px 0 50px;
}
.buttonStyle a {
	display:block;
	position:relative;
	padding:17px 70px;
	border:2px solid #DADADA;
	border-radius:4px;
	background:#FFF url(/img/common/icon_arrow04.png) no-repeat 90.5% 50%;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	behavior:url(/js/PIE.php);
	font-weight:bold;
}
.categoryList {
	padding:0 10px;
	text-align:center;
}
.categoryList li {
	display:inline-block;
	max-width:196px;
	width:32.7%;
	margin:0 -2px 0 0;
}
.uae_outstreamplayer {
	margin-left:-15px;
}

@media screen and (max-width:736px) {
	#contents {
		min-height:315px;
		padding:0;
		background:#FFF; 
	}
	#contents #main {
		float:none;
		max-width:100%;
		width:100%;
	}
	.flashBlock .flashImg {
		width:120px;
		height:170px;
		overflow:hidden;
		position:relative;
	}
	.flashBlock .flashImg img {
		position: absolute;
		left: 50%;
		top: 50%;
		width:100%;
		max-width:inherit;
		height:auto;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.flashBlock .flash {
		width:120px;
		/*height:158px;*/
		overflow:hidden;
		position:relative;
	}
	.flashBlock .flash img {
		position:static;
		/*
		position: absolute;
		left: 50%;
		top: 50%;
		*/
		width:100%;
		max-width:inherit;
		height:auto;
		/*
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		*/
	}
	.flashBlock .textBlock {
		padding-top:6px;
		font-size:inherit;
	}
	.shawdow {
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	.section {
		margin-bottom:20px;
	}
	.section .inner {
		padding:15px 10px;
		box-shadow:0 0 0;
	}
	.newsBlock .image {
		margin:15px 0 10px;
	}
	.newsBlock .text {
		padding-top:15px;
		font-size:15px;
	}
	.buttonStyle {
		margin:-20px 10px 25px;
	}
	.buttonStyle a {
		font-size:12px;
		padding:13px 25px;
		background-position:95% 50%;
		-webkit-background-size:8px auto;
		background-size:8px auto;
		border:2px solid #DADADA;
	}
	.adsBlock {
		padding-bottom:0;
	}
	.adsBlock.spDisplay {
		margin-top:10px;
	}
	.breadcrumbs {
		width:auto;
		margin:0;
		padding:10px;
		background:#EEE;
	}
	.breadcrumbs li {
		font-size:12px;
	}
}
@media screen and (max-width:480px) {
	.buttonStyle a {
		padding:13px 18px;
		background-position:98% 50%;
	}
}


/* ------------------------------------------------------------------
	4-5. Side styles
-------------------------------------------------------------------*/
#side {
	float:right;
	max-width:300px;
	width:31.25%;
	padding-bottom:47px;
}
#side .notice {
	padding-bottom:12px;
}
#side .noticeList {
	padding:12px 16px 6px;
	background:#FFF;
	-moz-box-shadow:0 1px 1px 0 #DFDFDF;
	-webkit-box-shadow:0 1px 1px 0 #DFDFDF;
	box-shadow:0 1px 1px 0 #DFDFDF;
}
#side .noticeList li {
	padding-bottom:6px;
	font-size:12px;
	line-height:1.25;
}
#side .noticeList li span {
	display:block;
	color:#888;
}
.banner {
	margin-bottom:7px;
}
#side .search {
	position:relative;
	padding-bottom:33px;
}
#side .search form input.txtInput {
	border:1px solid #333 !important;
	font-size: 95%;
	height:42px;
	padding:3px 80px 3px 5px;
	vertical-align:middle;
	width:100%;
}
#side .search form input.btnSearch {
	position:absolute;
	right:0;
	top:0;
}
#side .ranking {
	margin-bottom:10px;
}
#side .ranking .rankingInner {
	padding:10px 12px 13px 23px;
	background:#FFF;
	-moz-box-shadow:0 1px 1px 0 #DFDFDF;
	-webkit-box-shadow:0 1px 1px 0 #DFDFDF;
	box-shadow:0 1px 1px 0 #DFDFDF;
}
#side .rankingList {
	padding-bottom:2px;
}
#side .rankingList li {
	position:relative;
	display:table;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	width:100%; 
	border-bottom:1px dotted #DCDCDC;
}
#side .rankingList .image {
	width:65px;
	vertical-align:top;
	font-size:0;
	height:65px;
	overflow:hidden;
	position:relative;
}
#side .rankingList .image a {
	display:block;
}
#side .rankingList .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:auto;
	max-width:inherit;
	height:100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#side .rankingList .image a:hover img {
	filter: alpha(opacity=60)\0;
	opacity:0.6\0;
}
#side .rankingList .rankingText {
	display:table-cell;
	vertical-align:top;
	width:100%;
	padding:0 0 0 10px;
}
#side .rankingList .linkText {
	line-height:1.4;
}
#side .rankingList .linkText a {
	font-size:12px;
}
#side .rankingList .linkText img {
	position:relative;
	margin:0 0 0 5px;
	top:2px;
}
#side .rankingList .linkText .pcDisplay {
	display:inline!important;
}
#side .rankingList .date {
	color:#888;
	font-size:12px;
	padding:2px 0 0 0;
}
#side .rankingList .date a {
	color:inherit !important;
}
#side .rankingList .date span {
	padding:0 6px;
}
#side .iconNumber {
	position:absolute;
	top:50%;
	left:-1.5em;
	min-width:1.5em;
	margin-top:-15px;
	font-size:17px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	letter-spacing:-0.2em;
}
#side .iconNumber.rk1 {
	color:#DAA520;
}
#side .iconNumber.rk2 {
	color:#9D9D9D;
}
#side .iconNumber.rk3 {
	color:#BF6D23;
}
#side .moreLink {
	margin-right:-2px;
	font-weight:bold;
	text-align:right;
}
#side .moreLink a {
	padding-right:11px;
	background:url(/img/common/icon_arrow06.gif) no-repeat 100% 4px;
}
#side .guide {
	padding-top:10px;
/*
	-moz-box-shadow:0 1px 1px 0 #DFDFDF;
	-webkit-box-shadow:0 1px 1px 0 #DFDFDF;
	box-shadow:0 1px 1px 0 #DFDFDF;
*/
}
#side .guideList {
/*	padding:15px 14px 4px;*/
	padding:15px 14px;
	background:#FFF;
}
#side .guideList li {
	padding-bottom:8px;
}
@media screen and (max-width:768px) {
	#side .iconNumber {
		left:-1.6em;
	}
	#side .rankingList .linkText a {
		font-size:11px;
	}
	#side .rankingList .date {
		font-size:8px;
	}
}
@media screen and (max-width:736px) {
	#contents {
		width:100%;
		float:none;
		padding-bottom:30px;
	}
	#contentBox,
	#pageScoop #contentBox {
		width:100%;
		padding-top:0;
	}
	#side {
		float:none;
		max-width:100%;
		width:100%;
		padding-bottom:0;
	}
	#side .rankingList li {
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:1px dotted #dcdcdc;
	}
	#side .rankingList li:last-child {
		border-bottom:none;
		margin:0;
	}
	#side .rankingList .image {
		max-width:inherit;
		width:95px;
		height:95px;
	}
	#side .rankingList .rankingText .date {
		font-size:12px;
	}
	#side .rankingList .rankingText {
		color:#555;
		padding:0 0 0 10px;
	}
	#side .rankingList .rankingText .linkText {
		padding:0 0 3px 0;
	}
	#side .rankingList .rankingText .linkText a {
		font-size:14px;
		font-weight:bold;
		line-height:1.3;
	}
	#side .rankingList .rankingText .linkText .pcDisplay {
		display:none!important;
	}
	#side .rankingList .rankingText .date .spDisplay {
		display:inline!important;
		height:12px;
		margin:0 6px 0 0;
		position:relative;
		top:1px;
	}
	.more {
		margin:0 10px;
		padding:0 0 20px 0;
	}
	.more a {
		display:inline-block;
		text-align:center;
		width:100%;
		border:1px solid #dadada;
		font-size:15px;
		color:#000;
		font-weight:bold;
		padding:13px 0 13px 0;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background:url(/img/common/bg_arrow02.gif) no-repeat 100% 50%;
		-webkit-background-size:22px auto;
		-moz-background-size:22px auto;
		background-size:22px auto;
	}
	.more a:hover {
		text-decoration:none;
	}
	#side .ranking .rankingInner {
		padding:10px 12px 13px 28px;
		box-shadow:none;
	}
	.banner {
		margin:0 10px 30px;
	}
	.banner img {
		width:100%;
		height:auto;
	}
	#side .guideList li {
		padding-bottom:8px;
	}
	#side .guideList li img {
		width:100%;
		height:auto;
	}
	#side .notice {
		padding:0;
	}
	#side .noticeList {
		padding:12px 16px 6px;
		box-shadow:none;
	}
	#side .noticeList li {
		margin-bottom:6px;
		border-bottom:1px solid #DDD;
	}
	#side .noticeList li:last-child {
		border:none;
	}
}


/* ------------------------------------------------------------------
	4-6. Footer styles
-------------------------------------------------------------------*/
#footer {
	background:#dc0800;
	color:#FFF;
	margin:80px 0  0 0;
}
#footer .fNav a {
	color:#FFF;
}
.footerInner {
	max-width:980px;
	padding:0 10px;
	margin:0 auto; 
}
.fSection {
	display:table;
	width:100%;
	padding:21px 0 20px 0;
}
.fSection .nameText,
.fSection .fNav,
.fSection #copyright {
	display: table-cell;
	vertical-align:middle;
}
.fSection .nameText {
	width:83px;
}
.fSection .fNav {
	padding-left:50px;
}
.fSection .fNav li {
	display: inline-block;;
	vertical-align:middle;
	background:url(/img/common/bg_fnav.gif) no-repeat 0 50%;
	padding:0 0 0 9px;
	margin:0 0 0 1px;
}
.fSection .fNav li:first-child {
	background:none;
	padding:0;
	margin:0;
}
.fSection #copyright {
	text-align:right;
}
.fBox {
	background:#FFF;
	padding:40px 0 25px 0;
}
.fBox .fBoxInner {
	background:#FFF;
	max-width:980px;
	padding:0 10px;
	margin:0 auto; 
}
.fBox01 {
	float:left;
	max-width:350px;
	width:36.46%;
}
.fBox02 {
	float:left;
	width:25.83%;
	padding:0 0 0 12px;
	max-width:248px;
}
.fBox02 ul {
	padding:37px 0 0 0;
}
.fBox02 ul.shareList {
	padding:37px 30px 0 0;
	text-align:center;
}
.fBox02 ul li {
/*	float:left; */
	display:inline-block;
}
.fBox02 ul li.twitter {
	padding:0 32px 0 41px;
}
.fBox02 h2 {
	padding:0 0 0 20px;
	font-size:0;
}
.fBox03 {
	float:right;
	max-width:362px;
	width:37.7%;
}
.fBox01Sub {
	padding:17px 0 0 0;
}
.fBox01Sub ul {
	float:left;
}
.fBox01Sub ul.first {
	width:44%;
	max-width:139px;
}
.fBox01Sub ul li {
	padding:0 0 6px 0;
}
.fBox01Sub ul a {
	color:#868686;
	background:url(/img/common/bg_line.gif) no-repeat 0 50%;
	padding:0 0 0 23px;
	display:inline-block; 
}
@media screen and (max-width:980px) {
	.fSection .fNav {
		padding-left:4%;
	}
	.fSection #copyright {
		width:38%;
	}
	.fBox02 {
		padding:0 0 0 0.5%;
	}
}
@media screen and (max-width:736px) {
	#footer {
		margin:0;
	}
	body:not(#pageHome) #footer {
		padding-bottom:80px;
	}
	.fSection {
		display:block;
	}
	.fSection .nameText,
	.fSection .fNav,
	.fSection #copyright {
		display: block;
	}
	.fSection .nameText {
		width:100%;
		padding:20px 0 7px 0;
		text-align:center;
	}
	.fSection .fNav {
		text-align:center;
		width:100%;
		padding:0;
	}
	.fSection #copyright {
		text-align:center;
		width:100%;
	}
	.fGroup {
		padding:20px 0 0 0;
	}
	.fGroup h2 {
		text-align:center;
		padding:0 0 10px 0; 
	}
	.shareList {
		text-align:center;
	}
	.shareList li {
		display:inline-block;
	}
	.fGroup h2 img {
		width:86px;
	}
	.fGroup .shareList li {
		padding:0 0 0 24px;
	}
	.fGroup .shareList li:first-child {
		padding:0;
	}
	.fGroup .shareList img {
		height:23px;
	}
	.fSection {
		padding:17px 0 0 0;
	}
	#footer .fNav a {
		font-size:11px;
	}
	.pcLink {
		width:265px;
		margin:0 auto; 
	}
	.pcLink a {
		display:inline-block;
		text-align:center;
		background:#333; 
		display:block;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:9px 0 9px 0;
	}
	.fSection .fNav li {
		background:none;
		padding:0;
		margin:0; 
	}
	.fSection .fNav li a {
		background:url(/img/common/bg_fnav_sp.gif) no-repeat 0 50%;
		-webkit-background-size:1px auto;
		-moz-background-size:1px auto;
		background-size:1px auto;
		margin:0 0 0 2px;
		padding:0 0 0 8px;
	}
	.fSection .fNav li:first-child a {
		background:none;
		margin:0;
		padding:0;
	}
	.fSection .fNav {
		padding:0 0 20px 0;
	}
	.pcLink a img {
		height:12px;
	}
	.nameText {
		padding:19px 0 7px 0;
	}
	.nameText img {
		height:20px;
	}
	.fSection #copyright {
		font-size:10px;
		padding:0 0 20px 0;
	}
	.smartMenu {
		position:fixed;
		top:0;
		right:-78%;
		bottom:0;
		z-index:2000002;
		width:78%;
		overflow-y:auto;
		background:#dc0800;
		-webkit-transition:all 0.3s ease-out 0s;
		-moz-transition:all 0.3s ease-out 0s;
		transition:all 0.3s ease-out 0s;
		-webkit-overflow-scrolling:touch;
	}
	.open .smartMenu {
		right:0;
	}
	.hBlockInner {
		padding:15px 20px 0px;
	}
	.menuBox h2 {
		float:left;
		padding:17px 0 0 0;
	}
	.menuBox h2 {
		float:left;
	}
	.menuBox h2 img {
		height:14px;
	}
	.menuBox .closeBtn {
		float:right;
		padding:10px 0 0 0;
	}
	.menuBox .closeBtn a {
		display:block;
	}
	.menuBox .closeBtn img {
		height:28px;
	}
	.menuSearch {
		clear:both;
		background:#FFF;
		border:1px solid #333;
		margin:18px 0 0 0;
	}
	.menuSearch .searchText {
		border:none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		margin:0;
		float:left;
		width:140px;
		padding:7px 5px 5px 5px;
	}
	.menuSearch .searchBtn {
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		background:transparent;
		box-shadow:none !important;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border:none;
		width:67px;
		float:right;
		padding:0;
		margin:0;
		outline:none;
		border:none;
		background:#333 url(/img/common/bg_search.png) no-repeat 0 50%;
		-webkit-background-size:67px auto;
		-moz-background-size:67px auto;
		background-size:67px auto;
		height:28px;
		cursor:pointer;
	}
	.navLink {
		padding:7px 0 0 0; 
	}
	.navLink li {
		padding:4px 0;
		border-bottom:1px solid #ff7b7b;
	}
	.navLink li a {
		display:table;
		width:100%;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		background:url(/img/common/bg_menu.png) no-repeat 100% 50%;
		-webkit-background-size:17px auto;
		-moz-background-size:17px auto;
		background-size:17px auto;
	}
	.navLink li a:hover {
		text-decoration:none;
	}
	.navLink li a strong {
		display:table-cell;
		vertical-align:middle;
		width:35px;
		font-size:0;
		text-align:center;
	}
	.navLink li a strong img {
		margin:-3px 0 0 0;
		height:37px;
		padding:4px 3px 2px 0;
	}
	.navLink li a strong {
		height:37px;
	}
	.navLink li:last-child a strong img {
		margin:-7px 0 0 0;
		padding:5px 3px 3px 0;
	}
	.navLink li a span {
		display:table-cell;
		padding:2px 0 0 8px;
		vertical-align:middle;
	}
	.shareMenu {
		padding:30px 0 30px 0;
	}
	.shareMenu h2 {
		text-align:center;
		padding:0 0 12px 0;
	}
	.shareMenu h2 img {
		width:104px;
	}
	.shareMenu ul {
		text-align:center;
	}
	.shareMenu li {
		display:inline-block;
		font-size:0;
		padding:0 16px;
	}
	.shareMenu li img {
		height:24px;
	}
	.overlay {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:2000001;
		background:rgba(0,0,0,0.7);
	}
}
/* ------------------------------------------------------------------
	2-7. home styles
-------------------------------------------------------------------*/
.news {
	margin:0 0 21px 0;
}
.news .newImage {
	float:left;
	max-width:504px;
	background:#FFF;
	font-size:0;
	border:1px solid #e9e9e9;
	width:52.7%;
	padding:17px 30px 18px 30px;
	text-align:left;
}
.news .newImage p {
	position:relative;
	overflow:hidden;
	height:250px;
	width:442px;
}
.news .newImage p img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:100%;
	height:auto;
	max-width:inherit;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.news .newsList {
	float:right;
	max-width:447px;
	background:#FFF;
	border:1px solid #e9e9e9;
	width:46.5625%;
}
.newsInfo {
	padding:10px 0 5px 0; 
}
.newsInfo li {
	display:table;
	margin:0 0 10px 0;
	padding:0 25px 0 21px;
	width:100%; 
}
.newsInfo .image {
	width:82px;
	height:50px;
	overflow:hidden;
	position:relative;
}
.newsInfo .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:100%;
	height:auto;
	max-width:inherit;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity:1;
}
.newsInfo .image a:hover img {
	filter: alpha(opacity=60);
	opacity:0.6;
}
.newsInfo .image a,
.itemInfo .image a {
	display:block;
}
.newsInfo .newsText,
.itemInfo .itemText {
	display:table-cell;
	vertical-align:top;
	width:100%;
	padding:0 0 0 10px;
}
.newsInfo .newsText .linkText {
	margin:-3px 0 0 0;
	line-height:1.4;
}
.newsInfo .newsText .linkText a {
	font-size:12px;
}
.listItem .listInner .newsInfo .newsText .linkText a,
.listItem .listInner .itemInfo .itemText .linkText a {
	font-size:12px;
}
.newsInfo .newsText .linkText img,
.itemInfo .itemText .linkText img {
	position:relative;
	margin:0 0 0 5px;
	top:2px;
}
.newsInfo .newsText .linkText .pcDisplay,
.itemInfo .itemText .linkText .pcDisplay {
	display:inline!important;
}
.newsInfo .newsText .date,
.itemInfo .itemText .date {
	color:#888;
	font-size:12px;
	padding:2px 0 0 0;
}
.newsInfo .newsText .date a,
.itemInfo .itemText .date a {
	color:inherit !important;
}
.newsInfo .newsText .date span,
.itemInfo .itemText .date span {
	padding:0 6px;
}
.listItem {
	margin: 0 -10px 0 0;
	position: relative;
}
.listItem > li {
	display:inline-block;
	vertical-align:top;
	margin-bottom:29px;
	padding:0 5px 0 0; 
	width:50%;
	max-width:325px;
}
.listItem .listInner .itemInner {
	clear: both;
	padding:10px;
	background:#FFF;
	margin:0 0 5px 0;
	-moz-box-shadow:0 1px 1px 0 #DFDFDF;
	-webkit-box-shadow:0 1px 1px 0 #DFDFDF;
	box-shadow:0 1px 1px 0 #DFDFDF;
	position:relative;
	z-index:20;
	behavior:url(/js/PIE.php);
}
.listItem .listInner .itemInner .imageItem {
	position:relative;
	overflow:hidden;
	height:185px;
	width:300px;
}
.listItem .listInner .itemInner .imageItem img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:100%;
	height:auto;
	max-width:inherit;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.listItem .listInner .itemInner .imageItem a:hover img {
	filter: alpha(opacity=60)\0;
	opacity:0.6\0;
}
.listItem .listInner .itemInner .linkText {
	padding:6px 0 3px;
}
.listItem .listInner .itemInner .linkText a {
	font-size:14px; 
}
.listItem .listInner .itemInner .linkText img {
	margin:0 0 0 5px;
	position:relative;
	top:2px;
	display:inline!important; 
}
.listItem .listInner .itemInner .date {
	color: #888;
	font-size: 12px;
	padding: 2px 0 0;
}
.listItem .listInner .itemInner .date a {
	color:inherit !important;
}
.listItem .listInner .itemInner .date span {
	padding:0 6px; 
}
.itemInfo {
	margin-bottom:-11px;
	padding:10px 0 0 0;
}
.itemInfo li {
	display:table;
	margin:0 0 10px 0 !important;
	padding:10px 0 0 0;
	width:100% !important; 
	border-top:1px dotted #DCDCDC;
}
.itemInfo .itemText .linkText {
	padding:0 !important;
	line-height:1.4;
}
.itemInfo .image {
	width:100px;
	vertical-align:top;
	font-size:0;
	height:62px;
	position:relative;
	overflow:hidden;
}
.itemInfo .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:auto;
	max-width:inherit;
	height:100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.itemInfo .image a:hover img {
	filter: alpha(opacity=60)\0;
	opacity:0.6\0;
}
.moreButton a {
	display:inline-block;
	text-align:center;
	width:100%;
	-moz-box-shadow:0 1px 1px 0 #DFDFDF;
	-webkit-box-shadow:0 1px 1px 0 #DFDFDF;
	box-shadow:0 1px 1px 0 #DFDFDF;
	font-size:13px;
	color:#000;
	font-weight:bold;
	padding:12px 0;
	background:#FFF url(/img/common/icon_arrow02.png) no-repeat 94% 50%;
}
.moreButton a:hover {
	background:#333 url(/img/common/icon_arrow03.png) no-repeat 94% 50%;
	color:#FFF;
	text-decoration:none;
}
@media screen and (max-width:900px) {
	.listItem .listInner .itemInner .linkText {
		font-size:11px;
	}
	.itemInfo .itemText .linkText a {
		font-size:11px;
	}
	.listItem .listInner .itemInner .date {
		font-size:8px;
	}
}
@media screen and (max-width:736px) {
	.news {
		margins:0;
	}
	.news .newImage {
		padding:0;
		max-width:inherit;
		float:none;
		margin:0 0 15px;
		width:auto;
		border:none;
	}
	.news .newImage p {
		position:relative;
		overflow:hidden;
		height:auto;
		width:100%;
	}
	.news .newImage p img {
		position:static;
		top:0;
		left:0;
		width:100%;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
	}
	.news .newsList {
		width:100%;
		float:none;
		border:none;
		max-width:inherit;
	}
	.newsInfo {
		padding:15px 10px 0 10px;
	}
	.newsInfo li,
	.newsInfo div li {
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:1px dotted #dcdcdc;
	}
	.newsInfo > li:last-child {
		border-bottom:none;
		margin:0;
	}
	.newsInfo .image {
		max-width:inherit;
		width:130px;
		height:80px;
	}
	.newsInfo .image img {
		position: absolute;
		left: 50%;
		top: 50%;
		width:100%;
		height:auto;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.newsInfo .newsText .date {
		font-size:12px;
	}
	.newsInfo .newsText {
		color:#555;
		padding:0 0 0 10px;
	}
	.newsInfo .newsText .linkText {
		padding:0 0 3px 0;
	}
	.newsInfo .newsText .linkText a {
		font-size:14px;
		font-weight:bold;
		line-height:1.3;
	}
	.newsInfo .newsText .linkText .pcDisplay {
		display:none!important;
	}
	.newsInfo .newsText .date .spDisplay {
		display:inline!important;
		height:12px;
		margin:0 6px 0 0;
		position:relative;
		top:1px;
	}
	.flashBlock {
		width:49%;
	}
	.flashBlock .innerBlock {
		padding:10px 5px 10px 10px;
	}
	.flashBlock:nth-of-type(2n) .innerBlock {
		padding:10px 10px 10px 5px;
	}
	.flashBlock .flash {
		width:auto;
	}
	.flashBlock.photoAlbum .textBlock span {
		font-size: inherit;
		letter-spacing: normal;
	}
	.flashBlock .detail a {
		padding:8px 15px 8px 2px;
		font-size: 13px;
	}
	.adsBlock.spDisplay .flashBlock {
		margin:0; 
	}
}
/* ------------------------------------------------------------------
	2-8. serial styles
-------------------------------------------------------------------*/
.itemList {
	margin:0 -20px 40px 0;
}
.itemList li {
	vertical-align:top;
	display:inline-block;
	max-width:210px;
	width:33.333%;
	margin:0 6px 11px 0;
	padding:10px 10px 15px;
	background:#FFF;
	-moz-box-shadow:0 1px 1px 0 #E9E9E9;
	-webkit-box-shadow:0 1px 1px 0 #E9E9E9;
	box-shadow:0 1px 1px 0 #E9E9E9;
	behavior:url(/js/PIE.php);
}
.itemList li .itemText {
	padding:5px 0 4px;
	color:#000;
	font-size:14px;
	line-height:1.2;
}
.itemList li .itemText .pcDisplay {
	display:inline !important;
}
.itemList li .itemText img {
	padding-left:4px;
}
.itemList li .itemImage {
	width:190px;
	height:117px;
	overflow:hidden;
	position:relative;
}
.itemList li .itemImage a {
	display:block;
}
.itemList li .itemImage a img {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:auto;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	max-width:inherit;
	font-size:0;
}
.itemList li .itemImage a:hover img {
	filter: alpha(opacity=60)\0;
	opacity:0.6\0;
}
.itemList li .date {
	color:#888;
	font-size:12px;
}
.itemList li .date a {
	color:inherit !important;
}
.pagerLink {
	text-align:center;
}
.pagerLink li {
	display:inline-block;
	margin-right:-2px;
	font-size:14px;
}
.pagerLink li.prev,
.pagerLink li.next {
	font-weight:normal;
}
.pagerLink li.pagerLast {
	font-size:12px;
	font-weight:normal;
	vertical-align:top;
}
.pagerLink li:first-child a {
	padding:7px 16px 3px 14px;
}
.pagerLink li.pagerLast a {
	padding:9px 12px 3px 16px;
}
.pagerLink li a {
	display:block;
	min-width:32px;
	min-height:32px;
	padding:7px 8px 3px;
	background:#333;
	color:#FFF;
	box-sizing:border-box;
	text-align:center;
}
.pagerLink li.active a,
.pagerLink li.active a:hover {
	border-color:#FFF;
	background:#DC0800;
	color:#FFF;
}
.pagerLink li a:hover {
	background:#DC0800;
	color:#FFF;
	text-decoration:none;
}
.recommend {
	margin-top:-39px;
	padding-right:2px;
	text-align:right;
}
.recommend img {
	padding-left:5px;
}
.socialButton {
	margin-top:21px;
}
.socialButton li {
	display:inline-block;
	max-width:185px;
	width:33%;
	margin-right:2px;
}
.socialButton li a {
	display:block;
}
.socialButton.bgDot {
	padding-top:21px;
	background:url(/img/common/bg_dot01.gif) repeat-x;
}
.tagList {
	margin-top:32px;
}
.tagList li {
	float:left;
}
.tagList li a {
	display:block;
	margin:0 5px 5px 0;
	padding:5px 10px 6px;
	background:#E8E9E9;
	color:#777;
	text-decoration:none;
}
.tagList li a span {
	display:block;
	padding-left:15px;
	background:url(/img/common/icon_tag.png) no-repeat 0 50%;
	font-size:12px;
}
.ads {
	margin:39px 0 0;
}
.ads p {
	padding-left:1em;
	text-indent:-1em;
}
@media screen and (min-width:769px) {
	.ads p {
		font-size: 15px;
	}
}
.ads a {
	color: #00C;
}
.quelon {
	margin:18px 0 7px;
	padding-top:41px;
	background:url(/img/common/bg_dot01.gif) repeat-x;
}
@media screen and (max-width:736px) {
	.itemList {
		margin:0 10px 10px;
	}
	.itemList li {
		display:block;
		max-width:100%;
		width:100%;
		margin-bottom:10px;
		padding:0 0 10px 0;
		background:url(/img/common/icon_dot01.gif) repeat-x 0 100%;
		-webkit-background-size:2px auto;
		background-size:2px auto;
		box-shadow:none;
	}
	.itemList li:last-child {
		background:no-repeat;
	}
	.itemList li .itemImage {
		display:table-cell;
		width:115px;
		vertical-align:top;
		font-size:0;
	}
	.itemList .itemImage img {
		width:100%;
	}
	.itemList li .itemInner {
		display:table-cell;
		vertical-align:top;
		padding:0 0 0 10px;
	}
	.itemList li .date {
		font-size:12px;
	}
	.itemList li .itemText {
		padding:0 0 4px;
		font-size:14px;
		font-weight:bold;
	}
	.itemList li:last-child {
		border-bottom:none;
		margin:0;
	}
	.itemList li .itemText .pcDisplay {
		display:none!important;
	}
	.itemList li .date .spDisplay {
		display:inline!important;
		height:12px;
		margin:0 6px 0 0;
		position:relative;
		top:1px;
	}
	.socialButton {
		margin-top:15px;
		text-align:center;
	}
	.socialButton.bgDot {
		padding-top:12px;
	}
	.socialButton li {
		width:32%;
		margin:0;
	}
	.tagList {
		margin-top:15px;
	}
	.quelon {
		margin:10px 0 0;
		padding-top:15px;
		text-align:center;
	}
	.pagerLink li {
		margin-right:-1px;
	}
	.pagerLink li a {
		min-width:40px;
		min-height:40px;
		padding:0 !important;
		line-height:40px;
	}
}
.pageTop {
	position:fixed;
	right:0;
	bottom:80px;
	width:100%;
	z-index:1001;
	display:none;
	transition: right 0.2s linear 0s;
	-moz-transition: right 0.2s linear 0s;
	-webkit-transition: right 0.2s linear 0s;
	-o-transition: right 0.2s linear 0s;
}
.pageTop.pageFixed {
	position:relative;
	bottom:20px;
}
.pageTop .pageTopInner {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.pageTop p {
	display:block;
	max-width:960px;
	margin:0 auto;
	text-align:right;
	position:relative; 
}
.pageTop p span {
	text-align:center;
	right:1%; 
	position:absolute;
}
.pageTop p span a {
	display:inline-block;
}
.pageTopSP {
	position:fixed;
	right:5px;
	bottom:5px;
	z-index:9999;
	display:none;
}
body:not(#pageHome) .pageTopSP {
	bottom:85px;
}
.pageTopSP a {
	display:block;
	width:56px;
} 

/* ------------------------------------------------------------------
	2-9. news styles
-------------------------------------------------------------------*/
.listNews {
	margin-bottom:58px;
}
.listNews li {
	margin-bottom:11px;
	padding:20px 19px 22px;
	background:#FFF;
	box-shadow:0px 1px 1px #DFDFDF;
}
.listNews li .date {
	display:inline-block;
	float:left;
	color:#888;
	font-size:12px;
}
.listNews li .text {
	padding-left:90px;
	font-size:14px;
}
.listNews li .text a {
	display:block;
	text-decoration:none;
}
.listNews li img {
	margin-left:12px;
}
.listNews li .date01 {
	display:none;
	text-align:right;
}
.listNews li .date01 span {
	display:inline-block;
	color:#888;
	font-size:11px;
	vertical-align:middle;
}
.listNews li .date01 span.icon {
	margin-right:8px;
}
.newsBlock .text01 {
	margin-bottom:-5px;
	padding-top:20px;
}
@media screen and (max-width:736px) {
	.listNews {
		margin:-11px 10px 25px;
	}
	.listNews li {
		margin:0;
		padding:15px 0;
		border-bottom:1px dotted #DCDCDC;
		box-shadow:0 0 0;
	}
	.listNews li .date {
		display:none;
	}
	.listNews li .date01 {
		display:block;
	}
	.listNews li .text {
		padding:0 0 5px;
	}
	.listNews li .text img {
		display:none;
	}
	.newsBlock .text01 {
		margin-bottom:-15px;
		padding:10px 0 0;
	}
}
/* ------------------------------------------------------------------
	2-12. sitepolicy styles
-------------------------------------------------------------------*/
	.groupText {
		padding-bottom:30px;
		font-size:14px;
		line-height:1.25;
	}

/* ------------------------------------------------------------------
	2-10. ranking styles
-------------------------------------------------------------------*/
.itemList.rankList .sp {
	display:none;
}
.itemList.rankList .pc {
	display:inline-block;
}
.rankList .date span {
/*	display:inline-block;*/
	vertical-align:middle;
}
.rankList .rank {
	margin-right:4px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
}
.rankList .rank.rk1 {
	color:#DAA520;
}
.rankList .rank.rk2 {
	color:#9D9D9D;
}
.rankList .rank.rk3 {
	color:#BF6D23;
}
@media screen and (max-width:736px) {
	.itemList.rankList .pc {
		display:none;
	}
	.itemList.rankList .sp {
		display:inline-block;
	}
	.rankList {
		padding-left:20px;
	}
	.rankList li {
		position:relative;
	}
	.rankList .rank {
		position:absolute;
		top:50%;
		left:-1.8em;
		min-width:1.5em;
		margin-top:-15px;
		font-size:17px;
		text-align:center;
		letter-spacing:-0.2em;
	}
	.itemList.rankList .itemImage {
		width:95px;
		height:95px;
		max-width:inherit;
	}
	.itemList.rankList li .itemImage a img {
		height:100%;
		width:auto;
	}
	.itemList.rankList .itemInner {
		width:69%;
	}
	.itemList li .itemImage {
		width:130px;
		height:80px;
	}
	.itemList.rankList .itemInner {
		width:auto; 
	}
}

/* ------------------------------------------------------------------
	2-11. 404 styles
-------------------------------------------------------------------*/
.block404 {
	width:680px;
	margin:103px auto 107px;
}
.block404 p {
	margin-top:30px;
	font-size:14px;
	line-height:1.5;
}
.block404 .image {
	display:inline-block;
	width:96px;
	margin:0 13px 0 0;
	vertical-align:bottom;
}
.block404 .text {
	display:inline-block;
	vertical-align:bottom;
}
.block404 .text h2 {
	color:#DC0800;
	font-size:45px;
	font-weight:bold;
}
.block404 .text h2 span {
	margin-right:16px;
	font-size:56px;
}
.block404 .text p {
	margin:3px 0 3px;
	font-size:22px;
	font-weight:bold;
	line-height:1.25;
}
.block404 .backButton {
	width:240px;
	height:50px;
	margin:58px auto 0;
}
.block404 .backButton a {
	display:block;
	width:240px;
	height:50px;
	background:#000 url(/img/common/icon_arrow07.png) no-repeat 90% 50%;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	text-align:center;
	text-decoration:none;
}
@media screen and (max-width:736px) {
	#page404 #contents {
		padding:0;
	}
	#page404 #footer {
		margin-top:0;
	}
	#page404 .section {
		margin-bottom:0;
	}
	.block404 {
		width:auto;
		margin:35px 10px;
	}
	.block404 p {
		font-size:10px;
	}
	.block404 .image {
		max-width:96px;
		width:18%;
		margin-right:2%;
	}
	.block404 .text {
		width:78%;
	}
	.block404 .text h2 {
		font-size:20px;
	}
	.block404 .text h2 span {
		margin-right:5px;
		font-size:25px;
	}
	.block404 .text p {
		font-size:11px;
	}
	.block404 .backButton {
		width:145px;
		height:30px;
		margin-top:35px;
	}
	.block404 .backButton a {
		width:145px;
		height:30px;
		-webkit-background-size:5px auto;
		background-size:5px auto;
		font-size:11px;
		line-height:30px;
	}
}

/* ------------------------------------------------------------------
	2-12. sitepolicy styles
-------------------------------------------------------------------*/
.groupText {
	padding-bottom:26px;
	font-size:14px;
	line-height:1.25;
}
.group {
	padding-bottom:20px;
}
.group .infoList li {
	padding-bottom:14px;
	font-size:14px;
	line-height:1.4;
}
.group .infoList li .title {
	padding-bottom:2px;
}
.group .infoList li .title span {
	padding-left:3px;
}
.group .infoList li .infoText01 {
	padding-left:27px;
}
.group .infoList li .infoText02 {
	padding:4px 0 9px 27px;
}
.group .infoList li .infoText03 {
	padding:19px 0 0 27px;
}
.group .infoList li .infoText03 a {
	color:#DC0800;
}
.group .infoList li ul {
	padding:9px 0 0 31px;
}
.group .infoList li ul li {
	padding:0;
}
.group .infoList li dl {
	padding:2px 0 19px 30px;
}
.group .infoList li dl ul {
	padding:0;
}
.group .privacyList {
	padding-bottom:9px;
}
.group .privacyList li {
	padding:0 0 14px 28px;
	text-indent:-28px;
	font-size:14px;
	line-height:1.4;
}
.group .noteText {
	margin-bottom:30px;
	padding-bottom:21px;
	background:url(/img/common/bg_dot01.gif) repeat-x 0 100%;
}
.group .privacyText {
	font-size:14px;
}
.group .privacyText dt {
	padding-bottom:2px;
}
.group .privacyText dd {
	padding-bottom:20px;
}
.group .privacyText dd a {
	color:#DC0800;
}
.groupContact .title {
	padding-bottom:7px;
	font-weight:bold;
}
.groupContact .link {
	padding:28px 0 7px;
}
.groupContact p {
	line-height:1.6;
}
.contactBox {
	margin-top:43px;
	text-align:center;
}
.contactBox .pinkBox {
	display:inline-block;
	margin:16px -10px 0 0;
	padding:13px 33px 14px 26px;
	background:#FDEEF5;
}
.contactBox .pinkBox li {
	display:inline-block;
	width:296px;
	margin-left:24px;
}
.contactBox .pinkBox li:first-child {
	width:192px;
	margin-left:0;
}
.contactBox .pinkBox .infoBox {
	margin-top:5px;
	padding:3px 7px 9px;
	background:#FFF;
	text-align:left;
}
.contactBox .pinkBox p {
	font-size:11px;
	line-height:1.6;
}
.contactBox .pinkBox .link {
	text-align:right;
}
.contactBox .pinkBox .link li {
	width:auto;
	margin-left:6px;
}
.contactBox .pinkBox .link li a {
	padding-left:10px;
	background:url(/img/common/icon_arrow08.png) no-repeat 0 50%;
	font-size:11px;
	text-decoration:underline;
}
.contactBox .pinkBox .link li a:hover {
	text-decoration:none;
}
@media screen and (max-width:1250px) {
	.contactBox .pinkBox {
		padding:13px 33px 0 26px;
	}
	.contactBox .pinkBox li {
		margin-bottom:20px;
	}
}
@media screen and (max-width:1250px) {
	.contactBox .pinkBox {
		padding:13px 33px 0 26px;
	}
	.contactBox .pinkBox li {
		margin-bottom:20px;
	}
}
@media screen and (max-width:736px) {
	.groupText {
		padding-bottom:20px;
		font-size:12px;
	}
	.group {
		padding-bottom:10px;
	}
	.group .infoList li {
		font-size:12px;
	}
	.group .infoList li .infoText01 {
		padding-left:0;
	}
	.group .infoList li .infoText02 {
		padding:4px 0 9px 0;
	}
	.group .infoList li .infoText03 {
		padding:19px 0 0 0;
	}
	.group .infoList li ul {
		padding:9px 0 0 0;
	}
	.group .infoList li dl {
		padding:2px 0 0 0;
	}
	.group .privacyList li {
		padding:0 0 10px 24px;
		text-indent:-24px;
		font-size:12px;
	}
	.group .noteText {
		margin-bottom:15px;
		padding-bottom:10px;
	}
	.group .privacyText {
		margin-bottom:-20px;
		font-size:12px;
	}
	.group .privacyText dd {
		padding-bottom:15px;
	}
	.groupContact .link {
		padding:20px 0;
		text-align:center;
	}
	.groupContact .link a {
		text-decoration:underline;
	}
	.contactBox {
		margin-top:0;
		text-align:center;
	}
	.contactBox div:first-child, 
	.contactBox .pinkBox{
		padding:8px 15px;
	}
	.contactBox .image01 img {
		width:69px;
	}
	.contactBox .image02 img {
		width:139px;
	}
	.contactBox .image03 img {
		width:190px;
	}
	.contactBox p {
		font-size:9px;
	}
	.pinkBox {
		margin:0 auto;
		background:#FDEEF5;
	}
	.pinkBox .infoBox p {
		font-size:8px;
		line-height:1.5;
	}
	.pinkBox .infoBox p span {
		font-weight:bold;
	}
	.pinkBox .infoBox {
		margin-top:9px;
		padding:7px;
		background:#FFF;
		text-align:left;
	}
	.pinkBox01 {
		width:56%;
	}
	.pinkBox02 {
		width:68%;
	}
	.contactBox .pinkBox li {
		display:inline-block;
		margin:0 5px 0 0;
		width:auto;
	}
	.contactBox .pinkBox li:first-child {
		width:auto;
	}
	.pinkBox li:last-child {
		margin-right:0;
	}
	.pinkBox li a {
		padding-left:7px;
		background:url(/img/common/icon_arrow08_sp.png) no-repeat 0 50%;
		-webkit-background-size:6px auto;
		background-size:6px auto;
		font-size:8px;
	}
}

/* ------------------------------------------------------------------
	2-13. Maintenance styles
-------------------------------------------------------------------*/
.maintenance {
	width:650px;
	margin:106px auto 117px;
	text-align:center;
}
.maintenance h2 {
	padding-bottom:8px;
	color:#DC0800;
	font-size:42px;
	font-weight:bold;
}
.maintenance .text {
	padding-bottom:31px;
	font-size:19px;
	font-weight:bold;
	line-height:1.25;
}
@media screen and (max-width:736px) {
	body,
	html {
		overflow-x:hidden;
	}
	#main.fullWidth {
		padding-top:0;
	}
	#pageMaintenance #contents {
		padding:0;
	}
	#pageMaintenance #footer {
		margin-top:0;
	}
	#pageMaintenance .section {
		margin-bottom:0;
	}
	.maintenance {
		width:auto;
		margin:35px 10px;
	}
	.maintenance p {
		font-size:10px;
	}
	.maintenance h2 {
		font-size:20px;
	}
	.maintenance .text {
		font-size:11px;
	}
	.maintenance .image img {
		width:62px;
		height:auto;
	}
	#mainBox  {
		padding-top:0;
	}
	.adsBlock {
		text-align:center;
	}
}
/* ------------------------------------------------------------------
	2-14. Scoop styles
-------------------------------------------------------------------*/
#pageScoop #main {
	padding-top:60px;
	padding-bottom:20px;
	background:#191919;
	background:-moz-linear-gradient(top,  #191919 0%, #b2b2b2 100%);
	background:-webkit-linear-gradient(top,  #191919 0%,#b2b2b2 100%);
	background:linear-gradient(to bottom,  #191919 0%,#b2b2b2 100%);
	border:10px solid #DC0800;
}
#pageScoop #main h2 {
	margin-bottom:13px;
}
/*
#pageScoop #main .postFrame {
	position:relative;
	width:100%;
	padding-top:800px;
}
#pageScoop #main .postFrame iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}
*/
/* google form */
#pageScoop #main .postFrame {
	margin:0 20px;
	padding:50px 45px;
	background:#FFF;
}
#pageScoop #main .postFrame form {
	font-size:20px;
}
#pageScoop #main .postFrame label {
	margin:0;
}
#pageScoop #main .postFrame input[type="text"],
#pageScoop #main .postFrame input[type="email"],
#pageScoop #main .postFrame input[type="tel"],
#pageScoop #main .postFrame textarea {
	border:3px solid #B1B1B1;
}
#pageScoop #main .postFrame input[type="text"],
#pageScoop #main .postFrame input[type="email"],
#pageScoop #main .postFrame input[type="tel"] {
	height:50px;
}
#pageScoop #main .postFrame textarea {
	width:100%;
	height:260px;
}
#pageScoop #main .postFrame .ss-q-title {
	margin-top:40px;
	margin-bottom:20px;
	padding-left:10px;
	font-weight:bold;
	border-left:6px solid #CA0200;
}
#pageScoop #main .postFrame .ss-required-asterisk {
	color:#CA0200;
	font-size:16px;
	font-weight:normal;
}
#pageScoop #main .postFrame .ss-choices {
	overflow:hidden;
}
#pageScoop #main .postFrame .ss-choices li {
	float:left;
	padding-right:20px;
}
#pageScoop #main .postFrame .ss-q-mail {
	width:390px;
}
#pageScoop #main .postFrame .ss-q-help {
	color:#CA0200;
	margin-bottom:15px;
	font-size:16px;
}
#pageScoop #main .postFrame #navigation-table {
	width:100%;
	margin-bottom:20px;
}
#pageScoop #main .postFrame #navigation-table td {
	text-align:center;
}
#pageScoop #main .postFrame #navigation-table input,
#pageScoop #main.thanks .btnType01 {
	color:#FFF;
	width:300px;
	margin:40px 0;
	padding:20px;
	font-family:inherit;
	font-weight:bold;
	border:none;
	background:#DC0800;
}
#pageScoop #main.thanks .btnType01 {
	display:block;
	margin:70px auto 0;
	font-size:20px;
}
#pageScoop #main .postFrame .ss-password-warning {
	font-size:0.8rem;
}
#pageScoop #main .postFrame .ss-logo-image {
	background-image:url('//ssl.gstatic.com/docs/forms/forms_logo_2_small_dark.png');
	background-size:108px 21px;
	width:108px;
	height:21px;
}
#pageScoop #main .postFrame .ss-footer {
	padding:20px 10px 0;
	border-top:1px solid #DDD;
}
#pageScoop #main .postFrame .aria-only-help {
    font-size:0;
    left:-9999px;
    position:absolute;
}

@media screen and (-webkit-device-pixel-ratio: 2) {
	#pageScoop #main .postFrame .ss-logo-image {
		background-image:url('//ssl.gstatic.com/docs/forms/forms_logo_2_small_dark_2x.png');
	}
}
/* thanks */
#pageScoop #main.thanks {
	padding:190px 0 130px;
}

@media screen and (max-width:736px) {
	#pageScoop #contents {
		padding-bottom:0;
	}
	#pageScoop #main {
		padding-top:15px;
		border:none;
	}
	#pageScoop #main .section {
		color:#FFF;
	}
	#pageScoop #main .txtEnd {
		padding-bottom:30px;
		font-size:197%;
		font-weight:bold;
		background:url(/img/scoop/img_scoop02_sp.png) no-repeat 50% 100%;
		background-size:auto 20px;
	}
/* google form */
	#pageScoop #main .postFrame {
		margin:0 10px;
		padding:20px 15px;
		background:#FFF;
	}
	#pageScoop #main .postFrame form {
		font-size:14px;
	}
	#pageScoop #main .postFrame input[type="text"],
	#pageScoop #main .postFrame input[type="email"],
	#pageScoop #main .postFrame input[type="tel"],
	#pageScoop #main .postFrame textarea {
		width:100%;
		border:2px solid #B1B1B1;
	}
	#pageScoop #main .postFrame input[type="text"],
	#pageScoop #main .postFrame input[type="email"],
	#pageScoop #main .postFrame input[type="tel"] {
		height:30px;
	}
	#pageScoop #main .postFrame textarea {
		height:100px;
	}
	#pageScoop #main .postFrame .ss-q-title {
		margin-top:20px;
		margin-bottom:10px;
		padding-left:5px;
		border-left:4px solid #CA0200;
	}
	#pageScoop #main .postFrame .ss-required-asterisk {
		font-size:12px;
		font-weight:normal;
	}
	#pageScoop #main .postFrame .ss-q-mail {
		width:100%;
	}
	#pageScoop #main .postFrame .ss-q-help {
		margin-bottom:10px;
		font-size:inherit;
	}
	#pageScoop #main .postFrame #navigation-table {
		margin-bottom:20px;
	}
	#pageScoop #main .postFrame #navigation-table input,
	#pageScoop #main.thanks .btnType01 {
		color:#FFF;
		width:80%;
		margin:30px 0;
		padding:10px;
	}
/* thanks */
	#pageScoop #main.thanks {
		padding:110px 0 90px;
	}
	#pageScoop #main.thanks .btnType01 {
		margin:80px auto 0;
		font-size:16px;
	}
}

#page404 #contents,
#pageMaintenance #contents {
	float:none;
}
html.ipadFix body,
html.ipadFix {
 overflow-x: hidden;
}


/* ------------------------------------------------------------------
	linkPages
-------------------------------------------------------------------*/
.linkPages {
	margin:30px 0 0;
	padding:0;
/*	visibility:hidden;*/
}
.linkPages,
.linkPages span {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
	align-items:center;
	-webkit-align-items:center;
}
.linkPages span {
	color:#FFF;
	min-width:32px;
	height:32px;
	margin:0 1px;
	padding-top: 1px;
	text-decoration:none;
}
.linkPages a { text-decoration:none; }
.linkPages a span { background:#333; }

.linkPages span,
.linkPages a:hover span { background-color:#DC0800; }

@media only screen and (max-width:736px) {
	.linkPages {
		margin:15px 0 0;
		visibility:hidden;
	}
	.linkPages span {
		margin:0 2px;
		min-width:40px;
		min-height:40px;
	}
}

/* ------------------------------------------------------------------
	responsive pagination
-------------------------------------------------------------------*/
.pagination {
	padding-left:0;
	margin:0;
	list-style-type:none;
}

.pagination li {
	padding:0 1px;
}

.pagination,
.pagination li a {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
	align-items:center;
	-webkit-align-items:center;
}

.pagination a {
	color:#FFF;
	min-width:32px;
	height:32px;
	padding-top: 1px;
	text-decoration:none;
	background:#333;
}

.pagination li:not([class*="current"]) a:hover {
	background-color:#DC0800;
}

/*
.pagination li:first-of-type a {
  border-left-width: 1px;
}
*/

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
	/* screen readers only */
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
	display:inline-block;
	font-family:Fontawesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0, 0);
}

.pagination li.first a::before { content:"\f100"; }
.pagination li.last a::after { content:"\f101"; }

.pagination li.previous a::before { content:"\f104"; }
.pagination li.next a::after { content:"\f105"; }

.pagination li.current a {
	cursor:default;
	pointer-events:none;
	background-color:#DC0800;
}

/*
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
*/
@media only screen and (max-width:736px) {
	.pagination li {
		padding:0 2px;
	}

	.pagination a {
		min-width:40px;
		min-height:40px;
	}
}
@media only screen and (max-width: 680px) {
	.pagination li.first,
	.pagination li.last {
		/* screen readers only */
		position:absolute;
		top:-9999px;
		left:-9999px;
	}

/*	.pagination li.previous a { border-left-width:1px; }*/
}

@media only screen and (max-width: 500px) {
	.pagination li {
		/* screen readers only */
		position:absolute;
		top:-9999px;
		left:-9999px;
	}

	.pagination li.current,
	.pagination li.first,
	.pagination li.last,
	.pagination li.previous,
	.pagination li.next,
	.pagination li.surplus{
		position:initial;
		top:initial;
		left:initial;
	}

/*	.pagination li.previous a { border-left-width:0; }*/
}

@media only screen and (max-width: 400px) {
	.pagination li.first,
	.pagination li.last {
		/* screen readers only */
		position:absolute;
		top:-9999px;
		left:-9999px;
	}

/*	.pagination li.previous a { border-left-width:1px; }*/
}

@media only screen and (max-width: 240px) { /* For watches? */
	.pagination li { width:50%; }

	.pagination li.current {
		order:2;
		width:100%;
		border-left-width:1px;
	}
}

/* ------------------------------------------------------------------
	Custom Search Google
-------------------------------------------------------------------*/
#contents .gsc-cursor-box {
	text-align:center;
}
#contents .gsc-cursor-page {
	display:inline-block;
	color:#FFF;
	width:32px;
	margin:0 1px 2px;
	line-height:32px;
	text-decoration:none;
	background:#333;
}
#contents .gsc-cursor-page:hover,
#contents .gsc-cursor-current-page {
	font-weight:normal;
	background-color:#DC0800;
}
@media only screen and (max-width:736px) {
	#contents .gsc-cursor-page {
		width:40px;
		margin:0 2px 4px;
		line-height:40px;
	}
}


/* ------------------------------------------------------------------
	Customization of Wordpress basic settings
-------------------------------------------------------------------*/
/* [wp-caption] --------------------------------*/
.wp-caption {
	max-width:100% !important;
	padding:0 !important;
	text-align:center;
}
/* [wp-caption-text] --------------------------------*/
.wp-caption-text {
	display:inline-block;
	color:#888;
	font-size:14px;
	text-align:left;
}

/* ------------------------------------------------------------------
	linksBox
-------------------------------------------------------------------*/
.linksBox {
	background:#EEE;
}
.linksBox .innerBlock {
	display:table;
	width:960px;
	margin:0 auto;
}
.linksBox .innerBlock .cellBlock {
	display:table-cell;
	padding:15px 0;
	vertical-align:middle;
}
.linksBox .innerBlock .btn_official {
	color:#FFF;
	display:inline-block;
	width:125px;
	padding:10px 0;
	text-align:center;
	border-radius:3px;
	background:#A2A2A2;
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	transition:background 0.3s ease;
}
.linksBox .innerBlock ul {
	width:820px;
	margin-left:15px;
	padding:15px 0;
	letter-spacing:-1em;
	border-top:1px solid #D0D0D0;
}
.linksBox .innerBlock ul:first-child {
	display:table;
	border-top:none;
}
.linksBox .innerBlock ul li {
	display:inline-block;
	width:16%;
	font-size:11px;
	letter-spacing:normal;
	text-align: center;
	border-left:1px solid #D0D0D0;
}
.linksBox .innerBlock ul:first-child li {
	display:table-cell;
	width:14%;
}
.linksBox .innerBlock ul li:first-child {
	border-left:none;
}

@media only screen and (max-width:736px) {
	.footerInner .linksBox {
		margin:0 -10px;
	}
	.linksBox .innerBlock {
		display:block;
		width:100%;
	}
	.linksBox .innerBlock .cellBlock {
		display:block;
		padding:0;
		overflow:hidden;
	}
	.linksBox .innerBlock .btn_official {
		display:block;
		width:100%;
		text-align:center;
		border-radius:0;
		background:#A2A2A2;
		-webkit-transition:none;
		-moz-transition:none;
		transition:none;
	}
	.linksBox .innerBlock ul {
		display:inline !important;
		width:auto;
		margin-left:0;
		padding:0;
		border-top:none;
	}
	.linksBox .innerBlock ul li {
		display:block !important;
		float:left;
		width:calc(100% / 3) !important;
		padding:0;
		font-size:10px;
		letter-spacing:-0.05em;
		line-height:28px;
		text-align:center;
		border-right:1px solid #D0D0D0;
		border-bottom:1px solid #D0D0D0;
		border-left:none;
	}
	.linksBox .innerBlock ul li:nth-of-type(3n) {
		border-right:none;
	}
}