@charset "utf-8";
/*--------------------------------------------------
              Format01.css(Sakura Type)
                        Last Modified 2019.5.17
                        http://ascii.jp/
--------------------------------------------------*/

/* import files ----------------------------------*/
@import "../0910/jpGeneral.css?2020083101";
/*------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img	{ margin: 0; padding: 0; }
body		{ font: 13px/1.231 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ W3',Meiryo, sans-serif;}
#footer 	{ font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'ヒラギノ角ゴ W3',"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}

a:link			{ color: #006d7c; text-decoration: none; outline:none;	}
a:visited		{ color: #006d7c; text-decoration: none;}
a:hover			{ color: #0096a1; text-decoration: none;}

a img 			{ vertical-align: bottom;}

.thumb 						{ overflow: hidden;display:block;padding:10px;}
.thumb .thumb_img img 			{ vertical-align: bottom;}
.thumb .thumb_txt 				{ overflow: hidden;}
.thumb .thumb_txt p 			{ color:#000;}
.thumb .thumb_txt p.subTitle 	{ font-weight:bold;color:#55757a; }
.thumb .thumb_txt h4 			{ font-weight:bold;}

/* float --*/
.thumb:after,
#headerLogo #headerLogo_logo:after,
#headerLogo:after,
#sideR:after,
#mainC:after,
#container:after,
#jpWrap:after,
.clearfix:after	{ visibility: hidden; display: block; font-size: 0;	content: " "; clear: both; height: 0; }

* html .thumb,
* html #headerLogo#headerLogo_logo,
* html #headerLogo,
* html #sideR,
* html #mainC,
* html #container,
* html .clearfix	{ zoom: 1; } /* IE6 */

*:first-child+html .thumb,
*:first-child+html #headerLogo_logo,
*:first-child+html #headerLogo,
*:first-child+html #sideR,
*:first-child+html #mainC,
*:first-child+html #container,
*:first-child+html #jpWrap,
*:first-child+html .clearfix	{ zoom: 1; } /* IE7 */


/* layout --*/
#jpWrap				{ width: 1058px; padding: 0;border: 0; background: #000 repeat-y left top;min-width: 0;}
#jpWrap #container		{ width: 738px; padding: 0; background-color:transparent;min-height: 0;}
#jpWrap #mainC			{ width: 728px; padding: 0 0 20px 9px; float: left;margin: 0;}
#jpWrap #sideR					{ width: 300px; padding: 10px 6px 0 0; float: right;margin: 0;}


/* header --*/
#headerLogo 		{ margin: 0; }
#headerLogo h1,
#headerLogo h1 a,
#headerLogo h2,
#headerLogo h2 a 	{ display: block;}
#headerLogo h1 a,
#headerLogo h2 a 	{ float: left; font-size: 0; line-height: 0; text-indent: -4000px; }
#headerLogo h1 	{ padding: 0;}
#headerLogo h1 a 	{ height: 38px;	width: 300px;
}
#headerLogo h2 	{ padding: 0;}
#headerLogo h2 a {
	height: 30px;
	width: 162px;
	margin:10px 15px 0 15px; }
#headerLogo #headerLogo_logo 	{ float: left; padding: 15px 0 0 5px; width: 300px; }
#jpWrap #headerLogo .adsize728 		{ float: right; margin: 10px 10px 10px 0; }

#jpWrap #header #generalMenu 		{ background-image: url(/img/0910/bg_generalmenu_bk.gif);}
#jpWrap #header #generalMenu li a 	{ background-image: url(/img/0910/menu_general_bk.gif); }
#jpWrap #header #secondMenu,
#jpWrap #header #secondMenu02 		{ background-image: url(/img/0910/bg_secondmenu_bk.gif);}
#jpWrap #header #secondMenu li a 	{ background-image: url(/img/0910/menu_second_bk.gif);}
#jpWrap #header #secondMenu02 li a { background-image: url(/img/0910/menu_second02_bk.gif);}

#headerLogo .adsize728 table {
	width: 728px;
	border:0;
	border-spacing:0; }
#headerLogo .adsize728 table td {
	vertical-align: middle;
	text-align: left; }

/* main --*/
#mainC .ban728 { margin:10px auto; }

#mainC .list_1pane h3{
	margin: 0;
	font-weight: normal;
	line-height: 100%;
	padding:8px 10px;
	background:#363636;
	color:#ededed;
	font-size:114%;
	border-top:1px solid #686868;
	border-bottom:1px solid #f2f2f2; }

#mainC .list_1pane {
	margin:10px auto;
	padding:0;
	background:#fff;
	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;
	overflow: hidden; _zoom: 1; }

