@charset "utf-8";

/*
	* Name: layout.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license

	* Contents:
	  - 領域設定 - レイアウト -
	    - 01. 領域設定 - ID指定 -
	    - 02. 領域設定 - コンテナ -
	    - 03. 領域設定 - No Script -
	    - 04. 領域設定 - Header -
	    - 05. 領域設定 - Nav -
	    - 06. 領域設定 - Contents -
	    - 07. 領域設定 - Main -
	    - 08. 領域設定 - Bread Crumbs Navigation -
	    - 09. 領域設定 - Side Bar -
	    - 10. 領域設定 - Footer -
	    - 11. 領域設定 - Copyright -
	  - 個別設定 - Simple -
*/


/* Stylesheet Document */

@media all {

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

	noscript {
	}

	header {
		padding: 14px 0 0 0;
		width: 100%;
	}

	nav {
		background: url("../../img/pc/common/bg_navigation.gif") left top;
		min-height: 100px;
		clear: both;
		margin: 0 0 1px 0;
	}

	footer {
		border-top: 4px solid #00b9e7;
		clear: both;
		padding: 24px 0 0 0;
	}


	/* ========================================
	   * 01. 領域設定 - ID指定 -
	======================================== */

	#contents {
		background: url("../../img/pc/common/bg_border.gif") left top;
		border-bottom: 1px solid #CDEAF3;
		border-top: 1px solid #CDEAF3;
		clear: both;
		margin: 0;
		padding: 9px 0 0 0;
		width: 100%;
	}

	/* IE7 HACK */
	*:first-child+html #contents {
		padding-bottom: 18px;
	}

	#main {
		float: left;
		margin: 0 18px 20px 0;
		text-align: left;
		width: 642px;
	}

	#bcnavi {
		margin: 0 0 12px 0;
	}

	#sidebar {
		float: left;
		margin: 3px 0 20px 0;
		width: 300px;
	}

	#copyright {
		margin: 0 auto 0 auto;
		padding: 0 0 20px 0;
		text-align: left;
		width: 960px;
	}


	/* ========================================
	   * 02. 領域設定 - コンテナ -
	======================================== */

	.container {
		margin: 0;
		padding: 0;
	}

	.wrapper {
		margin: 0;
		padding: 0;
	}

	.paragraph {
		margin: 0 14px 28px 14px;
		padding: 0;
	}


	/* ========================================
	   * 03. 領域設定 - No Script -
	======================================== */

	noscript div.noscript {
		background-color: #FDEEF4;
		border-bottom: 1px solid #F9CEDE;
		color: #C53668;
		margin: 0;
		padding: 8px 0 8px 0;
	}

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

	header div.logo {
		background: url("../../img/pc/common/bg_header.png") left bottom repeat-x;
		padding: 0 0 10px 0;
		width: 100%;
	}

	header div.logo:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	header div.logo div.container {
		margin-bottom: 4px;
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}

	header div.logo div.ads {
		float: right;
	}

	header div#gnavi {
		background: url("../../img/pc/common/bg_gnavi.png") left top;
		clear: both;
		min-height: 24px;
		padding: 10px 0 5px 0;
	}

	header div#gnavi:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	header div#gnavi div.container {
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}

	header div#gnavi div.container div.ads {
		float: left;
		line-height: 100%;
	}

	header div#gnavi div.container div.ads em,
		header div#gnavi div.container div.ads ul,
			header div#gnavi div.container div.ads ul li,
				header div#gnavi div.container div#fontsize h6,
					header div#gnavi div.container div#fontsize ul,
						header div#gnavi div.container div#fontsize ul li {
							float: left;
	}

	header div#gnavi div.container div.ads em,
		header div#gnavi div.container div.ads ul li {
			margin-right: 8px;
			padding-bottom: 2px;
			padding-top: 2px;
	}

	header div#gnavi div.container div.ads em {
		color: #FFFFFF;

		font-weight: normal;
	}

	header div#gnavi div.container div.ads ul {
		border-left: 1px solid #565656;
		list-style-type: none;
		padding-left: 8px;
	}

	header div#gnavi div.container div.ads ul li {
		border-right: 1px solid #565656;
		padding-right: 8px;
	}

	header div#gnavi div.container div.ads ul li a {
		color: #CCCCCC;
		text-decoration: none;
	}

	header div#gnavi div.container div.ads ul li a:hover {
		color: #FEFCAD;
	}

	header div#gnavi div.container div#fontsize {
		float: right;
		margin: 0;
	}

	header div#gnavi div.container div#fontsize h6 {
		margin-right: 8px;
	}

	header div#gnavi div.container div#fontsize ul {
		background: url("../../img/pc/common/bg_fontsize.png") left top no-repeat;
		height: 35px;
		list-style-type: none;
		margin-top: -19px;
		padding: 4px;
		width: 90px;
	}

	header div#gnavi div.container div#fontsize ul li,
		header div#gnavi div.container div#fontsize ul li a {
			height: 35px;
			width: 30px;
	}

	header div#gnavi div.container div#fontsize ul li a {
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
		text-indent: -9999px;
	}

	header div#gnavi div.container div#fontsize ul li a:hover {
		background-position: left -35px;
	}

	header div#gnavi div.container div#fontsize ul li#btn_small_fontsize a {
		background-image: url("../../img/pc/common/btn_small_fontsize.png");
	}

	header div#gnavi div.container div#fontsize ul li#btn_middle_fontsize a {
		background-image: url("../../img/pc/common/btn_middle_fontsize.png");
	}

	header div#gnavi div.container div#fontsize ul li#btn_large_fontsize a {
		background-image: url("../../img/pc/common/btn_large_fontsize.png");
	}


	/* ========================================
	   * 05. 領域設定 - Nav -
	======================================== */

	nav div.container {
		background: url("../../img/pc/common/bg_navigation_shadow.png") left top repeat-x;
		clear: both;
		padding-bottom: 8px;
		padding-top: 12px;
	}

	nav div.container:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	nav div.container ul {
		list-style-type: none;
		margin-left: auto;
		margin-right: auto;
		width: 962px;
	}

	nav div.container ul li {
		float: left;
		margin-left: 2px;
		margin-right: 2px;
		position: relative;
	}


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

	#contents:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#contents > div.container {
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}

	#contents div.container div.container {
		margin-left: 0;
		margin-right: 0;
		width: auto;
	}


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

	#main a {
		text-decoration: none;
	}

	#main h2 {
		position: relative;
	}

	#main h2 span,
		#main h2 span img {
			display: block;
			margin: 0 0 1px 0;
	}

	#main h2 > span {
		border-bottom: 1px solid #D4D4D4;
		position: relative;
		width: 100%;
	}

	#main h2.text {
		background-color: #00B9E7;
		border-bottom: 1px solid #D4D4D4;
		border-radius: 4px 4px 0 0;
		color: #FFFFFF;
		font-size: 150%;
		font-weight: bold;
	}

	#main h2.text.news {
		background-color: #3081C2;
	}

	#main h2.text.local {
		background-color: #338D56;
	}

	#main h2.text.carp {
		background-color: #E42503;
	}

	#main h2.text.sanfrecce {
		background-color: #624696;
	}

	#main h2.text.column {
		background-color: #E45282;
	}

	#main h2.text.chupea {
		background-color: #ED6B7E;
	}

	#main h2.text.event {
		background-color: #4F9540;
	}

	#main h2.text.reporter {
		background-color: #116997;
	}

	#main h2.text.blog {
		background-color: #EA5124;
	}

	#main h2.text.townnet {
		background-color: #AB3748;
	}

	#main h2.text.select.bordeaux {
		background-color: #9D3344;
	}

	#main h2.text.select.orange {
		background-color: #EE8606;
	}

	#main h2.text.select.gold {
		background-color: #CA9A0C;
	}

	#main h2.text > a {
		color: #FFFFFF;
		display: block;
		font-size: 86%;
	}

	#main h2.text > a:hover {
		text-decoration: underline;
	}

	#main h2.text span.child img {
		display: inline;
		margin-left: 6px;
		vertical-align: middle;
	}

	#main h2.text span.text {
		border-bottom: 1px solid #FFFFFF;
		display: block;
		margin-bottom: 0;
		padding: 10px 14px 10px 14px;
		text-shadow: 0 0 2px rgba(0,0,0,0.32);
		width: auto;
	}

	#main h2.text span.text img {
		display: inline;
		margin-left: 6px;
		vertical-align: middle;
	}

	#main h2.text span.text img.icon_premium {
		margin-left: 4px;
		position: static;
		top: 0;
		vertical-align: middle;
	}

	#main h2.text span.twoTone {
		background-color: #FFFFFF;
		display: block;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	#main h2 span br {
		display: none;
	}

	#main h2 span img.icon_premium {
		position: absolute;
		top: 8px;
	}

	#main h2.news span img.icon_premium {
		left: 135px;
	}

	#main h2.paper span img.icon_premium {
		left: 98px;
	}

	#main h2.local span img.icon_premium {
		left: 148px;
	}

	#main h2.carp span img.icon_premium {
		left: 66px;
	}

	#main h2.sanfrecce span img.icon_premium {
		left: 80px;
	}

	#main h2.reporter span img.icon_premium {
		left: 112px;
	}

	#main h2.blog span img.icon_premium {
		left: 112px;
	}

	#main h2.column span img.icon_premium {
		left: 140px;
	}

	#main h2.life_information span img.icon_premium {
		left: 80px;
	}

	#main h2.photograph span img.icon_premium {
		left: 140px;
	}

	#main h2 span a.btn_list,
		#main h2 span span.btn_list {
			position: absolute;
			right: 10px;
			top: 7px;
	}

	#main h2 span img.toplist {
		position: absolute;
		right: 10px;
		top: 7px;
	}

	#main div.shadow h2 {
		margin-bottom: 12px;
	}

	#main h3 span {
		background: url("../../img/pc/common/icon_circle_default.png") 10px center no-repeat;
		display: block;
		margin-bottom: 0;
		padding: 0 0 0 36px;
	}

	#main h3 span br {
		display: none;
	}

	#main h3 span a {
		position: absolute;
		right: 12px;
		top: 8px;
	}

	#main h3 span a img {
		vertical-align: middle;
	}

	#main div.paragraph {
		font-size: 120%;
	}

	#main div.paragraph div.note {
		font-size: 100%;
	}

	#main div.paragraph:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main div.paragraph p {
		margin-bottom: 28px;
		word-wrap: break-word;
	}

	#main div.paragraph p a {
		text-decoration: underline;
	}

	#main div.paragraph div.photoarea {
		background: url("../../img/pc/common/bg_photoarea.gif") left top;
		float: right;
		margin: 0 0 28px 28px;
		padding: 10px;
		text-align: center;
		width: 208px;
	}

	#main div.paragraph div.photoarea a img {
		height: auto;
		max-width: 208px;
		vertical-align: text-bottom;
	}

	#main div.paragraph div.photoarea br {
		display: none;
	}

	#main div.paragraph div.photoarea div.caption p {
		font-size: 80%;
		margin-bottom: 0;
	}

	#main div.paragraph div.articlelist ul li {
		font-size: 100%;
	}

	#main div.frame {
		background-color: #FFFFFF;
		border: 1px solid #CECECE;
		border-radius: 6px;
		box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
		margin-bottom: 12px !important;
		padding: 2px;
	}

	#main div.frame div.container {
		width: auto;
	}

	#main div.frame div.frameBottom,
		#main div.frame div.frameTop {
			height: 10px;
	}

	#main div.frame248 {
		width: 236px;
	}

	#main div.frame318 div.container {
		width: 306px;
	}

	#main div.frame div.container div.shadow {
		background: url("../../img/pc/common/bg_shadow.gif") left top repeat-x;
		padding: 18px 14px 10px 14px;
	}

	#main div.frame div.container div.shadow:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main div.frame388 {
		width: 376px;
	}

	#main div.frame648 {
		clear: both;
		width: 648px;
	}

	#main div.frame648 {
		width: 636px !important;
	}

	#main div.frame966 {
		clear: both;
		width: 954px;
	}

	#main div.frame.frame966 div.container div.shadow {
		background: none;
	}

	#main div.separate {
		clear: both;
		width: 648px;
	}

	#main div.separate:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	/* IE7 HACK */
	*:first-child+html #main div.separate {
		margin-bottom: 12px;
		min-height: 1px;
	}

	#main div.category {
		clear: both;
		margin: 0 0 16px 0;
	}

	#main div.category ul {
		list-style-type: none;
		margin-bottom: -10px;
	}

	#main div.category ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main div.category ul li {
		float: left;
		margin-bottom: 10px;
	}

	#main div.category ul.triple {
		margin-left: -5px !important;
		margin-right: -5px !important;
		width: 618px !important;
	}

	#main div.category ul.triple li,
		#main div.category ul.triple li a {
			width: 196px !important;
	}

	#main div.category ul.triple li {
		margin-left: 5px;
		margin-right: 5px;
	}

	#main div.category ul.fourth {
		margin-left: -7px;
		margin-right: -7px;
		width: 620px;
	}

	#main div.category ul.fourth li {
		margin-left: 7px;
		margin-right: 7px;
	}

	#main div.category ul.fourth li,
		#main div.category ul.fourth li a {
			width: 141px;
	}

	#main div.category ul.fifth {
		margin-left: -6px;
		margin-right: -6px;
		width: 620px;
	}

	#main div.category ul.fifth li,
		#main div.category ul.fifth li a {
			width: 112px;
	}

	#main div.category ul.fifth li {
		margin-left: 6px;
		margin-right: 6px;
	}

	#main div.category ul.sixth {
		margin-left: -7px;
		margin-right: -7px;
		width: 614px;
	}

	#main div.category ul.sixth li,
		#main div.category ul.sixth li a {
			width: 94px;
	}

	#main div.category ul.sixth li {
		margin-left: 4px;
		margin-right: 4px;
	}

	#main div.category ul li a,
		#main div.category ul li a span {
			border-radius: 2px;
			display: block;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
	}

	#main div.category ul li a {
		background-color: #FFFFFF;
		border: 1px solid #CECECE;
		overflow: hidden;
		text-align: center;
	}

	#main div.category ul li a span {
		background: url("../../img/pc/common/bg_bcnavi.gif") left bottom repeat-x;
		margin: 1px;
	}

	#main div.category ul li a:hover span,
		#main div.category ul li a.current span {
			background: none;
			background-color: #369FD2;
			color: #FFFFFF;
	}

	#main div.topimage {
		margin: 0 0 20px 0;
	}

	#main div.event ul.articlelist li div.infoarea span.date {
		color: #4E943F;
	}

	#main div.event ul.articlelist li div.infoarea h4 a {
		color: #4E943F;
	}

	#main div.oneline ul.articlelist {
		width: 100%;
	}

	#main div.oneline ul.articlelist li {
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 8px;
		padding-right: 8px;
		width: auto;
	}

	#main div.oneline ul.articlelist li div.photoarea {
		margin-right: 14px;
		width: 120px;
	}

	#main div.oneline ul.articlelist li div.photoarea div.photo {
		max-height: 90px;
		max-width: 120px;
		overflow: hidden;
		text-align: center;
	}

	#main div.oneline ul.articlelist li div.photoarea div.photo img {
		max-height: 90px;
		max-width: 120px;
	}

	#main div.oneline ul.articlelist li div.infoarea {
		font-size: 120%;
		width: 458px;
	}

	#main div.twoline ul.articlelist {
		margin-right: -10px;
		margin-left: -10px;
		width: 628px;
	}

	#main div.twoline ul.articlelist li {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 6px;

		padding-right: 6px;
		width: 282px;
	}

	#main div.twoline ul.articlelist li.nomgn_b {
		padding-bottom: 0;
	}

	#main div.twoline ul.articlelist div.photoarea div.photo img {
		max-height: 67px;
		max-width: 90px;
	}

	#main div.twoline ul.articlelist div.infoarea {
		width: 60% !important;
	}

	#main div.pagenation {
		border-top: 1px solid #E6E6E5;
		clear: both;
		margin: 0 0 10px 0;
		padding: 24px 0 0 0;
		text-align: center;
	}

	#main div.pagenation ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	#main div.pagenation ul li {
		display: inline;
	}

	#main div.pagenation ul li span,
		#main div.pagenation ul li a {
			border-radius: 2px;
