@charset "utf-8";


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

	Landing Page CSS
	// 20120223 N.T

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

body#format_LP {
     background:none;
	 background-color:;
     position:relative;
     z-index:1;
	background:#FFF url(../img/lp/bg_main_second.jpg) repeat-x 0 0px;
	/background-position:0 30px; /* for IE6-7 */
	_background:#FFF url(../img/lp/bg_main_second.jpg) repeat-x 0 -1px; /* for IE6 */
}


/* Rayout
--------------------------------------------*/

#lp_content {
	overflow:hidden;
	*zoom:1;
	margin:0 auto 0;
	width:980px;
}

/* ページの先頭へ戻る */

#lp_content .pagetop {
	clear:both;
	margin:15px 0;
	text-align:right;
	font-size:13px;
}

#lp_content .pagetop img {
	vertical-align:middle;
	margin-right:5px;
}
/*------nav-----------*/

body#format_LP #header{
	overflow:visible;
	position:relative;
	}


body#format_LP #mainvisual{
position:absolute;
top:458px;
/top:490px;
}
body#format_LP #mainvisual .inner {
	height:59px; 
}

#globalnavi {
}

/*-ナビ追加調整---------*/

#format_LP #lp_content .headerh3 {
	margin-top:73px;
}



/* Main Image Area
--------------------------------------------*/
#lp_content h2 {
   background:url(../img/lp/topimage.jpg) no-repeat 0 0;
   width:100%;
   height:192px;
  }
 #lp_content h2 em { position:relative; z-index:-1;}
 
 dl#topinquiry {
    background:url(../img/lp/topinquiry_subhead.jpg) no-repeat 0 64px;
	min-height:194px;
	_height:194px;
	}

 dl#topinquiry dd { padding-top:15px;}
 dl#topinquiry dd.left {width:510px; margin-left:30px; _margin-left:10px;}
 dl#topinquiry dd.right {width:420px;margin-right:20px;}
 
 dl#topinquiry dd.left em,
 dl#topinquiry dd.right em  { position:relative; z-index:-1;}
 
 
 
 /*Case Menu
--------------------------------------------*/
ul#CaseMenu { margin-right:-6px;}
 
ul#CaseMenu li {
	float: left;
	width:320px;
	background:url(../img/lp/bg_casemenu.gif) no-repeat left bottom;
	padding-bottom:1.5em;
	margin-right:6px;
	min-height:420px;
	_height: 420px;
  }
  
ul#CaseMenu li p {
	width:296px;
	margin: 8px auto 0;
	font-size:100%;
}  

ul#CaseMenu li p.merit {
	background:url(../img/lp/menu_merit_bg.gif) no-repeat 0 0;
	border-bottom: 1px solid #FCBFAF;
	font-weight:bold;
	line-height:1.2;
	padding: 15px 6px 10px 100px;
	width:190px;
	/*width:296px;
	margin: 0 auto;*/
}

ul#CaseMenu li p.merit:after { content: ""; display: block; clear: both; height: 0; } 
ul#CaseMenu li p.merit { display: inline-block; } 
ul#CaseMenu li p.merit { display: block; }
ul#CaseMenu li p.merit strong { display:none;}
 

 /*Case Contents 
--------------------------------------------*/
div#case01,div#case02,div#case03,div#case04,div#case05,div#case06 { clear:both; margin-top:30px;}
 
div#case01 h3,
div#case02 h3,
div#case03 h3,
div#case04 h3,
div#case05 h3,
div#case06 h3 {
	height: 71px;
	background-position:0 0;
	background-repeat:no-repeat;
}
div#case01 h3 {background-image:url(../img/lp/case01_head.gif) ;}
div#case02 h3 {background-image:url(../img/lp/case02_head.gif) ;}
div#case03 h3 {background-image:url(../img/lp/case03_head.gif) ;}
div#case04 h3 {background-image:url(../img/lp/case04_head.gif) ;}
div#case05 h3 {background-image:url(../img/lp/case05_head.gif) ;}
div#case06 h3 {background-image:url(../img/lp/case06_head.gif) ;}

div#case01 h3 em,
div#case02 h3 em, 
div#case03 h3 em, 
div#case04 h3 em, 
div#case05 h3 em, 
div#case06 h3 em { position:relative; z-index:-1;}

div#case01 h3 ul,
div#case02 h3 ul,
div#case03 h3 ul,
div#case04 h3 ul,
div#case05 h3 ul,
div#case06 h3 ul {width:253px; float:right; margin-right:13px; margin-top:2px; /margin-top: -18px; /margin-right:8px;}

div#case01 h3 ul li,div#case02 h3 ul li,div#case03 h3 ul li,div#case04 h3 ul li,div#case05 h3 ul li,div#case06 h3 ul li { float:left;}

p.casecomment {
	padding: 10px 10px 10px 125px;
	background:url(../img/lp/case_head_bottom.jpg) repeat-x 0 0;
}


/***  Case 01  ***/
ol.flow01 { margin-left:28px; overflow:hidden;}
ol.flow01 li { float:left; width: 316px;}
ol.flow01 li p {
	background-color:#FEF9E9;
	width:278px;
	padding:10px;
	font-size:92%;
}

/***  Case 02  ***/
ul.flow02 { width:590px; float:left; margin-left:20px;overflow:hidden; _margin-left:10px;}
ul.flow02 li { width:294px; float:left; margin-bottom:30px;}
ul.flow02 li p {
	background-color:#FEF9E9;
	width:265px;
	padding:10px;
	font-size:92%;
}

