@charset "utf-8";
/*-----------------------------------
all style
-----------------------------------*/
body{
	background:url(/common/images/bg_background.png) repeat 0 0;
}

#wrapAll{
	margin:0 auto;
	color:#4b4b4b;
}

a{
	text-decoration:none;
	color:#00a0e9;
}

p{
	line-height:2;
}

dd{
	line-height:2;
}


.centerBlock{
	display:inline-block;
}

/*-- hline -----------------------*/


.h2_longText{
	font-family: 'Gilda Display', serif;
	width:0%;
	height:44px;
	font-size:40px;
	color:#ffffff;
	background:url(/common/images/bg_h2Text.gif) 0 0 repeat-x;	
	margin:0 0 45px 0;
	clear:both;
	line-height:1.1;
}

.h2Text{
	display:none;
	width:920px;
	margin:0 auto;
}

.h4title{
	background:url(/common/images/bg_h3.png) 0 0 no-repeat;
	margin:0 0 55px 0;
	padding:0 60px 0 10px;
	clear:both;
}


.h4title h4{
	float:left;
	font-size:15px;
	padding-top:4px;
	margin:0 70px 0 0;
}

.h4title h4 span{
	display:block;
	clear:both;
	font-size:11px;

}

.h4title p{
	margin-bottom:0 !important;
	line-height:1.5;
	font-size:13px;
}

/*-----------------------------------
header style
-----------------------------------*/
#header{
	width:100%;
	margin-bottom:60px;
}

#minHeader {
	background:url(/common/images/bg_minheader.png) 0 0 repeat-x;
	position:absolute !important;
	top: -202px;
	left: 0;
	z-index:9999;
	width: 100%;
	margin:0 auto;
	padding:20px 0;

}



#minHeader.fixed{
	position:fixed !important;
	top: 0;
	left: 0;
	z-index:9999;
	width: 100%;
}


#header h1{
	padding:30px 0 23px 0;
	text-align:center;
}

.promoword{
	text-align:center;
}


.subPromoword{
	text-align:center;
	margin-bottom:40px !important;
	font-size:16px;
	line-height:1.7;
}


.navi{
	display:inline-block;
	margin-bottom:63px;
}

.navi li,
.minNavi li{
	font-family: 'Gilda Display', serif;
	font-size:15px;
	font-weight:bold;
	float:left;
	margin:0 30px 0 0;
}

.navi li:last-child,
.minNavi li:last-child{
	margin-right:0 !important;	
}

.navi li a,
.minNavi li a{
	color:#4b4b4b;
}




/*-----------------------------------
content style
-----------------------------------*/

.content{
	clear:both;
	width:920px;
	margin:0 auto 100px auto;
}

.content.last-child .contentRight{
	margin-bottom:0 !important;
}

.content .contentRight:last-child{
	margin-bottom:0;
}

.textBlock,
.contentWrap{
	clear:both;
	margin:0 0 50px 0;
}

.content .textBlock:last-child,
.content .contentWrap:last-child{
	clear:both;
	margin-bottom:0 !important;
}


.textBlock p:last-child{
	margin-bottom:0;
	
}


.readText{
	padding-top:5px;	
}

.promoword img{
	text-align:center;
	margin:0 0 10px 0;
}


#actualList{
	margin:0 auto 42px auto;
	width:920px;
	clear:both;
}

#actualList li{
	height:160px;
	width:160px;
	float:left;
	margin:0 30px 30px 0;
    box-shadow:0px 0px 2px rgba(0,0,0,0.4);
}

.lt-ie9 #actualList li{
	margin:0 24px 30px 0;
    box-shadow:0px 0px 3px rgba(222,222,222,1);
	position:relative;
	behavior: url(/common/script/libs/PIE.htc);
}


#actualList li:nth-child(5n+5){
	margin-right:0;
}



#newsArea #news{
	clear:both;
	float:left;
	border-right:solid 1px #cccccc;
	margin:0 40px 0 0;
	padding:0 30px 0 40px;
}


#newsArea #news h2{
	font-family: 'Gilda Display', serif;
	font-size:22px;
	font-weight:bold;
}
    
#newsArea #news a{
	font-size:10px;
}


#newsArea ul{
	float:left;
	padding:7px 0;
}

#newsArea ul li {
	margin:0 0 8px 0;
	color:#00a0e9;

}

#newsArea .newsData{
	margin:0 20px 0 0;
	color:#4b4b4b;
	
}


.content p{
	margin:0 0 30px 0;
}


.contentLeft{
	clear:both !important;
	float:left;
	
}

.contentLeft:first-child{
	margin-right:40px;
}



.contentLeft02{
	clear:both;
	float:left;
	margin:36px 40px 0 0;	
}

.contentLeft02:first-child{
	margin:30px 40px 0 0;
}


.contentRight02{
	float:right;
	width:524px !important;
	margin-top:25px;

}


.contentRight{
	float:right;
	overflow:hidden;
	width:710px;
	margin-bottom:100px;
}

