﻿@charset "utf-8";

/*
	* Name: home.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license

	* Contents:
	  - 領域設定 - レイアウト -
	    - 01. 領域設定 - ID指定 -
	    - 07. 領域設定 - Main -
	  - 個別設定 - Flash -
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	#home {
	}


	/* ========================================
	   * 06. 領域設定 - Contents -
	======================================== */

	#home #contents {
		background-image: url("../../../img/pc/home/bg_border.gif");
		border-bottom: 1px solid #DDE9EC;
		border-top: 1px solid #DDE9EC;
	}


	/* ========================================
	   * 07. 領域設定 - Main -
	======================================== */

	#home #main h2.text > span {
		font-size: 15px;
		padding-right: 52px;
	}

	#home #main h2.text > span a.btn_list {
		right: -42px;
	}

	#home #main div.news ul.list li,
		#home #main div.local ul.list li,
			#home #main div.carp ul.list li,
				#home #main div.sanfrecce ul.list li,
					#home #main ul.articlelist li {
						font-size: 120%;
	}

	#home #main div.flash {
		margin: 3px 0 0 0;
	}

	#home #main div.flash div.line h6,
		#home #main div.flash div.line div.news {
			float: left;
	}

	#home #main div.flash div.line {
		box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
		margin: 0 0 14px 0;
		padding: 5px;
		-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
	}

	#home #main div.flash div.line h6 {
		line-height: 100%;
		margin-bottom: 0;
		text-align: center;
		width: 104px;
	}

	#home #main div.flash div.line h6 img {
		margin-left: auto;
		margin-right: auto;
	}

	#home #main div.flash div.line:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#home #main div.flash div.line div.news {
		padding: 4px 8px 4px 8px;
		width: 512px;
	}

	#home #main div.flash div.line div.news a {
		color: #373737;
	}

	#home #main div.flash div.line div.news a:hover {
		text-decoration: underline;
	}

	#home #main div.flash div.black {
		background-color: #373737;
	}

	#home #main div.flash div.black div.news {
		background-color: #E5E5E5;
	}

	#home #main div.flash div.blue {
		background-color: #007BBD;
	}

	#home #main div.flash div.blue div.news {
		background-color: #DEF7FE;
	}

	#home #main div.flash div.red {
		background-color: #B70D0E;
	}

	#home #main div.flash div.red div.news {
		background-color: #FFFFCD;
	}

	#home #main div.news div.shadow div.pr,
		#home #main div.local div.shadow div.pr {
			margin-bottom: 0;
	}

	#home #main div.paper div.shadow div.today {
		margin: 0 auto 0 auto;
		width: 194px;
	}

	#home #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea {
		margin-bottom: 0;
	}

	#home #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea li a.paper {
		border: 1px solid #D3D3D1;
		display: block;
		margin-bottom: 8px;
		max-height: 178px !important;
		max-width: 132px !important;
		padding: 6px;
	}

	#home #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea li a.paper img {
		max-height: 174px;
		max-width: 130px;
	}

	#home #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea li h6 {
		border: 1px solid #E5E5E3;
		font-weight: normal;
		margin-left: 0;
		margin-right: 0;
		padding: 1px;
		width: 142px;
	}

	#home #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea li h6 span {
		background-color: #F5F5F4;
		color: #474747;
		display: block;
	}

	#home #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea li h6 span a {
		color: #474747;
		display: inline !important;
	}

	#sidebar #main div.frame div.container div.shadow {
		background: url("../../img/pc/common/bg_shadow.gif") left top repeat-x;
		padding: 5px 14px 10px 14px;
	}

	#sidebar #main div.paper div.shadow div.today {
		margin: 0 auto 0 auto;
		width: 194px;
	}

	#sidebar #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea {
		margin-bottom: 0;
	}

	#sidebar #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea li a.paper {
		border: 1px solid #D3D3D1;
		display: block;
		margin-bottom: 0px;
		max-height: 188px !important;
		max-width: 146px !important;
		padding: 6px;
	}

	#sidebar #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea li a.paper img {
		max-height: 186px;
		max-width: 144px;
	}

	#sidebar #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea li h6 {
		border: 1px solid #E5E5E3;
		font-weight: normal;
		margin-left: 0;
		margin-right: 0;
		padding: 1px;
		max-width: 160px;
	}

	#sidebar #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea li h6 span {
		background-color: #F5F5F4;
		color: #474747;
		display: block;
	}

	#sidebar #main div.paper div.contentsSlider div.container div.imageAreaSet ul.imageArea li h6 span a {
		color: #474747;
		display: inline !important;
	}

	#sidebar #main div.paper a.btn_prev {
		left: -33px !important;
	}

	#sidebar #main div.paper a.btn_next {
		right: -33px !important;
	}

	#home #main div.paper a.btn_prev {
		left: -33px !important;
	}

	#home #main div.paper a.btn_next {
		right: -33px !important;
	}

	#home #main div.local div.shadow {
		padding-top: 5px;
	}

	#home #main div.select div.shadow div.leftside {
		float: left;
		margin: 0 22px 0 0;
		width: 372px;
	}

	#home #main div.local div.shadow {
		padding-top: 18px;
	}

	#home #main div.select div.shadow div.leftside {
		float: left;
		margin: 0 22px 0 0;
		width: 372px;
	}

	#home #main div.select div.shadow div.leftside div.readmore {
		border-top: 1px dotted #DCDCDC;
		padding: 16px 0 0 0;
	}

	#home #main div.select div.shadow div.leftside div.readmore p {
		margin-bottom: 0;
		text-align: right;
	}

	#home #main div.select div.shadow div.leftside div.readmore p a {
		background: url("../../../img/pc/common/icon_arrow_square_skyblue.gif") left center no-repeat;
		color: #069DD7;
		padding: 0 0 0 20px;
	}

	#home #main div.select div.shadow div.rightside {
		float: left;
		width: 214px;
	}

	#home #main div.local div.article {
		margin: 0 0 24px 0;
	}

	#home #main div.local div.article:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#home #main div.local div.article div.photoarea {
		float: left;
		margin: 0 16px 0 0;
		width: 300px;
	}

	#home #main div.local div.article div.photoarea div.photo {
		margin: 0 0 4px 0;
		max-height: 190px;
		max-width: 300px;
		overflow: hidden;
		text-align: center;
	}

	#home #main div.local div.article div.photoarea a {
		font-size: 120%;
	}

	#home #main div.local div.article div.listarea {
		float: left;
		width: 284px;
	}

	#home #main div.local div.article div.listarea ul {
		list-style-type: none;
	}

	#home #main div.local div.article div.listarea ul li {
		background-position: 6px 8px;
		margin-bottom: 4px;
		padding-left: 18px;
	}

