@charset "utf-8";

/* ----------------------------------------

Redefine - topslide

---------------------------------------- */

div#topslide{
	width: 100%;
	height: 639px;
}

div#slide-control{
	margin: 25px 0 76px;
}

.liinlineblock li {
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    margin: 0 5px;
    color:#DBDBDB;
}

.liinlineblock li.current{
	color:#3A2057;
}

div#top-left-contents{
	float: left;
	width: 750px;
}

div#top-left-contents div#top-left-contents-news{
	margin-bottom: 70px;
}

div#top-left-contents div#top-left-contents-whatsnew{
	margin-bottom: 44px;
}

div#top-left-contents div#top-left-contents-news p#news-archive{
	font-size: 13px;
	color:#737373;
	background: url("../img/top/icon_arrow_right.png") no-repeat center right;
	padding: 2px 18px 0 0;
	margin-top: 15px;
}

div#top-left-contents-news-container,
div#top-left-contents-whatsnew-container{
	border-bottom: 1px #ABABAB dotted;
}

div.top-left-contents-news-list,
div.top-left-contents-whatsnew-list{
	line-height: 120%;
	background: url("../img/common/icon_arrow_right.png") no-repeat center right;
	padding: 20px 0;
	width: 750px;
	border-top: 1px #ABABAB dotted;
	position: relative;
}

div.top-left-contents-news-list.nolink,
div.top-left-contents-whatsnew-list.nolink{
	background: none;
}

div.top-left-contents-news-list:hover div.top-left-contents-news-title,
div.top-left-contents-whatsnew-list:hover div.top-left-contents-whatsnew-title{
	text-decoration: none;
}

div.top-left-contents-news-date,
div.top-left-contents-whatsnew-date{
	float: left;
	width: 205px;
	font-size: 16px;
	margin-left: 10px;
}

div.top-left-contents-whatsnew-date{
	width: 100px;
}

div.top-left-contents-news-date.cat-important{
	background: url("../img/top/cat_important.png") no-repeat center right;
}

div.top-left-contents-news-date.cat-news{
	background: url("../img/top/cat_news.png") no-repeat center right;
}

div.top-left-contents-news-title{
	float: left;
	width : 474px;
	margin-left: 30px;
	text-decoration: underline;
}

div.top-left-contents-whatsnew-title{
	float: left;
	width: 640px;
	margin-left: 0;
	text-decoration: underline;
}

div.top-left-contents-news-list.nolink div.top-left-contents-news-title,
div.top-left-contents-whatsnew-list.nolink div.top-left-contents-whatsnew-title{
	text-decoration: none;
}

div.top-left-contents-news-title a,
div.top-left-contents-whatsnew-title a{
	display: block;
}



div#top-right-contents{
	float: right;
	width: 210px;
}

div#top-right-contents ul{
	background: #E5E5E5;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding: 3px 0 6px;
}

div#top-right-contents ul li{
	margin: 6px 0 0 7px;
}

div#top-right-contents ul li#top-right-contents-emergency a{
	 display: block;
	 width: 195px;
	 height: 51px;
	 background: url("../img/top/bnr_1.png") no-repeat;
}

div#top-right-contents ul li#top-right-contents-emergency.current a{
	background: url("../img/top/bnr_1_red.png") no-repeat;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 750px) {
	div#topslide{
		height: 403px;
		margin-bottom: 0px;
	}
	
	
	
	div#top-left-contents div#top-left-contents-news{
		margin-bottom: 0px;
	}
	
	div#top-left-contents div#top-left-contents-whatsnew{
		margin-top: 70px;
		margin-bottom: 50px;
	}
	
	div.top-left-contents-news-list,
	div.top-left-contents-whatsnew-list{
		line-height: 120%;
		background: url("../img/common/icon_arrow_right_sp.png") no-repeat 690px center;
		padding: 20px 0;
		width: 750px;
	}
	
	div.top-left-contents-news-date,
	div.top-left-contents-whatsnew-date{
		float: none;
		width: 290px;
		font-size: 23px;
		margin-left: 25px;
		margin-bottom: 10px;
	}
	
	div.top-left-contents-whatsnew-date{
		width: 100px;
	}
	
	div.top-left-contents-news-date.cat-important{
		background: url("../img/top/cat_important_sp.png") no-repeat center right;
	}
	
	div.top-left-contents-news-date.cat-news{
		background: url("../img/top/cat_news_sp.png") no-repeat center right;
	}
	
	div.top-left-contents-news-title,
	div.top-left-contents-whatsnew-title{
		float: none;
		width : 650px;
		margin-left: 25px;
		font-size: 23px;
	}
	
	div#news-archive-sp{
		background: #672E9B;
		margin-bottom: 45px;
		width: 750px;
	}
	
	div#news-archive-sp a{
		color:#fff;
		display: block;
		width: 700px;
		margin: 0 auto;
		background: url("../img/common/icon_arrow_archive_sp.png") no-repeat center right;
		padding: 20px 0;
	}
	
	div#top-right-contents-emergency-sp{
		background: #E5E5E5;
		border-radius: 10px;		/* CSS3草案 */
		-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 10px;	/* Firefox用 */
		padding: 8px 6px;
		margin-right: 20px;
		margin-top: -20px;
	}
	
	div#top-right-contents-emergency-sp a{
		display: block;
		 width: 195px;
		 height: 51px;
		 background: url("../img/top/bnr_1.png") no-repeat;
	}
	
	div#top-right-contents-emergency-sp.current a{
		background: url("../img/top/bnr_1_red.png") no-repeat;
	}
}