@charset "utf-8";

@import url("default.css");
@import url("style.css");

/* -----------------------------------------------------------
CSS Information
 File name:      index.css
 Style Info:     ページ専用スタイル
----------------------------------------------------------- */



/*全体の指定
----------------------------------------------------------- */

a { color:#626262; }


/* ヴィジュアルイメージ
----------------------------------------------------------- */
#visualbox {	height: 230px; 
				display:block;margin-bottom: 10px; }
#visualbox #swf {height:230px; width:640px; background-image:url(../img/index/flashbg.gif);}
#cm1 {	 		display:block;position:absolute;overflow:hidden;white-space:nowrap;}
#cm2 {	 		display:none ;position:absolute;overflow:hidden;white-space:nowrap;}
#cm3 {	 		display:none ;position:absolute;overflow:hidden;white-space:nowrap;}
#cm4 {	 		display:none ;position:absolute;overflow:hidden;white-space:nowrap;}
#cm5 {	 		display:none ;position:absolute;overflow:hidden;white-space:nowrap;}
#cm6 {	 		display:none ;position:absolute;overflow:hidden;white-space:nowrap;}


/* メインコンテンツとサイドバーの左右入替
----------------------------------------------------------- */
#main {	float: left;}
#side {	float: right;}



/* メイン内の指定
----------------------------------------------------------- */
#main {					width: 640px;margin-bottom: 40px;}
#main h2 {				clear: both; background: url(../img/common/h2.gif) repeat-x; font-size: 16px;
						height: 31px; padding-top: 19px; color: #6fba2c; margin-bottom:10px;}
#main .contentsbox {	width: 640px;margin-bottom:30px;}



#main .contentsbox {			padding-bottom:0px;}
#main .contentsbox .indexbox1 {	float: left;height: 150px;width: 310px;margin-right:20px;margin-bottom:20px;}
#main .contentsbox .indexbox2 { margin-right:0px;}

#main .contentsbox .indexbox1 a {		height: 110px;width: 225px;padding-top: 40px;padding-right: 5px;padding-left: 80px;display:block;}
#main .contentsbox .indexbox1 a:hover { text-decoration:none;}

	/*誘導ボタン*/
	#main .contentsbox .btn1 a {  background: url(../img/index/btn1.gif) no-repeat left top; }
	#main .contentsbox .btn2 a {  background: url(../img/index/btn2.gif) no-repeat left top; }
	#main .contentsbox .btn3 a {  background: url(../img/index/btn3.gif) no-repeat left top; }
	#main .contentsbox .btn4 a {  background: url(../img/index/btn4.gif) no-repeat left top; }
	#main .contentsbox .btn5 a {  background: url(../img/index/btn5.gif) no-repeat left top; }
	#main .contentsbox .btn6 a {  background: url(../img/index/btn6.gif) no-repeat left top; }
	
	#main .contentsbox .btn1 a:hover {  background-position: right top;color:#77a21b;} /*20121225 #eb6100 → #77a21b*/
	#main .contentsbox .btn2 a:hover {  background-position: right top;color:#77a21b;} /*20121225 #eb6100 → #77a21b*/
	#main .contentsbox .btn3 a:hover {  background-position: right top;color:#77a21b;}
	#main .contentsbox .btn4 a:hover {  background-position: right top;color:#77a21b;}
	#main .contentsbox .btn5 a:hover {  background-position: right top;color:#ea68a2;}
	#main .contentsbox .btn6 a:hover {  background-position: right top;color:#ea68a2;}

#main .contentsbox table,
#main .contentsbox tr,
#main .contentsbox th,
#main .contentsbox td { border:none; padding:0; padding-bottom:5px;}

#main .contentsbox th{	width:140px;font-weight: normal;background-color:#fff;vertical-align: top;}
#main .contentsbox td{	vertical-align: top;}
#main .contentsbox .new{background: url(../img/index/new.gif) no-repeat 80px 3px;}

#main .mapply {			height:90px;width:640px; clear:both;}
#main .mapply a {  		position:absolute; height:90px;width:640px; text-indent: -10000px;overflow:hidden;
						background: url(../img/index/apply.gif) no-repeat left top; display: block;}
#main .mapply a:hover {	background-position: right top;}


/*07 サイドバー
----------------------------------------------------------- */
#side {			width: 250px; margin-bottom: 40px; background:url(../img/common/sbg_body.gif) repeat-y left top;
				border-top: 1px solid #eeeeee;	border-bottom: 1px solid #eeeeee; padding-top:5px;}
#side .sbox {	width: 240px; margin-left:5px; margin-bottom:5px;background: url(../img/common/sboxbg_body.gif) repeat-y;
				border-bottom: 1px solid #c8c8c8; background-color: #FFF; clear:both;}
#side .sbox .stitle { display:block; width:240px; margin-bottom:10px; }		

#side .sbtn {			margin-bottom:10px; margin-left:10px; height:70px;width:220px;}
#side .sbtn a {  		position:absolute; height:70px;width:220px; text-indent: -10000px;overflow:hidden;
						background: url(../img/common/slogin.gif) no-repeat left top; display: block;}
#side .sbtn a.smaster {  background: url(../img/common/smaster.gif) no-repeat left top;}
#side .sbtn a:hover {	background-position: right top;}
#side .sapply a {		background: url(../img/common/sapply.gif) no-repeat left top;}

#side ul {			margin-bottom:10px; margin-left:10px;}
#side li a {		color:#0068b7;padding-left: 16px;	margin-right: 5px;}
#side .e06sh a {	background: url(../img/common/li_e06sh.gif) no-repeat left center;}
#side .money a {	background: url(../img/common/li_money.gif) no-repeat left center;}
#side .pen a {		background: url(../img/common/li_pen.gif) no-repeat left center;}
#side .note a {		background: url(../img/common/li_note.gif) no-repeat left center;}

#side .sbar {		margin-left:5px; background:url(../img/common/sbar.gif) no-repeat left top; width:240px; height:20px;}

#side a.demo { width:240px; height:130px; background:url(../img/index/demo.gif) no-repeat left top; display:block; text-indent: -10000px;overflow:hidden;}
#side a.demo:hover { background-position: right top;}