@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; list-style:none;}
body {font-family:"Meiryo","メイリオ","MS PGothic","MS Pゴシック",Osaka,sans-serif; font-size:12px; line-height:15px; color:#111;}
img {border:0 none;}
video, embed, object, .videocontent {max-width:100% !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
a {color:#111; text-decoration:none;}
a:hover {color:#08529d; text-decoration:underline; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.innerwrap {width:1060px; margin:0 auto;}
.clr {clear:both;}
.photo {line-height:0;}
.photo img {width:100%;padding-top:8px;}
.photo2 {line-height:0;}
.photo2 img {padding-top:4px;}
.articlephoto {text-align:center;}
.articlephoto img {padding-top:4px;text-align:center;}
.ad-300 {width:100%; float:left; text-align:center; background:#fff; clear:both; padding:0; margin-bottom:15px;}
.ad-300 div {margin:0 auto;}
.ad-320 {width:100%; float:left; text-align:center; background:#fff; clear:both; padding:0; margin-bottom:10px; overflow:hidden;}
.ad-foot {width:100%; float:left; text-align:center; clear:both;  padding:25px 0;}
.ad-top {width:100%; float:left; text-align:center; clear:both; padding: 10px 0 15px 0;}
.ad-mid {width:100%; float:left; text-align:center; clear:both; margin-bottom:20px;}
.ad-mid2 {width:50%; float:left; text-align:center; margin-bottom:20px;}
.ad-pr {width:100%; border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; clear:both; padding:8px 0; color:#999; margin-bottom:20px; line-height:18px;} 
.ad-pr ul li {line-height:24px; margin-left:25px; list-style-type:disc;}
.ad-pr .new {color:#CA0101; font-weight:bold;}
.ad-pr a {color:#222; font-size:14px;}
.ad-aftertag {float:left; margin-bottom:18px;}
.ad-aftertag div {float:left; margin-right:15px;}
.ttl {font-size:22px; line-height:28px; letter-spacing:-0.03em; margin-bottom:10px;}
.ttl2 {font-size:15px; line-height:19px; margin-bottom:10px;}
.ttl3 {font-size:14px; line-height:18px; margin-bottom:10px; font-weight:normal;} .ttl3 a {color:#08529d;}
.art-ttl {font-size:22px; line-height:28px; letter-spacing:-0.03em; margin-bottom:10px;}
.secttl {width:100%; border-bottom:#eee 1px solid; border-top:#ddd 1px solid; clear:both; padding:10px 0; font-weight:bold; font-size:14px; margin-bottom:10px; position:relative; letter-spacing: 0.5px;}
.secttl .more {position:absolute; top:10px; right:0; font-weight:normal; font-size:12px;}
.secttl .more2 {position:absolute; top:10px; right:0; font-weight:normal; font-size:12px;}  a.more2  {color:#08529d;}
.secttl .arr {background:url(../images/icons.png) no-repeat 0 -226px; width:15px; height:14px; display:inline-block; vertical-align:middle; margin-left:10px;}
.secttl2 {border:#ccc 1px solid; background:#e4e4e4; clear:both; padding:6px 10px 4px; font-weight:bold; font-size:14px; margin-bottom:10px;}
.secttl3 {border-bottom:#ddd 2px solid; clear:both; padding:10px 20px; font-weight:bold; font-size:18px; margin-bottom:20px; letter-spacing: 1px;}
.summary {color:#333; font-size:13px; line-height:18px; margin-bottom:10px;}
.date {color:#999; margin-top:20px; font-size: 13px; font-weight: normal;}
.date-inner {line-height:1.5; margin-bottom:10px; float:left;}
.reporter-name {margin: 0 0 10px 10px;}
.reporter-name a {color:#08529d; text-decoration:none;}
.reporter-name a:hover {text-decoration:underline;}
.print {margin:0 0 10px 15px;}
.print a {color:#000; text-decoration:none;}
.print a:hover {text-decoration:underline;}
.print i {background:url(../images/icons.png) no-repeat 0 -334px; width:15px; height:14px; display:inline-block; cursor:pointer; margin:0 6px 3px 0; vertical-align:middle;}
.bigshare-top {float:right;}
.bigshare-top img.fb {width: 168px; height:41px; margin-right:5px;}
.bigshare-top img.tw {width: 150px; height:41px;}
.bigshare-btm {margin-bottom:15px;}
.bigshare-btm img.fb {width: 168px; height:41px; margin-right:5px;}
.bigshare-btm img.tw {width: 150px; height:41px;}
.ic-p {background:url(../images/icons.png) no-repeat 0 -194px; width:17px; height:13px; display:inline-block; vertical-align:middle; margin-left:10px;}
.ic-mv {background:url(../images/icons.png) no-repeat -27px -194px; width:14px; height:13px; display:inline-block; vertical-align:middle; margin-left:10px;}
.hid {display:none;}
.finger {cursor:pointer;}

header {width:100%; float:left; color:#888;} header a {color:#888;}
.hd-con {width:100%; float:left; border-bottom:#ddd 1px solid; clear:both;}
.hd-con2 {width:100%; padding:20px 0; float:left; clear:both; text-align:center;}
.hd-con2 .innerwrap {position:relative;}
.hd-con .t1 {margin-top:5px; float:left;}

.top-sns {margin-top:3px; float:right;}
.top-sns a {background:url(../images/icons.png) no-repeat 0 0; width:19px; height:19px; display:inline-block; margin:0 5px;}
.top-sns a span {display:none;}
.top-sns .fb {background-position:0 0;}
.top-sns .tw {background-position:0 -29px;}
.top-sns .gp {background-position:0 -357px;}
.top-sns .rss {background-position:0 -58px;}
.hd-con2 .nwletters {position:absolute; top:23px; left:10px;}
header .ic-mail {background:url(../images/icons.png) no-repeat 0 -97px; width:14px; height:9px; display:inline-block; margin: 0 6px 2px 0; vertical-align:middle;}
.hd-con2 .ic-nav {display:none;}
.hd-con2 .logo {display:inline-block; margin:13px 0 10px;}
.hd-con2 .time {position:absolute; top:23px; right:10px;}

nav {width:100%; float:left;}
nav .innerwrap {height:35px; background:#0d3d6e;}
nav .menu {float:left; overflow:hidden; margin-left:20px;}
nav .menu li {float:left;}
nav .menu li a {height:100%; color:#fff; padding:0 18px; font-size:15px; line-height:35px; background:url(../images/bg_bar.gif) repeat-y top right; display:inline-block;}
nav .menu li a:hover {background-color:#002749; text-decoration:none;}
nav .menu li .on {background-color:#002749;}
nav .srch {background:#fff; float:right; padding:2px 5px; margin-top:4px; margin-right:20px;}
nav .srch .input {font-size:12px; line-height:16px; color:#555; background:none; border:none; padding:3px 5px; width:200px;}
nav .ic-srch {background:url(../images/icons.png) no-repeat 0 -260px; width:13px; height:13px; display:inline-block; vertical-align:middle;}
.downmenu {display:none;}
.sidr-class-cls {width:90%; float:left; clear:both; font-size:14px; padding:8px 5%; display:block; cursor:pointer; border-bottom:#ddd 1px solid; display:block; background:#ddd;}
.sidr-class-cls i {border:#999 1px solid; padding:1px 5px; display:inline-block; margin-right:5px; font-size:11px; font-style:normal;}

.top-topic {width:100%; float:left; clear:both; margin-bottom:10px;}
.top-topic .innerwrap {display:block; height:33px; background:#dce2e6; font-size:13px; line-height:33px; /*overflow:hidden;*/}
.top-topic .topic {float:left;background:#dce2e6;}
.top-topic .tit {background:url(../images/bg_topic_fixed.png) repeat-y top left; color:#fff; width:90px; height:33px; text-align:center; display:inline-block; margin-right:10px;}
.top-topic .sns {float:right; margin-top:6px; margin-right:20px;}
.top-topic .sns li {float:left; margin-left:10px;}

.contents {width:100%; float:left; padding-top:10px;}
/* .contents .left {width:70.3%; float:left;} */
/* .contents .side {width:27.6%; float:right;} */
.contents .left {width:100%; margin-right:-320px; float:left;}
.contents .left-inner {margin-right:320px;}
.contents .side {width:300px; float:right;}
.contents .hdline {padding:0 2.4%; clear:both; margin-bottom:20px;}
.contents .hdline .photo {width:20%; float:left; margin-right:20px; margin-bottom:15px;}

.contents .hdline .photo2 {width:20%; float:left; margin-right:20px; margin-bottom:15px;}
.contents .m-related {padding:0 2.4%; clear:both; margin-bottom:20px;}
.contents .m-related h3 {padding:0 0 5px 15px; background:url(../images/icons.png) no-repeat -35px -222px; font-weight:normal; font-size:14px; line-height:18px;}
.contents .m-related a {color:#08529d;}
.contents .m-con {width:97.6%; margin:0 1.2% 10px; float:left; clear:both;}
.contents .m-con .list {width:47.6%; margin:10px 1.2%; float:left;}
.contents .m-con .photo {width:25%; float:left; margin-right:20px; margin-bottom:15px;}
.contents .m-con .photo2 {width:25%; float:left; margin-right:20px; margin-bottom:15px;}
.contents .m-gall {width:100%; float:left; clear:both;}
.contents .m-gall .list {width:100%; float:left; overflow:hidden; height:160px; clear:both;}
.contents .m-gall .list li {width:111px; height:145px; float:left; border:#ddd 1px solid; background:#fbfbfb; padding:6px; margin-right:10px; text-align:center; display:inline-block; overflow:hidden;}
.contents .m-gall .list{font-size:13px !important;
font-family:"Meiryo","メイリオ","MS PGothic","MS Pゴシック",Osaka,sans-serif !important;

}
.contents .m-gall .list img.tate{position:relative !important;top:-8px !important;margin:auto}
.contents .m-gall .list img.yoko{position:relative !important;top:0px !important;margin:auto}

.contents .m-gall .list li:hover {background:#eee;}
.contents .m-gall .s1 img {height:100px;}
.contents .m-gall .s2 img {width:100%; margin-top:15px;margin-top:4px !important}
.contents .m-gall .btn {width:100%; float:left; clear:both; text-align:right; padding:0 0 40px;}
.contents .m-gall .btn .prev .bx-prev, .contents .m-gall .btn .next .bx-next {text-indent:-9999px;}
.contents .m-gall .btn .prev {background:url(../images/icons.png) no-repeat 0 -305px; width:21px; height:21px; display:inline-block;}
.contents .m-gall .btn .next {background:url(../images/icons.png) no-repeat -21px -305px; width:21px; height:21px; display:inline-block;}
.contents .m-con2 {width:96.2%; margin:0 2.4%; float:left; clear:both;}
.contents .m-con2 .list {width:38%; margin:10px 0; float:left;}
.contents .m-con2 .list2 {width:58%; margin:10px 0; float:right;}
.contents .m-con2 .list2 li {padding:0 0 12px 15px; background:url(../images/icons.png) no-repeat -35px -222px; font-weight:normal; font-size:14px; line-height:18px;}
.contents .m-con2 .photo {width:30%; float:left; margin-right:20px; margin-bottom:15px;}
.contents .m-con2 .photo2 {width:30%; float:left; margin-right:20px; margin-bottom:15px;}

.contents .s-con {width:100%; float:left; clear:both; margin-bottom:10px;}
.contents .s-con .list {width:100%; float:left; /*margin-bottom:10px;*/ clear:both; border-bottom:#ddd 1px ;}
.contents .s-con .photo{
/*	width:18%;*/
width: 54px;
	height:36px;
	overflow: hidden;
	float:left;

	margin-right:15px;
	margin-bottom:17px;
	}
.contents .s-con .photo img{
	border:#ccc 1px solid;	min-width:54px; min-height:36px; width:54px;
}

.contents ol.ranking span{ padding:2px 5px 1px; border:#CCCCCC 1px solid; float:left; margin:0 10px 20px 0 ; color:#FFFFFF;}

.contents ol.ranking span.no1{background:url(../images/ic_bg_gradient.jpg) no-repeat 0 0;}
.contents ol.ranking span.no2{background:url(../images/ic_bg_gradient.jpg) no-repeat 0 -50px;}
.contents ol.ranking span.no3{background:url(../images/ic_bg_gradient.jpg) no-repeat 0 -100px;}
.contents ol.ranking span.no4,
.contents ol.ranking span.no5{background:#CCC;}


.contents ol.ranking li{ padding:0 0 12px; }

.contents ol.ranking li p{ font-size:14px; line-height: 18px; padding-left:20px;}
.contents ol.ranking div{ width:54px; height:36px; overflow: hidden;  border:#CCCCCC 1px solid; float:left; margin:0 10px 20px 0 ; }
.contents ol.ranking div img{ min-width:54px; min-height:36px; width:54px; }


/* 
	ClearFixElements
------------------------------------------------------------- */
.contents ol.ranking li:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.contents ol.ranking li{
    zoom: 1;
}



.contents .s-con .photo2 {width:18%; float:left; border:#ccc 1px solid; margin-right:15px; margin-bottom:15px;}
.contents .s-con span{ text-align:right; display:block;}
.contents .s-con2 {width:100%; float:left; clear:both; margin-bottom:10px;}
.contents .s-con2 .list {width:100%; float:left; /*margin-bottom:10px;*/ clear:both;}
.contents .s-con2 .photo {width:30%; float:right; margin-left:15px; margin-bottom:15px;}
.contents .s-con2 .photo2 {width:30%; float:right; margin-left:15px; margin-bottom:15px;}
.contents .s-con2 span{ text-align:right;}
.contents .s-con2 ul.menu {float:right;}
.contents .s-con2 ul.menu li {float:left; padding-left:20px;}

.sub-con {width:95.2%; padding:0 2.4% 10px; margin-bottom:10px; float:left; clear:both; border-bottom:1px solid #ddd;}
.sub-con .photo {width:20%; float:left; margin-right:20px; margin-bottom:10px;}
.sub-con .photo2 {width:20%; float:left; margin-right:20px; margin-bottom:10px;}

.art-body {width:100%; float:left;}
.art-tool {float:left; width:100%; margin-bottom:15px;}
.art-tool .sns {float:left; margin-bottom: 10px;}
.art-tool .sns li {float:left; margin:0 10px 5px 0;}
.art-tool .nwletters-btm {float:right; font-size:13px; padding:4px 0;}
.art-tool .nwletters-btm .ic-mail, .ic-mail-btmimg{background:url(../images/icons.png) no-repeat 0 -97px; width:14px; height:9px; display:inline-block; margin: 0 6px 2px 0; vertical-align:middle;}
.ic-sponsor, .ic-arrow {background:url(../images/icons.png) no-repeat -33px -3px; width:8px; height:9px; display:inline-block; margin: 0 6px 2px 0; vertical-align:middle;}
.article {width:100%; float:left; margin:10px 0 -20px; clear:both;}
.article .imageBox {text-align: center; margin: 0 auto 15px ;}
.article .imageLeft {float: left; margin: 4px 12px 0 0;}
.article .imageRight {float: right; margin: 4px 0 0 12px;}
.article .image_Box {text-align: center; margin: 0 auto 15px ;}
.article .image_Left {float: left; margin: 4px 12px 0 0;}
.article .image_Right {float: right; margin: 4px 0 0 12px;}
.article .caption, .article .caption p {text-align:left; font-size:12px; color: #888888; line-height:1.5; padding-bottom: 5px; display:block;}
.article .caption ul {padding-bottom: 5px;}
.article .caption ul li {padding-bottom: 0px;}
.article a, .nwletters-btm a {color:#08529d; text-decoration:none;}
.article a:hover, .nwletters-btm a:hover  {color:#08529d; text-decoration:underline; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.article ol {padding-bottom:28px;position:relative;left:35px; margin-right:20px}
.article ol li {list-style-type:decimal; margin: 0 30px 0 15px; padding:0 0 5px 5px}
.print_con ol {padding-bottom:28px;position:relative;left:35px; margin-right:20px}
.print_con ol li {list-style-type:decimal; margin:0 30px 0 15px; padding:0 0 5px 5px; font-size:14px; line-height:20px;}
.article ul {padding-bottom:28px;position:relative;left:35px; margin-right:20px}
.article ul li {list-style-type:disc; margin: 0 30px 0 15px; padding:0 0 5px 5px;}
.print_con ul {padding-bottom:28px;position:relative;left:35px; margin-right:20px}
.print_con ul li {list-style-type:disc; margin:0 30px 0 15px; padding:0 0 5px 5px; font-size:14px;  line-height:20px;}
.article blockquote, .print_con blockquote {padding: 25px 25px 0; margin-bottom:25px; border: 1px solid #ccc; background-color: #f0f0f0;clear:both}
.art-photo {width:300px; float:left; margin:0 20px 10px 0; font-size:12px;}
.art-photo .photo {position:relative;text-align:center;}
.art-photo .photo2 {position:relative;text-align:center;}
.art-photo a.expand {width:20px; height:20px; font-size:18px; line-height:20px; color:#fff; text-align:center; background:#222; display:inline-block; position:absolute; bottom:10px; right:10px;}
.art-photo a.expand:hover {text-decoration:none; background:#444;}
.art-photo .caption {text-align:left; margin-top:5px; padding-bottom:5px; color: #888888; line-height:1.5;}
table.photo-sns {border-spacing:0; margin-top:5px;}
.article {font-size:16px; line-height:25px;}
.article p {margin:0; font-size:16px; line-height:25px; padding-bottom:25px;}
.art-comt {width:100%; float:left; clear:both; overflow:hidden; margin-bottom:20px;}
.art-related, .cat-recent {width:100%; float:left; clear:both; margin-bottom:20px;}
.art-related h3, .cat-recent h3 {padding:0 0 4px 15px; background:url(../images/icons.png) no-repeat -35px -222px; font-weight:normal; font-size:15px; line-height:23px;}
.art-tag1 {width:100%; float:left; clear:both; color:#999; margin-bottom:12px; font-size:13px; line-height:1.5;}
.art-tag1 span {display:block; float:left; margin-right:6px;}
.art-tag1 a {color:#08529d; text-decoration:none; display:block; margin-right:6px; float:left;}
.art-tag1 a:hover {text-decoration:underline;}
.art-tag2 {width:100%; float:left; clear:both; color:#999;  font-size:13px; margin-bottom:15px;}
.art-tag2 span {display:block; float:left; padding:6px 6px 6px 0px;}
.art-tag2 a {border: 1px solid #4186CC; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; padding: 5px; text-decoration: none; background: #D3E1F0;  color: #08529d; margin-right: 6px; margin-bottom: 6px; float: left;}
.art-tag2 a:hover {background: #95BEE7;}
.source {font-size:11px; color: #888888; line-height:1.5; margin:-15px 0 25px;}
img.dsq-widget-avatar {padding:3px 5px 5px 0 !important;}
.dsq-widget-comment p {font-size:13px !important; line-height:16px !important;}
p.dsq-widget-meta {font-size: 13px !important; margin-top: 8px !important;}
p.dsq-widget-meta a {color: #08529d !important;} 
.dsq-widget-list {padding: 0 5px;}
.page {width:100%; float:left; clear:both; text-align:center; margin:20px 0;}
.page a.num {width:40px; height:35px; font-size:13px; line-height:35px; display:inline-block; border:#ddd 1px solid; text-align:center; margin:5px 2px;}
.page a.num:hover {background:#ddd; border-color:#999;}
.page a.on {background:#666; color:#fff;}

.sp-con {width:100%; float:left; height:50px; overflow:hidden; clear:both; margin:20px 0 30px;}
.sp-con li {float:left; margin:0 20px;}

footer {width:100%; float:left; padding:20px 0 30px; background:#dce2e6; clear:both;}
footer .fmenu {float:left;}
footer .fsns {float:right;}
footer .fmenu li {padding:4px 0;}
footer .fsns a {background:url(../images/icons.png) no-repeat 0 0; width:19px; height:19px; display:inline-block; margin:0 5px;}
footer .fsns a span {display:none;}
footer .fsns .fb {background-position:0 0;}
footer .fsns .tw {background-position:0 -29px;}
footer .fsns .gp {background-position:0 -357px;}
footer .fsns .rss {background-position:0 -58px;}

.ar_topic {margin-bottom:15px;}
.ar_topic a{padding:3px 7px; margin-right:10px; text-decoration:none; background-color:#E05228; color:white;}
.ar_topic a:hover, .ar_topic a:active {text-decoration:underline;}

/* Big Facebook Like Button by SU */
.big_fb_like_outer {float:left; margin:0 0 10px; width:100%; overflow:hidden;}
.big_fb_like_inner {margin:0px auto; padding:20px 0 10px;}
.big_fb_like_inner span.sentence1  {font-size:18px; line-height:30px; display:block; margin-bottom:15px;}
.big_fb_like_inner span.sentence2 {color:#999; display:block; margin-top:15px;}
.big_fb_like {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform: scale(1.2);}

/* Twitter Embed by SU */
.twitter-tweet {margin: auto;}

@media screen and (max-width:760px) {
	.ad-top{width:1060px}
	.hd-con{width:1060px}
	.sp-con{width:1060px}
	.ad-artbtm{width:1060px}
	footer{width:1060px}
/*	.ad-aftertag{position:relative;left:40px}*/
}

/* Amazon by SU */
.art-amazon-inner {text-align:center;}

.columnist_list_tab{
	border-top:2px solid silver;
	border-bottom:1px solid silver;
	width:100%;
	display: table;
	margin-bottom:20px;
}
.columnist_list_tab li{display:table-cell;width:50%;}
.columnist_list_tab li a, .columnist_list_tab li strong{
	display:block;text-indent:10px;
	height:100%;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
	font-weight:bold;
}
.columnist_list_tab li a{background-color:silver}
.columnist_list_tab li a:hover, .tab li a:active{color:black;text-decoration:none;background-color:gray}
.columnist_list_order {text-align:right; font-size:14px; margin-top:-10px;}
.columnist_list li{display:inline-block;width:49%;margin-bottom:20px;}
.columnist_list{display:block;width:100%;font-size:13px;line-height:130%}
.columnist_list strong{display:block;margin-bottom:10px;font-size:14px;line-height:100%}
.columnist_list li img{margin-right:10px}
@media screen and (max-width:760px) {
	.columnist_list li{display:block;width:100%}
	.columnist_list li .lefttd{width:30%;}
	.columnist_list li .lefttd img{width:100%;height:auto;}
	.columnist_list strong{font-size:13px;}
	.columnist_list li span{font-size:11px;}
	.columnist_list .righttd{padding-left:5px}
}

/* 記事中のアマゾンの画像付きリンクのボックス用 by SU */
.art_boxContainer {overflow: hidden; margin-top:-20px;}
/* clearfix */
.boxContainer:before, .boxContainer:after {content: ""; display: table;}
.boxContainer:after {clear: both;} 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {zoom: 1;}
.art_box {float: left; margin-right:10px;}
.art_box a img {border :1px solid #CCC;}

/* 執筆者の記事一覧プロフィール用 by SU */
.reprofile2 {background-color:#ececec; padding:20px; margin-bottom:20px;}
.reprofile2 {font-size:13px; line-height:18px;}
.reprofile2 span.kanji {font-size:18px; font-weight:bold;}
.reprofile2 span.furigana {font-size:15px;}
.reprofile2 a {color:#08529d; text-decoration:none;}
.reprofile2 a:hover {text-decoration:underline;}
.re_profile2_img {padding-right:15px; text-align:center; vertical-align:top;}
.re_profile2_txt {padding-top:3px;}
.re_sns {width:16px; padding-right:3px; margin-bottom:-2px;}