/*---------------------------------
	14spring
	Last update:2013.01.20
-----------------------------------*/



/*-----[ float ]--------------------*/
.Float {zoom: 100%;}
.Float:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
.FloatL{float:left;}
.FloatR{float:right;}


/*-----[ parts ]--------------------*/
.hidden{display:none;}
.txt_c{text-align:center;}
.a_block{
	display:block;
	text-indent:-5000px;
	background-repeat:no-repeat;
}
a.a_block, input.a_block, button.a_block{
	overflow:hidden;
	text-decoration:none;
	background-position:100% 100%;
}
a.a_block:hover, input.a_block:hover, button.a_block:hover, span.a_block{background-position:0 0;}


.Block{
	display:block;
	text-indent:-5000px;
	background-repeat:no-repeat;
}
a.Block, input.Block, button.Block{
	overflow:hidden;
	text-decoration:none;
	background-position:100% 100%;
}
a.Block:hover, input.Block:hover, button.Block:hover, span.Block{background-position:0 0;}

/* margin */
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt50{margin-top:50px;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}

#container #pagebody {
	width: 960px;
	color: #333333;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 180%;
}

#spring14{color:#333333;}




#spring14 #mainvisual{
	width:960px;
	height:564px;
	margin:0 0 16px 0;
	position:relative;
	background:url(/biz/campaign/14spring/images/14spring_main.jpg) no-repeat 50% 0;
}
/*#spring14 #mainvisual *{visibility:hidden;}*/
#spring14 #mainvisual h1 ,#spring14 #mainvisual span ,#spring14 #mainvisual p ,#spring14 #mainvisual ul li{visibility:hidden;}
#spring14 #mainvisual a{
	visibility:visible;
	width:501px;
	/*height:70px;*/
	height:64px;
	position:absolute;
	bottom:39px;
	left:229px;
	z-index:1000;
}
#spring14 #mainvisual a:hover{
	opacity: 0.7;
}

#spring14 #mainvisual p.button{
	visibility:visible;
	width:420px;
	height:70px;
	position:absolute;
	bottom:20px;
	left:290px;
	z-index:1000;
}




#spring14 #notice{
	width:960px;
	height:144px;
	margin:0 0 16px 0;
	position:relative;
	background:url(../images/14spring_notice.jpg) no-repeat 50% 0;
}



#spring14 #backup{
	width:960px;
	height:134px;
	margin:0 0 16px 0;
	position:relative;
	background:url(../images/backup_bg.png) no-repeat 50% 0;
}



#spring14 #page1{
	width:870px;
	padding:20px 42px 0;
}

#spring14 #page1 h2 {
	font-size:20px;
	color:#333333;
	line-height:120%;
	font-weight:bold;
	margin:0 0 20px 0;
}




#spring14 #page2{
	width:870px;
	padding:20px 42px;
}


#spring14 #page2 h2 {
	font-size:20px;
	color:#333333;
	line-height:120%;
	font-weight:bold;
	margin:10px 0 20px 0;
}



#spring14 .BgType1 {
	width:960px;
	background: url(../images/box_m_bg.jpg) repeat-y 50% 0;
}

#spring14 .BgType1 .Top {
	width:960px;
	height: 20px;
	background: url(../images/box_t_bg.jpg) no-repeat 50% 0;
}



#spring14 .BgType1 .Bottom {
	width:960px;
	height:20px;
	background: url(../images/box_b_bg.jpg) no-repeat 50% 0;
}







#spring14 #notice h2 {
	font-size:22px;
	color:#FFFFFF;
	line-height:120%;
	font-weight:normal;
	position:absolute;
	top:29px;
	left:42px;
}


#spring14 #notice p {
	font-size:14px;
	color:#cccccc;
	line-height:150%;
	font-weight:normal;
	position:absolute;
	bottom:32px;
	left:42px;
}






#spring14 #backup h2 {
	font-size:20px;
	color:#333333;
	line-height:120%;
	font-weight:normal;
	position:absolute;
	top:25px;
	left:130px;
}


#spring14 #backup p {
	font-size:13px;
	color:#FFFFFF;
	color:#999999;
	line-height:150%;
	font-weight:normal;
	letter-spacing:-1px;
	position:absolute;
	bottom:35px;
	left:130px;
}

