@charset "utf-8";

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

	* Contents:
	  - 領域設定 - レイアウト -
	    - 01. 領域設定 - ID指定 -
	    - 07. 領域設定 - Main -
		- 09. 領域設定 - Side Bar -
	  - 個別設定 - Top -
*/


/* Stylesheet Document */

@media all {

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

	#chupea {
	}

	#chupea footer {
		border-top: 4px solid #F18CAE;
	}


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

	#chupea #contents {
		background-image: url("../../../img/pc/chupea/bg_border.gif");
		border-bottom: 1px solid #FBD7E1;
		border-top: 1px solid #FBD7E1;
	}


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

	#chupea #main h3 {
		border-bottom-color: #ED6B7E;
	}

	#chupea #main h3 span {
		background-image: url("../../../img/pc/chupea/icon_circle_chupea.png");
	}

	#chupea #main div.oneline ul.articlelist li div.infoarea h4,
		#chupea #main ul.articlelist li div.infoarea span.date {
			color: #ED6B7E;
	}

	#chupea #main div.oneline ul.articlelist li div.infoarea h4 span.date {
		font-size: 80%;
		font-weight: normal;
	}

	#chupea #main div.oneline ul.articlelist li div.infoarea p {
		font-size: 80%;
	}

	#chupea #main div.twoline ul.articlelist li div.container {
		margin-bottom: 8px;
		width: auto;
	}

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

	#chupea #main div.twoline ul.articlelist li div.photoarea div.photo {
		height: 60px;
	}

	#chupea #main div.twoline ul.articlelist li div.photoarea div.photo img {
		max-height: 60px;
	}

	#chupea #main div.twoline ul.articlelist li div.commentarea {
		clear: both;
	}

	#chupea #main ul.formButton.btnSingle.btnPresent,
		#chupea #main ul.formButton.btnSingle.btnPresent li,
			#chupea #main ul.formButton.btnSingle.btnPresent li a.button {
				width: 260px;
	}

	#chupea.present #main div.shadow div.pr,
		#chupea.hotnews #main div.shadow div.pr {
			border-top: none;
			margin-top: -12px;
	}

	#chupea #main div.thumbnail div.container h4 {
		background-color: #ED6B7E;
	}

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

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


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

	#chupea #sidebar div.frame {
