@charset "utf-8";





/* ---------- reset ---------- */

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,caption {
	margin:0;
	padding:0;
}

ul,ol {
	list-style:none;
}

img { 
	vertical-align:top;
	border:0;
}





/* ---------- templates ---------- */

html {
	overflow-y:scroll;
}

body {
	text-align:center;
	color:#666666;
}

#top {
	width:748px;
	margin:0 auto;
	text-align:left;
}





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

#header {
	width:748px;
	float:left;
	border-bottom:#BBBBBB 1px dotted;
}

#header p {
	float:left;
}

#header ul {
	float:right;
	padding:49px 0 0;
}

#header ul li {
	float:left;
	padding:0 10px 0 2px;
}





/* ---------- contents ---------- */

#contents {
	width:748px;
	float:left;
}





/* ---------- right ---------- */

#right {
	width:460px;
	float:right;
	background:url(top/bg-right.gif) left top repeat-y;
}

#right #flash {
	width:460px;
	height:250px;
	float:left;
}

#right #flash h1 {
	font-size:150%;
	line-height:1.2em;
	padding:15px 15px 5px;
}

#right #flash h2 {
	font-size:80%;
	line-height:1.5em;
	padding:0 15px 5px;
}

#right #flash p {
	font-size:80%;
	line-height:1.5em;
	padding:0 15px 15px;
}

#right #flash .fLeft {
	float:left;
	padding:0 10px 10px;
}

#right #navi {
	width:460px;
	float:left;
}

#right #navi li {
	float:left;
}

#right #navi p {
	float:left;
}

#right #products {
	width:443px;
	float:left;
	padding:15px 0 0 15px;
	border-top:#FFFFFF 2px solid;
	border-left:#FFFFFF 2px solid;
}

#right #products h4 {
	margin:-5px 0 0 -5px;
	padding:0 0 15px;
}

#right #products ul {
	width:443px;
	float:left;
}

#right #products li {
	width:206px;
	float:left;
	padding:0 15px 15px 0;
}

#right #products h3 {
	font-size:75%;
	line-height:1.5em;
	padding:0 0 5px;
}

#right #products p {
	font-size:70%;
	line-height:1.2em;
}

#right #products .fLeft {
	float:left;
	padding:0 10px 0 0;
}

#right #link {
	width:460px;
	float:left;
}

#right #link li {
	float:left;
}

#right #link p {
	float:left;
}





/* ---------- left ---------- */

#left {
	width:288px;
	float:left;
	background:url(top/bg-left.gif) left top repeat-y;
}

#left #main {
	width:263px;
	height:140px;
	margin:5px 5px 5px 20px;
	padding:100px 0 0;
	background:#FFFFFF;
	text-align:center;
}

#left #main .iso {
	padding:40px 8px 0 0;
	text-align:right;
}

#left #topics h4 {
	padding:8px 0 15px 20px;
}

#left #topics dl {
	margin:0 10px 0 30px;
	font-size:80%;
	line-height:1.2em;
}

#left #topics dt {
	float:left;
	background:url(others/arrow01.gif) right top no-repeat;
	padding:0 15px 0 0;
}

#left #topics dd {
	padding:0 0 5px 70px;
}

#left #topics p {
	font-size:70%;
	line-height:1.3em;
	text-align:center;
	padding:5px 0 20px 15px;
}

#left #topics p a {
	color:#666666;
}

#left .bnr {
	text-align:center;
	padding:5px 0 10px 15px;
}
	




/* ---------- bottom ---------- */

#footer {
	width:718px;
	border-top:#BBBBBB 1px dotted;
	clear:both;
	text-align:right;
	padding:15px;
}

#footer ul li {
	font-size:70%;
	line-height:1.5em;
	display:inline;
	padding:0 0 0 10px;
}

#footer ul li a {
	background:url(others/arrow01.gif) left top no-repeat;
	padding:3px 0 0 11px;
}

#footer address {
	font-size:80%;
	line-height:1.5em;
	font-style:normal;
}