/* CSS Document */
/* clearfix */
.clearfix {
	zoom:1;	/*for IE 5.5-7*/
	}
.clearfix:after{	/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
.clear {
	clear: both;
	line-height: 0;
	}


body {
	background: #FFF;
	color: #494949;
}
a {
	color: #000071;
	text-decoration: none;
	outline: 0;
}
a:hover {
	color: #710000;
	text-decoration: underline;
}
body div#container {
	font-size: 1.2em;
}



/*--------------------------------------------------

  HEADER

--------------------------------------------------*/


body div#container div#header {
	width: 832px;
	height: 73px;
	margin: 0 auto;
	position: relative;
}
	body div#container div#header h1 {
		width: 197px;
		height: 38px;
		background: url(../images/common/logo.gif) no-repeat 0 0;
		text-indent: -9876px;
		position: absolute;
		top: 14px;
		left: 1px;
	}
		body div#container div#header h1 a {
			display: block;
			width: 197px;
			height: 38px;
		}
	body div#container div#header ul#tnavi {
		height: 11px;
		position: absolute;
		top: 33px;
		right: 7px;
	}
		body div#container div#header ul#tnavi li {
			height: 11px;
			float: left;
			margin-left: 10px;
			text-indent: -9876px;
		}
			body div#container div#header ul#tnavi li a {
				display: block;
				height: 11px;
			}
		body div#container div#header ul#tnavi li.msg {
			width: 86px;
			background: url(../images/common/tnavi/our_msg.gif) no-repeat 0 0;
		}
			body div#container div#header ul#tnavi li.msg a {
				width: 86px;
			}
		body div#container div#header ul#tnavi li.newsre {
			width: 120px;
			background: url(../images/common/tnavi/media_information.gif) no-repeat 0 0;
		}
			body div#container div#header ul#tnavi li.newsre a {
				width: 120px;
			}
		body div#container div#header ul#tnavi li.en {
			width: 59px;
			background: url(../images/common/tnavi/en.gif) no-repeat 0 0;
		}
			body div#container div#header ul#tnavi li.en a {
				width: 59px;
			}
		body div#container div#header ul#tnavi li.sitemap {
			width: 62px;
			background: url(../images/common/tnavi/sitemap.gif) no-repeat 0 0;
		}
			body div#container div#header ul#tnavi li.sitemap a {
				width: 62px;
			}



/*--------------------------------------------------

  GLOBAL NAVIGATION

--------------------------------------------------*/


body div#container div#gnavi {
	width: 100%;
	height: 50px;
	margin: 0;
	background: url(../images/common/gnavi/back.gif) repeat-x top;
	text-indent: -9876px;
}
	body div#container div#gnavi ul {
		width: 831px;
		height: 50px;
		margin: 0 auto;
	}
		body div#container div#gnavi ul li {
			float: left;
			height: 50px;
		}
			body div#container div#gnavi ul li a {
				display: block;
				height: 50px;
			}

		body div#container div#gnavi ul li.home {
			width: 139px;
			background: url(../images/common/gnavi/home.gif) no-repeat 0 0;
		}
			body div#container div#gnavi ul li.home a {
				width: 139px;
			}body div#container div#gnavi ul li.home a:hover {
				background: url(../images/common/gnavi/home_on.gif) no-repeat 0 0;
			}
		body div#container div#gnavi ul li.value {
			width: 138px;
			background: url(../images/common/gnavi/value.gif) no-repeat 0 0;
		}
			body div#container div#gnavi ul li.value a {
				width: 138px;
			}body div#container div#gnavi ul li.value a:hover {
				background: url(../images/common/gnavi/value_on.gif) no-repeat 0 0;
			}
		body div#container div#gnavi ul li.service {
			width: 138px;
			background: url(../images/common/gnavi/service.gif) no-repeat 0 0;
		}
			body div#container div#gnavi ul li.service a {
				width: 138px;
			}body div#container div#gnavi ul li.service a:hover {
				background: url(../images/common/gnavi/service_on.gif) no-repeat 0 0;
			}
		body div#container div#gnavi ul li.solution {
			width: 138px;
			background: url(../images/common/gnavi/solution.gif) no-repeat 0 0;
		}
			body div#container div#gnavi ul li.solution a {
				width: 138px;
			}body div#container div#gnavi ul li.solution a:hover {
				background: url(../images/common/gnavi/solution_on.gif) no-repeat 0 0;
			}
		body div#container div#gnavi ul li.about {
			width: 138px;
			background: url(../images/common/gnavi/about.gif) no-repeat 0 0;
		}
			body div#container div#gnavi ul li.about a {
				width: 138px;
			}body div#container div#gnavi ul li.about a:hover {
				background: url(../images/common/gnavi/about_on.gif) no-repeat 0 0;
			}
		body div#container div#gnavi ul li.contact {
			width: 140px;
			background: url(../images/common/gnavi/contact.gif) no-repeat 0 0;
		}
			body div#container div#gnavi ul li.contact a {
				width: 140px;
			}body div#container div#gnavi ul li.contact a:hover {
				background: url(../images/common/gnavi/contact_on.gif) no-repeat 0 0;
			}



