@charset "utf-8";

html{
}

*{
	margin:0;
	padding:0;
	border:none;
}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,b,th{font-size:1em;font-weight:normal;font-style:normal;}
ul,ol{list-style:none;}
fieldset,img{border:none;}
caption,th{text-align:left;}
table{border-collapse:collapse;border-spacing:0;}

body{
	margin:0 auto;
	text-align:center;
	font-size:12px;
	color:#666;
}

a{
	color:#4682b4;
}

a:hover{
	color:#ccc;
	text-decoration:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

#outer{
	background:url("../img/shade.gif") repeat-y;
	width:920px;
	margin:0 auto;
}

#outer #wrapper{
	width:900px;
	margin:0 auto;
	text-align:left;
}

/*header*/
#outer #wrapper #header{
	background:url("../img/back.gif") repeat-x;
	height:60px;
	padding:10px;
}

#outer #wrapper #header .right{
	width:380px;
	text-align:right;
}

#outer #wrapper #header .right address{
	display:inline;
	margin-right:1em;
}

#outer #wrapper #header .right ul{
	float:right;
	font-size:10px;
	margin-bottom:5px;
}

#outer #wrapper #header .right li{
	background:url("../img/list-icon.png") no-repeat 0 50%;
	float:left;
	margin:0 0 0 10px;
	padding-left:15px;
}

#outer #wrapper #header .right li a{
	color:#fff;
	text-decoration:none;
}

#outer #wrapper #header .right li a:hover{
	text-decoration:underline;
}

/*navi*/
#outer #wrapper ul#navi{
	width:900px;
	overflow:hidden;
	margin-bottom:10px;
}

#outer #wrapper ul#navi li{
	float:left;
}

#outer #wrapper ul#navi li a{
	background:url("../img/navi.gif") no-repeat;
	display:block;
	height:30px;
	text-align:center;
	letter-spacing:1px;
	text-indent:-9898px;
}

#outer #wrapper ul#navi a.b-spot{
	background-position:0 0;
	width:130px;
}

#outer #wrapper ul#navi li a.b-spot:hover{
	background-position:0 -30px;
}

#outer #wrapper ul#navi a.function{
	background-position:-130px 0;
	width:128px;
}

#outer #wrapper ul#navi li a.function:hover{
	background-position:-130px -30px;
}

#outer #wrapper ul#navi a.priced{
	background-position:-258px 0;
	width:128px;
}

#outer #wrapper ul#navi li a.priced:hover{
	background-position:-258px -30px;
}

#outer #wrapper ul#navi a.result{
	background-position:-386px 0;
	width:128px;
}

#outer #wrapper ul#navi li a.result:hover{
	background-position:-386px -30px;
}

#outer #wrapper ul#navi a.intromission{
	background-position:-514px 0;
	width:128px;
}

#outer #wrapper ul#navi li a.intromission:hover{
	background-position:-514px -30px;
}

#outer #wrapper ul#navi a.calculation{
	background-position:-642px 0;
	width:128px;
}

#outer #wrapper ul#navi li a.calculation:hover{
	background-position:-642px -30px;
}

#outer #wrapper ul#navi a.questions{
	background-position:-770px 0;
	width:130px;
}

#outer #wrapper ul#navi li a.questions:hover{
	background-position:-770px -30px;
}

/*container*/
#outer #wrapper #container{
	overflow:hidden;
	margin-bottom:10px;
	position:relative;
}

/*contents*/
#outer #wrapper #container #contents{
	float:left;
	width:670px;
	display:inline;
	margin-left:15px;
	padding-bottom:32768px;
	margin-bottom:-32768px;
}

/*side*/
#outer #wrapper #container #side{
	float:right;
	width:200px;
	background-color:#e6e6e6;
	color:#333;
	font-size:10px;
	line-height:14px;
	padding-bottom:32768px;
	margin-bottom:-32768px;
}

#outer #wrapper #container #side ul#bnr{
	margin:10px;
}

#outer #wrapper #container #side li a{
	background:url("../img/bnr.png") no-repeat;
	display:block;
	width:180px;
	height:70px;
	margin-bottom:5px;
	text-align:center;
	letter-spacing:1px;
	text-indent:-9898px;
}

#outer #wrapper #container #side li a.demo{
	background-position:0 0;
}

#outer #wrapper #container #side li a.demo:hover{
	background-position:0 -80px;
}

#outer #wrapper #container #side li a.pdf{
	background-position:0 -160px;
}

#outer #wrapper #container #side li a.pdf:hover{
	background-position:0 -240px;
}

#outer #wrapper #container #side h5#bnr_mobile{
	display:block;
	width:180px;
	height:120px;
	margin:0 auto;
}

#outer #wrapper #container #side #others{
	background:url("../img/wany.png") no-repeat left bottom;
	padding-bottom:15px;
	margin:20px 10px;
	width:180px;
}

#outer #wrapper #container #side #others h5{
	background:url("../img/wany.png") no-repeat left top;
	height:25px;
	font-weight:bold;
	color:#fff;
	padding:5px 5px 0 5px;
	text-indent:5px;
	letter-spacing:2px;
	line-height:16px;
	width:170px;
}

#outer #wrapper #container #side #others p{
	background:url("../img/wany.png") repeat-y right top;
	padding:10px 6px 5px 6px;
	width:168px;
}

#outer #wrapper #container #side #others .line{
	border:none;
	border-bottom:1px solid #999;
	background-color:#fff;
	height:5px;
	margin:0;
}

#outer #wrapper #container #side #others .line hr{
	display:none;
}

#outer #wrapper #container #side #others p a{
	background:url("../img/other.gif") no-repeat;
	display:block;
	width:170px;
	height:40px;
	text-indent:-9898px;
}

#outer #wrapper #container #side #others p a.publicity{
	background-position:0 0;
}

#outer #wrapper #container #side #others p a.web{
	background-position:0 -40px;
}

#outer #wrapper #container #side #bnr_partner{
	text-indent:-9898px;
}

#outer #wrapper #container #side #bnr_partner a.partner{
	background:url("../img/bnr.png") no-repeat 0 -320px;
	display:block;
	width:180px;
	height:85px;
	margin:0 auto;
}

#outer #wrapper #container #side #bnr_partner a.partner:hover{
	background-position:0 -415px;
}

#outer #wrapper #container #side .line{
	border:none;
	border-bottom:1px solid #999;
	height:1px;
	margin:10px;
}

#outer #wrapper #container #side .line hr{
	display:none;
}

#outer #wrapper #container #side .content-block{
	margin:0 10px;
}

/*footer*/
#outer #wrapper #footer{
	background:url("../img/back.gif") repeat-x;
	clear:both;
	height:40px;
	padding:10px 0 0 0;
	margin-bottom:5px;
}

#outer #wrapper #footer ul{
	text-align:center;
	font-size:10px;
}

#outer #wrapper #footer ul li{
	display:inline;
	margin-left:10px;
}

#outer #wrapper #footer ul li a{
	color:#fff;
	text-decoration:none;
}

#outer #wrapper #footer ul li + li{
	padding-left:10px;
	border-left:1px solid #fff;
}

#outer #wrapper #credit{
	position:absolute;
	background-color:#fff;
	text-align:center;
	font-size:10px;
	width:900px;
}