@charset "UTF-8";

/* ----------------------------------------------------
作成日: 2012.09.11
最終更新日: 2014.01.10
作成者: SN
最終編集者: TS

お知らせ用：category.css

目次 
-17行目 タブメニュー
-68行目 記事一覧
---------------------------------------------------- */
/* ----------------------------------------------------
 大枠
---------------------------------------------------- */
#newslist #contentsWrap #news {
	padding: 0;
}
#newslist #contentsWrap #news > h1 {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#newslist #contentsWrap #news .newsNav {
	padding-top: 0;
}
#newslist #contentsWrap #news .newsNav li {
	margin-top: 0;
}
/* ----------------------------------------------------
 タブメニュー
---------------------------------------------------- */
.newsNav {
	border-top: solid #d6dee6 1px;
	border-right: solid #d6dee6 1px;
	border-left: solid #d6dee6 1px;
	letter-spacing: -0.4em;
}
.newsNav li {
	/*width: 16.5%;  6item */
	/*width: 24.85%;  4item 172px-1px(borderR) */
	width: 137px;
	height: 58px;
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,232,239,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(50%,rgba(226,232,239,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(226,232,239,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%,rgba(226,232,239,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,232,239,1) 50%, rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20% ,rgba(226,232,239,1) 50%, rgba(255,255,255,1) 100%); /* W3C */
	-pie-background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(226,232,239,1) 50%, rgba(255,255,255,1) 100%);
	behavior: url(/gw/js/PIE.htc);
	position: relative;
	border-right: solid #d6dee6 1px;
	border-bottom: solid #d6dee6 1px;
}
.newsNav li:hover {	border-bottom: solid #fff 1px;}
.newsNav li a {
	height: 58px;
 	padding: 0 6px;
	border-right: solid 2px #ffffff;
	border-left: solid 2px #ffffff;
	text-align: center;
	text-decoration: none;
	display: block;
}
.newsNav li a:hover, .newsNav li a:active, .newsNav li a.selected {
	border-bottom: solid #ffffff 1px;
	background: #ffffff;
}
.newsNav li a img { vertical-align: middle;}
.newsNav li a span { width: 0; height: 0; text-indent: -9999px; font-size: 0; line-height: 0; }
#navNews-cs { /*width: 25%;*/ width: 140px; border-right: none; }

/* tab:選択時のエフェクト */
#navNews-all a:hover, #navNews-all a.selected { background: #ffffff url(../../image/btn/news_icon_on.png) no-repeat center 0}
#navNews-important a:hover, #navNews-important a.selected { background: #ffffff url(../../image/btn/news_icon_on.png) no-repeat center -58px}
#navNews-event a:hover, #navNews-event a.selected { background: #ffffff url(../../image/btn/news_icon_on.png) no-repeat center -116px}
#navNews-campaign a:hover, #navNews-campaign a.selected { background: #ffffff url(../../image/btn/news_icon_on.png) no-repeat center -174px}
#navNews-ac a:hover, #navNews-ac a.selected { background: #ffffff url(../../image/btn/news_icon_on.png) no-repeat center -232px}
#navNews-pc a:hover, #navNews-pc a.selected { background: #ffffff url(../../image/btn/news_icon_on.png) no-repeat center -290px}
#navNews-sp a:hover, #navNews-sp a.selected { background: #ffffff url(../../image/btn/news_icon_on.png) no-repeat center -348px}
#navNews-cs a:hover, #navNews-cs a.selected { background: #ffffff url(../../image/btn/news_icon_on.png) no-repeat center -406px}
.newsNav li a:hover img, .newsNav li a.selected img { visibility: hidden;}

/* ----------------------------------------------------
 記事一覧
---------------------------------------------------- */
.newsList {
	margin: 0;
	padding: 0 9px 9px;
	border-right: solid #d6dee6 1px;
	border-bottom: solid #d6dee6 1px;
	border-left: solid #d6dee6 1px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	behavior: url(/gw/js/PIE.htc);
}
.newsList li section > ul {
	border-bottom: dotted #d6dee6 1px;
}
.newsList li section ul > li {
	border-top: dotted #d6dee6 1px;
}
#home .newsList li section > ul > li:first-child {
	border-top: none;
}
#contentsArea .newsList li section ul li {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* 汎用指定打消し */
.news #contentsArea .newsList,
.news #contentsArea .newsList li section > ul,
.news #contentsArea .newsList li section ul { padding-top: 0;}
.news #contentsArea .newsList li,
.news #contentsArea .newsList li section ul li,
.news #contentsArea .newsList li section ul li > dl { margin-top: 0; /zoom: 1;}

/* 記事内部 */
.newsList li section ul li { /zoom: 1;}
.newsList li section ul li:after { content: ""; display: block; clear: both;}

#contentsArea .newsList li ul li dt {
	margin-top: 0;
	color: #acb8c6;
	font-size: 62.5%;
	font-weight: normal;
	float: right;
}
.newsList li ul li dd {
	zoom: 1; /* newマークのカラム落ち回避 */
	letter-spacing: -0.4em;
}
.newsIcon, .newsTitle, .new  {
	vertical-align: middle;
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
.newsIcon { margin-right: 10px; }
.newsTitle { width: 66%; }
.newsList li ul li dd a {
	padding-left: 10px;
	background: url(../../image/icon/arrow.gif) no-repeat left center;
}
.new {
	padding-left:0.5em;
	letter-spacing: normal;
	color: #f40a6c;
	font-size: 71.4%;
	font-weight: bold;
}
#home .new { font-size: 62.5%;}
.newsList li dt {
	position:relative;
}
.newsList li dt .new {
	position:absolute;
	left:-4em;
}

/* アイコン装飾 */
.newsIcon {
	width: 82px;
	height: 16px;
	font-size: 75.0%;
	text-align: center;
	line-height: 150%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior /*\**/: url(/gw/js/PIE.htc)\9;
	/behavior: none;
}
.newsTitle {
	font-size: 87.5%;
}
.important { color: #fe3737; border: solid #fe3737 1px;}
.arcade { color: #2a5ad6; border: solid #2a5ad6 1px;}
.pc { color: #00dcb0; border: solid #00dcb0 1px;}
.sp { font-size: 62.5%; color: #ffae00; border: solid #ffae00 1px; }
.event { color: #f55c7d; border: solid #f55c7d 1px;}
.campaign { color: #4eb236; border: solid #4eb236 1px;}
.topnews { color: #00c0ff; border: solid #00c0ff 1px;}
.common { color: #b68900; border: solid #b68900 1px;}
.cs { color: #b400ff; border: solid #b400ff 1px;}
.other { color: #263c58; border: solid #263c58 1px;}
.failure { color: #fa5800; border: solid #fa5800 1px;}
.community { color: #ffc750; border: solid #ffc750 1px; }


/* ニュースページのみ */
.news #contentsArea .newsList li ul li dt { font-size: 71.4%; }
.news .newsList li section h1 {
	padding-top: 40px;
	padding-bottom: 10px;
	font-size: 128.6%;
}
.news .newsList li section h1 span { font-weight: normal;}
.news .newsIcon { font-size: 85.7%;}
.news .newsTitle { font-size: 100%; }
.news .sp { font-size: 71.4%;}

/* 先月一覧リンク */
.news .newsList li section p.monthly { text-align: right;}

/* 過去のお知らせ */
.news #contentsArea .pastNews {
	margin-top: 0;
	padding: 10px 0;
	border-bottom: solid #d6dee6 1px;
	/zoom: 1; /* ie7-float */
}
.news .newsList li aside h1 + .pastNews {
	margin-top: 20px;
	border-top: solid #d6dee6 1px;
}
.news #contentsArea .newsList .pastNews:after { content: ""; display: block; clear: both; }
.news #contentsArea .newsList .pastNews dt {
	margin-top: 0;
	padding: 0 15px;
	font-weight: normal;
	float: left;
}
.news .newsList .pastNews dd { float: right; }
.news #contentsArea .newsList .pastNews dd ul li {
	padding: 0;
	border-top: none;
	float: left;
}
.news #contentsArea .newsList .pastNews dd ul li a {
	border-left: solid #0e223b 1px;
	padding: 0 10px 0 10px;
}
.news #contentsArea .newsList .pastNews dd ul li:first-child a {
	border-left: none;
}

/* ----------------------------------------------------
 記事詳細
---------------------------------------------------- */
#newsdetail #news > dl {
	margin-top: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: dotted #d6dee6 1px;
	border-bottom: dotted #d6dee6 1px;
}
#newsdetail #news > dl { position: relative; }
#newsdetail #news > dl:after { content: ""; display: block; clear: both; } 
#newsdetail #news > dl dt {
	margin-top: 0;
	font-weight: normal;
	line-height: 180%;
	position: absolute;
	top: 15px;
	left: 92px;
}
#newsdetail #news > dl dt .new {
	padding-left:0.5em;
}
#newsdetail #news h1 {
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 128.6%;
}
#newsdetail #news .newsDetail {
	padding-bottom: 40px;
}

/* ボタンを配置 ※横幅などはユニークで指定する */
#campaign { padding: 0 60px 10px;}

/* ----------------------------------------------------
 キャンペーン用
---------------------------------------------------- */
/* 登録とログインの解説 */
#contentsArea #stepNav {
	width: 674px;
	height: 40px;
	margin: 20px auto 0;
	padding-top: 0;
	background: transparent url(../image/articles/flownav.jpg) no-repeat center top;
}
#stepNav:after { content: ""; display: block; clear: both; } 
#stepNav li {
	padding-top: 0;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	float: left;
}
#stepNav li a {
	height: 40px;
	display: block;
}
#stepNav #nav-step1 a, #stepNav #nav-step3 a { width: 224px;}
#stepNav #nav-step2 a { width: 226px;}

#stepNav #nav-step1 a:hover, #stepNav #nav-step1 a.selected {
	background: transparent url(../image/articles/flownav.jpg) no-repeat 0 bottom;
}
#stepNav #nav-step2 a:hover, #stepNav #nav-step2 a.selected {
	background: transparent url(../image/articles/flownav.jpg) no-repeat -224px bottom;
}
#stepNav #nav-step3 a:hover, #stepNav #nav-step3 a.selected {
	background: transparent url(../image/articles/flownav.jpg) no-repeat -450px bottom;
}
#contentsArea .allStep {
	border-right: solid 1px #d7dfe7;
	border-bottom: solid 1px #d7dfe7;
	border-left: solid 1px #d7dfe7;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	behavior: url(/gw/js/PIE.htc);
}
#contentsArea .allStep li {
	width: 672px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
}
#contentsArea .allStep #step1 {
	height: 351px;
	background: transparent url(../image/articles/step1.jpg) no-repeat center center;
}
#contentsArea .allStep #step2 {
	height: 226px;
	background: transparent url(../image/articles/step2.jpg) no-repeat center center;
}
#contentsArea .allStep #step3 {
	height: 193px;
	background: transparent url(../image/articles/step3.jpg) no-repeat center center;
}