/*
			margin: 0 2px 0 2px;
			padding: 6px 8px 6px 8px;
*/
			margin: 0 1px 0 1px;
			padding: 6px 4px 6px 4px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
	}

	#main div.pagenation ul li span,
		#main div.pagenation ul li a:hover,
			#main div.pagenation ul li a.current,
				#main div.pagenation ul li a.prev,
					#main div.pagenation ul li a.next {
						color: #FFFFFF !important;
	}

	#main div.pagenation ul li span {
		border: 1px solid #CCCCCC;
		background-color: #CCCCCC;
	}

	#main div.pagenation ul li a {
		color: #18B9DB;
		border: 1px solid #18B9DB;
	}

	#main div.pagenation ul li a:hover,
		#main div.pagenation ul li a.current,
			#main div.pagenation ul li a.prev,
				#main div.pagenation ul li a.next {
					background-color: #18B9DB;
	}

	#main div.updateddate {
		border-bottom: 1px solid #DADAD9;
		color: #6D6D6D;
		margin: -4px 0 18px 0;
		padding: 0 16px 10px 16px;
		text-align: right;
	}

	#main div.course {
		clear: both;
		font-size: 120%;
		margin: 0 0 28px 0;
		width: 100%;
	}

	#main div.course.photo {
		clear: inherit;
		width: 324px;
	}

	#main div.course.photo div.comment,
		#main div.course ul.button,
			#main div.course p.course {
				width: 324px;
	}

	#main div.course ul.button,
		#main div.course p.course {
			margin-left: auto !important;
			margin-right: auto !important;
	}

	#main div.course div.comment {
		border: 1px solid #333333;
		box-sizing: border-box;
		margin-bottom: 12px;
		padding: 12px;
		width: 100%;
	}

	#main div.course div.comment h6 {
		color: #E96605;
		font-size: 80%;
		text-align: center;
		width: auto !important;
	}

	#main div.course div.comment h6.limit {
		font-size: 140%;
	}

	#main div.course ul.button {
		list-style-type: none;
		margin-left: 0;
	}

	#main div.course ul.button {
		list-style-type: none;
		margin-bottom: 14px;
	}

	#main div.course ul.button li {
		margin-bottom: 8px;
	}

	#main div.course ul.button li:last-child {
		margin-bottom: 0;
	}

	#main div.course ul.button li a,
		#main div.course ul.button li a img {
			display: block;
	}

	#main div.course p.course {
		font-size: 80%;
	}

	#main div.paragraph div.course {
		font-size: 100%;
	}

	#main div.paragraph div.course,
		#main div.paragraph div.course p.course {
			margin-bottom: 0;
	}

	#main div.separate div.leftside,
		#main div.separate div.rightside {
			float: left;
	}

	#main div.separate div.leftside {
		margin-right: 15px;
	}

	#main div.blogarea {
		margin: 0 0 28px 0;
	}

	#main div.blogarea:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main div.blogarea div.leftside,
		#main div.blogarea div.article {
			float: left;
	}

	#main div.blogarea div.leftside {
		margin-right: 24px;
		width: 206px;
	}

	#main div.blogarea div.leftside ul.button {
		list-style-type: none;
		margin-bottom: 18px;
		margin-left: 0;
	}

	#main div.blogarea div.leftside ul.button li {
		margin-bottom: 4px;
	}

	#main div.blogarea div.article {
		width: 378px;
	}

	#main div.blogarea div.article div.photoarea {
		float: none;
		margin-bottom: 28px;
		margin-left: 0;
		text-align: center;
		width: 330px;
	}

	#main div.blogarea div.article div.paragraph div.photoarea img {
		max-width: 330px;
	}

	#main div.blogarea div.article div.paragraph div.photoarea p {
		text-align: left;
	}

	#main div.scoreboard {
		border-radius: 2px;
		margin: 0 0 28px 0;
		padding: 8px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}

	#main div.scoreboard table {
		border-left: none;
		border-right: none;
		border-top: none;
		margin-bottom: 0;
	}

	#main div.scoreboard table tr th {
		border-right: none;
		width: auto;
	}

	#main div.scoreboard table tr th,
		#main div.scoreboard table tr td {
			background-color: inherit;
			padding: 4px 6px 4px 6px !important;
			text-align: center;
	}

	#main div.scoreboard table tr.border th,
		#main div.scoreboard table tr.border td {
			border: 2px solid #FFFFFF;
	}

	#main div.scoreboard table tr.border th.name {
		text-align: left;
		width: 20%;
	}

	#main div.scoreboard table tr th.result,
		#main div.scoreboard table tr td.result {
			font-weight: bold;
			text-align: right;
			width: 8%;
	}

	#main div.baseball,
		#main div.baseball table tr th,
			#main div.baseball table tr td {
				color: #FFFFFF;
	}

	#main div.baseball {
		background-color: #21441C;
	}

	#main div.thumbnail {
		clear: both;
		margin-bottom: 28px;
	}

	#main div.thumbnail div.container {
		border: 1px solid #D4D4D4;
		border-radius: 4px;
		margin-bottom: 6px;
		padding: 1px;
		width: auto;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	#main div.thumbnail div.container h4 {
		background: #00b9e7 url("../../img/pc/common/bg_title_thumbnail.png") left top repeat-x;
		border-radius: 4px 4px 0 0 / 4px 4px 4px 4px;
		color: #FFFFFF;
		font-size: 120%;
		font-weight: normal;
		margin-bottom: 1px;
		padding: 10px 14px 10px 14px;
	}

	#main div.thumbnail div.container h4 span {
		background: url("../../img/pc/common/icon_photo_white.png") left center no-repeat;
		display: block;
		padding: 0 0 0 26px;
	}

	#main div.thumbnail div.container ul {
		border-top: 1px solid #D4D4D4;
		list-style-type: none;
		margin-bottom: 12px;
		margin-left: 0;
		padding-top: 12px;
		text-align: center;
	}

	#main div.thumbnail div.container ul li {
		display: inline;
		margin-left: 2px;
		margin-right: 2px;
	}

	#main div.thumbnail div.container ul li img {
		border: 1px solid #CECECE;
		padding: 2px;
		max-height: 120px;
		vertical-align: text-bottom;
		max-width: 120px;
	}

	#main div.social {
		border: 1px solid #EAEAEA;
		border-radius: 4px;
		clear: both;
		margin: 0 0 14px 0;
		padding: 8px 0 8px 0;
		text-align: center;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	#main div.social ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	#main div.social ul li {
		display: inline;
		margin-left: 2px;
		margin-right: 2px;
	}

	#main div.social ul li#btn_mypage_save {
		margin-left: 8px;
	}

	#main div.social ul li img {
		vertical-align: text-bottom;
	}

	#main div.comment ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	#main div.comment ul li {
		border-bottom: 1px solid #F0F0F0;
		margin-bottom: 16px;
		padding-bottom: 16px;
	}

	#main div.comment ul li div.userinfo,
		#main div.comment ul li p {
			margin-left: 14px;
			margin-right: 14px;
	}

	#main div.comment ul li div.userinfo {
		border-bottom: 1px dotted #DCDCDC;
		margin-bottom: 14px;
		padding: 0 0 14px 0;
	}

	#main div.comment ul li div.userinfo span.name {
		border-right: 1px solid #DBDBDB;
		font-weight: bold;
		margin-right: 10px;
		padding-right: 10px;
	}

	#main div.comment ul li div.userinfo span.date {
		color: #7A7A7A;
	}

	#main div.comment ul.formButton {
		border-bottom: 1px solid #F0F0F0;
		margin-bottom: 16px;
		width: 100%;
	}

	#main div.comment ul.formButton li,
		#main div.comment ul.formButton li a {
			width: 240px;
	}

	#main div.comment ul.formButton li {
		border-bottom: none;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
	}

	#main div.comment ul.formButton li a {
		font-size: 120%;
	}

	#main div.flip,
		#main div.flip ul {
			height: 24px;
	}

	#main div.flip {
		margin-bottom: 14px;
	}

	#main div.flip ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	#main div.flip ul li.btn_prev {
		float: left;
		margin-left: 6px;
	}

	#main div.flip ul li.btn_next {
		float: right;
		margin-right: 6px;
	}

	#main div.pr {
		border-bottom: 1px solid #F0F0F0;
		border-top: 1px solid #F0F0F0;
		clear: both;
		margin: 0 0 42px 0;
		padding: 8px 4px 8px 4px;
	}

	#main div.pr ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	#main div.pr ul li {
		background: url("../../img/pc/common/icon_pr.png") left 4px no-repeat;
		margin-bottom: 4px;
		padding-left: 28px;
	}

	#main div.pr ul li a {
		color: #F4722C;
	}

	#main div.pr ul li a:hover {
		color: #2F7DF2;
		text-decoration: underline;
	}

	#main div.related {
		border-top: 1px dotted #DCDCDC;
		margin: 0 0 38px 0;
		padding: 18px 8px 0 8px;
	}

	#main div.related h6 {
		color: #595959;
		font-size: 120%;
		font-weight: normal;
		margin-bottom: 10px;
	}

	#main div.related ul {
		list-style-type: none;
		margin-left: 0;
	}

	#main div.related ul li {
		margin-bottom: 10px;
		min-height: 18px;
		padding-right: 12px;
	}

	#main div.related ul li img,
		#main div.related ul li span.link {
			float: left;
	}

	#main div.related ul li img {
		margin: 0 14px 0 0;
		width: 78px;
	}

	#main div.related ul li br {
		display: none;
	}

	#main div.related ul li span.link {
		margin: -2px 12px 0 0;
		width: 476px;
	}

	#main div.related ul li a {
		font-size: 120%;
	}

	#main div.note {
		background-color: #F8F8F8;
		border: 1px solid #D8D8D1;
		clear: both;
		font-size: 120%;
		margin: 0 0 28px 0;
		padding: 8px 14px 8px 14px;
	}

	#main div.note h6 {
		color: #595959;
	}

	#main div.premium.note {
		background-color: #EFEFEF;
		border: 1px solid #D4D4D4;
		font-size: 100%;
	}

	#main div.premium.note div.comment {
		background: url("../../img/pc/common/icon_premium.png") left center no-repeat;
		padding: 0 0 0 40px;
	}

	#main div.tab {
		margin-bottom: 10px;
	}

	#main div.tab:after,
		#main div.tab ul:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			line-height: 0; /* CSS HACK: Safari */
			font-size: 0; /* CSS HACK: Firefox3 */
			visibility: hidden;
	}

	#main div.tab ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: -6px;
		margin-right: -6px;
		width: 620px;
	}

	#main div.tab ul li {
		float: left;
		font-size: 120%;
		margin-left: 6px;
		margin-right: 6px;
		margin-bottom: 0;
		width: 298px;
	}

	#main div.tab ul li a,
		#main div.tab ul li a span {
			display: block;
	}

	#main div.tab ul li a {
		border: 1px solid #D3D3D3;
		border-bottom: none;
		border-radius: 4px 4px 0 0;
		color: #000000;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
	}

	#main div.tab ul li a span {
		background: url("../../img/pc/common/bg_tab.png") left top repeat-x;
		padding: 6px 12px 6px 12px;
	}

	#main div.tab ul li a.on,
		#main div.tab ul li a:hover {
			background-position: left top;
			background-repeat: repeat-x;
			border: none;
			color: #FFFFFF;
	}

	#main div.tab ul li a.on span,
		#main div.tab ul li a:hover span {
			background: none;
	}

	#main div.monthly,
		#main div.weekly {
			background-color: #F6F6F5;
			border-radius: 4px;
			padding: 8px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
	}

	#event #main div.monthly:after,
		#event #main div.weekly:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			line-height: 0; /* CSS HACK: Safari */
			font-size: 0; /* CSS HACK: Firefox3 */
			visibility: hidden;
	}

	#main div.faqlist h5 {
		background: url("../../img/pc/common/icon_arrow_square_skyblue.gif") 10px 15px no-repeat;
		border-bottom: 1px dotted #DCDCDC;
		border-top: 1px dotted #DCDCDC;
		color: #00b9e7;
		font-size: 120%;
		margin-bottom: 12px;
		padding: 10px 23px 10px 38px;
	}


	#main div.linklist {
		margin: 0 0 18px 0;
		width: 100%;
	}

	#main div.linklist h4 {
		border-bottom-style: solid;
		border-bottom-weight: 2px;
		font-weight: normal;
		padding: 8px 10px 8px 10px;
	}

	#main div.linklist div.container {
		border: 1px solid #DDDDDB;
		padding: 1px;
		top: 0;
		width: auto;
	}

	#main div.linklist div.container div.wrapper {
		background: url("../../img/pc/common/bg_linklist.gif") left top repeat-x;
		padding: 0 3px 0 3px;
	}

	#main div.linklist ul.list {
		margin-bottom: 0;
	}

	#main div.linklist ul.list li {
		background-position: 10px 13px;
		border-bottom: 1px dotted #D2D2D0;
		font-size: 100%;
		margin-bottom: 0;
		padding: 6px 12px 6px 22px;
	}

	#main div.linklist ul.list li.nomgn_b {
		border-bottom: none;
	}

	#main div.articlelist {
		margin: 0 6px 18px 6px;
	}

	#main div.articlelist:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	/* IE7 HACK */
	*:first-child+html #main div.articlelist {
		min-height: 1px;
	}

	#main div.articlelist div.pr {
		margin-bottom: 26px;
	}

	#main div.articlelist div.newarrival,
		#main div.articlelist div.ranking {
			float: left;
	}

	#main div.articlelist div.newarrival {
		margin: 0 24px 0 -6px;
		width: 358px;
	}

	#main div.articlelist div.newarrival ul.articlelist li {
		padding-left: 10px;
		padding-right: 10px;
	}

	#main div.articlelist div.ranking {
		margin-right: -6px;
		width: 226px;
	}

	#main div.articlelist div.ranking h4 {
		border-bottom-color: #484844 !important;
	}

	#main div.articlelist div.ranking div.container div.wrapper ol {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	#main div.articlelist div.ranking div.container div.wrapper ol li {
		background-position: 8px 10px;
		background-repeat: no-repeat;
		border-bottom: 1px dotted #D2D2D0;
		padding: 8px 12px 8px 40px;
	}

	#main div.articlelist div.ranking div.container div.wrapper ol li.icon_ranking_rank1 {
		background-image: url("../../img/pc/common/icon_ranking_rank1.png");
	}

	#main div.articlelist div.ranking div.container div.wrapper ol li.icon_ranking_rank2 {
		background-image: url("../../img/pc/common/icon_ranking_rank2.png");
	}

	#main div.articlelist div.ranking div.container div.wrapper ol li.icon_ranking_rank3 {
		background-image: url("../../img/pc/common/icon_ranking_rank3.png");
	}

	#main div.articlelist div.ranking div.container div.wrapper ol li.icon_ranking_rank4 {
		background-image: url("../../img/pc/common/icon_ranking_rank4.png");
	}

	#main div.articlelist div.ranking div.container div.wrapper ol li.icon_ranking_rank5 {
		background-image: url("../../img/pc/common/icon_ranking_rank5.png");
	}

	#main div.articlelist div.ranking div.container div.wrapper ol li.icon_ranking_rank6 {
		background-image: url("../../img/pc/common/icon_ranking_rank6.png");
	}

	#main div.articlelist div.ranking div.container div.wrapper ol li.icon_ranking_rank7 {
		background-image: url("../../img/pc/common/icon_ranking_rank7.png");
	}

	#main div.articlelist div.ranking div.container div.wrapper ol li.icon_ranking_rank8 {
		background-image: url("../../img/pc/common/icon_ranking_rank8.png");
	}

	#main div.contribution,
		#main div.advertisement {
			margin: 0 14px 42px 14px;
	}

	#main div.contribution:after,
		#main div.advertisement:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			line-height: 0; /* CSS HACK: Safari */
			font-size: 0; /* CSS HACK: Firefox3 */
			visibility: hidden;
	}

	#main div.commentarea {
		word-wrap: break-word;
	}

	#main div.contribution div.photoarea,
		#main div.contribution div.commentarea,
			#main div.advertisement div.photoarea,
				#main div.advertisement div.commentarea {
					float: left;
	}

	#main div.contribution div.photoarea,
		#main div.advertisement div.photoarea {
			margin: 0 24px 0 0;
	}

	#main div.contribution div.photoarea a,
		#main div.advertisement div.photoarea a {
			display: block;
			text-align: center;
	}

	#main div.contribution div.commentarea,
		#main div.advertisement div.commentarea {
			font-size: 120%;
	}

	#main div.contribution div.commentarea p,
		#main div.advertisement div.commentarea p {
			margin-bottom: 22px;
	}

	#main div.gobacklist {
		border-bottom: 1px dotted #DCDCDC;
		border-top: 1px dotted #DCDCDC;
	}

	#main div.gobacklist div.container {
		background-color: #FBFBFB;
		margin-bottom: 1px;
		margin-top: 1px;
		padding-bottom: 10px;
		padding-top: 10px;
		text-align: center;
		top: 0;
		width: auto;
	}

	#main div.gobacklist div.container a {
		font-size: 120%;
	}

	#main ul,
		#main ol {
			margin-bottom: 28px;
	}

	#main ul {
		margin-left: 22px;
	}

	#main ol {
		margin-left: 26px;
	}

	#main ul li,
		#main ol li {
			margin-bottom: 4px;
	}

	#main ul.separate,
		#main ul.triple {
			list-style-type: none;
			margin-bottom: 10px !important;
			margin-left: 0 !important;
	}

	#main ul.separate:after,
		#main ul.triple:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			line-height: 0; /* CSS HACK: Safari */
			font-size: 0; /* CSS HACK: Firefox3 */
			visibility: hidden;
	}

	#main ul.separate li,
		#main ul.triple li {
			float: left;
	}

	#main ul.separate li {
		width: 50%;
	}

	#main ul.separate li.cboth,
		#main ul.triple li.cboth {
			width: 100%;
	}

	#main ul.triple {
		width: 100% !important;
	}

	#main ul.triple li {
		margin-right: 1%;
		width: 26%;
	}

	#main ul li img.icon,
		#main ol li img.icon {
			margin-left: 4px;
			vertical-align: middle;
	}

	#main ul.articlelist {
		list-style-type: none;
		margin-left: 0;
	}

	#main ul.articlelist li {
		border-bottom: 1px dotted #D2D2D0;
		margin-bottom: 16px;
		padding-bottom: 12px;
	}

	#main ul.articlelist:after,
		#main ul.articlelist li:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			line-height: 0; /* CSS HACK: Safari */
			font-size: 0; /* CSS HACK: Firefox3 */
			visibility: hidden;
	}

	/* IE7 HACK */
	*:first-child+html #main ul.articlelist,
		*:first-child+html #main ul.articlelist li {
			min-height: 1px;
	}

	#main ul.articlelist li.nomgn_b {
		border-bottom: none;
	}

	#main ul.articlelist li span.date,
		#main ul.articlelist div.infoarea span.category {
			font-size: 80%;
	}

	#main ul.articlelist li div.photoarea,
		#main ul.articlelist li div.infoarea {
			float: left;
			margin: 0;
	}

	#main ul.articlelist li div.photoarea {
		margin-right: 14px;
		text-align: center;
		width: 90px;
	}

	#main ul.articlelist li div.photoarea div.photo {
		height: 67px;
		width: 90px;
		overflow: hidden;
		text-align: center;
	}

	#main ul.articlelist li div.infoarea {
		width: 60%;
	}

	#main ul.articlelist li div.infoarea h4 a:hover {
		text-decoration: underline;
	}

	#main ul.articlelist li div.infoarea span.category {
		color: #817E74;
	}

	#main ul.buttonlist {
		list-style-type: none;
		margin-left: -8px;
		margin-right: -8px;
		width: 624px;
	}

	#main ul.buttonlist li {
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		width: 302px;
	}

	#main div.blog ul.articlelist h4 {
		font-size: 120%;
	}

	#main div.blog ul.articlelist h4 a:hover {
		text-decoration: underline;
	}

	#main div.blog ul.articlelist h4 span {
		color: #807E73;
		font-size: 70%;
		font-weight: normal;
	}

	#main div.blog ul.articlelist li {
		padding-left: 12px;
		padding-right: 12px;
	}

	#main ul.bloglist {
		margin-left: -14px;
		margin-right: -14px;
	}


	#main ul.bloglist li {
		float: left;
		margin-left: 14px;
		margin-right: 14px;
		width: 290px;
	}

	#main ul.bloglist li div.photoarea {
		margin-left: 10px;
	}

	#main ul.bloglist li div.photoarea div.photo {
		max-height: 90px;
		max-width: 90px;
	}

	#main ul.bloglist li div.infoarea {
		margin-right: 10px;
		width: 57%;
	}

	#main ul.bloglist li div.infoarea h4 {
		margin-bottom: 6px;
	}

	#main ul.list {
		list-style-type: none;
		margin-bottom: 16px;
		margin-left: 0;
	}

	#main ul.list li {
		background: url("../../img/pc/common/icon_arrow_blue.gif") left 8px no-repeat;
		font-size: 120%;
		margin-bottom: 6px;
		padding-left: 12px;
	}

	#main ul.list img {
		margin-left: 2px;
		vertical-align: middle;
	}

	#main ul.list span.date {
		color: #73726C;
		font-size: 80%;
		vertical-align: baseline;
	}

	#main ul.list.ranking li {
		background: none;
		padding-left: 0;
	}

	#main ul.list.ranking img.icon {
		margin-left: 0;
		margin-right: 6px;
	}

	#main ul.photolist {
		clear: both;
		list-style-type: none;
		margin-left: -4px;
		margin-right: -4px;
		width: 588px;
	}

	#main ul.photolist:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main ul.photolist li {
		border: 1px solid  #DDDDDD;
		float: left;
		margin-bottom: 12px;
		margin-left: 6px;
		margin-right: 6px;
		padding: 10px 20px 10px 20px;
		text-align: center;
		width: 142px;
	}

	#main ul.photolist li div.photo {
		overflow: hidden;
		height: 140px;
		margin: 0;
		text-align: center;
		width: 140px;
	}

	#main ul.photolist li div.photo img {
		height: auto;
		max-height: 140px;
		max-width: 140px;
		width: auto;
	}

	#main ul.paperlist {
		list-style-type: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 28px;
		width: 594px;
	}

	#main ul.paperlist:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main ul.paperlist li {
		float: left;
		margin-bottom: 18px;
		margin-left: 9px;
		margin-right: 9px;
		width: 180px;
	}

	#main ul.paperlist li a.paper {
		border: 1px solid #D3D3D1;
		display: block;
		margin: 0 0 10px 0;
		padding: 8px;
		text-align: center;
	}

	#main ul.paperlist li a.paper img {
		max-height: 220px;
		max-width: 164px;
	}

	#main ul.paperlist li h6 {
		border: 1px solid #E5E5E3;
		font-weight: normal;
		padding: 1px;
		text-align: center;
	}

	#main ul.paperlist li h6 span {
		background-color: #F5F5F4;
		display: block;
		padding: 2px 0 2px 0;
	}

	#main ul.paperlist li h6 span a {
		color: #464646;
	}

	#main ul.photolist li span.comment {
		font-size: 80%;
		margin: 4px 0 0 0;
	}

	#main ul.formButton {
		list-style-type: none;
		margin-left: auto;
		margin-right: auto;
	}

	#main ul.formButton a.button,
		#main ul.formButton input.button {
			background: linear-gradient(#5CB9E4, #2D8AD2);
			background-color: #5CB9E4;
			border-radius: 4px;
			box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
			color: #FFFFFF;
			display: block;
			padding: 12px 0 12px 0;
			text-align: center;
	}

	#main ul.formButton a.button:hover,
		#main ul.formButton input.button:hover {
			background: linear-gradient(#2D8AD2, #5CB9E4);
			background-color: #2D8AD2;
	}

	#main ul.formButton a.btnOrange,
		#main ul.formButton input.btnOrange {
			background: linear-gradient(#F2B015, #EE4811);
			background-color: #F2B015;
	}

	#main ul.formButton a.btnOrange:hover,
		#main ul.formButton input.btnOrange:hover {
			background: linear-gradient(#EE4811, #F2B015);
			background-color: #EE4811;
	}

	#main ul.formButton a.btnBlack,
		#main ul.formButton input.btnBlack {
			background: linear-gradient(#373A34, #242622);
			background-color: #F2B015;
	}

	#main ul.formButton a.btnBlack:hover,
		#main ul.formButton input.btnBlack:hover {
			background: linear-gradient(#242622, #373A34);
			background-color: #F2B015;
	}

	#main ul.formButton a.btnRenga,
		#main ul.formButton input.btnRenga {
			background: linear-gradient(#E67057, #CB3D1F);
			background-color: #CB3D1F;
	}

	#main ul.formButton a.btnRenga:hover,
		#main ul.formButton input.btnRenga:hover {
			background: linear-gradient(#CB3D1F, #E67057);
			background-color: #CB3D1F;
	}

	#main ul.formButton input.button {
		border: none;
		cursor: pointer;
		-webkit-appearance: none;
	}

	#main ul.formButton.btnSingle,
		#main ul.formButton a.button,
			#main ul.formButton input.button {
				width: 190px;				
	}

	#main ul.formButton.btnDouble li,
		#main ul.formButton.btnTriple li {
			float: left;
	}

	#main ul.formButton.btnSingle li {
		margin-left: 0;
		margin-right: 0;
	}

	#main ul.formButton.btnDouble {
		width: 428px;
	}

	#main ul.formButton.btnDouble li {
		margin-left: 12px;
		margin-right: 12px;
	}

	#main ul.formButton.btnTriple {
		width: 558px;
	}

	#main ul.formButton.btnTriple li {
		margin-left: 8px;
		margin-right: 8px;
	}

	#main ul.formButton.btnTriple a.button,
		#main ul.formButton.btnTriple input.button {
			font-size: 80%;
			width: 170px;
	}

	#main ul.banner {
		list-style-type: none;
		margin-left: 0;
	}

	#main ul.banner li {
		margin-bottom: 8px;
	}

	#main div.msgarea {
		border: 1px solid #000000;
		box-sizing: border-box;
		margin-bottom: 12px;
		padding: 12px;
		width: 100%;
	}

	#main div.msgarea.warn {
		border: 1px solid #ff0000;
		color: #ff0000;
		font-size: 140%;
	}


	/* ========================================
	   * 08. 領域設定 - Bread Crumbs Navigation -
	======================================== */

	#bcnavi ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	#bcnavi ul li,
		#bcnavi ul li a {
			margin-right: 4px;
	}

	#bcnavi ul li {
		color: #737373;
		display: inline;
	}

	#bcnavi ul li a {
		color: #0E87CF;
		text-decoration: underline;
	}

	#bcnavi ul li em {
		color: #666666;
	}


	/* ========================================
	   * 09. 領域設定 - Side Bar -
	======================================== */

	#sidebar div.frame {
		background-color: #FFFFFF;
		border: 1px solid #CECECE;
		border-radius: 6px;
		box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
		margin-bottom: 14px !important;
		padding: 2px;
	}

	#sidebar div.frame div.frameBottom,
		#sidebar div.frame div.frameTop {
			height: 5px;
	}

	#sidebar div.frame160 {
		margin: 0 -3px 0 -3px;
		text-align: left;
		width: 160px;
	}

	#sidebar div.frame160 div.frameBottom {
		background-image: url("../../img/pc/common/bg_frame_160_bottom.png");
	}

	#sidebar div.frame160 div.frameMain {
		background-image: url("../../img/pc/common/bg_frame_160.png");
	}

	#sidebar div.frame160 div.frameTop {
		background-image: url("../../img/pc/common/bg_frame_160_top.png");
	}

	#sidebar div.frame300 {
		text-align: left;
		width: 300px;
	}

	#sidebar div.frame300 div.container {
		background: url("../../img/pc/common/bg_title_sidebar.png") left top no-repeat;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 10px;
		position: relative;
		top: -3px;
		width: 286px;
	}

	#sidebar div.frame300 div.container h4 {
		background-position: 6px 4px;
		background-repeat: no-repeat;
		margin-bottom: 10px;
		padding-bottom: 6px;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
		width: 246px;
	}

	#sidebar div.frame300 div.container div.paragraph {
		margin-bottom: 0;
		margin-left: 6px;
		margin-right: 6px;
	}

	#sidebar div.frame300 div.container h4 br {
		display: none;
	}

	#sidebar div.frame300 div.container h4 a.btn_list {
		position: absolute;
		right: 10px;
		top: 0;
	}

	#sidebar div.frame300 div.frameBottom {
		background-image: url("../../img/pc/common/bg_frame_300_bottom.png");
	}

	#sidebar div.frame300 div.frameMain {
		background-image: url("../../img/pc/common/bg_frame_300.png");
		padding: 0 2px 0 2px;
	}

	#sidebar div.frame300 div.frameTop {
		background-image: url("../../img/pc/common/bg_frame_300_top.png");
	}

	#sidebar div.frame.search {
		padding: 12px;
	}

	#sidebar div.frame.search form img {
		margin: 0 2px 0 0;
		vertical-align: middle;
	}

	#sidebar div.frame.search form input {
		padding: 2px 6px 2px 6px;
	}

	#sidebar div.frame.search form input.textbox {
		border: 1px solid #E2E2E2;
	}

	#sidebar div.frame.search form input.textbox.noinput {
		color: #A3A3A3;
	}

	#sidebar div.frame.search form input.submit {
		background-color: #0582B2;
		border: none;
		border-radius: 2px;
		color: #FFFFFF;
		cursor: pointer;
	}

	#sidebar div.reccomend,
		#sidebar div.movie,
			#sidebar div.ranking {
				border: none;
				border-radius: 0;
				padding: 0;
	}

	#sidebar div.reccomend div.container h4 {
		background-image: url("../../img/pc/common/icon_square_lightblue.gif");
		border-bottom: 2px solid #069DD7;
	}

	#sidebar div.reccomend div.container ul {
		list-style-type: none;
		margin-left: -6px;
		margin-right: -6px;
		margin-top: -10px;
	}

	#sidebar div.reccomend div.container ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#sidebar div.reccomend div.container ul li {
		border-bottom: 1px dotted #DCDCDC;
		clear: both;
		padding: 8px 6px 8px 6px;
	}

	#sidebar div.reccomend div.container ul li img.icon {
		float: left;
		display: block;
		margin: 0 10px 0 0;
	}

	#sidebar div.reccomend div.container ul li br {
		display: none;
	}

	#sidebar div.reccomend div.container ul li span.link {
		display: block;
		margin: -2px 0 0 74px;
		padding: 0 10px 0 0;
	}

	#sidebar div.reccomend div.container ul li span.link a {
		color: #069DD7;
		text-decoration: none;
	}

	#sidebar div.movie div.container h4 {
		background-image: url("../../img/pc/common/icon_square_blue.gif");
		border-bottom: 2px solid #153D7B;
	}

	#sidebar div.movie div.container div.paragraph p {
		margin-bottom: 6px;
	}

	#sidebar div.movie div.container div.paragraph ul {
		list-style-type: none;
		margin-left: -3px;
		margin-bottom: -3px;
		width: 280px;
	}

	#sidebar div.movie div.container div.paragraph ul li {
		float: left;
		margin-left: 2px;
		margin-right: 2px;
	}

	#sidebar div.ranking div.container h4 {
		margin-bottom: 2px;
		padding-left: 6px;
		width: 260px;
	}

	#sidebar div.ranking div.container ul {
		list-style-type: none;
	}

	#sidebar div.ranking div.container ul.category,
		#sidebar div.ranking div.container ul.category li {
			height: 14px;
	}

	#sidebar div.ranking div.container ul.category {
		margin-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
		width: 280px;
	}

	#sidebar div.ranking div.container ul.category li {
		float: left;
		margin-left: 3px;
		margin-right: 3px;
		width: 64px;
	}

	#sidebar div.ranking div.container ul.category li a,
		#sidebar div.ranking div.container ul.category li a img {
			display: block;
	}

	#sidebar div.ranking div.container h5 {
		border-radius: 2px;
		color: #FFFFFF;
		margin-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 2px;
		padding-top: 2px;
		text-align: center;
		width: 274px;
	}

	#sidebar div.ranking div.container h5.news {
		background-color: #3081C2;
	}

	#sidebar div.ranking div.container h5.local {
		background-color: #338D56;
	}

	#sidebar div.ranking div.container h5.carp {
		background-color: #E42503;
	}

	#sidebar div.ranking div.container h5.sanfrecce {
		background-color: #624696;
	}

	#sidebar div.ranking div.container div.paragraph ul {
		margin-left: 0;
		margin-top: -8px;
	}

	#sidebar div.ranking div.container div.paragraph ul li {
		border-bottom: 1px dotted #DCDCDC;
		clear: both;
		margin-bottom: 0;
		padding: 8px 6px 8px 6px;
	}

	#sidebar div.ranking div.container div.paragraph ul li img {
		margin-right: 6px;
		vertical-align: text-bottom;
	}

	#sidebar div.ads {
		clear: both;
		margin: 0 0 14px 0;
	}

	#sidebar div.login {
		margin: 0 0 10px 0;
	}

	#sidebar div.login div.message {
		background-color: #FFFFFF;
		border: 1px solid #D7D7D7;
		margin: 0 0 8px 0;
		padding: 12px;
	}

	#sidebar div.login div.message em {
		color: #2084B3;
	}

	#sidebar div.login ul.button {
		list-style-type: none;
		height: 54px;
		margin-left: -7px;
		margin-right: -7px;
		width: 314px;
	}

	#sidebar div.login ul.button li {
		float: left;
		margin-left: 4px;
		margin-right: 4px;
		width: 149px;
	}

	#sidebar div.separate {
		margin: 0 0 10px 0;
	}

	#sidebar div.separate:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#sidebar div.separate div.leftside,
		#sidebar div.separate div.rightside {
			float: left;
	}

	#sidebar div.separate div.leftside {
		margin: 0 12px 0 0;
	}

	#sidebar div.separate div.rightside {
		margin: 3px 0 0 0;
	}

	#sidebar div.separate div.leftside div.ads {
		background: url("../../img/pc/common/bg_ads_sidebar.png") left top no-repeat;
		height: 120px;
		margin: 0 -3px 6px -3px;
		padding: 10px;
		width: 120px;
	}

	#sidebar div.separate div.rightside ul.banner {
		list-style-type: none;
		margin-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
		width: 154px;
	}

	#sidebar div.separate div.rightside ul.banner li {
		margin-bottom: 0;
	}

	#sidebar div.separate div.rightside ul.banner li img {
		display: block;
	}

	#sidebar div.separate div.rightside div.weather {
		font-size: 80%;
	}

	#sidebar div.separate div.rightside div.weather div.container {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-bottom: 0;
		padding-top: 8px;
		width: 148px;
	}

	#sidebar div.separate div.rightside div.weather div.container h5 {
		background: url("../../img/pc/common/bg_title_weather.gif") left top;
		margin-bottom: 14px;
		margin-top: 1px;
		padding-bottom: 26px;
		padding-top: 26px;
	}

	#sidebar div.separate div.rightside div.weather div.container iframe {
		border: none;
		margin: 0 auto 4px auto;
		height: 156px;
		width: 130px;
	}

	#sidebar div.banner {
		clear: both;
		margin: 0 0 8px 0;
	}

	#sidebar ul.banner {
		list-style-type: none;
		margin-bottom: 8px;
		margin-left: -3px;
		margin-right: -3px;
		width: 306px;
	}

	#sidebar ul.banner li {
		margin-bottom: 6px;
	}

	#sidebar div.facebook {
		clear: both;
	}

	#sidebar div.facebook iframe {
		background-color: #FFFFFF;
		border: none;
		height: 340px;
		overflow: hidden;
		width: 300px;
	}

	#sidebar ul.banner.w300 {
		margin-bottom: 12px;
		margin-left: auto;
		margin-right: auto;
		width: 300px;
	}

	#sidebar ul.banner.w300 li {
		margin-bottom: 8px;
	}

	#sidebar ul.ads {
		list-style-type: none;
		margin-bottom: 18px;
		margin-left: -10px;
		margin-right: -10px;
		width: 320px;
	}

	#sidebar ul.ads:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#sidebar ul.ads li {
		background: url("../../img/pc/common/bg_ads_sidebar.png") left top no-repeat;
		float: left;
		height: 120px;
		margin-left: 7px;
		margin-right: 7px;
		padding: 13px;
		width: 120px;
	}


	/* ========================================
	   * 10. 領域設定 - Footer -
	======================================== */

	footer h6 {
		border-bottom: 1px dotted #D6D6D6;
		color: #505D69;
		font-size: 120%;
		margin-bottom: 14px;
		padding-bottom: 10px;
		padding-left: 14px;
	}

	footer ul {
		list-style-type: none;
		margin-left: 14px;
	}

	footer ul li a {
		color: #248DBF !important;
		text-decoration: none !important;
	}

	footer ul li a:hover {
		color: #EF8107 !important;
	}

	footer div#footernavi {
		border-bottom: 1px solid #E4E4E4;
		margin-bottom: 14px;
		width: 100%;
	}

	footer div#footernavi div.container {
		margin-bottom: 34px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		width: 960px;
	}

	footer div#footernavi div.container:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	footer div#footernavi div.container a.pagetop {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}

	footer div#footernavi div.container div {
		float: left;
		margin-right: 28px;
		text-align: left;
		width: 190px;
	}

	footer div#footernavi div.container div.double {
		width: 380px;
	}

	footer div#footernavi div.container div ul {
		margin-left: 14px;
	}

	footer div#footernavi div.container div ul li {
		background: url("../../img/pc/common/icon_arrow_skyblue.gif") left 7px no-repeat;
		margin-bottom: 4px;
		padding-bottom: 0;
		padding-left: 12px;
	}

	footer div#footernavi div.container div.double ul li {
		float: left;
		margin-right: 6%;
		width: 40%;
	}

	footer ul.link {
		clear: both;
		margin-bottom: 14px;
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}

	footer ul.link li {
		border-right: 1px solid #DFDFDF;
		display: inline;
		float: none;
		margin-right: 12px;
		padding-right: 12px;
	}

	footer ul.link li.first {
		border-left: 1px solid #DFDFDF;
		padding-left: 12px;
	}

	footer div.news {
		border-bottom: 1px solid #E4E4E4;
		border-top: 1px solid #E4E4E4;
		margin-bottom: 24px;
	}

	footer div.news div.container {
		background-color: #F9F9F9;
		margin-bottom: 1px;
		margin-top: 1px;
		padding-top: 26px;
	}

	footer div.news div.container div.wrapper {
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 22px;
		width: 960px;
	}

	footer div.news div.container div.wrapper:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	footer div.news div.container div.wrapper ul li {
		border-right: 1px solid #D7DADC;
		float: left;
		margin-bottom: 6px;
		margin-right: 10px;
		padding-bottom: 0;
		padding-right: 10px;
	}

	footer div.news div.container div.wrapper ul li.first {
		border-left: 1px solid #DFDFDF;
		padding-left: 10px;
	}


	/* ========================================
	   * 11. 領域設定 - Copyright -
	======================================== */

	#copyright p {
		font-size: 80%;
		text-transform: uppercase;
	}


	/* ========================================
	   * 個別設定 - Simple & Universal -
	======================================== */

	body.simple header,
		body.universal header { 
			border-bottom: 4px solid #00b9e7;
			padding-top: 24px;
			text-align: left;
	}

	body.simple header div.logo,
		body.universal header div.logo {
			background: none;
			padding-bottom: 16px;
	}

	body.simple header div.logo h1,
		body.universal header div.logo h1 {
			float: none;
			margin-top: 0;
	}

	body.simple footer ul.link,
		body.universal footer ul.link {
			margin-bottom: 18px;
			margin-top: -6px;
	}

	body.simple #copyright,
		body.universal #copyright {
			border-top: 1px dotted #E4E4E4;
			padding-top: 18px;
			text-align: left;
			width: 100%;
	}

	body.simple #copyright p,
		body.universal #copyright p {
			margin-left: auto;
			margin-right: auto;
			width: 960px;
	}

}