@charset "UTF-8";
/*
Theme Name: koei nol
Author URI: http://www.gamecity.ne.jp/nol/topics_cms/
Description: 信長の野望 Online のテンプレートです。
Version: 1.0
*/
html body{ font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important; line-height:1.61 !important; margin:0; padding:0; font-size: 16px;}
img {vertical-align: bottom;}

#logo_nol{}
#logo_nol a{width: 220px; height: 160px; display: block; margin: 0 auto; margin-top: 30px;}

#common-header-logo{width: 95%; max-width: 950px; text-align: center; margin: 20px auto;}
#common-header-logo img{width: 95%; max-width: 330px; margin: 0 auto;}
#common-main-box{width: 95%; max-width: 950px; margin: 0 auto; border: solid 3px #3d3514; background: url(/nol/img/cms/article-main-bg-df.jpg) center center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; /* padding-top: 2%;*/  box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; overflow:hidden;}

#header{height: 0 !important;}

#import_header{padding-bottom: 200px;}


.list_box_common li{ width: 16.5% !important;}
.list_box_common li a{background: #ba021a !important;}
.list_box_common li a:hover { color: #ba021a !important; background: #fff !important;}
#all-category .all-category-btn a{background: #fff !important; color: #ba021a !important;}
#all-obstacle .all-obstacle-btn a{background: #fff !important; color: #ba021a !important;}
#all-update .all-update-btn a{background: #fff !important; color: #ba021a !important;}
#all-maintenance .all-maintenance-btn a{background: #fff !important; color: #ba021a !important;}

#all-important .all-important-btn a{background: #fff !important; color: #ba021a !important;}


/* page-base
--------------------------------- */
.article-main-title{width: 96%; margin: 0 auto; padding: 20px 2% 0 2%; font-size: 30px; font-weight: bold; text-shadow: 1px 1px 3px #000; text-align: center; margin-top: 2%;}
.article-main-title-bottm{width: 100%; padding: 15px 0 0 0; margin: 0 auto;}

.header-img{ width: 100%; margin: 0 auto;}
.header-img img{ width: 100%; display: block;}
.header-img-df{padding-bottom: 0px;}



.main-period{width: 90%; margin: 0 auto 0 auto; padding: 5px  5%; background:#000; color: #fff; font-size: 20px; text-align: center; line-height: 1.2; border-top: solid 1px #7c7c7c; border-bottom: solid 3px #7c7c7c; margin: 0 0 10px 0;}

.header-img-only + .main-period{width: 85%; margin-top: 20px;}
.article-main-title-bottm + .main-lead,
.article-main-title-bottm + .text-box{margin-top: 20px;}
.df-toptitle{width: 92%; margin: 3% auto 2% auto; font-size: 30px; padding: 0.2% 5px 0 40px; text-shadow: 1px 1px 3px #000; font-weight: bold;}
.df-subtitle{width: 85%; margin: 3% auto 10px auto; font-size: 20px; padding: 0.2% 7px 0 40px; font-weight: bold;}

.df-heading{width: 98%; margin: 20px 0 10px 0; font-size: 18px; padding: 0.2% 0 0 5px; font-weight: bold;}
.df-heading2{width: 100%; margin: 5px 0 3px 0; font-size: 18px; padding: 0.2% 0 0 5px;}

.text-box .df-toptitle{width: 94%; margin:0 0 10px 0;}
.text-box .df-subtitle{width: 94%; margin:0 0 10px 0;}

table.common-table-normal{width: 85%; margin: 10px auto 10px auto; font-size: 14px;}
table.common-table-normal th, table.common-table-normal td{padding: 5px;}
table.common-table-normal th{text-align: center; font-weight: bold;}
table.common-table-normal td{text-shadow:none;}

th.common-table-center-text, td.common-table-center-text{text-align: center;}
th.common-table-right-text, td.common-table-right-text{text-align: right;}
th.common-table-left-text, td.common-table-left-text{text-align: left;}
.text-box table.common-table-normal{width: 100%;}



/* pattern red
---------------------------------------------------------------- */
.article-main-title-patternred{background:url(/nol/img/cms/article-main-title-red.jpg) top center no-repeat; color: #fff;}
.article-main-title-bottm-patternred{background:url(/nol/img/cms/article-main-title-red-bottom.jpg) top center no-repeat;}
.patternred-toptitle{background:url(/nol/img/cms/h1-red-bg.jpg)left center; color: #fff; border: solid 3px #660804;}
.patternred-subtitle{background:url(/nol/img/cms/h2-red-bg.jpg)left center; color: #800000; text-shadow: 1px 1px 3px #fff; border: solid 1px #800000;}
.patternred-heading{color: #981d1d; border-left: solid 15px #981d1d; border-bottom: solid 1px #981d1d;}
.patternred-heading2{background:#f3c0c0; color: #981d1d;}

table.common-table-patternred{}
table.common-table-patternred th, table.common-table-patternred td{border: solid 1px #000;}
table.common-table-patternred th{background:#981d1d; color: #fff;}
table.common-table-patternred td{color: #000;}

table.common-table-patternred tr:nth-child(even) { background:#fff;}
table.common-table-patternred tr:nth-child(odd) {background:#f0b3b3;}

/* pattern blue
---------------------------------------------------------------- */
.article-main-title-patternblue{background:url(/nol/img/cms/article-main-title-blue.jpg) top center no-repeat; color: #fff;}
.article-main-title-bottm-patternblue{background:url(/nol/img/cms/article-main-title-blue-bottom.jpg) top center no-repeat;}
.patternblue-toptitle{background:url(/nol/img/cms/h1-blue-bg.jpg)left center; color: #fff; border: solid 3px #040939;}
.patternblue-subtitle{background:url(/nol/img/cms/h2-blue-bg.jpg)left center; color: #0d277b; text-shadow: 1px 1px 3px #fff; border: solid 1px #0d277b;}
.patternblue-heading{color: #0d277b; border-left: solid 15px #0d277b; border-bottom: solid 1px #0d277b;}
.patternblue-heading2{background:#aabbf7; color: #0d277b;}

.patternblue-subtitle_hana{background:url(/nol/img/cms/h2-blue-hana-bg.jpg)left top; color: #6a1c93; text-shadow: 1px 1px 3px #000; border: solid 1px #00024d; color: #fff; font-size: 25px; padding-top: 16px; padding-bottom: 16px;}

table.common-table-patternblue{}
table.common-table-patternblue th, table.common-table-patternblue td{border: solid 1px #000;}
table.common-table-patternblue th{background:#0d277b; color: #fff;}
table.common-table-patternblue td{color: #000;}

table.common-table-patternblue tr:nth-child(even) { background:#fff;}
table.common-table-patternblue tr:nth-child(odd) {background:#aabbf7;}



/* pattern green
---------------------------------------------------------------- */
.article-main-title-patterngreen{background:url(/nol/img/cms/article-main-title-green.jpg) top center no-repeat; color: #fff;}
.article-main-title-bottm-patterngreen{background:url(/nol/img/cms/article-main-title-green-bottom.jpg) top center no-repeat;}
.patterngreen-toptitle{background:url(/nol/img/cms/h1-green-bg.jpg)left center; color: #fff; border: solid 3px #1c4e09;}
.patterngreen-subtitle{background:url(/nol/img/cms/h2-green-bg.jpg)left center; color: #26730d; text-shadow: 1px 1px 3px #fff; border: solid 1px #26730d;}
.patterngreen-heading{color: #26730d; border-left: solid 15px #26730d; border-bottom: solid 1px #26730d;}
.patterngreen-heading2{background:#abf293; color: #26730d;}

table.common-table-patterngreen{}
table.common-table-patterngreen th, table.common-table-patterngreen td{border: solid 1px #000;}
table.common-table-patterngreen th{background:#26730d; color: #fff;}
table.common-table-patterngreen td{color: #000;}

table.common-table-patterngreen tr:nth-child(even) { background:#fff;}
table.common-table-patterngreen tr:nth-child(odd) {background:#abf293;}




/* pattern orange
---------------------------------------------------------------- */
.article-main-title-patternorange{background:url(/nol/img/cms/article-main-title-orange.jpg) top center no-repeat; color: #fff;}
.article-main-title-bottm-patternorange{background:url(/nol/img/cms/article-main-title-orange-bottom.jpg) top center no-repeat;}
.patternorange-toptitle{background:url(/nol/img/cms/h1-orange-bg.jpg)left center; color: #fff; border: solid 3px #61440c;}
.patternorange-subtitle{background:url(/nol/img/cms/h2-orange-bg.jpg)left center; color: #61440c; text-shadow: 1px 1px 3px #fff; border: solid 1px #e1a81b;}
.patternorange-heading{color: #61440c; border-left: solid 15px #e1a81b; border-bottom: solid 1px #e1a81b;}
.patternorange-heading2{background:#f5dfab; color: #61440c;}

table.common-table-patternorange{}
table.common-table-patternorange th, table.common-table-patternorange td{border: solid 1px #000;}
table.common-table-patternorange th{background:#e3a81c; color: #61440c;}
table.common-table-patternorange td{color: #000;}

table.common-table-patternorange tr:nth-child(even) { background:#fff;}
table.common-table-patternorange tr:nth-child(odd) {background:#f5dfab;}




/* pattern purple
---------------------------------------------------------------- */
.article-main-title-patternpurple{background:url(/nol/img/cms/article-main-title-purple.jpg) top center no-repeat; color: #fff;}
.article-main-title-bottm-patternpurple{background:url(/nol/img/cms/article-main-title-purple-bottom.jpg) top center no-repeat;}
.patternpurple-toptitle{background:url(/nol/img/cms/h1-purple-bg.jpg)left center; color: #fff; border: solid 3px #2f0c41;}
.patternpurple-subtitle{background:url(/nol/img/cms/h2-purple-bg.jpg)left center; color: #6a1c93; text-shadow: 1px 1px 3px #fff; border: solid 1px #6a1c93;}
.patternpurple-heading{color: #6a1c93; border-left: solid 15px #6a1c93; border-bottom: solid 1px #6a1c93;}
.patternpurple-heading2{background:#c27ee7; color: #6a1c93;}

.patternpurple-subtitle_hana{background:url(/nol/img/cms/h2-purple-hana-bg.jpg)left top; color: #6a1c93; text-shadow: 1px 1px 3px #000; border: solid 1px #6a1c93; color: #fff; font-size: 25px; padding-top: 16px; padding-bottom: 16px;}

table.common-table-patternpurple{}
table.common-table-patternpurple th, table.common-table-patternpurple td{border: solid 1px #000;}
table.common-table-patternpurple th{background:#6a1c93; color: #fff;}
table.common-table-patternpurple td{color: #000;}

table.common-table-patternpurple tr:nth-child(even) { background:#fff;}
table.common-table-patternpurple tr:nth-child(odd) {background:#c27ee7;}




/* etc
---------------------------------------------------------------- */


.main-lead{ width: 85%; margin: 0 auto 10px auto; padding: 20px 5%; color: #000; text-shadow: 1px 1px 3px #fff; letter-spacing: 0.05em; font-size: 18px;}
.text-box{ width: 74.5%; margin: 0 auto 10px auto; padding: 50px 10%; background:rgba(255, 255, 255, 0.9); box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.df-toptitle + .main-lead{padding-top: 0.5%;}
.ss-box{width: 95%; max-width: 800px; margin: 20px auto 20px auto;}
.text-box .ss-box{width: 100%; max-width: 800px; margin: 20px auto 20px auto;}
.ss-box img{width: 100%;}
.ss-lead{width: 98%; margin: 0 auto; font-size: 10px; background:#000; color: #fff; padding: 1%; text-shadow: 1px 1px 3px #000;}
.border-bk{border: solid 1px #000;}
ul.list-box{ width: 81%; margin: 0 auto 10px auto; padding: 2%; background:rgba(255, 255, 255, 0.9); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
ul.list-box li{ margin: 0; padding:0; text-align: left;}
ul.list-box li a{color: #000;}
ul.typedisc{ list-style: none;  padding-left: 0; display: table; width: 81%; padding: 2%;}
ul.typedisc li:after { content: ""; display: block; margin-bottom: 0.5em;}
ul.typedisc li {display: table-row; margin-bottom: 0.5em; text-align: left;}
ul.typedisc li:before { content: "•";   display: table-cell; padding-right: 0; width: 15px;}
ul.typedecimal{}
ul.typedecimal li {list-style-type: decimal; margin-left: 20px; margin-bottom: 0.5em;}
.text-box ul.list-box{ width: 99%; margin: 0 auto; padding: 2% 0; background:none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;  padding:0 0 10px 0;}

.notice{ width: 82%; margin: 0 auto; padding: 0.5% 0; text-indent: -12px; padding-left: 12px; font-size: 12px; color: #000;}
.text-box .notice{color: #533f23; width: 100%; text-shadow:none;}
.cont-day-data{width: 95%; text-align: right; margin: 20px auto 0 auto; border-top: solid 1px #800000; color: #800000; padding: 5px 0 10px 0;}
.extra_link_box{width: 95%; margin: 0 auto;}

.day-data{width: 95%; text-align: right; margin: 20px auto 0 auto; border-top: solid 1px #800000; color: #800000; padding: 5px 0 10px 0;}



/* old page btn
--------------------------------- */
ul.old_page_btn{width: 94%; max-width: 960px; margin: 10px auto 0 auto; text-align: right; height: auto; padding: 5px 0; font-size: 16px;}
.old_page_btn li{display:inline-block; margin-right: 5px; height: 40px;}
ul.old_page_btn a{color: #000; padding: 5px 20px; border-radius: 5px; background: rgb(250,254,255); background: -moz-linear-gradient(top,  rgb(250,254,255) 0%, rgb(212,218,215) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(250,254,255)), color-stop(100%,rgb(212,218,215))); background: -webkit-linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); background: -o-linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); background: -ms-linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); background: linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafeff', endColorstr='#d4dad7',GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none;}
ul.old_page_btn a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}
.old_page_btn li.next span { position: absolute; top: -9999px; left: -9999px;}
.old_page_btn li.next a::before { 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);}
.old_page_btn li.next a::before { content: "\f105"; }



/* common design
--------------------------------- */
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.script-hidden{ position: absolute; width: 0; height: 0; overflow: hidden;}
.no-space{ position: absolute; width: 0; height: 0; overflow: hidden;}


/* common-smb-list
------------------------------------- */
ul.common-smb-list{width: 110px; margin: 0 auto; padding-bottom: 20px;}
ul.common-smb-list li{display:inline-block; padding: 0 2px;}


/* list
--------------------------------- */
dl.topics-list{font-size: 14px; border-bottom: dotted 1px #000;}
dl.topics-list dt{display:block; padding: 3px; font-weight: bold; color: #333366; float: left; width: 19%; max-width: 120px;}
dl.topics-list dd{display:block; padding: 3px; float: left; width: 80%;}
dl.topics-list a{color: #665522;  text-decoration: none;}
dl.topics-list a:hover{text-decoration: underline; color #000;}
.info-new{display:inline-table; background:#f00; color: #fff; font-weight: bold; font-size: 10px; padding: 1px 2px; margin-right: 4px;}
.important-data-list{ background:#fcf0ef; font-weight: bold;}
.important-data-list dd a{color: #800000;}





@media screen and (max-width: 1000px) {
dl.topics-list{font-size: 14px; border-bottom: dotted 1px #000;}
dl.topics-list dt{display:inline-block; padding: 3px; font-weight: bold; color: #333366; width: 70%; max-width: 120px;}
dl.topics-list dd{display:inline-block; padding: 3px; width: 100%;}
}

/* free-btn
------------------------------------- */

.free-btn{width: 95%; margin: 0 auto; padding: 2% 0;}
.free-btn a{
	width: 96%;
	display: block;
     padding:10px 2%;
	background: rgb(169,3,41);
	background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
	box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.free-btn a:hover{
	background:#800000;
	text-decoration: none;
}



/* Pager page navi
--------------------------------- */
.pagination{list-style-type: none; padding-left: 0; margin: 30px 0;}
.pagination, .pagination li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.pagination a { font-weight: 300; padding-top: 1px; text-decoration:none;  border: 1px solid #ddd; border-left-width: 0; min-width:36px; min-height:36px; color: #000080;  background:#fff;}
.pagination li:not([class*="current"]) a:hover { background-color: #eee;}
.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 { 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 { background-color: #ddd; cursor: default; pointer-events: none;}
.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: 680px ) {
  .pagination li.first,
  .pagination li.last { position: absolute; top: -9999px; left: -9999px;}
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 500px ) {
  .pagination li { position: absolute; top: -9999px; left: -9999px;}
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{  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 { 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;}
}



/* fotter
--------------------------------- */
#footer{ width:100% !important; height:auto; font-size:10px; margin:0 auto; margin-top:30px; color: #fff;}
.common-fotter-box{ width: 100%; background: #000; color: #fff; padding-top: 20px; margin-top: 20px; padding-bottom:10px; margin-bottom:0;}

ul.common-fotter-jp-list{width: 95%; max-width: 1000px; margin: 10px auto; text-align: center;}
ul.common-fotter-jp-list li{display:inline-block;}
ul.common-fotter-logo{width: 95%; max-width: 1000px; margin: 5px auto; text-align: center;}
ul.common-fotter-logo li{float: left; margin-left: 0.5%;}
ul.common-fotter-logo img{width: 100%;}

.common-fotter-logo-psf{max-width: 31px;}
.common-fotter-logo-ps3{max-width: 75px;}
.common-fotter-logo-ps4{max-width: 75px;}
.common-fotter-logo-gc{max-width: 115px;}
.common-fotter-logo-kt{max-width: 34px;}
.common-fotter-logo-delfin{max-width: 60px;}


ul.common-fotter-text{width: 95%; max-width: 1000px; margin: 0 auto; text-align: left; font-size: 12px;}
ul.common-fotter-text li{padding: 3px 0 2px 0;}
ul.common-fotter-text img{height: 20px;}


/* 調整
--------------------------------- */

#gc-wrapper .text-box-in-gc{padding: 0; display: block;}
#gc-wrapper .text-box-in-ya{padding: 0; display: none;}

#yahoo-wrapper .text-box-in-gc{padding: 0; display: none;}
#yahoo-wrapper .text-box-in-ya{padding: 10px 0; display: block;}


@media screen and (max-width: 640px) {
	.article-main-title{font-size: 20px; line-height:1.4;}
	.main-lead{width: 85%; letter-spacing: 0em; font-size: 16px; line-height: 1.4;}
	.text-box{ width: 88%; padding: 3%;}
	.df-toptitle{font-size: 20px; width: 85%;}
	.df-subtitle{width: 85%;}
	.text-box .df-toptitle{font-size: 20px; width: 85%;}
	.text-box .df-subtitle{width: 88%;}
	.df-heading{width: 94%; margin-left: 0;}
	.df-heading2{width: 98%;}
	.text-box .notice{width: 95%;}
	.main-period{font-size: 16px;}
	dl.topics-list dt{padding: 3px 3px 0 3px;}
	dl.topics-list dd{padding: 0 3px 3px 3px;}

	.list_box_common li{width: 48% !important;}

}


@media screen and (max-width: 400px) {
	 .df-toptitle{font-size: 20px; width: 80%;}
	 .df-subtitle{width: 80%;}
	 .text-box .df-toptitle{font-size: 20px; width: 80%;}
	 .text-box .df-subtitle{width: 80%;}
	 .df-heading{width: 94%; margin-left: 0;}
	 main-period{font-size: 14px;}
}



/* Y限定
--------------------------------- */

#nol_wrapper{background: none;}
#yahoo-wrapper #footer{background: none; color: #fff;}
#yahoo-wrapper .footer-layout{ background: none !important; color: #fff;}
#yahoo-wrapper ul.common-footer-text{background: none!important;}
#yahoo-wrapper #footer a{color: #fff;}

#yahoo-wrapper .article-main-title-patternred{background:url(/image/cms/article-main-title-red.jpg) top center no-repeat !important;}
#yahoo-wrapper .article-main-title-bottm-patternred{background:url(/image/cms/article-main-title-red-bottom.jpg) top center no-repeat !important;}
#yahoo-wrapper .patternred-toptitle{background:url(/image/cms/h1-red-bg.jpg)left center !important;}
#yahoo-wrapper .patternred-subtitle{background:url(/image/cms/h2-red-bg.jpg)left center !important;}
#yahoo-wrapper .article-main-title-patternblue{background:url(/image/cms/article-main-title-blue.jpg) top center no-repeat !important;}
#yahoo-wrapper .article-main-title-bottm-patternblue{background:url(/image/cms/article-main-title-blue-bottom.jpg) top center no-repeat !important;}
#yahoo-wrapper .patternblue-toptitle{background:url(/image/cms/h1-blue-bg.jpg)left center !important;}
#yahoo-wrapper .patternblue-subtitle{background:url(/image/cms/h2-blue-bg.jpg)left center !important;}

#yahoo-wrapper .article-main-title-patterngreen{background:url(/image/cms/article-main-title-green.jpg) top center no-repeat !important;}
#yahoo-wrapper .article-main-title-bottm-patterngreen{background:url(/image/cms/article-main-title-green-bottom.jpg) top center no-repeat !important;}
#yahoo-wrapper .patterngreen-toptitle{background:url(/image/cms/h1-green-bg.jpg)left center !important;}
#yahoo-wrapper .patterngreen-subtitle{background:url(/image/cms/h2-green-bg.jpg)left center !important;}

#yahoo-wrapper .article-main-title-patternorange{background:url(/image/cms/article-main-title-orange.jpg) top center no-repeat !important;}
#yahoo-wrapper .article-main-title-bottm-patternorange{background:url(/image/cms/article-main-title-orange-bottom.jpg) top center no-repeat !important;}
#yahoo-wrapper .patternorange-toptitle{background:url(/image/cms/h1-orange-bg.jpg)left center !important;}
#yahoo-wrapper .patternorange-subtitle{background:url(/image/cms/h2-orange-bg.jpg)left center !important;}

#yahoo-wrapper .patternblue-subtitle_hana{background:url(/image/cms/h2-blue-hana-bg.jpg)left top !important;}

#yahoo-wrapper .article-main-title-patternpurple{background:url(/image/cms/article-main-title-purple.jpg) top center no-repeat !important;}
#yahoo-wrapper .article-main-title-bottm-patternpurple{background:url(/image/cms/article-main-title-purple-bottom.jpg) top center no-repeat !important;}
#yahoo-wrapper .patternpurple-toptitle{background:url(/image/cms/h1-purple-bg.jpg)left center !important;}
#yahoo-wrapper .patternpurple-subtitle{background:url(/image/cms/h2-purple-bg.jpg)left center !important;}
#yahoo-wrapper .patternpurple-subtitle_hana{background:url(/image/cms/h2-purple-hana-bg.jpg)left top !important;}





#yahoo-wrapper #common-main-box{background: url(/image/cms/article-main-bg-df.jpg) center center !important;}