@charset "UTF-8";

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

ホーム用：category_m.css

目次 
-**行目 
-**行目 
-**行目 
---------------------------------------------------- */
@import "../../news/css/category.css"; /* newsのCSSインポート */

/* ----------------------------------------------------
 common
---------------------------------------------------- */
#feature1, #feature2 li, #news, #news-important, #adv-block ul li, #mutual-banner {
	background: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px 0 #2e96d8;
	-moz-box-shadow: 0 1px 3px 0 #2e96d8;
	box-shadow: 0 1px 3px 0 #2e96d8;
	behavior: url(/gw/js/PIE.htc);
}

/* ----------------------------------------------------
 unique
---------------------------------------------------- */
#home #contentsArea {
	padding-bottom: 0;
	background: transparent;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#home #contentsArea > h1, #home #contentsArea #features h1, #home #news h1 {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#feature1 {
	width: 706px;
	padding: 4px;
	margin-bottom: 6px;
	background: #ffffff url(../image/background/slide_bottom.png) no-repeat center bottom;
}
#feature1:after {
	content: "";
	display: block;
	clear: both;
}

/* slideBanner */
#slideBanner {
	width:706px;
	position:relative;
	overflow:hidden;
}
#slideBanner ul#bannerList {
	height:376px;
	zoom:1;
}
#slideBanner ul#bannerList:after {
	content:"";
	display:block;
	clear:both;
}
#sb-nav {
	width:706px;
	height:23px;
	padding-top:7px;
	position:relative;
}
#sb-nav #sb-prev,
#sb-nav #sb-next {
	width:56px;
	height:106px;
	position:absolute;
	top:-241px;
}
#sb-nav #sb-prev { left:0;}
#sb-nav #sb-next { left:650px;}
#sb-nav #sb-prev a, #sb-nav #sb-next a {
	width:56px;
	height:106px;
	display:block;
}
#sb-nav #sb-prev a { background: url(../image/background/slide_parts.png) no-repeat left top;}
#sb-nav #sb-next a { background: url(../image/background/slide_parts.png) no-repeat right top;}
#sb-nav ul {
	margin:0 auto;
	zoom:1;
}
#sb-nav ul:after {
	content:"";
	display:block;
	clear:both;
}
#sb-nav ul li {
	width:24px;
	float:left;
}
#sb-nav ul li a {
	width:16px;
	height:17px;
	margin:0 auto;
	background: url(../image/background/slide_parts.png) no-repeat -16px -109px;
	display:block;
}
#sb-nav ul li.selected a { background: url(../image/background/slide_parts.png) no-repeat 0 -109px;}

/* イチオシ！ */
#feature2 {
	margin-bottom: 6px;
	font-size: 75.0%;
	/zoom: 1;
}
#feature2:after { content: ""; display: block; clear: both;}
#feature2 li {
	width: 226px;
	min-height: 226px;
	height: auto !important;
	height: 226px;
	margin-right: 6px;
	padding: 4px;
	line-height: 160%;
	float: left;
}
#feature2 li#ft3 { margin-right: 0;}
#feature2 li p {padding: 10px 5px 0;}
#feature2 li p img {margin-bottom: 5px;}
#home #feature2 li .newsIcon { font-size: 100.0%; display: block; margin-bottom:2px;}
#home #feature2 li .newsIcon.sp { font-size: 85.7%;}

#news {
	width: 694px;
	min-height: 330px;
	/*min-height: 310px;*/
	margin-bottom: 6px;
	padding: 10px;
}
#news p {
	padding-top: 10px;
	text-align: right;
}
#news .newsArchives {
	font-size: 87.5%;
	padding-left: 18px;
	background: url(../../image/icon/list.gif) no-repeat left center;
}

#home .newsNav li {
	/*width: 16.5%;  6item */
	/*width: 24.85%;  4item 172px-1px(borderR) */
	width: 172px;
}
#home .newsNav li#navNews-cs {
	width: 173px;
}

