@charset "UTF-8";
/*------------------------------------------------------------
 Reset
--------------------------------------------------------------*/
img {vertical-align:bottom;}
li {list-style:none;}
p {line-height: 150%;}
table{border-collapse:collapse;border-spacing:0;}
#inner a:link { color:#0044CC; text-decoration: underline; }
#inner a:visited { color:#0044CC; text-decoration: underline; }
#inner a:hover { color:#0044CC; text-decoration: none; }
#inner a:focus { color:#0044CC; text-decoration: none; }
#inner a:active { color:#0044CC; }

/*-----------------------------------------------
LPヘッダー
-----------------------------------------------*/
#lpHeader{
height:53px;
padding:0 3px;
width: 950px;
margin: 0 auto;
}

#lpHeader img.logo{
margin: 0 0 0 15px;float:left;
}

#lpHeader img.rikunabi{
float: right;
margin: 13px 15px 0 0;
}

/*-----------------------------------------------
LPフッター
-----------------------------------------------*/
#footer{
border-top:1px solid #ddd;
padding:15px 0 0;
text-align:center;
}

#footer #ADFooter {
margin: 15px 0;
}

#footer #copyright {
font-family: Verdana, Arial, sans-serif;
margin:10px 0;
font-size:12px;
text-align:center;
}

/*-----------------------------------------------
レイアウト
-----------------------------------------------*/
body {
margin: 0;
padding: 0;
/*letter-spacing:0.04em;*/
}
#inner{
background-color: #fff;
margin: 0 auto;
text-align: left;
width: 956px;
}
#contents{
	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_side.gif) repeat-x 0 0 #efefef;
	overflow:hidden;
}
#mainCont { 
padding:20px 8px 40px 0;
float:left; 
width:696px;
border-right:solid 1px #dddddd;
background-color:#FFF;
}

#subCont { 
float:left; 
width:240px; 
padding:20px 0 0 5px; 
}

/*------------------------------------------------------------
 BOX 
--------------------------------------------------------------*/
#mainCont .section{
	margin-bottom:60px;
	overflow:hidden;
	position:relative;
	width:660px;
	padding:74px 18px 0;
}
#mainCont .section p{	margin-bottom:1em;}

#mainCont h2{ 
	padding:1px 0 0 45px;
	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_title.gif) no-repeat top left;
	width:650px;
	height:52px; 
	font-size:16px; 
	font-weight:bold; 
	color:#FFF;
	line-height:53px;
	position:absolute;
	top:0;
	left:0;
}

#mainCont p.search{
	text-align:right;
	width:660px;
	margin:0 auto;
}
#mainCont p.search a{ color:#e40000;}

#mainCont p.search2{
	text-align:right;
	width:660px;
	margin:0 auto 70px 0px;
}
#mainCont p.search2 a{ color:#e40000;}

#mainCont p.search3{
	text-align:right;
	width:660px;
	margin:0 auto 45px 0px;
}
#mainCont p.search3 a{ color:#e40000;}


.pic{	margin-bottom:0!important;}
.btn{	text-align:center;}
.worksData{
	margin-bottom:15px;
	clear:both;
}
.worksData dt{
	color:#b60000;
	font-weight:bold;
	margin-bottom:12px;
	line-height:1;
}
.worksData dt span{
	display:block;
	font-weight:normal;
	padding-top:8px;
}
.worksData dd{
	border:solid 6px #c7b3a3;
	background-color:#f8f5ef;
	padding:30px 0;
	text-align:center;
}
.worksData dd p{
	width:600px;
	margin:0 auto;
}
.worksData dd p.firstChild{
	margin-bottom:25px!important;
	padding-bottom:30px;
}

/* visual */
#visual { 
	position:relative; 
	top:0; 
	left:0;
	padding:9px 0 0;
	color:#fff;
	width:956px;
}
#visual h1 { 
	position:absolute; 
	bottom:16px;
	height:24px;
	line-height:24px;
	font-weight:bold;
	font-size:12px;
	width:956px;
	text-align:center;
}

/* introduction */
div#introduction p.txt{
	margin-left:0px;
	padding-bottom:35px;
}

div#introduction p.pic{
	margin-left:15px;
	float:right;
	padding-bottom:35px;
	}

