@charset "UTF-8";

/* =================================================================================

 Top page style of this site 

================================================================================= */


/* /////////////////////////////////////////////////////////////////////////// index style */

body div#wrapper{
	background:url(../../img/bg_body_top.gif) no-repeat center top !important;
}

div#contents{
	background:none !important;
}

div#cont_in{
	background:none !important;
	padding-bottom:0px;
	/position:static;
}

/**html .boxInfo{
	margin-top:-30px !important;
}*/

/* flashArea */
div#flashArea{
	margin:15px 0 20px 0;
}

/* movingBox / settingBox */
#movingBox,
#settingBox{
	width:442px;
	background:url(../../img/bg_index.gif) no-repeat left bottom;
}

#movingBox h2,
#settingBox h2,
#movingBox h3{ position:relative;}
#movingBox h2 span,
#settingBox h2 span{
	position:absolute;
	right:0;
	top:15px;
	}

#movingBox p.line01,
#settingBox p.line01{
	width:410px;
	height:1px;
	margin-top:1px;
	margin-left:15px;
	background:url(img/dot01.gif) repeat-x left top;
}

*html #movingBox p.line01{
	line-height:0;
	margin-bottom:-10px;
}
*html #settingBox p.line01{
	line-height:0;
	margin-bottom:-10px;
}

/* column1  */

div.column1 {
	width:415px;
	margin:0 0 0 8px;
	background:none !important;
	/*background:url(img/dot01.gif) repeat-x bottom left !important;*/
}

*html div.column1 {
	margin:0 0 5px 8px;
}

	

div.column1 .img,
div.column1 .center,
div.column1 .text,
div.column1 .boxCase{
	float:left;
	display:inline;
}

div.column1 .center p,
div.column1 .text p {
line-height:1.5;
}

div.column1 .img{
	width:110px;
	margin-right:5px;
}

div.column1 .center h5,
	div.column1 div.text h5{
		margin-top:9px;
		margin-bottom:6px;
		padding-left:10px;
		font-size:107%;
		font-weight:bold;
		background:url(img/bg_style01.gif) no-repeat left 1px;
	}
	
div.column1 .center h5 span,
div.column1 div.text h5 span{
font-size:77%;
}

div.column1 .center{width:165px;}
	
div.column1 .text{width:300px;}
*html div.column1 .text{width:280px;}
	
	div.column1 .center h5 a,
	div.column1 .text h5 a{
		background:url(img/arrow02.gif) no-repeat right 4px;
		padding-right:8px;
	}

div.boxCase{
	background-color:#e5f3e5;
	width:124px;
	margin-left:6px;
	margin-top:6px;
}
	div.caseIn{
		padding-left:3px;
		padding-bottom:3px;
	}
	
		div.caseIn dl{
			margin:6px 0 2px 0;
		}
		div.caseIn dl dt img{
			vertical-align:top !important;
		}
		div.caseIn .logo{
			text-align:center;
			width:117px;
			height:54px;
		}
		
			*html div.caseIn .logo img{
				margin-top:6px;
			}


/* personal */

#movingBox h3{
	 width:436px;
	 margin:8px auto 0;
}

#movingBox h3 span{
	position:absolute;
	right:0;
	top:12px;
}

#personalBox{
	width:420px;
	padding-left:16px;
	padding-top:15px;
	padding-bottom:20px;
}

#personalBox ul li{
	float:left;
	margin-right:10px;
	margin-bottom:13px;
}


/* NewsTopics 
------------------------------------------------------------------*/
#infoIn{
	border:1px solid #dcdcdc;
	background:url(../../img/bg_newsttl.gif) repeat-y left top #fff;
	/*margin:8px 0 30px;*/
	position:relative;
	height:60px;
	margin-bottom:15px;
	margin-top:8px;
}

#infoIn p{
	position:absolute;
	right:7px;
	top:35px;
}

#infoIn h6,
#infoIn dt,
#infoIn dd{
	float:left;
}

#infoIn h6{
	width:86px;
	background:url(../../img/bg_news.gif) no-repeat right center;
	padding-right:4px;
	text-align:center;
	line-height:0 !important;
	position:absolute;
	top:10px;
}

#infoIn dl{
	padding-top:0.7em;
}

#infoIn dl dt{
	width:55px;
	margin-right:7px;
	margin-left:10px;
	margin-top:-2px;
}

#infoIn dl dd{
	/*text-indent:14em;*/
	margin-left:8em;
	/*text-indent:-6.8em;
	padding-left:7em;*/
	/text-indent:-5.1em;
	/padding-left:5.5em;
	margin-bottom:1em;
	/padding-bottom:1em;
	width:550px;
}

* html #infoIn dl dd{
	margin-left:3.8em;
}

body:first-of-type #infoIn dl dd{
	/*text-indent:-6.8em;
	padding-left:14em;*/
}

#infoIn dl dd span{
padding-right:1em;
}

/*important*/
.important{
	padding-top:0.8em;
	padding-left:8.5em;
}

.important span{
	color:#F00;
	margin-right:1.8em;
}

/* emergency 
---------------------------------------------------------------------*/
#einfoIn{
	border:1px solid #ff846b;
	background:url(../../img/bg_einfottl.gif) repeat-y left top #fff;
	margin:8px 0 15px;
	position:relative;
}

#einfoIn h6,
#einfoIn dt,
#einfoIn dd{
	float:left;
}

#einfoIn h6{
	background-color:#ff846b;
	width:120px;
	text-align:center;
	line-height:0 !important;
	
}

#einfoIn dl{
	padding-top:0.4em;
}
#einfoIn dl dt{
width:55px;
margin-right:7px;
margin-left:10px;
margin-top:-2px;
}
#einfoIn dl dd{
	text-indent:-5.3em;
	padding-left:5.5em;
	/*text-indent:-6.8em;
	padding-left:7em;*/
	
	
	/text-indent:-5.1em;
	/padding-left:5.5em;
	margin-left:1.0em;
	margin-bottom:0.4em;
	/padding-bottom:0.4em;
	width:550px;
}

body:first-of-type #einfoIn dl dd{
	text-indent:-6.8em;
	padding-left:7em;
}

#einfoIn dl dd span{
padding-right:1em;
}

/* message */
#messeIn{
	border:1px solid #3B499F;
	background-color:#fff;
	margin:8px 0;
	position:relative;
}

#messeIn dl{
	margin:5px 15px;
}