/* 重要なお知らせ */
#news-important {
	width: 694px;
	/*min-height: 310px;*/
	margin-bottom: 6px;
	padding: 10px;
}
#home #contentsArea #features #news-important h1 {
	width: 136px;
	height: 16px;
	margin: 0 auto 10px;
	padding: 0;
	background: url(../../home/image/headline/h1_important.gif) no-repeat center center;
}
#news-important p {
	padding-top: 10px;
	text-align: right;
}
#news-important .newsArchives {
	font-size: 87.5%;
	padding-left: 18px;
	background: url(../../image/icon/list_r.gif) no-repeat left center;
	color:#e6283f;
}
#news-important > .newsList {
	padding:9px;
	border: solid #ef99a3 1px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	behavior: url(/gw/js/PIE.htc);
}
#news-important .newsList > li {
	border-top: solid #ffffff 1px;
	padding:1px 6px 1px;
}
#news-important .newsList > li:first-child {
	border-top: none;
}
#news-important .newsList li.important {
	background:#ffe4e4;
	font-weight:bold;
	border-top: solid #ffffff 1px;
	border-right:none;
	border-bottom:none;
	border-left:none;
}

#news-important .newsList li { /zoom: 1;}
#news-important .newsList li:after { content: ""; display: block; clear: both;}

#news-important .newsList li dt {
	margin-top: 0;
	color: #acb8c6;
	font-size: 62.5%;
	font-weight: normal;
	float: right;
}
#news-important .newsList li dd {
	zoom: 1; /* newマークのカラム落ち回避 */
	letter-spacing: -0.4em;
}
#news-important .newsIcon, .newsTitle, .new  {
	vertical-align: middle;
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#news-important .newsIcon { margin-right: 10px; }
#news-important .newsTitle { width: 66%; }
#news-important .newsList li dd a {
	padding-left: 20px;
	background: url(../../image/icon/arrow_r.gif) no-repeat 4px center;
	color:#e41b33;
	text-decoration:none;
}
#news-important .newsList li dd a:hover {
	text-decoration:underline;
}
#news-important .newsList li.important dd a {
	width:80%;
	background: url(../../image/icon/important.png) no-repeat left center;
	font-weight:bold;
}
#news-important .new {
	padding-right: 6px;
	letter-spacing: normal;
	color: #f40a6c;
	font-size: 62.5%;
	font-weight: bold;
}

/* タイアップバナー */
#mutual-banner h1 { width: 0; height: 0; text-indent: -9999px; font-size: 0; line-height: 0;}
#mutual-banner { width: 226px; margin-top: 6px; padding: 4px;}
#mutual-banner ul li { margin-top: 4px;}
#mutual-banner ul li:first-child { margin-top: 0;}
#mutual-banner ul li img { width: 226px; height: 82px;}
#mutual-banner { /zoom:1; position: relative;}
#mutual-banner ul:after { content: ""; display: block; clear: both;}

/* タイトルバナー */
#adv-block {
	margin-left: 184px;
	padding-bottom: 45px;
	color: #0d1e34;
}
#adv-block h1 {
	width: 0;
	height: 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#adv-block ul { position: relative;}
#adv-block ul li {
	margin-bottom: 6px;
	margin-left: 6px;
	padding: 4px;
	line-height: 120%;
	/zoom:1;
}
#adv-block ul li p .leadTxt { font-size: 87.5%; color: #0d1e34;}
#adv-block ul li img { text-align: center; vertical-align: top; margin: 0;}

/* バナーのサイズ設定 */
#adv-block ul li.adv-boxXL { min-height: 346px;}
#adv-block ul li.adv-boxXL p { padding: 10px 10px;}
#adv-block ul li.adv-boxXL, #adv-block ul li.adv-boxL { width: 466px;}
#adv-block ul li.adv-boxM, #adv-block ul li.adv-boxXS { width: 226px;}
#adv-block ul li.adv-boxXS { height: 106px;}
#adv-block ul li.adv-boxL img { width: 466px; height: 226px;}
#adv-block ul li.adv-boxM img { width: 226px; height: 226px;}
#adv-block ul li.adv-boxXS img { width: 226px; height: 106px;}

/* ツイッター */
/* tweetbox */
#home #tweetbox iframe.twitter-timeline { height: 451px;}