div#searchArea01{
	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_area_repeat.gif) 0 0;
	width:635px;
	clear:both;
	margin:0 auto 23px auto;
}
div#searchArea01 .inner{
	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_area_bottom.gif) no-repeat 0 bottom;
	overflow:auto;
}
div#searchArea01 h3{
	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_area_top.gif) no-repeat 0 0;
	padding:5px;
}
div#searchArea01 h3 span{
	background:url(../../../../image/sw/cu/promo/landing/valentine/head_area.gif) no-repeat 0 0;
	display:block;
	line-height:37px;
	color:#FFF;
	font-size:18px;
	padding-left:50px;
}
div#searchArea01 dl{
	background:url(../../../../image/sw/cu/promo/landing/valentine/bg04.gif);
	width:625px;
	height:32px;
	margin:0 auto 6px;
	overflow:hidden;
	line-height:32px;
}
div#searchArea01 dt{
	float:left;
	width:87px;
	padding-left:8px;
}
div#searchArea01 li{
	float:left;
	margin:0 15px 0 0;
}

div#searchArea02{
	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_area_repeat.gif) 0 0;
	width:635px;
	clear:both;
	margin:0 auto 0px auto;
}
div#searchArea02 .inner{
	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_area_bottom.gif) no-repeat 0 bottom;
	overflow:auto;
}
div#searchArea02 h3{
	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_area_top.gif) no-repeat 0 0;
	padding:5px;
}
div#searchArea02 h3 span{
	background:url(../../../../image/sw/cu/promo/landing/valentine/head_area.gif) no-repeat 0 0;
	display:block;
	line-height:37px;
	color:#FFF;
	font-size:18px;
	padding-left:50px;
}
div#searchArea02 dl{
	background:url(../../../../image/sw/cu/promo/landing/valentine/bg04.gif);
	width:625px;
	height:32px;
	margin:0 auto 6px;
	overflow:hidden;
	line-height:32px;
}
div#searchArea02 dt{
	float:left;
	width:87px;
	padding-left:8px;
}
div#searchArea02 li{
	float:left;
	margin:0 15px 0 0;
}

/* whatsWork */
div#whatsWork dl.worksData{	margin-bottom:10px;}
div#whatsWork .unit{
	width:659px;
	margin:0 auto 20px;
	position:relative;
}

div#whatsWork p.lead { margin:0px auto 30px auto; width:655px; }

div#whatsWork #cntWorks01 {
				background-image:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_r.gif);
				background-position:0px 0px;
				background-repeat:repeat-y;
				width:659px;
				margin:0px auto 49px auto;
				padding-top:0px;
				}
				
div#whatsWork #cntWorks01 .cntWorks_top { 
				background-image:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_r_top.gif);
				background-position:0px 0px;
				background-repeat:no-repeat;
				padding-top:11px;
				width:100%;
				position:relative;
				}
				
div#whatsWork #cntWorks01 .worksInner{
				width:626px;
				position:relative;
				margin:0px 17px 0px 16px;
				}

				
div#whatsWork #cntWorks01 .cntWorks_bot {
				background-image:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_r_bot.gif);
				background-position:0px 0px;
				background-repeat:no-repeat;
				height:85px;
				font-size:0px;
				line-height:1px;
				text-align:center;
				}

div#whatsWork #cntWorks01 .cntWorks_bot img {
				padding-top:17px;
				}

div#whatsWork #cntWorks01 h3 {
				padding-left:18px;
				margin-bottom:20px;
				height:39px;
				line-height:39px;
				color:#FFF;
				font-size:16px;
				}

div#whatsWork #cntWorks01 h4{
				background:url(../../../../image/sw/cu/promo/landing/valentine/head_sec01_r_sub_border.gif) repeat-x 0 bottom;
				height:29px;
				width:595px;
				margin-bottom:4px;
				}

div#whatsWork #cntWorks02 {
				background-image:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_o.gif);
				background-position:0px 0px;
				background-repeat:repeat-y;
				width:659px;
				margin:0px auto 10px auto;
				padding-top:0px;
				}
				
div#whatsWork #cntWorks02 .cntWorks_top { 
				background-image:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_o_top.gif);
				background-position:0px 0px;
				background-repeat:no-repeat;
				padding-top:11px;
				width:100%;
				position:relative;
				}
				
div#whatsWork #cntWorks02 .worksInner{
				width:626px;
				position:relative;
				margin:0px 17px 0px 16px;
				}

				
div#whatsWork #cntWorks02 .cntWorks_bot {
				background-image:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_o_bot.gif);
				background-position:0px 0px;
				background-repeat:no-repeat;
				height:85px;
				font-size:0px;
				line-height:1px;
				text-align:center;
				}

div#whatsWork #cntWorks02 .cntWorks_bot img {
				padding-top:17px;
				}

div#whatsWork #cntWorks02 h3 {
				padding-left:18px;
				margin-bottom:20px;
				height:39px;
				line-height:39px;
				color:#FFF;
				font-size:16px;
				}

