@charset "Shift_JIS";

/*--------------------------------------------------------------------
index.html
top.css
--------------------------------------------------------------------*/
/*タイトル画像用*/
div#TopTitle {
	background: url(../../img/top/title.jpg) no-repeat left 100px;
}

div#Title {
	height: 260px;
}

/*メイン*/
div#Main {
	width: 880px;
	padding: 20px;
	background: #fff;
	overflow: hidden;
}

/*中央・右*/
div#Main div#InMain {
	width: 620px;
	min-height: inherit;
	float: right;
}

/*更新情報*/
div#Main div#InMain div#News {
	width: 330px;
	float: left;
}

div#Main div#InMain div#News h2 {
	height: 20px;
	background: url(../../img/top/news_t.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

div#Main div#InMain div#News ul {
	list-style: none;
	height: 366px;
	background: #f2f2f2;
	overflow: auto;
}

div#Main div#InMain div#News ul li {
	margin: 0 0 5px 10px;
	padding: 5px 10px 5px 6em;
	border-bottom: 1px dashed #c2c2c2;
	text-indent: -6em;
}

div#Main div#InMain div#News ul li strong {
	padding: 0 0.3em 0 0;
	color: #e10000;
}

/*右*/
div#Main div#InMain div#MenuR {
	width: 273px;
	float: right;
}

div#Main div#InMain div#MenuR ul li {
	list-style: none;
	width: 256px;
	height: 66px;
	margin: 0 0 5px 0;
	padding: 7px 10px 10px 7px;
	background: url(../../img/top/plmbtn_bg.jpg) no-repeat left top;
}

div#Main div#InMain div#MenuR ul li a {
	display: block;
	width: 256px;
	height: 66px;
	text-decoration: none;
	text-indent: -99999px;
	overflow: hidden;
}

div#Main div#InMain div#MenuR ul li#SMBtn01 a {
	background: url(../../img/top/plmbtn_b01.jpg) no-repeat left top;
}

div#Main div#InMain div#MenuR ul li#SMBtn02 a {
	background: url(../../img/top/plmbtn_b02.jpg) no-repeat left top;
}

div#Main div#InMain div#MenuR ul li#SMBtn03 a {
	background: url(../../img/top/plmbtn_b03.jpg) no-repeat left top;
}

div#Main div#InMain div#MenuR ul li#SMBtn04 a {
	background: url(../../img/top/plmbtn_b04.jpg) no-repeat left top;
}

div#Main div#InMain div#MenuR ul li#SMBtn05 a {
	background: url(../../img/top/plmbtn_b05.jpg) no-repeat left top;
}

div#Main div#InMain div#MenuR ul li#SMBtn08 a {
	background: url(../../img/top/plmbtn_b08.jpg) no-repeat left top;
}

div#Main div#InMain div#MenuR ul li#SMBtn01 a:hover {
	background: url(../../img/top/plmbtn_b01.jpg) no-repeat left bottom;
}

div#Main div#InMain div#MenuR ul li#SMBtn02 a:hover {
	background: url(../../img/top/plmbtn_b02.jpg) no-repeat left bottom;
}

div#Main div#InMain div#MenuR ul li#SMBtn03 a:hover {
	background: url(../../img/top/plmbtn_b03.jpg) no-repeat left bottom;
}

div#Main div#InMain div#MenuR ul li#SMBtn04 a:hover {
	background: url(../../img/top/plmbtn_b04.jpg) no-repeat left bottom;
}

div#Main div#InMain div#MenuR ul li#SMBtn05 a:hover {
	background: url(../../img/top/plmbtn_b05.jpg) no-repeat left bottom;
}

div#Main div#InMain div#MenuR ul li#SMBtn08 a:hover {
	background: url(../../img/top/plmbtn_b08.jpg) no-repeat left bottom;
}

/*ブログ -EXCELの風景-*/
div#Main div#InMain div#MenuR ul li#SMBtn06 {
	list-style: none;
	width: 240px;
	height: 80px;
	margin: 15px auto 0 auto;
	padding: 0;
	background: inherit;
}

