@charset "utf-8";

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

	News CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	

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

#news h2#categoryTitle {
	margin: 42px 0 30px;
	text-align: center;
}

/* Introduction
========================================== */
#news .information {
	margin: 0 145px 25px;
	zoom: 1;
}
	
	/* Intro Section
	---------------------------------------- */
	#news .information .infoSection {
		position: relative;
		margin: 0 -6px 40px 0;
		width: 666px;
		background: repeat-y;
	}
	
	#news .information .infoSection.infoSectionNewInfo  { background-image: url(../img/introsec_bg_02.gif);}
	#news .information .infoSection.infoSectionShopInfo { background-image: url(../img/introsec_bg_05.gif);}
	#news .information .infoSection.infoSectionEvent    { background-image: url(../img/introsec_bg_08.gif);}
		
		/* H3
		---------------------------------------- */
		#news .information .infoSection h3 {
			margin: 0 0 15px;
			padding: 4px 8px 4px 0;
			background: no-repeat;
			text-align: center;
		}
		#news .information .infoSection.infoSectionNewInfo  h3 { background-image: url(../img/introsec_bg_01.gif);}
		#news .information .infoSection.infoSectionShopInfo h3 { background-image: url(../img/introsec_bg_04.gif);}
		#news .information .infoSection.infoSectionEvent    h3 { background-image: url(../img/introsec_bg_07.gif);}
		
		#news .information .infoSection h3 img { vertical-align: top;}
		
		/* Date
		---------------------------------------- */
		#news .information .infoSection p.date {
			padding: 0 0 13px 27px;
			font-family: Verdana, Helvetica, sans-serif;
		}
		
		/* Image Section
		---------------------------------------- */
		#news .information .infoSection .imageSection {
			float: left;
			display: inline;
			margin: 0 0 15px 27px;
			width: 220px;
		}
	
		/* Contents Summary
		---------------------------------------- */
		#news .information .infoSection .contentsSummary {
			float: right;
			display: inline;
			margin: 0 27px 15px 0;
			width: 340px;
		}
		
		#news .information .infoSection .contentsSummary h4 {
			margin: 0 0 8px;
			font-size: 138.5%;
			line-height: 1.334;
		}
		
		#news .information .infoSection .contentsSummary p.shopNeme {
			margin: 0 0 10px;
			font-size: 77%;
			line-height: 1.5;
		}
		#news .information .infoSection .contentsSummary p.shopNeme span {
			padding: 3px 12px;
			border: 1px solid #918B8A;
		}
	
		/* Contents Summary2
		---------------------------------------- */
		#news .information .infoSection .contentsSummary2 {
			float: left;
			display: inline;
			margin: 0 27px 15px 27px;
			width: 340px;
		}
		
		#news .information .infoSection .contentsSummary2 h4 {
			margin: 0 0 8px;
			font-size: 138.5%;
			line-height: 1.334;
		}
		
		#news .information .infoSection .contentsSummary2 p.shopNeme {
			margin: 0 0 10px;
			font-size: 77%;
			line-height: 1.5;
		}
		#news .information .infoSection .contentsSummary2 p.shopNeme span {
			padding: 3px 12px;
			border: 1px solid #918B8A;
		}
		
		/* Contents Summary
		---------------------------------------- */
		#news .information .infoSection .contentsSummary3 {
			display: inline;
			margin: 0 27px 15px 25px;
			width: 340px;
		}
		
		#news .information .infoSection .contentsSummary3 h4 {
			margin: 0 27px 8px;
			font-size: 138.5%;
			line-height: 1.334;
		}
		
		#news .information .infoSection .contentsSummary3 p.shopNeme {
			margin: 0 0 10px;
			font-size: 77%;
			line-height: 1.5;
		}
		
		#news .information .infoSection .contentsSummary3 p.shopNeme span {
			padding: 3px 12px;
			border: 1px solid #918B8A;
		}
	
		#news .information .infoSection .contentsSummary3 p {
			margin: 0 27px 10px;
		}
		
		/* Contents Free
		---------------------------------------- */
		#news .information .infoSection .contentsFree {
			/* float: right; */
			/* display: inline; */
			margin: 15px;
			/* width: 340px; */
		}
		
		#news .information .infoSection .contentsFree h4 {
			margin: 0 0 8px;
			font-size: 138.5%;
			line-height: 1.334;
		}
		
		#news .information .infoSection .contentsFree p.shopNeme {
			margin: 0 0 10px;
			font-size: 77%;
			line-height: 1.5;
		}
		#news .information .infoSection .contentsFree p.shopNeme span {
			padding: 3px 12px;
			border: 1px solid #918B8A;
		}
	
		/* P
		---------------------------------------- */
		#news .information .infoSection P.detailLink {
			clear: both;
			margin: 0 27px 15px;
			text-align: right;
		}
		
		#news .information .infoSection P.backToList {
			clear: both;
			margin: 0 27px 15px;
			text-align: right;
		}
		
	
		/* Bg Bottom
		---------------------------------------- */
		#news .information .infoSection .bgBtm {
			height: 8px;
			background: no-repeat 0 100%;
			overflow: hidden;
			font-size: 0;
		}
		
		#news .information .infoSection.infoSectionNewInfo  .bgBtm { background-image: url(../img/introsec_bg_03.gif);}
		#news .information .infoSection.infoSectionShopInfo .bgBtm { background-image: url(../img/introsec_bg_06.gif);}
		#news .information .infoSection.infoSectionEvent    .bgBtm { background-image: url(../img/introsec_bg_09.gif);}
		
		
/* Contents Footer
========================================== */
.contents #contentsFooter {
	position: relative;
	margin: 75px 45px 60px;
	height: auto; /* for Modern Browser */
	min-height: 24px; /* for Modern Browser */
	border-top: 1px solid #918B8A;
	zoom: 1;
}
/* IE6 Only */
* html .contents #contentsFooter {height: 24px;}

	/* Page Flip
	---------------------------------------- */
	.contents #contentsFooter ul.pageFlip {
		position: absolute;
		top: 15px;
		left: 720px;
		width: 103px;
		height: 10px;
		background: url(../../common/img/contentsfooter_bg_01.gif) no-repeat 48px 0;
		vertical-align: top;
	}
	
	.contents #contentsFooter ul.pageFlip li {
		position: absolute;
		top: 0;
		left: 0;
		width: 45px;
	}
	
	.contents #contentsFooter ul.pageFlip li.next {left: 58px;}
	
	.contents #contentsFooter ul.pageFlip li img {
		vertical-align: top;
	}
	/* IE7 Only */
	*:first-child + html .contents #contentsFooter ul.pageFlip li img {
		position: relative;
		top: -3px;
	}
	
	/* Page Top
	---------------------------------------- */
	.contents #contentsFooter p.pageTop {
		position: absolute;
		top: 12px;
		left: 829px;
		margin: 0; /* Reset */
		padding: 0; /* Reset */
		width: 31px;
	}



.social_btn_box{ clear:both; padding-bottom:15px;}
.social_btn_box:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.social_btn_box {
  min-height: 1px;
}
* html .social_btn_box {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.social_btn_box div{float: right; padding-left:5px;}
.social_btn_box div.facebook_like{width:73px; height:21px; overflow:hidden;}
.social_btn_box div.facebook_share{width:59px; height:21px; overflow:hidden;}
.social_btn_box div.mixi_like{width:68px; height:20px; overflow:hidden;}