@charset "utf-8";

/*
	* Name: top.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
	* Author URI: http://www.3050grafix.com/
	* Author E-mail: hiro@3050grafix.com
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	body.top {
	}


	/* ========================================
	   * 領域設定 - Header -
	======================================== */

	body.top header {
		margin-bottom: 16px;
	}


	/* ========================================
	   * 領域設定 - Contents -
	======================================== */

	body.top #contents {
		position: relative;
	}


	/* ========================================
	   * 領域設定 - Top Image -
	======================================== */

	body.top #topimage {
		margin: 0 auto 42px auto;
		width: 800px;
	}

	body.top #topimage > div.slider {
		margin: 0 0 20px 0;
	}

	body.top #topimage > div.slider > div.sliderContents {
		top: 0;
		width: 100%;
	}

	body.top #topimage > div.slider > div.sliderContents > ul {
		list-style-type: none;
		margin-left: 0;
		position: relative;
	}

	body.top #topimage > div.slider > div.sliderContents > ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.top #topimage > div.slider > div.sliderContents > ul > li {
		float: left;
		margin-left: 12px;
		margin-right: 12px;
		width: 100%;
	}

	body.top #topimage > div.slider > div.sliderContents > ul > li > img {
		display: block;
	}

	body.top #topimage > div.slider > div.sliderContents > ul > li > img {
		border-radius: 4px;
		height: auto;
		width: 100%;
	}

	body.top #topimage > div.slider > div.sliderContents > a.navi {
		background-color: #e7e7e7;
		border-radius: 50%;
		color: #333232;
		cursor: pointer;
		font-size: 120%;
		display: block;
		padding: 6px;
		position: absolute;
		text-decoration: none;
	}

	body.top #topimage > div.slider > div.sliderContents > a.navi:hover {
		background-color: #147fd0;
		color: #ffffff;
		text-decoration: none;
	}

	body.top #topimage > nav.topimage > ul {
		list-style-type: none;
		margin-left: -1%;
		margin-right: -1%;
		width: 102%;
	}

	body.top #topimage > nav.topimage > ul > li {
		display: inline-block;
		margin-left: 1%;
		margin-right: 1%;
	}

	body.top #topimage > nav.topimage > ul > li > a,
		body.top #topimage > nav.topimage > ul > li > a span {
			display: block;
	}

	body.top #topimage > nav.topimage > ul > li > a,
		body.top #topimage > nav.topimage > ul > li > a > span {
			display: block;
			position: relative;
	}

	body.top #topimage > nav.topimage > ul > li > a {
		color: #464646;
		font-size: 120%;
		text-align: left;
		text-decoration: none;
	}

	body.top #topimage > nav.topimage > ul > li > a:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.top #topimage > nav.topimage > ul > li > a > span {
		float: left;
	}

	body.top #topimage > nav.topimage > ul > li > a > span.icon > img {
		display: block;
		height: auto;
		margin: 0 6px 0 0;
		max-height: 28px;
		width: auto;
	}


	/* ========================================
	   * 領域設定 - Main -
	======================================== */

	body.top #main dl.newslist:last-child {
		margin-bottom: 0;
	}

}