.contentRight .textBlock:last-child{
	margin-bottom:0 !important;
}

.overviewList dt{
	margin-bottom:5px;
	padding:0 0 2px 30px;
	font-size:16px;
	font-weight:bold;
}
.overviewList dd{
	margin:0 0 30px 0;
}

.overviewList dd:last-child{
	margin-bottom:0;
}
.overviewList .diamondPink{
	color:#7d7692;
	background:url(/common/images/bg_diamond_pink.gif) 0 0 no-repeat;
}


.overviewList .diamondPurple{
	color:#7b929a;
	background:url(/common/images/bg_diamond_purple.gif) 0 0 no-repeat;
}

.overviewList .diamondBlue{
	color:#8d8b84;
	background:url(/common/images/bg_diamond_blue.gif) 0 0 no-repeat;
}

.overviewList .diamondGreen{
	color:#90a893;
	background:url(/common/images/bg_diamond_green.gif) 0 0 no-repeat;
}

.contentLeft h3{
	font-size:20px;
	font-weight:bold;
	white-space:nowrap;
}


#arrowList dt{
	clear:both;
	background:url(/common/images/bg_h4.png) 0 0 no-repeat;
	margin:0 0 55px 0;
	padding:8px 10px 8px 10px;
	width:165px;
	float:left;
	font-weight:bold;
	color:#ffffff;
	position:relative;
}

.lt-ie8 #arrowList dt{
	margin-bottom:50px;
}


#arrowList dd{
	float:right;
	width:520px;
}


.lt-ie8 #arrowList dd{
	margin-bottom:20px;
}


#arrowList .action{
	width:160px;
	font-size:11px;
	color:#434343;
	position:absolute;
	top:40px;
	left:0;
}

.squareGreen{
	background:url(/common/images/bg_square_green.png) 0 5px no-repeat;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	font-size:16px;	
}


.squarePurple02{
	background:url(/common/images/bg_square_purple02.gif) 0 5px no-repeat;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	font-size:16px;		
}

.squarePurple{
	background:url(/common/images/bg_square_purple.png) 0 5px no-repeat;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	font-size:16px;		
}

.squarePink{
	background:url(/common/images/bg_square_pink.png) 0 5px no-repeat;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	font-size:16px;	
}


.flowList dt{
	width:250px;
	clear:both;
	float:left;
	background:url(/common/images/bg_flow.png) 0 0 no-repeat;
	padding:7px 0 33px 0;
	color:#ffffff;
	font-size:15px;
	text-align:center;
}


.flowList dd{
	float:right;
	width:430px;
	margin:0 0 30px 0;
}

.flowList dd:last-child{
	margin-bottom:0 !important;
}

.serviceBnr{
	clear:both;
	margin:0 0 50px 0;
}

.content .serviceBnr:last-child{
	margin-bottom:0;
}

.serviceBnr img{
	float:left;
}

.serviceDesc{
	width:430px;
	float:right;
}

.textBlock h6{
	font-weight:bold;
}

.diamondList{
	margin:0 0 30px 0;

}

.diamondList li{
	background:url(/common/images/bg_diamond_black.png) 0 center no-repeat;	
	line-height:2;
	padding:0 0 0 20px;
}

#name{
	text-align:right;
}

#about{
    width:auto;
	font-size:14px;
}
 
#about dt{
    clear:left;
    float:left;
    margin:0;
    padding:10px 10em 10px 0.5em;
    width:7em;
    line-height:1.5em;
}
 
#about dd{
    margin:0;
    padding:10px 0.5em 10px 7em;
    border-bottom:1px solid #CCC;
    line-height:1.5em;
}

#about ul{
	overflow:hidden;
}

#about li{
		margin-bottom:5px;
}

dl.diamondList{
	clear:both;
}

.diamondList dd{
	float:left;
	background:url(/common/images/bg_diamond_black.png) 0 center no-repeat;
	margin-right:10px;
	padding:0 0 0 13px;
	white-space:nowrap;
}

.diamondList dd:last-child{
	background:none;
	
}
.mailaddress{
	color:#00b7ee;
}

#newsList{
    width:auto;
}
 
#newsList dt{
    clear:left;
    float:left;
    margin:0;
    padding:10px 2em 0 0.5em;
    width:7em;
    line-height:1.5em;
}
 
#newsList dd{
    margin:0;
    padding:10px 0.5em 10px 7em;
    border-bottom:1px solid #CCC;
    line-height:1.5em;
}

#newsList ul{
	overflow:hidden;
}

#newsList ul li{
	margin-bottom:5px;
}

/*-----------------------------------
footer style
-----------------------------------*/

#footer{
	clear:both;
	margin-bottom:30px;
}

#copyright{
	width:920px;
	margin:0 auto;
	text-align:left;
	font-family: 'Gilda Display', serif;
	font-size:10px;

}

#pageTop{
	position:fixed;
	bottom:20px;
	right:30px;
	display:none;
}