@charset "UTF-8";

/*******************************************

title {
	KTVライフスポーツ;
}

about {
	キャンペーンページ用のCSSセット;
}

issue date {
	2009.09.09;
}

revision date {
	2009.09.09;
}

*******************************************/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
 
/*---------------------------------------------------
                     [main]
-----------------------------------------------------
                   　メインエリア
-----------------------------------------------------*/

div.container div.main h2 {
	background:url(../img/campaign/head_campaign.jpg) no-repeat center 0;
}

div.container div.main h3 {
	margin-bottom:10px;
}

div.container div.main div.content h4 {
	margin-bottom:15px;
}

div.container div.main div.content p {
	margin-bottom:25px;
}

div.container div.main div.content ul.program {
	overflow:hidden;
	width:636px;
	margin-left:8px;
}

*html div.container div.main div.content ul.program {
	zoom:1
}

div.container div.main div.content ul.program li {
	float:left;
	width:202px;
	margin:0 10px 5px 0;
	overflow:hidden;
}

div.container div.main div.content ul.program li a {
	display:block;
	height:74px;
	text-indent:-9999px;
}

/*---------------------------------------------------
                     [div.campain]
-----------------------------------------------------
                   　キャンペーン
-----------------------------------------------------*/

div.container div.main h3#campaign {
	background:url(../img/campaign/title_l_campaign.gif) no-repeat 0 0;
}

/* clear fix */
* html div.container div.main div.campaign ul {
	zoom: 1;
for IE 5.5-7
}

div.container div.main div.campaign ul:after { /*for modern browser*/
	content: ".";
	font-size: 0px;
	line-height: 0px;
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

div.container div.main div.campaign ul li {
	float:left;
	width:310px;
}

div.container div.main div.campaign ul li dl {
	margin-bottom:20px;
}

div.container div.main div.campaign ul li dl dt {
	height:17px;
	margin-bottom:7px;
	text-indent:-9999px;
}

div.container div.main div.campaign ul li.tenroku,
div.container div.main div.campaign ul li.ishibashi,
div.container div.main div.campaign ul li.tarumi,
div.container div.main div.campaign ul li.ibaraki {
	margin-right:15px;
}

div.container div.main div.campaign ul li.tenroku dl dt {
	background:url(../img/campaign/location_tenroku.gif) no-repeat 9px 0;
}

div.container div.main div.campaign ul li.toyonaka dl dt {
	background:url(../img/campaign/location_toyonaka.gif) no-repeat 9px 0;
}

div.container div.main div.campaign ul li.ishibashi dl dt {
	background:url(../img/campaign/location_ishibashi.gif) no-repeat 9px 0;
}

div.container div.main div.campaign ul li.owada dl dt {
	background:url(../img/campaign/location_owada.gif) no-repeat 9px 0;
}

div.container div.main div.campaign ul li.tarumi dl dt {
	background:url(../img/campaign/location_tarumi.gif) no-repeat 9px 0;
}

div.container div.main div.campaign ul li.ibaraki dl dt {
	background:url(../img/campaign/location_ibaraki.gif) no-repeat 9px 0;
}

div.container div.main div.campaign ul li.kireuriwari dl dt {
	background:url(../img/campaign/location_kireuriwari.gif) no-repeat 9px 0;
}

div.container div.main div.campaign ul li.fresco dl dt {
	background:url(../img/campaign/location_fresco.gif) no-repeat 9px 0;
}

div.container div.main div.campaign ul li dl dd {
	padding:1px;
	border:1px solid #bbb;
	font-size:85%;
	line-height:1.4;
}

div.container div.main div.campaign ul li dl dd a {
	display:block;
	width:292px;
	padding:6px;
	border:1px solid #e8e8e8;
	overflow:hidden;
	color:#333;
}

*html div.container div.main div.campaign ul li dl dd a {
	zoom:1;
}

div.container div.main div.campaign ul li dl dd a span.pic {
	display:block;
	float:left;
	width:109px;
	padding-right:10px;
	text-align:center;
}
div.container div.main div.campaign ul li dl dd a span.pic img{
	width:105px;
	height:74px;
}

div.container div.main div.campaign ul li dl dd a span.text {
	display:block;
	float:left;
}

div.container div.main div.campaign ul li dl dd a span.title {
	display:block;
	background:url(../img/campaign/campaign_bg_pdf.gif) no-repeat right 0;
	padding-top:13px;
	border-bottom:1px dotted #dedede;
	line-height:1.6;
	margin-bottom:5px;
	color:#dc0000;
	font-weight:bold;
}

div.container div.main div.campaign ul li dl dd a:hover {
	background:#f1f9ff;
	text-decoration:none;
}

div.container div.main div.campaign div.pdf {
	background:#f7f7f7;
	font-size:85%;
	padding: 10px;
}

div.container div.main div.campaign div.pdf h5 {
	font-weight:bold;
}

div.container div.main div.campaign div.pdf p {
	line-height:1.4;
	margin:0;
}

div.container div.main div.campaign div.pdf div.pic {
	float:left;
	margin-right:10px;
	background:#fff;
}

div.container div.main div.campaign div.pdf div.pic img {
	padding:12px 20px 10px;
}

/*---------------------------------------------------
                     [div.information]
-----------------------------------------------------
                   　インフォメーション
-----------------------------------------------------*/


div.container div.main div.information h4 {
	background:url(../img/campaign/title_s_campaign.gif) no-repeat 0 0;
}

div.container div.main div.information dl {
	margin:0 auto;
}

div.container div.main div.information dl dd p {
	margin:0;
	color:#999;
}

/*div.container div.main div.information dl dd p {
	width:340px;
	color:#999;
}
*/

div.container div.main div.information dl dd span.location {
	float:right;
	width:90px;
	text-align:right;
	color:#000099;
	font-weight:bold;
	margin-left:10px;
	display:inline;
}

div.container div.main div.information a:link,
div.container div.main div.information a:visited {
	color:#333;
	font-weight:bold;
}


/*---------------------------------------------------
                     [clomun]
-----------------------------------------------------
                   　カラムエリア
-----------------------------------------------------*/

div.container div.column div.location div.wrapper h4 {
	background:url(../img/campaign/navi_location_campaign.gif) no-repeat 0 0;
}


/*EOC*/