/* CSS Document */

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	margin: 0px;
	padding: 0px;
	background-image: url(../img/back_head.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


/* ---------------- ヘッド ---------------- */
#head_top1 {
	width:900px;
	margin:0 auto;
}
#head_top2 {
	width:900px;
	margin:0 auto 10px;
}
#head_top1 a {
	width:900px;
	text-indent:-9999px;
	background-image: url(../img/head_top1.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow:hidden;
	height: 300px;
	width: 900px;
	background-position: center bottom;
}
#head_top2 {
	width:800px;
	text-indent:-9999px;
	background-image: url(../img/head_top2.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow:hidden;
	height: 260px;
	width: 800px;
	background-position: center bottom;
}
#head_top3 {
	width:800px;
	text-indent:-9999px;
	background-image: url(../img/head_top3.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow:hidden;
	height: 260px;
	width: 800px;
	background-position: center bottom;
}
#head_sub1 a {
	width:900px;
	background-image: url(../img/header_sub.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	display: block;
	height: 200px;
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#head_sub2 {
	width:900px;
	margin:0 auto 20px;
}
head_sub3 {
	width:900px;
	margin:0 auto 10px;
}
#head_sub1 a {
	width:900px;
	text-indent:-9999px;
	background-image: url(../img/header_sub.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow:hidden;
	height: 200px;
	background-position: center top;
}
#head_sub2 a {
	text-indent:-9999px;
	background-image: url(../img/header_top.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow:hidden;
	height: 300px;
	width: 900px;
}

/* ---------------- ナビ（ヘッド） ---------------- */

#head_menu {
	width:800px;
	height:40px;
	margin:10px auto;
}
#head_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#head_menu ul li {
	float:left;
	height:40px;
}

#head_menu ul li a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background: url(../img/headmenu.jpg) no-repeat;
	height:40px;
}	

#head_menu #hm1 a		{width:170px; background-position:0 0;}
#head_menu #hm2 a		{width:131px; background-position:-170px 0;}
#head_menu #hm3 a		{width: 92px; background-position:-301px 0;}
#head_menu #hm4 a		{width:105px; background-position:-393px 0;}
#head_menu #hm5 a		{width: 78px; background-position:-498px 0;}
#head_menu #hm6 a		{width: 79px; background-position:-576px 0;}
#head_menu #hm7 a		{width: 79px; background-position:-655px 0;}
#head_menu #hm8 a		{width: 66px; background-position:-734px 0;}
#head_menu #hm1 a:hover	{width:170px; background-position:0 -40px;}
#head_menu #hm2 a:hover	{width:131px; background-position:-170px -40px;}
#head_menu #hm3 a:hover	{width: 92px; background-position:-301px -40px;}
#head_menu #hm4 a:hover	{width:105px; background-position:-393px -40px;}
#head_menu #hm5 a:hover	{width: 78px; background-position:-498px -40px;}
#head_menu #hm6 a:hover	{width: 79px; background-position:-576px -40px;}
#head_menu #hm7 a:hover	{width: 79px; background-position:-655px -40px;}
#head_menu #hm8 a:hover	{width: 66px; background-position:-734px -40px;}


/* ---------------- メイン ---------------- */
#main_body {
	width:900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#main_box {
	width:660px;
	float:left;
	margin-left: 10px;
}
#side_box {
	width:200px;
	float:right;
	margin-right: 10px;
}

#top_left {
	width:300px;
	float:left;
}
#top_right {
	width:300px;
	float:right;
}


/* ---------------- サイド ---------------- */
ul#sn_cont {
	margin:0 0 10px;
	padding:0;
	list-style-type:none;
}
ul#sn_cont li {
	margin-bottom:5px;
}

ul#sn_cont li#sn_order a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:200px;
	height:25px;
	background-image: url(../img/bt_order.jpg);
	background-repeat: no-repeat;
}	
ul#sn_cont li#sn_order a:hover{background-position:0 -25px;}

ul#sn_cont li#sn_contact a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:160px;
	height:40px;
	background-image: url(../img/bt_otoiawase.jpg);
	background-repeat: no-repeat;
}	
ul#sn_cont li#sn_contact a:hover{background-position:0 -40px;}


ul#sn_cont2 {
	margin:15px 0 0;
	padding:0;
	list-style-type:none;
}
ul#sn_cont2 li {
	margin-bottom:5px;
}

ul#sn_cont2 li#sn_books a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:160px;
	height:60px;
	background-image: url(../img/bt_books.jpg);
	background-repeat: no-repeat;
}	
ul#sn_cont2 li#sn_books a:hover{background-position:0 -60px;}

ul#sn_cont2 li#sn_kyozai a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:160px;
	height:60px;
	background-image: url(../img/bt_kyozai.jpg);
	background-repeat: no-repeat;
}	
ul#sn_cont2 li#sn_kyozai a:hover{background-position:0 -60px;}



ul.sn_submenu1 {
	list-style-type:none;
	margin:0 5px 10px;
}
ul.sn_submenu1 li {
	text-align:left;
	font-size:13px;
	line-height:16px;
	margin-bottom:1px;
}
ul.sn_submenu1 li a{
	display:block;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #99CCFF;
	background-image: url(../img/sn_listmark.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	color: #0066CC;
}	
ul.sn_submenu1 li a:hover{
	color: #CC0000;
	background-color: #CAE4FF;
}	



/* ---------------- フッター ---------------- */
#pagetop {
	clear:both;
	width:800px;
	margin:20px auto 0;
}
#pagetop a {
	float:right;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	height:25px;
	width:100px;
	background-image: url(../img/pagetop.jpg);
	background-repeat: no-repeat;
}

#footbox1 {
	clear:both;
	margin:0;
	background-image: url(../img/back_foot.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#footbox2 {
	width:900px;
	margin:0 auto;
	color:#FFFFFF;
	padding:10px;
}

/* ---------------- パンクズ ---------------- */
#pankuzu {
	margin-bottom:20px;
	font-size:11px;
	margin-top: 5px;
}
#pankuzu a, #pankuzu a:visited {
	color:#006699;
}
#pankuzu a:hover {
	color:#0099FF;
}
#pankuzu strong {
	color:#CC6600;
	padding:0 5px;
}

/* ---------------- ゴール ---------------- */
#goal {
	width:360px;
	margin:10px auto 30px;
}
#goal a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:360px;
	height:40px;
	background-image: url(../img/bt_order2.jpg);
	background-repeat: no-repeat;
}	
#goal a:hover{background-position:0 -40px;}