@charset "utf-8";

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

	* Contents:
	  - 領域設定 - レイアウト -
	    - 09. 領域設定 - Side Bar -
*/


/* Stylesheet Document */

@media all {

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

	body.universal {
	}

	body.universal #bcnavi,
		body.universal footer div#footernavi,
			body.universal footer div.news {
				display: none;
	}

	body.universal #main {
		margin-right: 0;
	}

	body.universal #sidebar {
		margin-right: 18px;
		margin-top: 0;
		width: 300px;
	}


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

	body.universal #sidebar div.frame div.frameBottom,
		body.universal #sidebar div.frame div.frameTop {
			height: 10px;
	}

	body.universal #sidebar div.frame h2 {
		background: #00B9E7 url("../../../img/pc/universal/bg_title_subnavigation.png") left top no-repeat;
		color: #FFFFFF;
		font-size: 140%;
		font-weight: normal;
		margin-bottom: 1px;
		padding: 6px 12px 6px 12px;
		text-align: left;
	}

	/* くらサポ対応(START) */

	body.universal #sidebar div.frame h2.text {
		background: none;
		background-color: #00B9E7;
		border-bottom: 1px solid #D4D4D4;
		border-radius: 4px 4px 0 0;
		color: #FFFFFF;
		font-size: 150%;
		font-weight: bold;
		padding: 0;
	}

	body.universal #sidebar div.frame h2.text.chupea {
		background-color: #ED6B7E;
	}

	body.universal #sidebar div.frame 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;
	}

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

	/* くらサポ対応(END) */

	/* カープ検定対応(START) */

	body.universal #sidebar div.frame h2.text.carp {
		background-color: #E42503;
	}

	/* カープ検定対応(END) */

	body.universal #sidebar div.frame ul.subnavigation {
		list-style-type: none;
		margin-bottom: 0;
	}

	body.universal #sidebar div.frame ul.subnavigation li {
		background: url("../../../img/pc/common/icon_arrow_blue.gif") 12px 17px no-repeat;
		border-bottom: 1px dotted #DCDCDC;
		padding: 10px 12px 10px 24px;
		text-align: left;
	}

	body.universal #sidebar div.frame ul.subnavigation li.even {
		background-color: #FBFBFB;
	}

	body.universal #sidebar div.frame ul.subnavigation li a {
		text-decoration: none;
	}

	body.universal #sidebar div.frame306 {
		margin: 0 -3px 0 -3px;
	}

	body.universal #sidebar div.frame306 div.container {
		position: relative;
/*		top: -5px;*/
	}

	body.universal #sidebar div.frame306 {
/*		width: 306px;*/
		width: 296px;
	}

	body.universal #sidebar div.frame306 div.container {
		width: 296px;
	}

	body.universal #sidebar div.frame306 div.frameBottom {
		background-image: url("../../../img/pc/common/bg_frame_306_bottom.png");
	}

	body.universal #sidebar div.frame306 div.frameMain {
		background-image: url("../../../img/pc/common/bg_frame_306.png");
		padding: 0 5px 0 5px;
	}

	body.universal #sidebar div.frame306 div.frameTop {
		background-image: url("../../../img/pc/common/bg_frame_306_top.png");
	}

}