@charset "utf-8";
@import "deco.css";

/* 2009.01.21更新
---------------------------------------------------------------------*/

/* 初期設定
----------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
}
body{
	margin:0px;
	font-family: "ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	color:#333;
	/*
	font-size:12px;
	line-height:18px;
	*/
	text-align:center;
	background-image:url(../common_img/body_bg.gif);
	background-repeat:repeat-x;
	background-position:0 top;
	background-color:#fff;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
	/*
	font-size:12px;
	line-height:18px;
	*/
	font-weight:100;
	}
td,th{
	color:#333;
	/*
	font-size:12px;
	line-height:18px;
	*/
	font-family: "ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0;
	}
form {
	margin:0;
	padding:0;
	}
select,input {
	margin:0;
	padding:0;
	}
textarea{
	resize:none;
}
img {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:top;
	}
ul,li {
	list-style:none;
	margin:0;
	padding:0;
	}
option{
    padding-right:1em;
    }
a{
	color:#3366CC;
	text-decoration:none;	
	}
a:hover{
	color:#FF9900;
	text-decoration:none;
	}


/* ラッパー
----------------------------------------------------------------*/
#wrapper{
	width:1000px;
	text-align:left;
	margin:0 auto;
	padding:0;
	border-right:solid 1px #e6e4bf;
	border-left:solid 1px #e6e4bf;
	border-bottom:solid 1px #e6e4bf;
	}
/* 背景がグラデーションでぼけ足がある場合 */
#wrapper_head_bg{
	width:960px;
	margin:0 auto;
	padding:0;
}

/* ヘッダ
----------------------------------------------------------------*/
#header{
	position:relative;
	width:960px;
	height:75px;
	margin:0 0 0 0px;
	}
	#header .logo {
		position:absolute;
		width:385px;
		height:45px;
		top:0;
		left:0;
		}
	#header .font_size {
		position:absolute;
		width:105px;
		height:30px;
		top:10px;
		right:240px;
		}
	#header .font_size p {
		float:left;
		width:50px;
		}	
	#header .font_size ul {
		float:right;
		width:55px;
		margin-top:3px;
		}
	#header .font_size li {
		float:right;
		width:16px;
		}	
	#header .site_search {
		position:absolute;
		width:230px;
		height:30px;
		top:10px;
		right:0;
		}
	#header .site_search p {
		float:left;
		width:60px;
		}
	#header .site_search form input {
		float:left;
		width:115px;
		height:18px;
		}			
		
/*　検索ボタン　*/
.btn_site_search {
	float:right;
	margin:2px;
	}	
.btn_site_search,
.btn_site_search img {
	width:41px;
	height:18px;
	padding:0;
	}	
.btn_site_search a {
	display:block;
	width:41px;
	height:18px;;
	background-image:url(../common_img/btn_site_search.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	}
.btn_site_search a:hover {
	background-position:0 -18px;
	}			
		
/*　文字サイズボタン　大　*/
.btn_font_size_01 {
	margin:0 auto;
	}	
.btn_font_size_01,
.btn_font_size_01 img {
	width:15px;
	height:15px;
	padding:0;
	}	
.btn_font_size_01 a {
	display:block;
	width:15px;
	height:15px;
	background-image:url(../common_img/btn_font_size_01.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	}
.btn_font_size_01 a:hover {
	background-position:0 -15px;
	}			

/*　文字サイズボタン　中　*/
.btn_font_size_02 {
	margin:0 auto;
	}	
.btn_font_size_02,
.btn_font_size_02 img {
	width:15px;
	height:15px;
	padding:0;
	}	
.btn_font_size_02 a {
	display:block;
	width:15px;
	height:15px;
	background-image:url(../common_img/btn_font_size_02.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	}
.btn_font_size_02 a:hover {
	background-position:0 -15px;
	}			


/*　文字サイズボタン　小　*/
.btn_font_size_03 {
	margin:0 auto;
	}	
.btn_font_size_03,
.btn_font_size_03 img {
	width:15px;
	height:15px;
	padding:0;
	}	
.btn_font_size_03 a {
	display:block;
	width:15px;
	height:15px;
	background-image:url(../common_img/btn_font_size_03.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	}
.btn_font_size_03 a:hover {
	background-position:0 -15px;
	}	
	
/*横ナビ
----------------------------------------------------------------*/	
#header .head_nav {
	position:absolute;
	width:345px;
	height:25px;
	top:50px;
	right:0;
	}			
#header .head_nav li {
	float:left;
	}
	


/*メイン
----------------------------------------------------------------*/
#pagebody{
	width:960px;
	margin:15px 0 0 0;
	}

/*左枠
----------------------------------------------------------------*/
#leftside {
	width:180px;
	float:left;
	margin:0;
	padding:0 0 15px 0;
	}

/*縦ナビ
----------------------------------------------------------------*/
#vnavigation{
	margin:0;
	padding:0;
	}
	#vnavigation li {
		margin:0;
		padding:0;
		}
		#vnavigation li img{
			margin:0;
			padding:0;
			}
#vnavigation .txtnav {
	border-bottom:solid 1px #ddd;
	}			