div#whatsWork #cntWorks02 h4{
				background:url(../../../../image/sw/cu/promo/landing/valentine/head_sec01_o_sub_border.gif) repeat-x 0 bottom;
				height:29px;
				width:595px;
				margin-bottom:4px;
				}

div#whatsWork .txtbox { width:595px; margin:0px 16px 0px 16px; } 
div#whatsWork .cntWorks_top .workPict { width:212px; position:absolute; top:-70px; right:5px; }
div#whatsWork #cntWorks01 .cntWorks_top .workLead { width:378px; margin-bottom:29px; height:103px; padding-top:2px; }
div#whatsWork #cntWorks02 .cntWorks_top .workLead { width:378px; margin-bottom:18px; height:113px; padding-top:2px; }



div#whatsWork #workContent01{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_r.gif) 0 0; margin-top:30px;}
div#whatsWork #workContent02{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_o.gif) 0 0; margin-bottom:10px;}
div#whatsWork #workContent01 .unitInner{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_r_bottom.gif) no-repeat 0 bottom;}
div#whatsWork #workContent02 .unitInner{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_o_bottom.gif) no-repeat 0 bottom;}
div#whatsWork .unitWrap{	padding:11px 0 1px;}
div#whatsWork #workContent01 .unitWrap{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_r_top.gif) no-repeat 0 top;}
div#whatsWork #workContent02 .unitWrap{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_o_top.gif) no-repeat 0 top;}
div#whatsWork .unit h3{
	padding-left:18px;
	margin-bottom:8px;
	height:38px;
	line-height:38px;
	color:#FFF;
	font-size:18px;
}
div#whatsWork #workContent01 h3{background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_r_title.gif) 0 top;}
div#whatsWork #workContent02 h3{background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_o_title.gif) 0 top; margin-bottom:10px;}
div#whatsWork .unit .pic{
	position:absolute;
	top:10px;
	right:16px;
}
div#whatsWork #workContent02 .pic{top:8px;}
div#whatsWork .unit .txt{
	width:624px;
	margin:0 auto 11px;
}
div#whatsWork #workContent01 .txt{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_r_innner_bottom.gif) #ffd9d5 no-repeat 0 bottom;}
div#whatsWork #workContent02 .txt{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_o_innner_bottom.gif) #ffdcc7 no-repeat 0 bottom;}
div#whatsWork .unit .txtInner{	padding:12px 14px;}
div#whatsWork #workContent02 .txtInner{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_o_innner_top.gif) no-repeat 0 top;}
div#whatsWork .unit .txt p.firstChild{	width:325px;}
div#whatsWork .unit .txt h4{
	padding:0 0 10px;
	margin-bottom:12px;
}
div#whatsWork #workContent01 h4{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_r_subtitle.gif) repeat-x 0 bottom;}
div#whatsWork #workContent02 h4{	background:url(../../../../image/sw/cu/promo/landing/valentine/bg_sec01_o_subtitle.gif) repeat-x 0 bottom;}



/* worksMerit */
div#worksMerit p.txt{
	margin-bottom:35px;
}

div#worksMerit .pic{
	float:right;
	margin-left:15px;	
}

div#worksMerit dd{ padding:52px 0px 40px 0px; }

/* worksSeason */
div#worksSeason p.lead{ margin:0px auto 34px auto; width:655px; }
div#worksSeason dd{ padding:23px 0px; }

/* worksSample */
div#worksSample p{ color:#b60000; }
div#worksSample .wrap{
	border:solid 6px #c7b3a3;
	padding:32px 0px 41px 0px;
	background-color:#f8f5ef;
	text-align:center;
	margin-bottom:10px;
}

div#worksSample .wrap div.tablebox{
	width:522px;
	margin:0 auto;
	background-color:#908f8e;
	padding:1px 0px;
	margin:0px auto;
}

div#worksSample .wrap div.tablebox table{
	width:520px;
	margin:0px 1px 0px 1px;	
}

div#worksSample .wrap div.tablebox th { border:solid 1px #908f8e; }
div#worksSample .wrap div.tablebox td { border:solid 1px #908f8e; padding:10px 0px; background-color:#fff; }
div#worksSample .wrap div.tablebox th.td01 { width:205px; }
div#worksSample .wrap div.tablebox th.td02 { width:104px; }

div#worksSample .wrap div.tablebox .th_head {
	background-color:#dadada;
	padding:5px 0px;
}

div#worksSample .wrap div.tablebox .th01 {
	background-image:url(../../../../image/sw/cu/promo/landing/valentine/parts_sec04_td_bg_red.gif);
	background-repeat:repeat;
	background-position:0px 0px;
	color:#991100;
	text-align:left;
	text-indent:24px;
}