#spring14 .case table tr th,
#spring14 .case table tr td{padding:1px;}
#spring14 .case table tr th,
#spring14 .case table .bdr td{border:1px solid #CCCCCC;}
#spring14 .case table tr th{vertical-align:top;}
#spring14 .case table .bdr td{padding:10px 0 0; text-align:center;}
#spring14 .case table tr th span{
	padding:8px 15px;
	display:block;
	background:#F5F5F0;
}
#spring14 .case table tr th h3{
	height:28px;	
}

#spring14 .case table tr.wl {
	background:#333333;
	border-bottom: 1px solid #CCCCCC;
}

#spring14 .case table tr.wl th {border:none;}


#spring14 .case table .wl th h3{
	height:25px;
	padding: 10px 0;
}

#spring14 .case table tr th h3 {
	height:32px;
	padding:0;
	color:#F4F5F6;
	text-align:center;
	font-size:22px;
	font-weight:normal;
}

#spring14 .case table tr th h3 span{
	height:20px;
	padding:0;
	text-align:center;
	background-color:transparent;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#spring14 .case table .wl th h3 span{
	height:25px;
	border-right: 1px solid #666666;
	font-size:14px;
}

#spring14 .case table .wl th h3 span span{
	font-size:12px;
	color:#999999;
	padding:0;
	margin:-2px 0 0 0;
	border:none;
}

#spring14 .case table .wl th.last h3 span {border:none;}
#spring14 .case div.clickArea{
	cursor: pointer;
	padding: 0;
	margin: 0;
}
#spring14 .case table tr.thumb td ul{
	margin: 0 auto;
	width: 870px;
}
#spring14 .case table tr.thumb td ul.list06{
	width: 148px;
}
#spring14 .case table tr.thumb td ul.list07{
	width: 98px;
}
#spring14 .case table tr.thumb td ul li{
	float: left;
	padding: 10px 0;
}
#spring14 .case table tr.thumb td {
	//padding:10px;
}

#spring14 .case table tr td img {
	display:block;
}

#spring14 .case table tr td img.last {	
	display:block;
	border:none;
}
#spring14 .case table tr td.accBtn{
	padding: 0;
}
#spring14 .case table tr td.accBtn img{
	margin: 0 auto 10px auto;
	cursor: pointer;
}

#spring14 .case table tr td{padding:8px 15px;}
.btnarea{
	width:950px;
	padding:25px 0 40px;
	text-align:center;
	position:relative;
}


<!-- add -->
#spring14 .case table.column05,
#spring14 .case table.column01{
//	table-layout:fixed;
	border-collapse:collapse;
}
#spring14 .case table.column05{
	width:872px;
	margin-top: 20px;
	border:1px solid #CCCCCC;
}
#spring14 .case table.column01{
	width:428px;
	margin-top: 20px;
	border:1px solid #CCCCCC;
}
#spring14 .case table.column01 img{
	margin: 0 auto;
}
#spring14 .case table.spec_list,
#spring14 .case table.spec_list tr th{
	border-top-width: 0px;
	margin-top: 0;
}
#spring14 .case table.spec_list{
	/*margin-bottom: 20px;*/
}
#spring14 .case table.spec_list tr td{
	border-bottom: 1px solid #CCCCCC;
}



#spring14 .case table.column01 tr td.os {
	padding:9px 0;
}

#spring14 .case table.column01 tr td.mem {
	padding:9px 0;
}

#spring14 .case table.column01 tr td.st {
	padding:9px 0;
}

#spring14 .case table.column01 tr td.drive {
	padding:9px 0;
}



#spring14 .case table.column05 tr td.pro {
	padding:9px 0;
}

#spring14 .case table.column05 tr td.pro {
	padding:9px 0;
}

.btnarea .a_block{
	width:430px;
	height:98px;
	margin:0 auto;
	background-image:url(/biz/campaign/14spring/images/14spring_btn2.png);
}
#spring14 .case1 p{
	padding:5px 0;
	/*color:#999999;*/
	color:#333333;
	font-size:10px;
	letter-spacing:0;
	line-height:1.5em;
}
#spring14 .case1 table tr td{
	line-height:150%;
}


#spring14 .case1 table tr td dl{
	width:633px;
	letter-spacing:0;
}
#spring14 .case1 table tr td dl dt,
#spring14 .case1 table tr td dl dd{
	display:block;
	color:#333333;
}
#spring14 .case1 table tr td dl dt.list_hr{
	width:85px;
}
#spring14 .case1 table tr td dl dd.list_cont{
	width:548px;
}

