@charset "UTF-8";

body {
	background: url(../images/top/bg_head.jpg) repeat-x left top!important;
}

#wrapper-inner dt, #wrapper-inner dd, #wrapper-inner li, #wrapper-inner p, #wrapper-inner th, #wrapper-inner td {
	font-size: 77%;
	line-height: 150%;
}

#wrapper-inner {
	padding: 0 0 20px 0;
}

#wrapper {
	background-color: #EFEBE0;
	padding-top: 10px;
}

/* head
-------------------------------------------------------------------------------- */

#head {
	background: url(../images/top/bg_head.jpg) repeat-x left top;
	width: 100%;
	height: 394px;
	z-index: 0;
}

#logo {
	z-index: 9999;
}

/* global menu
-------------------------------------------------------------------------------- */

#g-navi {
	position: absolute;
	right: 0;
	top: 332px;
} 

#g-navi ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#g-navi ul li {
	position: relative;
	display: inline;
	float: left;
}

/* flash area
-------------------------------------------------------------------------------- */

#flash {
	height: 266px;
	width: 100%;
	position: absolute;
	top: 66px;
	left: 0;
	z-index: 0;
	text-align: center;
}

#flash img {
	zoom: 1;
	z-index: 0;
	position: relative;
}

#nonscript p {
	margin-top: 100px;
	line-height: 200%;
}

/* alpha, beta
-------------------------------------------------------------------------------- */

.alpha,#beta {
	padding-top: 20px;
}

/* alpha
-------------------------------------------------------------------------------- */

.alpha-left,.alpha-right {
	width: 290px;
}

.alpha-left {
	float: left;
	margin-top: 20px;
}

.alpha-right {
	float: right;
	margin-top: 20px;
}

.top-caption {
	margin-bottom: 10px;
}

#promise {
	width: 620px;
	margin: 0 0 20px 1px;
}

#promise li {
	float: left;
	width: 195px;
	margin-right: 11px;
	font-size: 65%;
}

#promise li img {
	margin-bottom: 5px;
}

#newsletter {
	background: url(../images/top/newsletter.jpg) no-repeat left top;
	border-bottom: solid 1px #ccc;
	overflow: visible;
	min-height: 209px;
	margin-bottom: 5px;
	_padding-bottom: 5px;
	position: relative;
}

#newsletter #nl-img {
	position: absolute;
	left: 348px;
	_left: 328px;
	top: 20px;
}

#newsletter #nl-img img {
	width: 250px;
	height: 177px;
}

#newsletter div {
	padding: 43px 0 0 0;
	margin: 0 0 0 20px;
	width: 300px;
}

#newsletter div p {
	background: url(../images/common/line_dot_gray.gif) repeat-x left bottom;
	padding: 7px 0;	
}

#newsletter div p img {
	vertical-align: middle;
	margin-right: 10px;
}

#newsletter div p.right-t {
	background: none;
	clear: both;
}

#newsletter div p.right-t img {
	margin: 0;
}

#newsletter div ul {
	margin-top: 7px;
}

#newsletter div ul li {
	float: left;
	padding-right: 10px;
}

.float-photo {
	padding: 0 1em 1em 0;
	float: left;
}

#news {
	clear: both;
	padding-top: 20px;
}

#news dl dt {
	width: auto;
}

#news dl dd {
	width: 410px;
}

#news dl dd p {
	font-size: 100%!important;
}

#news dd strong {
	color: #333;
}

#news .right-t {
	padding-top: 6px;
}

/* beta
-------------------------------------------------------------------------------- */

#beta {
	margin: 0 20px 10px 0;
	_margin: 0 10px 10px 0;
}

#top #customer li p {
	font-size: 84%;
}

.info {
	background: #EAEFF2;
	border: solid 1px #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 223px;
}

.info .center {
	margin-top: 10px;
}

.info dl {
	background: url(../images/common/line_dot_gray.gif) repeat-x left bottom;
	margin: 8px 8px 0 8px;
	padding-bottom: 8px;
}

.info dl dd p {
	font-size: 100%!important;
}

.info .right-t {
	padding: 0 8px 8px 0;
}

/* mailmag list */

#top #mm {
	padding-bottom: 0;
}

#mailmag {
	border: none;
	margin: 10px 0 0 0;
	padding-top: 5px;
	text-align: left;
}


/* banner area
-------------------------------------------------------------------------------- */

#banner {
	clear: both;
	margin: 0 19px;
}

#banner ul {
	border-top: solid 1px #ccc;
	padding: 15px 0 0 10px;
}

#banner ul li {
	float: left;
	padding: 0 5px;
	width: 200px;
}

#banner ul li p {
	font-size: 85%;
	padding: 5px;
}