div#worksSample .wrap div.tablebox .th02 {
	background:url(../../../../image/sw/cu/promo/landing/valentine/parts_sec04_td_bg_yellow.gif) repeat top left;
	color:#795e00;
	text-align:left;
	text-indent:24px;
}

div#worksSample .wrap div.tablebox .th03 {
	background:url(../../../../image/sw/cu/promo/landing/valentine/parts_sec04_td_bg_blue.gif) repeat top left;
	color:#084563;
	text-align:left;
	text-indent:24px;
}

div#worksSample .wrap div.tablebox .th04 {
	background:url(../../../../image/sw/cu/promo/landing/valentine/parts_sec04_td_bg_green.gif) repeat top left;
	color:#325c13;
	text-align:left;
	text-indent:24px;
}

/* bannerArea */
div#bannerArea{	margin-bottom:10px;}
div#bannerArea li{	margin-bottom:3px;}

/* sns */
div#sns{
	border:solid 1px #dadada;
	background-color:#FFF;
	overflow:hidden;
	padding:5px 0 10px 10px;
	margin:0 0 10px;
}
div#sns dt{
	text-align:center;
	margin-bottom:5px;
}
div#sns dd{
	float:left;
	width:40px;
	height:40px;
	margin:0 2px;
}
div#sns a.mixi-check-button{
	display:block;
	width:40px;
	height:40px;
	background:url(../../../../image/sw/cu/promo/landing/valentine/icon_mixi.gif) no-repeat 0 0;
	overflow:hidden;
}
div#sns a.mixi-check-button img{ display:none; }

/* worksCategory */
div#worksCategory{	margin-bottom:5px;}
div#worksCategory h3{	margin-bottom:5px;}
div#worksCategory h4{
	font-size:14px;
	padding-left:5px;
}
div#worksCategory ul{
	overflow:hidden;
	margin:0 0 8px 5px;
}
div#worksCategory li{
	background:url(../../../../image/sw/cu/promo/landing/valentine/icon_circle.gif) no-repeat 0 50%;
	padding-left:10px;
	float:left;
	margin:0 5px 0 0;
	line-height:1.8;
}
div#worksCategory li a{	white-space:nowrap;}

/* relationSite */
div#relationSite h3{ margin-bottom:5px;}
div#relationSite dl{
	background-color:#FFF;
	border:solid 1px #dadada;
	padding:15px 15px 10px;
}
div#relationSite dt{
	text-align:center;
	margin-bottom:10px;
}
div#relationSite dd{
	background:url(../../../../image/sw/cu/promo/landing/valentine/icon_arrow.gif) no-repeat 0 2px;
	padding-left:10px;
	margin-bottom:8px;
	line-height:1.2;
}


/* IE6 css fixer v0.95: Wed, 28 Sep 2011 09:28:54 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#lpHeader img.logo,
#lpHeader img.rikunabi,
#mainCont,
#subCont,
div#introduction p.pic,
div#searchArea dt,
div#searchArea li,
div#worksMerit .pic,
div#sns dd,
div#worksCategory li {display:inline;}

/* add zoom:1 to overflow:hidden */
#contents,
#mainCont .section,
div#searchArea dl,
div#sns,
div#sns a.mixi-check-button,
div#worksCategory ul {zoom:1;}

/* add zoom:1 to pos:relative elements */
#visual,
div#whatsWork .unit {zoom:1;}

/* add overflow:visible to (submit) buttons */
 input, button {overflow:visible;}


/* ============================================= */
/* potentially harmful settings                  */

/* add zoom:1 to backgrounds -- Manually check for problems with inline elements! */
#mainCont h2,
div#searchArea,
div#searchArea .inner,
div#searchArea h3,
div#searchArea h3 span,
div#whatsWork #workContent01,
div#whatsWork #workContent02,
div#whatsWork #workContent01 .unitInner,
div#whatsWork #workContent02 .unitInner,
div#whatsWork #workContent01 .unitWrap,
div#whatsWork #workContent02 .unitWrap,
div#whatsWork #workContent01 h3,
div#whatsWork #workContent02 h3,
div#whatsWork #workContent01 .txt,
div#whatsWork #workContent02 .txt,
div#whatsWork #workContent01 .txtInner,
div#whatsWork #workContent02 .txtInner,
div#worksCategory li,
div#relationSite dd,
.worksData dd p.firstChild,
div#worksSample .wrap p.firstChild,
div#whatsWork #workContent01 h4,
div#whatsWork #workContent02 h4 {zoom:1;}