dl.voice { width:350px; float:right; margin-bottom:30px; margin-right:15px;}
dl.voice dt { margin-bottom:10px;}
dl.voice dd {
	background:url(../img/lp/case2_img_voice.jpg) no-repeat right bottom;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 10px 155px 10px 10px;
	min-height:200px;
	_height: 200px;
	font-size:107%;
	font-weight:bold;
}
dl.voice dd p {
	text-align: center;
	margin-top:10px;
}

/***  Case 03  ***/
div#quest {
	width: 400px;
	margin-left: 120px;
	background:url(../img/lp/case03_img01.jpg) no-repeat 0 0;
	padding-left:370px;
	padding-top:30px;
	min-height:195px;
	_height:195px;
}
div#quest p {
	background-position:left center;
	background-repeat:no-repeat;
	margin-bottom:1em;
	font-size:122%;
	font-weight:bold;
}
div#quest p.secQ {
	background-image:url(../img/lp/case3_mark_q.gif); 
	color:#126AC2;
	padding: 5px 0 5px 50px;
}
div#quest p.secA {
	background-image:url(../img/lp/case3_mark_a.gif);
	color:#FF8A26;
	padding: 15px 0 15px 50px;
}

div.columncontainer {
	clear:both;
	margin: 30px 0;
	background:url(../img/lp/bg_column.gif);
	padding:10px;
	/width:960px;
}

div#case3Column {
	background-color:#FFF;
	padding :10px 10px 10px 20px;
}
div#case3Column div#columnHead {background:#FFF url(../img/lp/column_img01.jpg) no-repeat  625px 10px;}
div#case3Column div#columnHead p.headcomment { margin: 0 10px 30px; width:580px;}
div#case3Column div#columnHead ul { /*width:850px;*/ margin-left:35px; margin-bottom:30px; overflow:hidden;}
div#case3Column div#columnHead ul li { float:left;}

div#case3Column ol#sublist { clear:both; width:890px;}
div#case3Column ol#sublist li { clear:both;}
div#case3Column ol#sublist li h5 {
visibility:hidden;
height:100px;
}

div#case3Column ol#sublist li#num1 {background:url(../img/lp/column_subhead01.gif) no-repeat 0 0;}
div#case3Column ol#sublist li#num1 p { padding-left:80px;}
div#case3Column ol#sublist li#num1 span img { float:right;margin-left: 30px;}

div#case3Column ol#sublist li#num2 {background:url(../img/lp/column_subhead02.gif) no-repeat 0 0; overflow:hidden;}
div#case3Column ol#sublist li#num2 p.left { padding-left:80px; width:300px;}
div#case3Column ol#sublist li#num2 p.left strong { display:block; color:#FF8040; font-size:136%; margin-bottom:0.5em;}
div#case3Column ol#sublist li#num2 p.right { width:480px; text-align:right}

div#case3Column ol#sublist li#num3 {
	background:url(../img/lp/column_subhead03.gif) no-repeat 0 0;
	overflow:hidden;
	margin-right:-20px;
	zoom:1;
}
div#case3Column ol#sublist li#num3 div {
	float:left;
	width:280px;
	margin-right:20px;
	margin-bottom: 20px;
	background:url(../img/lp/column_sublist_bg.gif) no-repeat 0 0;
	overflow:hidden;
	border-bottom: 1px solid #DDD;
}
div#case3Column ol#sublist li#num3 div span { display:block; height:40px;}
div#case3Column ol#sublist li#num3 div em { display:block; margin-left:1px;}
div#case3Column ol#sublist li#num3 div p {padding: 0 10px 5px;}


/***  Case 04  ***/
dl.voice2 { width:350px; float:right; margin-bottom:30px; margin-right:15px;}
dl.voice2 dt { margin-bottom:10px;}
dl.voice2 dd {
	background:url(../img/lp/case4_img_voice.jpg) no-repeat right bottom;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 10px 155px 10px 10px;
	min-height:200px;
	_height: 200px;
}
dl.voice2 dd p {
	text-align: center;
	margin-top:10px;
}
dl.voice2 dd p strong { display:block; margin-bottom:0.5em; font-size:122%;}

/***  Case 06  ***/
ul.flow03 { width:774px;margin-left:120px;overflow:hidden;}
ul.flow03 li { width:387px; float:left; margin-bottom:30px;}
ul.flow03 li p {
	background-color:#FEF9E9;
	width:340px;
	padding:10px;
	font-size:92%;
}
 
  /*Bottom Inquiry Box 
--------------------------------------------*/

div#inquiryBox {
	background:url(../img/lp/bg_inquirybox.jpg) no-repeat 0 0;
	overflow:hidden;
	min-height: 350px;
	_height: 350px;
}
div#inquiryBox h3 { visibility:hidden; height:80px;}

div#inquiryBox dl#pushbox {
	float:left;
	background:url(../img/lp/inquiry_pushbg.png) no-repeat 0 0;
	width:400px;
	margin-left:30px;
	_margin-left: 10px;
}
div#inquiryBox dl#pushbox dt {
	font-size:14px;
	font-weight:bold;
	color:#20609F;
	padding-left:76px;
	margin-top:16px;
}
div#inquiryBox dl#pushbox dt strong {
	display:block;
	margin-top:8px;
	font-size:24px;
	color:#FF8040;
	line-height:1.3;
}
div#inquiryBox dl#pushbox dd {
    font-size:100%;
	padding: 15px;
	}

div#inquiryBox dl.right { width:510px; margin-right:30px; margin-top:6px; /margin-right: 10px;}
div#inquiryBox dl.right dt { margin-bottom:6px;}
div#inquiryBox dl.right dd { margin-bottom:15px;}