@charset "utf-8";

/* CSS Import Style
---------------------------------------------------- */
@import "../common/css/format.css";
@import "../common/css/base.css";
@import "../common/css/common.css";


/* Top Style
---------------------------------------------------- */

#topImg{
	width:820px;
	margin:5px auto 0px auto;
}

#topContents{
	width: 820px;
	margin:0 auto;
	padding-top:10px;
}


div#leftContents{
	width:250px;
	float:left;
	margin:0;
	text-align:left;
	padding-bottom:10px;
}


div#index_rightContents{
	width:550px;
	float:right;
	margin:0;
	text-align:left;
	padding-bottom:10px;
}

/* navigation ---*/

	#gnavi01 {
		background: url("../common/images/globalNav.jpg") 0px -84px;
		width: 105px;
	}
	#gnavi01 a{
		background: url("../common/images/globalNav.jpg") 0px -84px;
		width: 105px;
	}





/* #leftContents
---------------------------------------------------- */

#leftContents h2#new{
	background: url(../images/top/img_whatsNew.gif) no-repeat left top;
	width:250px;
	height:27px;
	margin-bottom:10px;
}
#leftContents h2#new span{
	width:250px;
	position: absolute;
	z-index: -1;
	font-size:12px;
}

/* whats' new ---------*/

.newsBox{
	padding:0px;
	background-color:#ffffff;
	text-align:left;
	width:250px;
	height:auto;
	overflow:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.newsBox dl{
	width:230px;
}
.newsBox dt{
	width: 230px;   
	padding:0px 0px 0px 0px; 
	font-weight: bold;
	color: #D14947;
	line-height:140%;
}

.newsBox dd {   
	width:230px;   
	padding:0px 0px 10px 0px;   
}  







/* #rightContents
---------------------------------------------------- */



/* infomation ---------*/


#index_rightContents h2#infomation{
	background: url(../images/top/img_infomation.gif) no-repeat left top;
	width:550px;
	height:27px;
	margin-bottom:10px;
}
#index_rightContents h2#infomation span{
	width:550px;
	position: absolute;
	z-index: -1;
	font-size:12px;
}


.infoBox{
	margin:0px auto 10px auto;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	text-align:left;
	width:550px;
}

.infoBox dl{
	width:545px;
	line-height:140%;	
}
.infoBox dt{
	width: 545px;   
	padding:0px 0px 0px 0px; 
	font-weight: bold;
	color: #D14947;
}

.infoBox dd {   
	width:545px;   
	padding:0px 0px 10px 0px;   
}  



/* service ---------*/


#index_rightContents h2#service{
	background: url(../images/top/img_service.gif) no-repeat left top;
	width:550px;
	height:27px;
	margin-bottom:10px;
}
#index_rightContents h2#service span{
	width:500px;
	position: absolute;
	z-index: -1;
	font-size:12px;
}

.serviceBox {
	width: 550px;
	padding-bottom:10px;
	float:left;
	display:block;
	position:relative;
}

.serviceBox_in {
	width: 270px;
	float:left;
	display:block;
}


.serviceBox .svimg{
	width:85px;
	float:left;
	display:block;
}
.serviceBox .svtxt{
	width:180px;
	float:left;
	margin-right:5px;
	line-height:110%;
}
.serviceBox .svtxt .copy{
	color: #D14947;
	font-size:12px;
}
/*
body:first-of-type .serviceBox {
	letter-spacing:-0.1em;
}
*/

.serviceBox .svtxt h3{
	color: #D14947;
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
}


.serviceBox .svtxt h3 a:link , .serviceBox .svtxt h3 a:visited { 
	color: #D14947; 
	text-decoration: underline;	
}

.serviceBox .svtxt h3 a:active ,.serviceBox .svtxt h3 a:hover{
	color: #D14947;
	text-decoration: none;
}


.serviceBox .svtxt .cont{
	line-height:110%;
}