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

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

#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{
	overflow:hidden;
}

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

#contents h2{ 
	padding:5px 0 0 13px;
	background:url(../../../../image/sw/cu/promo/landing/sgift/bg_title.jpg) no-repeat top left;
	width:943px;
	height:53px; 
	font-size:14px; 
	font-weight:bold; 
	color:#151515;
	line-height:53px;
	position:absolute;
	top:0;
	left:0;
}

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

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

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


.pic{	margin-bottom:0!important;}
.btn{	text-align:center; margin-bottom:40px;}


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

/* sns */
div#sns{
	overflow:hidden;
	width:167px;
	height:46px;
	position:absolute;
	top:11px;
	right:6px;
}
div#sns dt{
	text-align:right;
	margin:1px 28px 2px 0;
	line-height:0;
}
div#sns dd{
	float:left;
	width:31px;
	height:30px;
	margin:0 1px 0 0;
}
div#sns dd#snsLivedoor{
	margin:0 3px 0 1px;
}
div#sns dd#snsHatena{
	margin:0 4px 0 1px;
}
div#sns a.mixi-check-button{
	display:block;
	width:31px;
	height:30px;
	overflow:hidden;
	background: url(../../../../image/sw/cu/promo/landing/sgift/icon_mixi.gif) no-repeat 0 0;
}
div#sns a.mixi-check-button img{ display:none; }

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

div#introduction p.pic{
	margin:-15px -1px 0 15px;
	float:right;
	padding-bottom:10px;
	}

div#searchArea01{
	background:url(../../../../image/sw/cu/promo/landing/sgift/bg_area_repeat.gif) 0 0;
	width:916px;
	clear:both;
	margin:0 auto 23px auto;
}
div#searchArea01 .inner{
	background:url(../../../../image/sw/cu/promo/landing/sgift/bg_area_bottom.gif) no-repeat 0 bottom;
	overflow:auto;
}
div#searchArea01 h3{
	background:url(../../../../image/sw/cu/promo/landing/sgift/bg_area_top.gif) no-repeat 0 0;
	padding:5px;
}
div#searchArea01 h3 span{
	background:url(../../../../image/sw/cu/promo/landing/sgift/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/sgift/bg04.gif);
	width:906px;
	height:32px;
	margin:0 auto 6px;
	overflow:hidden;
	line-height:32px;
}
div#searchArea01 dt{
	float:left;
	width:101px;
	padding-left:8px;
}
div#searchArea01 li{
	float:left;
	margin:0 15px 0 0;
}

div#searchArea02{
	background:url(../../../../image/sw/cu/promo/landing/sgift/bg_area_repeat.gif) 0 0;
	width:916px;
	clear:both;
	margin:0 auto 0px auto;
}
div#searchArea02 .inner{
	background:url(../../../../image/sw/cu/promo/landing/sgift/bg_area_bottom.gif) no-repeat 0 bottom;
	overflow:auto;
}
div#searchArea02 h3{
	background:url(../../../../image/sw/cu/promo/landing/sgift/bg_area_top.gif) no-repeat 0 0;
	padding:5px;
}
div#searchArea02 h3 span{
	background:url(../../../../image/sw/cu/promo/landing/sgift/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/sgift/bg04.gif);
	width:906px;
	height:32px;
	margin:0 auto 6px;
	overflow:hidden;
	line-height:32px;
}
div#searchArea02 dt{
	float:left;
	width:101px;
	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 20px auto; width:916px; }

div#whatsWork #cntWorks01 {
				background-image:url(../../../../image/sw/cu/promo/landing/sgift/bg_sec01_r.jpg);
				background-position:0px 0px;
				background-repeat:repeat-y;
				width:916px;
				margin:0px auto 20px auto;
				padding-top:0px;
				}
				
div#whatsWork #cntWorks01 .cntWorks_top { 
				background-image:url(../../../../image/sw/cu/promo/landing/sgift/bg_sec01_o_top.jpg);
				background-position:0px 0px;
				background-repeat:no-repeat;
				padding-top:33px;
				width:100%;
				position:relative;
				}
				
div#whatsWork #cntWorks01 .worksInner{
				width:883px;
				position:relative;
				margin:0 17px 0px 16px;
				height:164px;
				}

div#whatsWork #cntWorks01 .cntWorks_bot {
				background-image:url(../../../../image/sw/cu/promo/landing/sgift/bg_sec01_o_bot.jpg);
				background-position:0px 0px;
				background-repeat:no-repeat;
				height:113px;
				font-size:0px;
				line-height:1px;
				}

div#whatsWork #cntWorks01 .cntWorks_bot img {
				padding-top:24px;
				margin-left:308px;
				}

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

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

div#whatsWork #cntWorks02 {
				background-image:url(../../../../image/sw/cu/promo/landing/sgift/bg_sec01_o.jpg);
				background-position:0px 0px;
				background-repeat:repeat-y;
				width:916px;
				margin:0px auto 0 auto;
				padding-top:0px;
				}
				
div#whatsWork #cntWorks02 .cntWorks_top { 
				background-image:url(../../../../image/sw/cu/promo/landing/sgift/bg_sec01_r_top.jpg);
				background-position:0px 0px;
				background-repeat:no-repeat;
				padding-top:33px;
				width:100%;
				position:relative;
				}
				
div#whatsWork #cntWorks02 .worksInner{
				width:883px;
				position:relative;
				margin:0px 17px 0px 16px;
				height:178px;
				}

div#whatsWork #cntWorks02 .cntWorks_bot {
				background-image:url(../../../../image/sw/cu/promo/landing/sgift/bg_sec01_r_bot.jpg);
				background-position:0px 0px;
				background-repeat:no-repeat;
				height:113px;
				font-size:0px;
				line-height:1px;
				}

div#whatsWork #cntWorks02 .cntWorks_bot img {
				padding-top:21px;
				margin-left:308px;
				}

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

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

div#whatsWork .txtbox { width:580px; margin:10px 19px 0px 43px; } 
div#whatsWork .txtbox2 { width:580px; margin:14px 19px 0px 43px; } 
div#whatsWork .cntWorks_top .workPict {
	width:254px;
	position:absolute;
	top:-62px;
	right:-4px;
}
* html div#whatsWork .cntWorks_top .workPict { width:254px; position:absolute; top:-65px; right:11px; }
div#whatsWork #cntWorks01 .cntWorks_top .workLead { margin-bottom:8px; padding-top:10px; }
div#whatsWork #cntWorks02 .cntWorks_top .workLead { margin-bottom:8px; padding-top:10px; }
div#whatsWork .cntWorks_top p {line-height: 140%;}


/* 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;}