@charset "utf-8";

/* 基本レイアウト ここから↓ */
body{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.5;
	background-color:#ffffff;
	background-image:url(../images/header-bg.gif);
	background-repeat:repeat-x;
}

#wrapper{
	width:860px;
	margin-left:auto;
	margin-right:auto;
}

#main{
	width: 600px;
	float: left;
	margin-bottom: 20px;
}

#sub{
	width: 234px;
	float: right;
}

#footer{
	clear:both;
	border:1px solid #9999999;
}

#header{
	padding:0;
	margin-bottom:20px;
	position:relative;
}

#header #logo{
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	width:253px;
	height:160px;
}

#header #logo:hover{
	background-image:url(../images/logo_on.png);
}

#header h1,
#header p{
	margin:0;
}

#header ul{
	position:absolute;
	left:350px;
	bottom:50px;
}

#header ul li{
	font-size:87.5%;
	list-style:none;
	display:inline;
}

#header ul li a{
	color:#000000;
	text-decoration:none;
	padding:7px 15px 7px 15px;
	display:block;
	float:left;
	border:2px solid #FFC;
	margin-right:-1px;
}

#header ul li a:hover{
	background-color:#F60;
}

body#osusume #header ul li#nav1 a,
body#mail ul li#nav4 a,
body#pointclickmaster #header ul li#nav2 a,
body#maillink #header ul li#nav3 a{
	
	background-color:#FFC;
	color:#F39;
}
/* 基本レイアウト ここまで↑ */


body#home{
	background-image:url(../images/header-bg-top.gif);
	background-repeat:repeat-x;
	background-position:center top;
}

#header p#lead{
	position:absolute;
	top:130px;
	left:280px;
	color:#000000;
	width550:px;
}

body#home #header{
	margin-bottom:50px;
}

body#home #footer{
	border-top:none;
}

body#home #main{
	width:860px;
}

/* トップページ ここまで↑ */


#main h2{
	margin-bottom:20px;
	font-size:24px;
}

#main p{
	margin-top:0;
	margin-bottom:0.5em;
}



#main .section{
	border:1px solid #FC0;
	
}
	
#sub ul{
	border:5px solid #F90;
}

#sub ul li a{
	text-decoration:none;
}