/*--------------------------------------------------

  WRAPPER

--------------------------------------------------*/


body div#container div#wrapper {
	width: 828px;
	margin: 0 auto;
}
	body div#container div#wrapper div#top_image {
		width: 828px;
		margin: 12px auto 22px;
	}
	body div#container div#wrapper div#wrap_in {
		width: 828px;
		margin: 0 auto;
	}
		body div#container div#wrapper div#wrap_in div#side_navi {
			width: 224px;
			float: left;
		}
			body div#container div#wrapper div#wrap_in div#side_navi ul {
				width: 216px;
				border: 1px solid #ddd;
				padding: 3px;
				margin: 0 0 14px;
			}
				body div#container div#wrapper div#wrap_in div#side_navi ul span {
					display: block;
					width: 216px;
					height: 46px;
					text-indent: -9876px;
					margin: 0 0 15px;
				}
				body div#container div#wrapper div#wrap_in div#side_navi ul span.services {
					background: url(../images/common/side/services.gif) no-repeat 0 0;
				}
				body div#container div#wrapper div#wrap_in div#side_navi ul span.about {
					background: url(../images/common/side/about.gif) no-repeat 0 0;
				}
				body div#container div#wrapper div#wrap_in div#side_navi ul span.message {
					background: url(../images/common/side/message.gif) no-repeat 0 0;
				}
				body div#container div#wrapper div#wrap_in div#side_navi ul span.recent {
					background: url(../images/common/side/recent.jpg) no-repeat 0 0;
				}
				body div#container div#wrapper div#wrap_in div#side_navi ul span.category {
					background: url(../images/common/side/categories.jpg) no-repeat 0 0;
				}
				body div#container div#wrapper div#wrap_in div#side_navi ul span.monthly {
					background: url(../images/common/side/monthly.jpg) no-repeat 0 0;
				}
				body div#container div#wrapper div#wrap_in div#side_navi ul li {
					padding: 0 0 0 27px;
					background: url(../images/common/side/arrow.gif) no-repeat 9px 1px;
					margin: 0 0 15px;
				}


					body div#container div#wrapper div#wrap_in div#side_navi ul li ul {
						width: 180px;
						padding: 0;
						border: 0;
						margin: 1em 0 2em;
					}



			body div#container div#wrapper div#side_navi div.banner {
				margin: 0 0 12px;
			}
			body div#container div#wrapper div#side_navi div.banner a:hover {
				filter: alpha(opacity=50);
				-moz-opacity:0.50;
				opacity:0.50;
				background: #fff;
			}
			body div#container div#wrapper div#side_navi div.privacy {
				margin: 0 5px 12px;
				font-weight: bold;
				display: list-item;
				list-style: disc inside;
			}


		body div#container div#wrapper div#wrap_in div#main {
			width: 578px;
			float: right;
			line-height: 180%;
		}
			body div#container div#wrapper div#wrap_in div#main h3 {
				width: 577px;
				padding: 2px 2px 5px;
				font-size: 1.4em;
				background: url(../images/common/h3_line.gif) no-repeat bottom;
				font-weight: bold;
				color: #000;
				clear: both;
				margin: 0 auto 15px; 
			}
			body div#container div#wrapper div#wrap_in div#main p {
				padding: 4px;
			}
			body div#container div#wrapper div#wrap_in div#main h4 {
				color: #406C8F;
				font-size: 1.2em;
				font-weight: bold;
				padding: 3px;
				letter-spacing: 1px;
				border-bottom: 1px solid #406C8F;
				margin: 25px 80px 15px 0;
			}
			body div#container div#wrapper div#wrap_in div#main h5 {
				color: #747474;
				font-size: 1.2em;
				font-weight: bold;
				padding: 3px;
			}
			body div#container div#wrapper div#wrap_in div#main span.line {
				display: block;
				width: 578px;
				height: 1px;
				font-size: 1px;
				background: url(../images/common/main_line.gif) no-repeat 0 0;
				margin: 14px 0;
				clear: both;
			}


	body div#container div#wrapper div#wrap_in div#main div.entries {
		width: 581px;
		margin: 0px auto;
		font-family: MS UI Gothic,"MS UI Gothic";
		letter-spacing: 1px;
	}
		body div#container div#wrapper div#wrap_in div#main div.entries h3 {
			width: 581px;
			height: 29px;
			position: relative;
			margin: 0 0 10px;
		}
			body div#container div#wrapper div#wrap_in div#main div.entries h3 a {
				display: block;
				width: 103px;
				height: 19px;
				position: absolute;
				top: 3px;
				left: 478px;
			}
		body div#container div#wrapper div#wrap_in div#main div.entries li {
			padding: 11px 0;
			border-bottom: 1px dotted #90b4d6;
		}*html body div#container div#wrapper div#wrap_in div#main div.entries li {
			padding: 11px 0 0;
		}
			body div#container div#wrapper div#wrap_in div#main div.entries li span.date {
				display: block;
				padding-left: 3px;
				color: #000;
				float: left;
				width: 82px;
			}
			body div#container div#wrapper div#wrap_in div#main div.entries li span.title {
				display: block;
				float: left;
				width: 496px;
			}


	body div#container div#wrapper div#page_top {
		width: 67px;
		height: 9px;
		font-size: 1px;
		background: url(../images/common/page_top.gif) no-repeat 0 0;
		text-indent: -9876px;
		margin: 20px 0 10px 757px;
	}
		body div#container div#wrapper div#page_top a {
			display: block;
			width: 67px;
			height: 9px;
		}body div#container div#wrapper div#page_top a:hover {
			border-bottom: 1px solid #000071;
		}