#mainC .list_1pane li {*display: inline; *zoom: 1;}
#mainC .list_1pane ul li a:hover,
#sideR ul li a:hover { background:#f2f2f2;}
#mainC .list_1pane ul li a:hover h4,
#mainC .list_1pane ul { margin:0; padding:0;}
#mainC .list_1pane ul li { border-bottom:1px solid #dce4e7;}
#mainC .list_1pane ul li .thumb_img { margin-right:15px;}
#mainC .list_1pane ul li .thumb_txt { padding:0 5px 0 0;}
#mainC .list_1pane ul li p { font-size:100%;}
#mainC .list_1pane ul li p.subTitle { font-size:92%; margin:0 0 5px;}
#mainC .list_1pane ul li p.artTxt { margin:5px 0 0;}
#mainC .list_1pane ul li h4 { font-size:129%;}

/* side --*/
#jpWrap #sideR .adcloud_frame,
#jpWrap #sideR .adrect { margin: 0 auto 10px; }

#jpWrap #sideR ul.banR		{ margin-bottom: 10px;}
#jpWrap #sideR ul.banR li	{ margin-bottom: 10px;}
#jpWrap #sideR ul.banR li img	{ vertical-align: bottom; }

#jpWrap #sideR h5 	{
	font-weight: normal;
	font-size: 100%;
	line-height: 100%;
	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;
	margin: 0;
	padding: 8px 10px;
	background: #363636;
	color: #fff; }

#sideR .relatedNews {
	overflow: hidden;
	_zoom: 1;
	box-shadow: none;
	border: 1px solid #ccc;
	border-top: 0;
	width: 300px;
	margin: 10px auto; }
#sideR .relatedNews h5 {
	padding: 5px 15px 6px 10px;
    border: 0;
    background: #666;
    color: #fff;
    font-size: 100%; }
#sideR .relatedNews ul{
	overflow: hidden;
	background: #fff;
	margin: 0; }
#sideR .relatedNews ul li{
	border-bottom: 1px solid #dce4e7;
	margin: -1px 0 0 0;
	overflow: hidden; _zoom: 1;
	position: relative; }
#sideR .relatedNews ul li a {
	padding: 10px;
	display: block; }
#sideR .relatedNews ul li .thumb{
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0; }
#sideR .relatedNews ul li p{
	overflow: hidden; _zoom: 1;
	font-size: 11px; }
#sideR .relatedNews ul li p.date{
	margin: 0 0 5px;
	color: #666; }
#sideR #relatedNews-ranking ul li h4,
#sideR #acs-ranking ul li h4{
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 12px; }
#sideR #relatedNews-ranking ul li .rankicon,
#sideR #acs-ranking ul li .rankicon{
	position: absolute;
	left: 5px; top: 5px; }

#mainC .box_footer {
	background: #f0f2f3;
	border-top: 1px solid #cccece;
	text-align: center;
	padding:10px; }
#mainC .btn {
	display: inline-block;
	height: 30px;
	text-align: center;
	padding: 0 25px 0 10px;
	text-decoration: none;
	line-height: 30px;
	outline: none;
	background: #000 url(/img/ad/huawei/btn_arrow.png) no-repeat right center;
	color: #fff;
	border-radius: 3px;
	box-shadow: 0 3px 3px #ccc, inset 0 1px 1px #666; }
#mainC .btn:hover {
	text-decoration: underline;
	background-color: #444; }

/* article */
#jpWrap #mainC #articleHead h1,
#jpWrap #mainC #artHeader h1,
#jpWrap #mainC #serHeader h1 {
	color: #333; }

