/* CSS Document */

/* -------------------------------------------------------------- # common(default), body */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.defaulttable {
    border-collapse:collapse;
    border-spacing:0;
	empty-cells: show;
	border: groove 2px #999;
}

.defaulttable td{
	border: groove 2px #999;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

img {
	vertical-align:top;
}

body {
	background-color:#f3f3f3;
	font-size: 12px;
	line-height: 16px;
	font-famil: Meiryo;
}

#bodycontainer{
	/* width:1000px; */
	/* margin:0 auto; */
}

/* ----------------- 汎用クラス ----------- */
div.floatclear{
	clear:both;
	padding:0px;
	margin:0px;
	height:0px;

}

/* -------------------------------------------------------------- # header */
#header {
	background:url(../image/bg_top.jpg) repeat-x top;
	background-color: white;
}

	#header .container{
	width: 920px;
	margin: 0px auto;
	height:94px;
	padding: 0px 20px 0px 20px;
	}
	
		#header .logo {
			width: 556px;
			float: left;
		}
		
			#header .logo_01 {
				width: 49px;
				margin-top:17px;
				float: left;
			}
		
			#header .logo_02 {
				width: 494px;
				margin:23px 0 0 0px;
				float: right;
			}
				#header .logo_02_text {
					color:#70747f;
					font-size:12px;
					margin-top:4px;
				}

		#header .headmenu {
			float: right;
		}
		
		#header .headmenu ul {
			list-style:none;
		}
		
		#header .headmenu ul li a {color:#ffffff; text-decoration:none;}
		#header .headmenu ul li a:hover {text-decoration:underline;}
		
		#header .headmenu ul li {
			float: left;
			height: 21px;
			font-size:14px;
		}
		
		#header .headmenu ul li.leftend{
			width: 14px;
			background: url(../image/bg_head_menu_left.gif) no-repeat;
		}
		
		#header .headmenu ul li.item{
			padding: 0px 3px;
			background:url(../image/bg_head_menu_loc.gif) repeat-x;
			border-right:1px solid #FFD7D7;
		}
		#header .headmenu ul li.lastitem{
			padding: 0px 3px;
			background:url(../image/bg_head_menu_loc.gif) repeat-x;
		}
		
		#header .headmenu ul li.rightend{
			width: 14px;
			background:url(../image/bg_head_menu_right.gif) no-repeat;
		}
/* -------------------------------------------------------------- # headmenu 右上に貼り付ける場合 */
#headmenu {
	position: absolute;
	right: 0px;
	top: 0px;
}
#headmenu .container{
	width: 920px;
	margin: 0px auto;
}

#headmenu ul {
	list-style:none;
}

#headmenu ul li a {color:#ffffff; text-decoration:none;}
#headmenu ul li a:hover {text-decoration:underline;}

#headmenu ul li {
	float: left;
	height: 21px;
	font-size:14px;
}

#headmenu ul li.leftend{
	width: 14px;
	background: url(../image/bg_head_menu_left.gif) no-repeat;
}

#headmenu ul li.item{
	padding: 0px 3px;
	background:url(../image/bg_head_menu_loc.gif) repeat-x;
	border-right:1px solid #FFD7D7;
}
#headmenu ul li.lastitem{
	padding: 0px 3px;
	background:url(../image/bg_head_menu_loc.gif) repeat-x;
}

#headmenu ul li.rightend{
	width: 14px;
	background:url(../image/bg_head_menu_right.gif) no-repeat;
}

/* -------------------------------------------------------------- # title bunner */
#titlebunner {
	background:url(../image/bg_bunnertitle.jpg) repeat-x;
	background-color: #A9A9A9;
	height: 137px;
}

#titlebunner .container{
	width: 920px;
	margin: 0px auto;
	padding:16px 0 0 0;
}

/* -------------------------------------------------------------- # navi */
#navi {
	background:url(../image/bg_navi.gif) repeat-x;
	background-color: white;
}

#navi .container{
	width: 920px;
	margin: 0px auto;
	height:38px;
	padding:6px 20px 0 20px;
}

#navi .loc {
	font-size:12px;
	margin:0 6px 0 6px;
	color:#000000;
}

#navi .loc a {
	color:#36add6;
}



/* -------------------------------------------------------------- # title */
#title{
	background-color: white;
}

#title .container{
	width: 920px;
	margin: 0px auto;
	padding:1ex;
	font-size: large;
	font-weight:bolder;
}


/* -------------------------------------------------------------- # sptopic */
#sptopic {
	background-color: white;
}

#sptopic .container{
	margin: 0px auto;
	width: 920px;
	border: #39F ridge 2px;
	text-align: center;
	background-color:#E8FDFF;
	padding: 10px;
	line-height: normal;
}

#sptopic a{
	color:inherit;
	text-decoration:none;
}

#sptopic a:hover{
	text-decoration:underline;
}

#sptopic h1{
}

#sptopic p{
	color: blue;
	font-size: x-large;
	text-decoration: underline;
}


/* -------------------------------------------------------------- # headline */
#headline{
	background-color: #f3f3f3;
}

#headline .container{
	height:40ex;
	overflow: auto;
	width: 920px;
	margin: 0px auto;
	padding: 1ex 20px;

}
#headline .leftbox{
	float:left;
	width:450px
}
#headline .rightbox{
	float:right;
	width:450px
}

#headline table{
	border-collapse: collapse;
	/*↑ separateの場合
		border-spacing: 5px;
		empty-cells: show;
	*/
	border: none;
}

#headline tbody td.datetime{
	white-space: nowrap;
	border: none;
	padding-right: 1em;
}

#headline tbody td.topic{
	border: none;
	padding: auto;
}

#headline a{
	text-decoration: none;
}
#headline a:hover{
	text-decoration: underline;
}

/* -------------------------------------------------------------- # topmenu */

#topmenu {
	background-color: white;
}

#topmenu .container{
	width: 920px;
	margin: 0px auto;
	padding: 10px 20px 10px 20px;
}

#topmenu .bunner{
	font-size: 20px;
	float:left;
	width:200px;
	text-align: center;
	border: #6FF 2px ridge;
	background-color: #8EF9F7;
	margin: 5px 10px;
	font-weight: bolder;
}

#topmenu a{
	text-decoration: none;
}
#topmenu a:hover{
	text-decoration: underline;
}


/* -------------------------------------------------------------- # main */

#main{
	background-color: white;
}
#main .container{
	width: 920px;
	margin: 0px auto;
	padding: 1px 20px 20px 20px;
}


/* -------------------------------------------------------------- # footer */

#footer {
	background:url(../image/bg_footer.jpg) repeat-x #f3f3f3;
}

#footer .container{
	width: 100%;
	padding-top:19px;
}