div#Main div#InMain div#MenuR ul li#SMBtn06 a {
	display: block;
	width: 240px;
	height: 80px;
	background: url(../../img/blog_b.jpg) no-repeat left top;
	text-decoration: none;
	text-indent: -99999px;
	overflow: hidden;
}

div#Main div#InMain div#MenuR ul li#SMBtn06 a:hover {
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85;
	opacity: 0.85;
}

/*そんぽ24*/
div#Main div#InMain div#MenuR ul li#SMBtn07 {
	list-style: none;
	width: 190px;
	height: 47px;
	margin: 15px auto 0 auto;
	padding: 0;
	background: inherit;
}

div#Main div#InMain div#MenuR ul li#SMBtn07 a {
	display: block;
	width: 190px;
	height: 47px;
	background: url(../../img/top/sonpo.jpg) no-repeat left top;
	text-decoration: none;
	text-indent: -99999px;
	overflow: hidden;
}

div#Main div#InMain div#MenuR ul li#SMBtn07 a:hover {
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85;
	opacity: 0.85;
}

/*左*/
div#Main div#ListAdd {
	width: 240px;
	float: left;
}

div#Main div#ListAdd div#MenuL {
	background: url(../../img/top/attention_bg.gif) no-repeat left top;
}

div#Main div#ListAdd div#MenuL h2 {
	height: 37px;
	text-indent: -99999px;
	overflow: hidden;
}

div#Main div#ListAdd div#MenuL ul {
	list-style: none;
	width: 230px;
	margin: 0 auto;
	padding: 0 5px 10px 5px;
	background: url(../../img/top/attention_btm_bg.gif) no-repeat center bottom;
}

div#Main div#ListAdd div#MenuL ul li {
	width: 230px;
	height: 50px;
	margin: 0 0 10px 0;
}

div#Main div#ListAdd div#MenuL ul li#SMBtn07 {
	margin: 0;
}

div#Main div#ListAdd div#MenuL ul li h3,
div#Main div#ListAdd div#MenuL ul li p {
	display: none;
}

div#Main div#ListAdd div#MenuL ul li a {
	display: block;
	width: 230px;
	height: 50px;
	text-decoration: none;
	text-indent: -99999px;
	overflow: hidden;
}

div#Main div#ListAdd div#MenuL ul li#SMBtn06 a {
	background: url(../../img/top/plmbtn_b06.jpg) no-repeat left top;
}

div#Main div#ListAdd div#MenuL ul li#SMBtn07 a {
	background: url(../../img/top/plmbtn_b07.jpg) no-repeat left top;
}

div#Main div#ListAdd div#MenuL ul li#SMBtn06 a:hover {
	background: url(../../img/top/plmbtn_b06.jpg) no-repeat left bottom;
}

div#Main div#ListAdd div#MenuL ul li#SMBtn07 a:hover {
	background: url(../../img/top/plmbtn_b07.jpg) no-repeat left bottom;
}

div#Main div#ListAdd div#LeftAdd {
	width: 220px;
	margin: 10px 0 0 0;
	padding: 10px;
	background: #f2f2f2;
	border: 1px solid #797979;
}

div#Main div#ListAdd div#LeftAdd h2 {
	font-size: 110%;
	color: #e10000;
}

div#Main div#ListAdd div#LeftAdd dl dd#First {
	margin: 0 0 15px 0;
}

div#Main div#ListAdd div#LeftAdd dl dd span {
	font-size: 90%;
}

div#Main div#ListAdd div#LeftAdd dl dd span#Free {
	color: #e10000;
}

div#Main div#ListAdd div#LeftAdd dl dd ul li {
	list-style: none;
	margin: 0 0 5px 0;
}

div#Main div#ListAdd div#LeftAdd dl dd ul li dl dd {
	font-size: 95%;
}

div#Main div#ListAdd div#LeftAdd dl dd ul li dl dd span {
	font-size: 95%;
}