/*		background-color: inherit;*/
		border: none;
		border-radius: 0;
		padding: 0;
	}

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

	#chupea #sidebar div.framePink,
		#chupea #sidebar div.frameTurquoise {
			margin: 0 0 18px 0;
			width: 300px;
	}

	#chupea #sidebar div.framePink ul.button {
		list-style-type: none;
		margin-bottom: -3px;
	}

	#chupea #sidebar div.framePink ul.button li {
		margin-bottom: 3px;
	}

	#chupea #sidebar div.framePink div.frameBottom {
		background-image: url("../../../img/pc/chupea/bg_frame_pink_bottom.png");
	}

	#chupea #sidebar div.framePink div.frameMain {
		background-color: #ED6B7E;
	}

	#chupea #sidebar div.framePink div.frameTop {
		background-image: url("../../../img/pc/chupea/bg_frame_pink_top.png");
	}

	#chupea #sidebar div.framePink div.framePinkInside {
		margin-bottom: 6px;
		margin-left: auto;
		margin-right: auto;
		width: 288px;
	}

	#chupea #sidebar div.framePink div.framePinkInside div.frameBottom ,
		#chupea #sidebar div.framePink div.framePinkInside div.frameTop {
			height: 3px;
	}

	#chupea #sidebar div.framePink div.framePinkInside div.container {
		padding-left: 1px;
		padding-right: 1px;
		text-align: left;
		width: 286px;
	}

	#chupea #sidebar div.framePink div.framePinkInside div.container ul {
		list-style-type: none;
	}

	#chupea #sidebar div.framePink div.framePinkInside div.container ul li {
		background: url("../../../img/pc/chupea/icon_arrow_pink.gif") 10px 15px no-repeat;
		border-bottom: 1px solid #FBE6E6;
		padding: 6px 12px 6px 20px;
	}

	#chupea #sidebar div.framePink div.framePinkInside div.container ul li.odd {
		background-color: #FEFAFB;
	}

	#chupea #sidebar div.framePink div.framePinkInside div.container ul li a {
		color: #EC5E73;
		font-size: 120%;
		font-weight: bold;
		text-decoration: none;
	}

	#chupea #sidebar div.framePink div.framePinkInside div.container ul li a:hover {
		font-weight: normal;
	}

	#chupea #sidebar div.framePink div.framePinkInside div.frameBottom {
		background-image: url("../../../img/pc/chupea/bg_frame_pink_inside_bottom.png") !important;
	}

	#chupea #sidebar div.framePink div.framePinkInside div.frameMain {
		background-color: #FFFFFF;
	}

	#chupea #sidebar div.framePink div.framePinkInside div.frameTop {
		background-image: url("../../../img/pc/chupea/bg_frame_pink_inside_top.png") !important;
	}

	#chupea #sidebar div.framePink div.framePinkInside.nomgn_b div.container ul li a {
		color: #D11632;
	}

	#chupea #sidebar div.framePink div.framePinkInside.nomgn_b div.container ul li {
		background-image: url("../../../img/pc/chupea/icon_arrow_darkpink.gif");
	}

	#chupea #sidebar div.frameTurquoise div.frameBottom ,
		#chupea #sidebar div.frameTurquoise div.frameTop {
			height: 10px;
	}

	#chupea #sidebar div.frameTurquoise div.container {
		background: url("../../../img/pc/chupea/bg_frame_turquoise_shadow.gif") left top no-repeat;
		margin: 0 auto 0 auto;
		padding: 8px 5px 8px 5px;
		position: relative;
		text-align: left;
		top: -2px;
		width: 274px;
	}

	#chupea #sidebar div.frameTurquoise div.container h4 {
		background: url("../../../img/pc/chupea/icon_square_turquoise.png") 6px 4px no-repeat;
		border-bottom: 2px solid #19A7BC;
		margin-bottom: 10px;
		padding-bottom: 4px;
		padding-left: 22px;
		position: relative;
	}

	#chupea #sidebar div.frameTurquoise div.container h4 a.btn_list {
		position: absolute;
		right: 8px;
		top: 0px;
	}

	#chupea #sidebar div.frameTurquoise div.container a {
		color: #19A6BB;
		text-decoration: none;
	}

	#chupea #sidebar div.frameTurquoise div.container a:hover {
		text-decoration: underline;
	}


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

	#chupea #sidebar div.frameTurquoise div.container ul li {
		background: url("../../../img/pc/chupea/icon_arrow_turquoise.gif") 6px 7px no-repeat;
		padding-left: 16px;
	}

	#chupea #sidebar div.frameTurquoise div.container ul li span.date {
		font-size: 80%;
	}

	#chupea #sidebar div.frameTurquoise div.container p {
		margin: 0 10px 0 10px;
	}

	#chupea #sidebar div.frameTurquoise div.frameBottom {
		background-image: url("../../../img/pc/chupea/bg_frame_turquoise_bottom.png");
	}

	#chupea #sidebar div.frameTurquoise div.frameMain {
		background-image: url("../../../img/pc/chupea/bg_frame_turquoise.png");
	}

	#chupea #sidebar div.frameTurquoise div.frameTop {
		background-image: url("../../../img/pc/chupea/bg_frame_turquoise_top.png");
	}


	/* ========================================
	   * 個別設定 - Top -
	======================================== */

	#chupea.home #main div.shadow div.pr {
		margin-bottom: 0;
	}

	#chupea.home #main div.hotnews ul.articlelist {
		margin-bottom: 2px;
	}

	#chupea.home #main div.hotnews ul.articlelist li {
		font-size: 120%;
	}

	#chupea.home #main div.hotnews ul.articlelist li h4 span.date {
		color: #73726C;
		font-size: 70%;
		font-weight: normal;
	}

	#chupea.home #main div.hotnews ul.articlelist li div.infoarea {
		margin-right: 32px;
		width: 374px;
	}

	#chupea.home #main div.hotnews ul.articlelist li div.photoarea {
		margin-right: 0;
		width: 200px;
	}

	#chupea.home #main div.present ul.articlelist,
		#chupea.home #main div.sankasha_boshu ul.articlelist {
			margin-bottom: 0;
	}

	#chupea.home #main div.carp ul.list li,
		#chupea.home #main div.tosen ul.list li {
			font-size: 100%;
	}


	/* ========================================
	   * 個別設定 - One Column -
	======================================== */

	#chupea.onecolumn #main {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	#chupea.onecolumn #main div.contentarea {
		margin: 0 auto 0 auto;
		width: 720px;
	}

	#chupea.onecolumn #main div.contentarea h2 {
		margin-bottom: 18px;
	}

	#chupea.onecolumn #main div.contentarea div.paragraph.introduction {
		margin-left: 0;
		margin-right: 0;
	}

	#chupea.onecolumn #main div.contentarea ul.description {
		list-style-type: none;
		margin-bottom: 42px;
		margin-left: 0;
	}

	#chupea.onecolumn #main div.contentarea ul.description li {
		margin-bottom: 28px;
	}

	#chupea.onecolumn #main div.contentarea ul.description li h5 {
		background: url("../../../img/pc/chupea/icon_square_blue.gif") left 7px no-repeat;
		color: #0180C6;
		padding-left: 16px;
	}

	#chupea.onecolumn #main div.contentarea ul.description li p,
		#chupea.onecolumn #main div.contentarea ul.description li table {
			margin-left: 16px !important;
	}

	#chupea.onecolumn #main div.contentarea div.container {
		margin-bottom: 42px;
		margin-left: 14px;
		margin-right: 14px;
		width: auto;
	}

	#chupea.onecolumn #main div.contentarea div.container h4 {
		border-radius: 4px;
		clear: both;
		color: #FFFFFF;
		font-size: 120%;
		font-weight: normal;
		margin-bottom: 16px;
		padding: 6px 12px 6px 12px;
	}

	#chupea.onecolumn #main div.contentarea ul.description li h5 {
		background: url("../../../img/pc/chupea/icon_square_blue.gif") left 7px no-repeat;
		color: #0180C6;
		padding-left: 16px;
	}

	#chupea.onecolumn #main div.contentarea ul.description li h5 img {
		margin: 0 2px 0 0;
		vertical-align: middle;
	}

	#chupea.onecolumn #main div.contentarea div.container ul.description li p {
		margin-bottom: 28px;
	}

	#chupea.onecolumn #main div.contentarea div.container ul.description li ul {
		margin-left: 36px;
	}

	#chupea.onecolumn #main div.contentarea div.container ul.description li ul li {
		margin-bottom: 0;
	}

	#chupea.registration.onecolumn #main div.contentarea h2#title_registration {
		margin-left: -14px;
	}


	/* ========================================
	   * 個別設定 - ちゅーピーID登録 -
	======================================== */

	#chupea.registration.onecolumn #main div.contentarea h3 {
		font-size: 160%;
	}

	#chupea.registration.onecolumn #main div.contentarea div.button {
		float: right;
		margin: 0 0 18px 24px;
		width: 288px;
	}

	#chupea.registration.onecolumn #main div.contentarea div.button ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	#chupea.registration.onecolumn #main div.contentarea div.button p.attention {
		background-color: #F2DCDB;
		border-radius: 4px;
		margin-left: 4px;
		margin-right: 4px;
		padding: 12px;
	}


	/* ========================================
	   * 個別設定 - ちゅーピーくらぶとは？ -
	======================================== */

	#chupea.about.onecolumn #main div.contentarea h2#title_about {
		margin-left: -11px;
	}

	#chupea.about.onecolumn #main div.contentarea div.container div.member {
		clear: both;
		font-size: 120%;
	}

	#chupea.about.onecolumn #main div.contentarea div.container div.member div.leftside,
		#chupea.about.onecolumn #main div.contentarea div.container div.member div.gold div.rightside {
			float: left;
	}

	#chupea.about.onecolumn #main div.contentarea div.container div.member div.leftside {
		float: left;
		margin-right: 24px;
		width: 518px;
	}

	#chupea.about.onecolumn #main div.contentarea div.container div.member div.leftside  ul.description li {
		font-size: 100%;
	}

	#chupea.about.onecolumn #main div.contentarea div.container div.member div.gold div.rightside {
		width: 150px;
	}

	#chupea.about.onecolumn #main div.contentarea div.container h4 {
		font-size: 100%;
	}

	#chupea.about.onecolumn #main div.contentarea div.container div.gold h4 {
		background-color: #EB8307;
	}

	#chupea.about.onecolumn #main div.contentarea div.container div.friend h4 {
		background-color: #00A7BB;
	}


	/* ========================================
	   * 個別設定 - 割引・サービス各種 -
	======================================== */

	#chupea.discount.onecolumn #main div.contentarea div.container h4 {
		background-color: #40A445;
	}


	/* ========================================
	   * 個別設定 - 加盟店募集中 -
	======================================== */

	#chupea.merchant.onecolumn #main div.contentarea ul.description li.pay h5 {
		background-image: url("../../../img/pc/chupea/icon_square_red.gif");
		color: #B20000;
	}


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

	#chupea.simple header {
		border-bottom: 4px solid #F18CAE;
	}

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

	#chupea.universal header { 
		border-bottom: none;
	}

	#chupea.universal header div.logo h1 {
		float: left;
	}

}