@charset "UTF-8";

/* CSS Document */
/******************************************************************
# スクリーンセーバー
******************************************************************/


/*ページタイトル*/
#main div#main_r div#main_con h1.page_title {
	background: url(../../screensaver/img/title.jpg) no-repeat left top;
}



p.al-center {
	text-align: center;
}

div.screen_box {
	background: url(../../screensaver/img/screen_box_mdl.gif) repeat-y left top;
}

div.screen_box div {
	width: 480px;
	_width: 520px;
	padding: 20px 20px 20px 20px;
}

div.screen_box div p.prev_img {
	float: left;
	width: 200px;
	
}

/*右側*/
div.screen_box div div.btn_box {
	float: right;
	width: 265px;
	margin: 0;
	padding: 0;
}                                

div.screen_box div div.btn_box p.small {
	line-height: 120%;
}

div.screen_box div div.btn_box ul.os_btn {
	margin: 10px 0 0 35px;
}
div.screen_box div div.btn_box ul.os_btn li {
	width: 180px;
	height: 40px;
}
div.screen_box div div.btn_box ul.os_btn li a {
	width: 180px;
	height: 30px;
}

div.screen_box div div.btn_box ul.os_btn li.btn_win a {
	background: url(../../screensaver/img/btn_win.jpg) no-repeat left top;
}
div.screen_box div div.btn_box ul.os_btn li.btn_win,
div.screen_box div div.btn_box ul.os_btn li.btn_win a:hover {
	background: url(../../screensaver/img/btn_win_f2.jpg) no-repeat left top;
}

div.screen_box div div.btn_box ul.os_btn li.btn_mac a {
	background: url(../../screensaver/img/btn_mac.jpg) no-repeat left top;
}
div.screen_box div div.btn_box ul.os_btn li.btn_mac,
div.screen_box div div.btn_box ul.os_btn li.btn_mac a:hover {
	background: url(../../screensaver/img/btn_mac_f2.jpg) no-repeat left top;
}