/* archive */
.arcMonthIndex {
	padding: 0 0 15px;
	border: none;
	border-top: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #fff; }
.arcMonthIndex h5 {
	margin: 0 0 10px;
    padding: 8px 10px;
    background: #363636;
    color: #ededed;
    height: auto;
    border-top: 1px solid #686868;
    border-bottom: 1px solid #f2f2f2; }
.arcMonthIndex .yearBox {
	margin: 0 15px;
	border: 0;
	background-color: inherit;
	border-top: 1px dotted #ccc; }
.arcMonthIndex .yearBox:last-child {
	border-bottom: 1px dotted #ccc; }
.arcMonthIndex li {
	margin: 0 5px 0 6px;
	font-size: 100%; }
.arcMonthIndex h6 {
	margin: 1px 0 0 0;
	background: none;
	font-size: 100%; }
.archives {
	margin: 10px 0;
	padding: 10px;
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; }
.archives h3,
.archives h4 {
	border-color: #363636; }

#jpWrap #featuredArt{
	margin: 10px auto 15px;
	padding: 0 0 5px;
	background: #fff;
	width: 726px;
	height: 270px;
	position:relative;
	border:1px solid #fff;
	color: rgba(255, 255, 255, 0.7);
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 4px;
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2); }
#jpWrap #featuredArt h2 {
	padding: 10px 5px;
	position: absolute;
	top: 0;
	left: 10px;
    border: 0;
	background: #fff;
	width: 396px;
	line-height: 1.0;
	font-size: 25px;
	text-align: left;}
#jpWrap #featuredArt .feature_text{
	padding-top: 5px;
	position: relative;
	top: 10px;
	left: 10px;
	border:1px solid #ddd;
	width: 391px;
	height: 247px;
	background-color: rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.4);
	color: rgba(255, 255, 255, 0.7);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 4px;
	-moz-box-shadow: 4px 3px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 3px 7px rgba(0,0,0,0.2);
	box-shadow: 4px 3px 7px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px -4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px -4px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 3px -4px rgba(0,0,0,0.2); }
#jpWrap #mainC .backnumber .media .media_image {
	width: 82px; }
#jpWrap #featuredArt .feature_text_box_left a img {
	border: 1px solid #006d7c; }
#jpWrap #featuredArt .feature_text_box_left a:hover img {
	border: 1px solid #0096a1; }
#jpWrap #featuredArt .feature_text_box{
	color: #000;
	zoom: 100%;
	margin-top: 7px;
	margin-left: 10px;
	padding-right: 10px;
	font-size: 93%; }
#jpWrap #featuredArt .feature_text_box:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden; }
#jpWrap #featuredArt .feature_text_box_left{
	float: left;
	margin-right: 10px; }
#jpWrap #featuredArt .feature_text_box_right{
	float: left; }
#jpWrap #featuredArt h3.feature_text_title{
	font-size: 124%;
	font-weight: bold; }
#jpWrap #mainC .sec {
	margin-bottom: 30px; }
#jpWrap h3.sec_title {
    border: 0;
    line-height: 1.2;
    font-size: 123%;
    font-weight: bold; }
#jpWrap h3.sec_title a {
	color: #fff; }
  #jpWrap #mainC .media {
    *zoom: 1;
    border-bottom: 1px dotted #E5E5E5;
    padding-top: 25px;
    padding-bottom: 25px; }
    #jpWrap #mainC .media:before, #jpWrap #mainC .media:after {
      display: table;
      content: "";
      line-height: 0; }
    #jpWrap #mainC .media:after {
      clear: both; }
    #jpWrap #mainC .media .media_texts {
      padding-right: 5px;
      float: right;
      width: 605px; }
      #jpWrap #mainC .media .media_texts .media_hsup {
        font-size: 92%;
        font-weight: bold;
        margin-bottom: 3px;
        color: #333; }
      #jpWrap #mainC .media .media_texts .media_title {
        margin-bottom: 6px;
        font-size: 136%;
        font-weight: bold; }
      #jpWrap #mainC .media .media_texts .media_desc {
        margin-bottom: 3px; }
        #jpWrap #mainC .media .media_texts .media_desc p {
          font-size: 93%;
          color: #444; }
      #jpWrap #mainC .media .media_texts .media_time {
        font-size: 77%;
        color: #999;
        text-align: right; }
      #jpWrap #mainC .media .media_texts .media_btn {
        margin-top: 10px;
        margin-bottom: 0;
        line-height: 1; }
        #jpWrap #mainC .media .media_texts .media_btn a img {
          display: block; }
        #jpWrap #mainC .media .media_texts .media_btn a:hover img {
          opacity: 0.8;
          filter: alpha(opacity=0.8);
          -ms-filter: "alpha( opacity=$alpha )"; }
    #jpWrap #mainC .media .media_image {
      float: left;
      width: 100px; }
      #jpWrap #mainC .media .media_image .media_pic a img {
        display: block; }
      #jpWrap #mainC .media .media_image .media_pic a:hover img {
        opacity: 0.8;
        filter: alpha(opacity=0.8);
        -ms-filter: "alpha( opacity=$alpha )"; }
  #jpWrap #mainC .media--pickup:nth-child(even) .media_texts {
    float: left; }
  #jpWrap #mainC .media--pickup:nth-child(even) .media_image {
    float: right; }
  #jpWrap #mainC .media--pickup .media_texts {
    float: right;
    width: 465px; }
    #jpWrap #mainC .media--pickup .media_texts .subtitle {
    	margin: 0 0 3px;
    	color: #333;
    	font-weight: bold; }
    #jpWrap #mainC .media--pickup .media_texts .media_desc p {
      margin: 0 0 7px;
      font-size: 107%; }
    #jpWrap #mainC .media--pickup .media_texts .media_desc p.date {
	margin: 5px 0 0;
	font-size: 92%;
	color: #999;
	text-align: right;}	
  #jpWrap #mainC .media--pickup .media_image {
    float: left;
    width: 240px; }
  #jpWrap #mainC .media--pickup:last-child {
  	border: 0; }
