<!--{*
/*
 * Copyright(c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */
*}-->

<style type="text/css">
@charset "<!--{$smarty.const.CHAR_CODE}-->";

body {
	background: #fff url(<!--{$smarty.const.URL_DIR}-->img/common/bg.jpg);
	background-repeat: repeat-x;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯","Hiragino Maru Gothic Pro","¥Ò¥é¥®¥Î´Ý¥´ Pro W4",Osaka,sans-serif;
}


.mainbg {
	background: #fff url(<!--{$smarty.const.URL_DIR}-->img/contents/main_bg.jpg);
	background-repeat: repeat-x;
}

.infobg {
	background: #fff url(<!--{$smarty.const.URL_DIR}-->img/contents/home_bg.jpg);
	background-repeat: no-repeat;
	background-color: #e3e3e3;
}


.navi a{
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/navi_bar.gif);
	background-repeat: repeat-y;
	background-color: #636469;
	width:140px;
	padding: 10px 5px 10px 12px;
	color:#ffffff;
	text-decoration:none;
	display:block ;
}

.navi-on a{
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/navi_bar.gif);
	background-repeat: repeat-y;
	background-color: #a5a5a5;
	width:140px;
	padding: 10px 5px 10px 12px;
	color:#000000;
	text-decoration:none;
	display:block;
}

/*icon*/
.icon_edit{
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/icon_edit.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}

.icon_mail {
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/icon_mail.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}

.icon_delete {
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/icon_delete.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}

.icon_copy {
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/icon_copy.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}

.icon_class {
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/icon_class.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}

.icon_confirm {
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/icon_confirm.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}


/*send-page*/

.number a{
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/number_bg.jpg);
	background-repeat: repeat-x;
	background-color: #505468;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	color:#ffffff;
	font-size: 65%;
	line-height: 160%;
	font-weight: bold;
	text-decoration:none;
}

.number a:hover{
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/number_bg_on.jpg);
	background-repeat: repeat-x;
	background-color: #f7c600;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	color:#ffffff;
	font-size: 65%;
	line-height: 160%;
	font-weight: bold;
	text-decoration:none;
}

.number-on a{
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/number_bg_on.jpg);
	background-repeat: repeat-x;
	background-color: #f7c600;
	color:#ffffff;
	font-size: 65%;
	line-height: 160%;
	font-weight: bold;
	text-decoration:none;
	
}

.number-on a:hover{
	background: url(<!--{$smarty.const.URL_DIR}-->img/contents/number_bg_on.jpg);
	background-repeat: repeat-x;
	background-color: #f7c600;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	color:#ffffff;
	font-size: 65%;
	line-height: 160%;
	font-weight: bold;
	text-decoration:none;
}

</style>