/* 2014.06.10 CSD-Y.Nishida DEL
	#home #main div.local div.article div.listarea ul li.first {
		border-bottom: 1px dotted #EAEAEA;
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
*/
	#home #main ul.articlelist li div.infoarea h4 a:hover {
		text-decoration: underline;
	}

	#home #main ul.articlelist li.nomgn_b {
		border-bottom: none;
	}

	#home #main ul.articlelist li.nomgn_b {
		padding-bottom: 0 !important;
	}

	#home #main div.event ul.articlelist li.nomgn_b div.photoarea,
		#home #main div.event ul.articlelist li.nomgn_b div.infoarea,
			#home #main div.reporter ul.articlelist li.nomgn_b div.photoarea,
				#home #main div.reporter ul.articlelist li.nomgn_b div.infoarea,
					#home #main div.blog ul.articlelist li.nomgn_b div.photoarea,
						#home #main div.blog ul.articlelist li.nomgn_b div.infoarea {
							margin-bottom: 0 !important;
	}

	#home #main div.event ul.articlelist,
		#home #main div.reporter ul.articlelist,
			#home #main div.blog ul.articlelist {
				margin-bottom: 0;
	}

	#home #main div.event ul.articlelist li div.infoarea {
		width: 64%;
	}

	#home #main div.reporter ul.articlelist li div.photoarea span.date {
		color: #2D7BA3;
	}

	#home #main div.reporter ul.articlelist li div.infoarea h4 a {
		color: #2C7AA3;
	}

	#home #main div.blog ul.articlelist li div.infoarea h4 {
		font-size: 100%;
	}

	#home #main div.blog ul.articlelist li div.infoarea h4 a {
		color: #F2722C;
	}

	#home #main div.blog ul.articlelist li div.photoarea span.date {
		color: #F3722C;
	}

	#home #main div.blog ul.articlelist li {
		padding-left: 0;
		padding-right: 0;
	}


	/* ========================================
	   * 個別設定 - Flash -
	======================================== */

	#home #flash {
		border-top: 1px solid #E3E3E3;
/*		padding: 10px 0 10px 0;*/
		padding: 3px 0 3px 0;
		text-align: center;
	}

	#home #flash a {
/*		color: #161519;*/
/*		font-size: 300%;*/
		font-size: 1.8em;
/*		text-decoration: none;*/
	}

	#home #flash a:hover {
		color: #CB1F1F;
	}

}