@charset "shift_jis";

/*
===== CONTENTS ===========================================
	
	0: BODY/iFRAME
	1: HEADER
	2: WRAP
	3: PAGETOP
	4: FOOTER

==========================================================
*/

/*
===== 0: BODY/iFRAME ==========================================
*/
body {
	margin: 0 auto;
	min-width: 960px;
	width: 100%;
}

iframe {
	display: block;
}

/*
===== 1: HEADER ==========================================
*/

#frame_header {
	min-width: 960px;
	width: 100%;
	min-height: 147px;
	height: 13em;
}

/*
===== 2: WRAP ==========================================
*/
div#wrap {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 15px 0 0;
	width: 960px;
}

	/* ===== 2-1:SIDE =====*/
	div#side {
		float: left;
		width: 215px;
	}
	
		#frame_category {
			width: 200px;
			height: 530px;
		}
		
		#frame_brandseries {
			overflow-x: hidden;
			text-align: left;
			width: 200px;
			min-height: 3900px;
			height: 360em;
		}
		
		#frame_blog {
			overflow-x: hidden;
			text-align: left;
			width: 200px;
			min-height: 2800px;
			height: 240em;
		}
		
		#frame_gift {
			overflow-x: hidden;
			text-align: left;
			width: 200px;
			min-height: 2000px;
			height: 240em;
		}
	
			
	/* ===== 2-2:CONTENTS =====*/
	div#contents {
		float: right;
		width: 740px;
	}
	
		/* ===== 2-2-1:MAIN =====*/
		div.main_single {
			float: right;
			width: 740px;
		}
		
		div.main_double {
			float: left;
			width: 520px;
		}
		
		/* hack ie6-7 */
		* html div.main_double {
			margin: 0 -10px 0 0;
		}
		
		*+html div.main_double {
			margin: 0 -10px 0 0;
		}
		/**/
		
		div.main_none {
			width: 960px;
		}
		
		#frame_head_brand {
			overflow-x: hidden;
			width: 740px;
			min-height: 205px;
			height: 19em;
		}
		
		/* ===== 2-2-2:SUB =====*/
		div#sub {
			float: right;
			width: 200px;
		}
		
			#frame_service {
				overflow-x: hidden;
				width: 200px;
				min-height: 1150px;
				height: 85em;
			}
			
			#frame_ranking {
				overflow-x: hidden;
				width: 200px;
				min-height: 2100px;
				height: 160em;
			}
			
			#frame_backnumber {
				overflow-x: hidden;
				width: 200px;
				min-height: 600px;
				height: 45em;
			}
			
			#frame_mobilecalender {
				overflow-x: hidden;
				width: 200px;
				min-height: 600px;
				height: 55em;
			}
			
			#frame_ooguchi {
				overflow-x: hidden;
				width: 200px;
				min-height: 760px;
				height: 64em;
			}

/*
===== 3: PAGETOP ==========================================
*/

p.pagetop {
	clear: both;
	margin: 0 auto;
	padding: 20px 0 3px;
	width: 100%;
	text-align: right;
}


/*
===== 4: FOOTER ==========================================
*/
#frame_footer {
	min-width: 960px;
	width: 100%;
	min-height: 660px;
	height: 54em;
}