@charset "utf-8";

body{
	width:100%;
	background:url(../img/header_bg.gif) repeat-x top;
	color:#111;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#article p,
#article ul,
#article ol,
#article dl,
#article2 p,
#article2 ul,
#article2 ol,
#article2 dl,
#article table{
	line-height:1.6;
}

p,ul,ol,dl,table{
	font-size:75%;
}

#wrapper{
	width:960px;
	margin:30px auto 0 auto;
	clear:both;
}

.pagetop{
	padding-top:30px;
	clear:both;
	text-align:right;
}

/*/--------------------------------------------------------------------------/*/
/* ===== HEADER ===== */
/*/--------------------------------------------------------------------------/*/

#header{
	width:960px;
	height:90px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#header h1{
	width:233px;
	height:67px;
	float:left;
	text-indent:-9999px;
}

#header h1 a{
	width:233px;
	height:67px;
	display:block;
}

#header h1 a:link,
#header h1 a:visited{
	background:url(../img/logo.gif) no-repeat;	
}

#header h1 a:hover,
#header h1 a:active{
	background:url(../img/logo_on.gif) no-repeat;	
}

#header .contact{
	width:320px;
	margin-top:15px;
	float:right;
	overflow:hidden;
	position:relative;
}

#header .contact .contact_title{
	width:320px;
	height:30px;
	background:url(../img/header_contact.gif) no-repeat;
	text-indent:-9999px;
}

#header .contact li{
	float:left;
	list-style-type:none;
}

/*/--------------------------------------------------------------------------/*/
/* ===== NAV ===== */
/*/--------------------------------------------------------------------------/*/

#nav{
	width:960px;
	height:47px;
	margin:0 auto;
}

#nav ul{
	margin:0;
	padding:0;
	display:block;
	list-style-type:none;
}

#nav li{
	float:left;
}

#nav li img{
	vertical-align:bottom;
}

#nav ul ul{
	background:#FFF;
	border:1px solid #CCC;
	border-top:0;
	display:none;
	left:-1px;
	top:100%;
	position:absolute;
	z-index:20;
}

#nav ul .pur_nav,
#nav ul .pur_nav li{
	width:179px;
}

#nav ul .mainte_nav,
#nav ul .mainte_nav li{
	width:190px;
}

#nav ul .tro_nav,
#nav ul .tro_nav li{
	width:193px;
}

#nav li li {
	clear:both;
}

#nav li li a{
	padding:10px;
	display:block
}

#nav li li a:link,
#nav li li a:visited{
	color:#333;
	text-decoration:underline;
}

#nav li li a:hover,
#nav li li a:active{
	background:#396595;
	color:#FFF;
	text-decoration:none;
}

#nav li:hover {
	position:relative;
}

#nav li:hover > ul {
	display: block
}

/*/--------------------------------------------------------------------------/*/
/* ===== ARTICLE ===== */
/*/--------------------------------------------------------------------------/*/

#article{
	width:730px;
	float:right;
}

#article h2{
	width:730px;
	height:50px;
	margin-bottom:5px;
	text-indent:-9999px;
}

#article h3{
	margin-bottom:10px;
	padding-left:15px;
	background:url(../img/h3_mark.gif) no-repeat;
	color:#333;
	font-size:100%;
	letter-spacing:1px;
}

#article a:link,
#article a:visited,
#article2 a:link,
#article2 a:visited{
	color:#396594;
}

#article a:hover,
#article a:active,
#article2 a:hover,
#article2 a:active{
	color:#6c98C7;
	text-decoration:none;
}

#article .pankz{
	margin-bottom:30px;
	font-size:75%;
}

/*/--------------------------------------------------------------------------/*/
/* ===== ASIDE ===== */
/*/--------------------------------------------------------------------------/*/

#aside{
	width:210px;
	float:left;
}

#aside .pur a:link,
#aside .pur a:visited{
	color:#111;
	text-decoration:underline;
}

#aside .pur a:hover,
#aside .pur a:active{
	color:#00A4E9;
	text-decoration:underline;
}

#aside .mainte a:link,
#aside .mainte a:visited{
	color:#111;
	text-decoration:underline;
}

#aside .mainte a:hover,
#aside .mainte a:active{
	color:#F71;
	text-decoration:underline;
}

#aside .tro a:link,
#aside .tro a:visited{
	color:#111;
	text-decoration:underline;
}

#aside .tro a:hover,
#aside .tro a:active{
	color:#390;
	text-decoration:underline;
}

#aside ul{
	margin-bottom:10px;
	padding:10px 10px 0 10px;
	list-style-type:none;
}

#aside ul li{
	width:188px;
	height:20px;
	margin-bottom:10px;
	padding:7px 0 0 10px;
}

#aside ul li a{
	width:188px;
	height:20px;
	display:block;
}

#aside .pur li{
	background:url(../img/aside_purchase_mark.gif) no-repeat;
}

#aside .mainte li{
	background:url(../img/aside_maintenance_mark.gif) no-repeat;
}

#aside .tro li{
	background:url(../img/aside_trouble_mark.gif) no-repeat;
}

#aside p{
	width:210px;
	height:35px;
	text-indent:-9999px;
}

#aside .pur_title{
	background:url(../img/aside_purchase_title.gif) no-repeat;
}

#aside .mainte_title{
	background:url(../img/aside_maintenance_title.gif) no-repeat;
}

#aside .tro_title{
	background:url(../img/aside_trouble_title.gif) no-repeat;
}

#aside .pur{
	border:1px solid #45C7FE;
}

#aside .mainte{
	border:1px solid #FF862D;
}

#aside .tro{
	border:1px solid #7DB924;
}

/*/--------------------------------------------------------------------------/*/
/* ===== FOOTER ===== */
/*/--------------------------------------------------------------------------/*/

#footer_wrap{
	width:100%;
	border-top:1px solid #CCC;
}

#footer{
	width:960px;
	margin:20px auto 0 auto;
}

#footer a:link,
#footer a:visited{
	color:#111;
}

#footer a:hover,
#footer a:active{
	color:#999;
}

#footer ul{
	margin-left:10px;
	list-style-type:none;
	line-height:1.8;
}

#footer .menu1,
#footer .menu2{
	margin-right:20px;
	float:left;
}

#footer .menu1{
	width:160px;
}

#footer .menu2{
	width:200px;
}

#footer .menu_other{
	width:360px;
	float:right;
	line-height:2;
}

#footer .title{
	margin-bottom:10px;
	padding:5px 0;
	background:#29486A;
	color:#FFF;
	text-align:center;
}

#footer address{
	padding-top:50px;
	clear:both;
	font-size:68%;
	text-align:right;
}