#spring14 .case1 table tr td p{font-size:11px;}
#spring14 .case1 table tr th{width:180px;}

#spring14 .case1 table{
	border-collapse:separate;
	border-spacing:1px;
	background:#CCCCCC;
	border:none;
}
#spring14 .case1 table tr th,
#spring14 .case1 table tr td{border:1px solid #FFFFFF;}
#spring14 .case1 table tr th{background:#F5F5F0; padding:8px 15px; font-size:16px; font-weight:bold;}
#spring14 .case1 table tr td{background:#FFFFFF;}


#spring14 .case2 table tr th,
#spring14 .case2 table tr td{
	font-size:12px;
}
#spring14 .case2 table tr th span{
	padding:5px 15px;
	font-size:12px;
}
#spring14 .case2 table tr th span.title{font-weight:bold;}

#spring14 .case2 table tr td{
	padding:0; 
	color:#666666;
	text-align:center;
	line-height:18px;
}
#spring14 .case2 table tr td p{margin:4px 0; padding:10px 7px; border-right:1px solid #CCCCCC;}
#spring14 .case2 table tr .last p{border-right:0;}


#spring14 .case3 .tel{
	padding:1px;
	border:1px solid #CCCCCC;
}
#spring14 .case3 .tel div{height:183px; background:#F2F4F4 url(/biz/campaign/14spring/images/14spring_tel.png) no-repeat 50% 50%;}
#spring14 .case3 .tel div *{visibility:hidden;}




/* --------------------------------------------------
	content_border
-------------------------------------------------- */

#content_border{
	margin-top:60px;
	width:950px;
	border:1px #CCCCCC solid;
}



#spring14 #page3 h2 {
	font-size:20px;
	color:#333333;
	line-height:120%;
	font-weight:normal;
	margin:70px 0 10px 0;
}


a.btmBtn{
	display: block;
	margin: 0 auto;
	width: 501px;
	height: 62px;
	margin-top: 25px;
}
a.btmBtn:hover{
	opacity: 0.7;
}

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

	accordion

************************************************/
#spring14 .case div.clickArea p.btn_open,
#spring14 .case div.clickArea p.btn_close{
	padding: 10px 7px;
	margin: 0 auto;
	font-size: 12px;
	letter-spacing: 200%;
	color: #333333;
	color: #FFFFFF;
	text-align: center;
	display: block;
	width: auto;
	cursor: pointer;
	border: 0;
}


/*#spring14 .case table tr td p.btn_open{
	display: block;
	width: 849px;
	height:36px;
	background:#999999;
}*/

#click_area01 {
	width: 872px;
	height:36px;
	background:#999999;
	 border-radius: 0  0 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 0  0 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0  0 10px 10px;   /* Firefox用 */  
}

#click_area02 ,#click_area03 {
	width: 428px;
	height:36px;
	background:#999999;
	 border-radius: 0  0 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 0  0 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0  0 10px 10px;   /* Firefox用 */  
}

#spring14 .case div.clickArea p.btn_open{
	display: block;
	overflow:hidden;
	text-indent:-9999px;
	width: 104px;
	height:16px;
	background: url(../images/btn_open.png) no-repeat 0 9px;
}

#spring14 .case div.clickArea p.btn_close{
	display: none;
	overflow:hidden;
	text-indent:-9999px;
	width: 104px;
	height:16px;
	background: url(../images/btn_close.png) no-repeat 0 9px;
}
#list01,
#list02,
#list03{
	display: none;
}
/*** ContactArea ***/

#ContactArea{
	margin: 0 auto;
}
#ContactArea li,
#ContactArea li a{height:154px;}
#ContactArea li a{ display: block; }
#ContactArea li a:hover{ opacity: 0.7; }
#ContactArea .Mail{width:239px; }
#ContactArea .Request{width:240px;}
#ContactArea .Tel{width:470px; padding:0; background:url(../images/bs_tel.jpg) no-repeat 0 0;}
#ContactArea .Tel span{
	display:block;
	font-size:13px;
	line-height:120%;
	letter-spacing:0;
	padding-left:115px;
}
#ContactArea .Tel .Number1{
	padding:0 0 0 46px;
	background:url(../images/marc_call.jpg) no-repeat 0 8px;
	line-height:120%;
	color:#FF6600;
	font-size:33px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:41px 0 4px 115px;
}