@charset "utf-8";

body{
	background: url(../../share/img/bg.gif) repeat-y top center;
}

div#wrapper{
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding: 50px 10px 0;
	line-height: 1.8;
}

div#leftContents{
	width: 200px;
	float: left;
}

div#mainContents{
	width: 700px;
	display: inline;
	float: right;
}

div#leftContents h1{
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

div#leftContents ul#gNavi{
	border: 1px solid #ccc;
	border-radius: 7px;		/* CSS3草案 */
	-webkit-border-radius: 7px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;	/* Firefox用 */
	margin-bottom: 30px;
}

div#leftContents ul#gNavi li{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	text-align: center;
	margin-bottom: 0;
}

div#leftContents ul#gNavi li img{
	vertical-align: bottom;
}

div#leftContents ul#gNavi li a{
	color: #666;
	text-decoration: none;
	font-weight: bold;
	display: block;
 	padding: 14px 0;
}

div#leftContents ul#gNavi li a:hover{
	background: #E6F0F9;
}

div#leftContents ul#gNavi li.firstItem{
	border: none;
	padding-top: 0;
	border-bottom: 1px solid #fff;
}


div#leftContents ul.bannerSet{}
div#leftContents ul.bannerSet li{
	display: block;
	margin-bottom: 8px;
}
div.bannerSet ul#menu a:hover {
   background-color: #ffdddd; 
   color: #cc0000;
}


div.bannerSet ul#menu ul.sub {
   background-color: #ffffcc; /* サブメニュー全体の背景色 */
   border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   border-color: #000000; /* サブメニュー全体の枠線の色 */
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
}
div.bannerSet ul#menu ul.sub li {
   width: 135px; /* サブメニュー1項目の横幅 */
   height: 35px; /* サブメニュー1項目の高さ */
   border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
   border-style: solid; /* サブメニュー1項目の枠線の線種 */
   border-color: #000000; /* サブメニュー1項目の枠線の色 */
}
div.bannerSet ul#menu ul.sub li a {
   line-height: 35px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}
div.bannerSet ul#menu ul.sub li a:hover {
   background-color: #ffcc99; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #000000; /* サブメニュー項目にマウスが載ったときの文字色 */
}

div#footer{
	clear: both;
	color: #333;
	margin-top: 45px;
	padding: 30px 0;
	border-top: 1px solid #efefef;
}
div#footer p#copyright{
	padding: 8px 0;
	text-align: center;
}