body {
	-webkit-text-size-adjust:none;
	margin:0;padding:0;
	font-size:16px;
	vertical-align:baseline;
	font-family: HelveticaNeue,sans-serif;
}
p,h1,h2,h3,h4,h5,div,ul,li,form {
	margin:0;padding:0;
	font-size:16px;
}
header {

	height:60px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfcfe), to(#c6e7f5));
	background: -moz-linear-gradient(top, #fbfcfe, #c6e7f5);
	position:relative;
}
header h1 {
	position:absolute;
	left: 1px;
	top:14px;
	background-image:url(/sp/image/common/pw-logo.png?02) !important;
	background-size:153px auto !important;
	background-repeat: no-repeat;
}

header h1 a {
	display:block;
	width:153px;
	height:33px;
	text-indent:-1000px;
	overflow:hidden;
}

header ul.iconlist{
	position:absolute;
	z-index: 10;
	width: 115px;
	top:15px;
	right:34px;
}
header ul.iconlist li{
	float: left;
	list-style: none;
	margin-right: 6px;
}



nav {
	border-top:1px solid #4e9dea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6aa0cc), to(#1467ad));
	background: -moz-linear-gradient(top, #6aa0cc, #1467ad);
}
nav ul {
	padding:8px 4px;
}
nav ul li {
	list-style:none;
	display:inline;
}
nav ul li a {
	color:white;
	text-decoration:none;
	padding:2px;
	font-weight:bold;
	font-size:14px;
	-webkit-border-radius: 5px;
	-webkit-tap-highlight-color:white;
	-moz-border-radius: 5px;
}
nav ul li a:hover,
nav ul li a:active {
	color:blue;
	background-color:white;
}
nav ul li.end a {
	float:right;
	margin-top: -5px;
	padding:5px 6px;
	background-color:#476faa;
	-webkit-tap-highlight-color:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-right:1px solid #c2d8ea;
	border-bottom:1px solid #c2d8ea;
	border-top:1px solid #4d609b;
	border-left:1px solid #4d609b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8593c0), to(#234097));
	background: -moz-linear-gradient(top, #8593c0, #234097);
}
nav ul li.end a:hover,
nav ul li.end a:active {
	color:#ffffcc;
}

ul#subnavi ,
ul#sub2navi {
	border-top:1px solid black;
	display:block;
	height:30px;
}
ul#subnavi li ,
ul#sub2navi li {
	display:block;
	float:left;
	overflow:hidden;
	height:31px;
	vertical-align:bottom;
	margin:0;
}
ul#subnavi li { width:20%; }
ul#sub2navi li { width:30%; }
ul#sub2navi li#sub2navia { width:40%; }

ul#subnavi li a ,
ul#sub2navi li a {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#c2c2c2));
	background: -moz-linear-gradient(top, #454545, #c2c2c2);
	display:block;
	background-color:#aaaaaa;
	color:white;
	text-shadow:1px 1px 1px black;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	height:30px;
	line-height:30px;
	border-right:1px solid black;
	border-bottom:1px solid black;
}
ul#subnavi li a.focused ,
ul#sub2navi li a.focused {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
	background: -moz-linear-gradient(top, #cccccc, #ffffff);
	color:black;
	text-shadow:none;
	border-bottom:1px solid #ffffff;
}

header form.search {
	display:block;
	width:100%;
	text-align:center;
}
header form.search input#searchtext {
	border-left:1px solid #444;
	border-top:1px solid #444;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	-webkit-border-radius: 0px;
	padding:1px;
	height:20px;
	width:50%;
	font-size:10px;
	color:#888;
}

header form.search input.submit {
	width:22px;
	height:22px;
	-webkit-border-radius: 0px;
	background-image:url(/sp/image/common/search-btn.png?02);
	border:none;
	text-indent:-110px;
	vertical-align:middle;
}

#toggle {
	position: absolute;
	top: 17px;
	right: 7px;
	cursor:pointer;
}


.searchBox {
	padding: 10px 0;
	position: absolute;
	top:96px;
	z-index: 10;
	width: 100%;
	color: #999;
	background:#4386BE;
	overflow: hidden;
	display: none;
	text-align: center;
	box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.5);
}


.searchBox div.boxin{
	position: relative;
width: 100%;
}

.searchBox div.boxin #close img{
	position: absolute;
	top:3px;
	right: 7px;

}






div#main {
}

div#main div.categoryHead {
	position:relative;
	height:105px;
}
div#main div.categoryHead h2 {
	position:relative;
	top:58px;
	border-top:4px solid #003365;
	color:#003365;
	text-indent:5px;
}
div#main div.categoryHead p.topicPath {
	font-size:10px;
	background-color:#eeeeee;
	margin:5px;
	position:relative;
	top:-22px;
}
div#main div.categoryHead p.topicPath a {
	text-decoration:none;
}