#vnavigation .txtnav li {
	text-indent:15px;
	line-height:40px;
	}
#vnavigation .txtnav a {
	display:block;
	width:180px;
	height:40px;
	background-image:url(../common_img/v_nav_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#666;
	}
#vnavigation .txtnav a:hover {
	background-position:0 -40px;
	}	
#vnavigation .txtnav .on a {
	background-position:0 -40px;
	}
	
#vnavigation .txtnav .sub ul {
	}
#vnavigation .txtnav .sub li {	
	line-height:30px;
	text-indent:20px;
}	
#vnavigation .txtnav .sub li a {
	display:block;
	width:180px;
	height:30px;
	background-image:url(../common_img/v_nav_sub_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#757460;
	}
#vnavigation .txtnav .sub li a:hover,
#vnavigation .txtnav .sub .on a {
	background-position:0 -30px;
	}	


/* tuika */

#vnavigation .imgnav .sub div {	
	line-height:30px;
	text-indent:20px;
	height:30px;
	overflow:hidden;
	margin-bottom:0px;
}	
#vnavigation .imgnav .sub div a {
	display:block;
	width:180px;
	height:30px;
	overflow:hidden;
	background-image:url(../common_img/v_nav_sub_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#757460;
	}
#vnavigation .imgnav .sub div a:hover,
#vnavigation .imgnav .sub .on a {
	background-position:0 -30px;
	}	



	
	
#vnavigation .bnr {
	padding-top:5px;
	}
	#vnavigation .bnr li {
		padding-top:10px;
		}
	
#vnavigation .v_info {
	margin-top:15px;
	width:180px;
	height:120px;
	background:url(../common_img/v_info_bg.gif) 0 0;
}	
#vnavigation .v_info ul {
	padding:5px 0 0 5px;
	}
#vnavigation .v_info li {
	line-height:20px;
	}
.v_info_btn {
	margin:1px auto 0 auto;
	}	
.v_info_btn,
.v_info_btn img {
	width:161px;
	height:23px;
	padding:0;
	}	
.v_info_btn a {
	display:block;
	width:161px;
	height:23px;
	background-image:url(../common_img/v_info_btn.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	}
.v_info_btn a:hover {
	background-position:0 -23px;
	}		
		
/*右枠
----------------------------------------------------------------*/
#rightside {
	width:760px;
	float:right;
	margin:0;
	padding:0;
	}

/*ステージ
----------------------------------------------------------------*/
#content{
	width:760px;
	margin:0;
	padding:0;
	}



/*フッタ
----------------------------------------------------------------*/
#footer {
	border-top:25px solid #fff;
	width:960px;
	margin:0 auto;
	background-image:url(../common_img/footer_bg.gif);
	background-repeat:repeat-x;
	text-align:left;
	}
	#footer p{
		padding:0;
		margin:0;
	}
	/* コピーライト*/
	#footer #fcopy{
		clear:both;
		border-top:dotted 1px #ccc;
		padding:10px 0 10px 10px;
		text-align:left;
		}
	/* ページトップ*/
	#footer #fup{
		float:right;
		width:auto;
		text-align:right;
		margin:0;
		padding:0 15px 0 0;
		}
		#footer #fup a{
			color:#777;
			text-decoration:none;
			}
		#footer #fup a:hover{
			color:#999;
			text-decoration:none;
			}
			
/*下ナビ
----------------------------------------------------------------*/
#fnavigation{
	width:760px;
	text-align:left;
	padding:15px 0 10px 10px;
	}
	#fnavigation p{
		color:#333;
		text-align:left;
		padding:0px 0 0 0;
	}
	#fnavigation a{
		color:#4b8027;
		text-decoration:none;
	}
	#fnavigation a:hover{
		color:#4b8027;
		text-decoration:underline;
	}
	
	
/*中ページ
----------------------------------------------------------------*/	
.pankuz {
	padding:0.5em 0;
	}
	
.pt {
	margin-bottom:15px;
	}	
	
/*操作時メッセージ
----------------------------------------------------------------*/	
div#flashMessage
{
	font-weight:bold;
	
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
div#flashMessage.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/info.png');	
}
div#flashMessage.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../img/success.png');
}
div#flashMessage.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/error.png');
}

div#authMessage
{
	font-size:1.25em;
	font-weight:bold;
	
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;

	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../../img/admin/error.png');
}

div.error-message
{
	padding:0.4em 0;
	font-weight:bold;
	color:#F00;
}

/* tsuika 20091217 */
.imgnav{
	list-style:none;
	border-top:1px solid #ccc;
	margin-bottom:15px;
}
.imgnav li{
	_height:39px;
	min-height:39px;
}
.mt5{margin-top: 5px;}
.mb25{margin-bottom:25px;}
.empty{ background-color:#cef0bd; padding: 6px; text-align: center; color: #448822;}
.img-left{float:left;}
.img-right{float:right;}

.backnum{ width:760px;line-height:1.5em;}
.backnum li{ float:left; border-right:1px solid #ccc; padding:0px 10px; display:inline; list-style:none;}