#jpWrap .media .readmore {
   	display: inline-block;
   	width: 170px; }
#jpWrap .media .readmore a {
 	padding: 5px;
	width: auto;
	display: block;
	color: #fff;
	background-color: #2B9AF3;
	text-align: center; }
#jpWrap .media .readmore a:hover {
    opacity: 0.8;
    filter: alpha(opacity=0.8);
    -ms-filter: "alpha( opacity=$alpha )";
    text-decoration: none; }

/* eset */
#eset #jpWrap,
#eset #jpWrap #header {
	background: #0096a1; }
#eset #headerLogo #headerLogo_logo 	{ margin: 10px 0 0 10px;padding:0;width:300px;height:90px;background: transparent url(/img/sp/logo_eset.png) no-repeat left top;position:relative;}
#eset #headerLogo h1 	{ }
#eset #headerLogo h1 a 	{ margin: 0 20px; background: none; height: 56px; width: 138px; }
#eset #headerLogo h2 	{ }
#eset #headerLogo h2 a { margin:0;background: none;position:absolute;left:166px;top:46px;
	height: 24px;
	width: 120px;}
#eset #jpWrap #featuredArt{
	background-image: none; }
#eset #jpWrap #featuredArt .feature_text {
  width: 400px;
}
#eset #jpWrap #featuredArt .feature_hero_image {
	position: absolute;
	top:10px;
	right: 10px; }
#eset #sideR .relatedNews {
	border: 0; }
#eset #sideR .relatedNews ul li .thumb {
	padding: 0; }
#eset .archives h3,
#eset .archives h4 {
	border-color: #006d7c; }

#eset #jpWrap #footer {
	padding: 15px 0 10px;
}

/* LINE Clova */
#lineclova a:link			{ color: #003377; text-decoration: none; outline:none;	}
#lineclova a:visited		{ color: #1f638a; text-decoration: none;}
#lineclova a:hover			{ color: #0099ff; text-decoration: none;}
#lineclova #jpWrap,
#lineclova #jpWrap #header {
	background: #fff; }
#lineclova #jpWrap #header {
	background: #fff url(/img/sp/bg_header_lineclova.png) repeat-x left bottom;
	border-bottom: 2px solid #05d686;
	height: 200px; }
#lineclova #headerLogo #headerLogo_logo 	{ margin: 55px 0 0 17px; padding:0; width:300px; height:90px; background: transparent url(/img/sp/logo_lineclova.png) no-repeat left top; position:relative;}
#lineclova #headerLogo h1 	{ }
#lineclova #headerLogo h1 a 	{ margin: 0px; background: none; height: 50px; width: 210px; }
#lineclova #headerLogo h2 	{ }
#lineclova #headerLogo h2 a { margin:0; background: none; position:absolute; left:166px; top:52px; height: 32px; width: 120px;}
#lineclova #mainC .list_1pane {	border: 1px solid #dce4e7; }
#lineclova #jpWrap .list_1pane .media {
	padding: 20px 10px; }
#lineclova #jpWrap #mainC .media--pickup .media_texts {
	width: 445px; }
#lineclova #jpWrap #featuredArt{
	background-image: none; }
#lineclova #jpWrap #featuredArt .feature_hero_image {
	position: absolute;
	top:10px;
	right: 10px; }
#lineclova #mainC .btn {
	padding: 0 10px;
	background: #363636;
	color: #fff; }
#lineclova #jpWrap .media .readmore a {
	background-color: #05d686; }
#lineclova #sideR .relatedNews,
#lineclova #sideR .twtl {
	border: 1px solid #dce4e7;
	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; }
#lineclova #sideR .relatedNews ul li .thumb {
	padding: 0; }
#lineclova #sideR .relatedNews ul li:last-child { border: 0; }
#lineclova .archives h3,
#lineclova .archives h4 {
	border-color: #05d686; }
#lineclova .arcMonthIndex {	border: 1px solid #dce4e7; }

#lineclova #jpWrap #footer {
	padding: 15px 0 10px;
}

#lineclova #jpWrap #sideR {
	padding-top: 0px;
}