/*--------------------------------------------------

  FOOTER

--------------------------------------------------*/


body div#container div#footer {
	width: 100%;
	height: 73px; /* will be delete */
	margin: 0;
	background: #376398;
	color: #fff;
	font-size: 0.84em;
	letter-spacing: 1px;
}*html body div#container div#footer {
	font-size: 0.75em;
	letter-spacing: 0px;
}*:first-child+html body div#container div#footer {
	font-size: 0.75em;
	letter-spacing: 0px;
}
	body div#container div#footer a {
		color: #fff;
	}

	body div#container div#footer div#footer_in {
		width: 832px;
		height: 73px;
		margin: 0 auto;
		position: relative;
	}
		body div#container div#footer div#footer_in ul#fnavi {
			position: absolute;
			top: 18px;
			left: 15px;
		}
			body div#container div#footer div#footer_in ul#fnavi li {
				display: inline;
			}
		body div#container div#footer div#footer_in address {
			position: absolute;
			top: 18px;
			right: 5px;
		}


/*--------------------------------------------------

  SIDE magaginForm

--------------------------------------------------*/

.magaginForm{
	width:216px;
	padding:3px;
	border:1px #dddddd solid;
	margin:0 auto 14px auto;
}

* html .magaginForm{
	width:200px;
	padding:3px;
	border:1px #dddddd solid;
	margin:0 auto 14px auto;
}

.txtwidth{
	width:140px;
}

* html .txtwidth{
	width:140px;
	margin:0;
	padding:0;
}

.magaginForm .title00{
	margin:0 0 5px 0!important;
	padding:0!important;
}

.magaginForm .title01{
	width:208px;
	background-color:#cfcfee;
	margin:0 0 8px 0!important;
	padding:3px 3px 3px 5px !important;
	font-weight:bold;
	color:#060648;
}


.magapoint{
	width:55px;
	padding-left:5px;
	border-left:#406c8f solid 3px;
	padding:0 0 0 5px;
	margin:0 0 0 3px!important;
}


.archive_link {
    text-align:right;
    }
    
.archive_link a{
    background: url("../images/common/side/arrow.gif") no-repeat scroll 9px 1px transparent;
    padding: 0 0 0 25px;
    }

iframe {
	width: 213px;
	height: 180px;
	border: 0;
	margin: 0 0 8px !important;
}

.cate {
    float:right;
	font-size:10px;
	color:#888888;
	}