div#main h3.date {
	border-top:1px solid #333333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#cccccc));
	background: -moz-linear-gradient(top, #717171, #cccccc);
	color:white;
	text-shadow:1px 1px 2px black;
	font-weight:bold;
	padding:3px;
	margin-top:10px;
}
div#main div.article {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	border-bottom:1px solid #ccc;
	clear:both;
}
div#main div.article a {
	display:table;
	text-decoration:none;
	line-height:19px;
	padding:10px 3px;
	-webkit-tap-highlight-color:#c7e7f7;
}
div#main div.article a span.imgwrap,
div#main div.article a span.textwrap {
	display:table-cell;
	vertical-align:top;
}
div#main div.article a span.imgwrap {
	width:85px;
	text-align:center;
}
div#main div.article a img {
	padding:1px;
	margin-right:3px;
	border:1px solid #888;
	width:auto;
	height:auto;
	max-width:80px;
	max-height:100px;
}

span.cateIcon {
	display: inline-block;
	height: 15px;
	overflow: hidden;
	width: 60px;
	text-indent:100px;
	vertical-align:text-top;
}
.category1, .category2, .category3, .category9,
.category19 { background-image: url("/image/top/category_icon02.gif"); }
.category5 { background-image: url("/image/top/category_shopping.gif"); }
.category6,
.category18 { background-image: url("/image/top/category_rensai.gif"); }
.category7 { background-image: url("/image/top/category_event.gif"); }
.category8 { background-image: url("/image/top/category_zassi.gif"); }
.category10 { background-image: url("/image/top/category_ranking.gif"); }
.category11,
.category15 { background-image: url("/image/top/category_review.gif"); }
.category12,
.category17 { background-image: url("/image/top/category_interview.gif"); }
.category13 { background-image: url("/image/top/category_brand.gif"); }
.category16 { background-image: url("/image/top/category_column.gif"); }

div#main div.article span.caption {
	font-size:13px;
	color:gray;
	display:block;
}
div#main div.article span.title {
	font-weight:bold;
	display:block;
	color:black;
}
div#main div.article span.pchtml {
	background-image:url(/sp/image/common/pchtml.png);
	overflow:hidden;
	text-indent:-1000px;
	width:50px;
	height:14px;
	display:inline-block;
}

div#closeup-footer {
}
div#closeup-footer dl dt{
	display:block;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#049acd), to(#8cc8fb));
	background: -moz-linear-gradient(top, #049acd, #8cc8fb);
	border-top:3px solid #006699;
	font-size:14px;
	padding:3px 10px;
}
div#closeup-footer dl dt a {
	color:white;
	text-decoration:none;
	font-weight:bold;
	text-shadow:1px 1px 2px #003366;
}

div#closeup-footer dl dd {
	margin:0;
	display:block;
	border-bottom:1px solid #cccccc;
	padding-bottom:2px;
	font-size:14px;
	line-height:14px;
	display:table;
	width:100%;
}
div#closeup-footer dl dd a {
	display:block;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	padding:5px 10px;
	text-decoration:none;
	color:black;
	font-weight:bold;
}
div#closeup-footer dl dd img {
	width:34px;
	height:auto;
}
div#closeup-footer dl dd span.floatL {
	display:table-cell;
	padding-right:10px;
}
div#closeup-footer dl dd span.closeUpText {
	display:table-cell;
	vertical-align:middle;
}


div#footer {
	text-align:center;
	margin-top:20px;
	padding-top:20px;
}
div#footer li {
	display:block;
	margin-bottom:12px;
}
div#footer li a{
	text-align:center;
	text-decoration:none;
	color:white;
	font-weight:bold;
	text-shadow:0px 0px 3px black;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#92c7fa), to(#0b6da0));
	background: -moz-linear-gradient(top, #92c7fa, #0b6da0);
	border:2px solid #999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:block;
	width:280px;
	margin:auto;
	height:30px;
	line-height:30px;
}
div#footer li.tw_follow a{
	color:#006699;
	text-shadow:none;
	text-align:left;
	text-indent:45px;
	line-height:45px;
	background:url(/sp/image/common/twitter-35.png) no-repeat 5px 5px, -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#ebebeb));
	background:url(/sp/image/common/twitter-35.png) no-repeat 5px 5px, -moz-linear-gradient(top, #fefefe, #ebebeb);
	height:45px;
	font-size:17px;
}
div#footer li.fb_follow a{
	color:#006699;
	text-shadow:none;
	text-align:left;
	text-indent:45px;
	line-height:45px;
	background:url(/sp/image/common/facebook-35.png) no-repeat 5px 5px, -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#ebebeb));
	background:url(/sp/image/common/facebook-35.png) no-repeat 5px 5px, -moz-linear-gradient(top, #fefefe, #ebebeb);
	height:45px;
	font-size:17px;
}

footer {
	display:block;
	text-align:center;
	margin-top:10px;
	font-size:10px;
	margin-bottom:20px;
}

div#banner-header {
	margin-top:5px;
}
div#banner-footer {
	margin-top:5px;
}

a.hatena-bookmark-button {
	margin-right:4px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2) {
header h1 {
	background-image:url(/sp/image/common/pw-logo-2.png);
	-webkit-background-size: 177px auto;
	background-size: 177px auto;
}
header form.search input.submit {
	background-image:url(/sp/image/common/search-btn-2.png);
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
}
}

/*=========================================================
YouTube
=========================================================*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}