@charset "utf-8";

/* CSS Document */

/* info
   contents area width 920px
*/

/* -------------------------------------------------------------- # 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: 2px 2px 2px 2px;
	text-align: left;
}

img {
	vertical-align:top;
}

body {
	font-size: 12px;
	line-height: 16px;
	font-family: "Meiryo";
	background-color:white;
}

#bodycontainer{
	/* background: url(../image/bg_top_redline.jpg) repeat-x top;
	   padding-top: 3px; */
	/* width:1000px; */
	/* margin:0 auto; */
}

/* ----------------- 汎用クラス ----------- */
div.floatclear{
	clear:both;
	padding:0px;
	margin:0px;
	height:0px;
} /* 親コンテナにoverflow属性(hiddenがauto)で対応できるので、floatclear要のdivは通常必要ない */

/* -------------------------------------------------------------- # header */

#header {
	background-color: white;
	border-top: 2px solid #c90f1a;
	background: url(../image/bg_top_down.jpg) repeat-x bottom;
}

	#header .container{
	width: 920px;
	margin: auto;
	position: relative;
	overflow: hidden;
	}

		#header .inq {
			position: absolute;
			width: 306px;
			right: 0px;
			top: -2px; /* headerのborder分だけ */
			background-image: url(../image/bg_inq.gif);
			background-repeat: no-repeat;
		}
			#header .inq ul {list-style:none; overflow: hidden;}
			#header .inq ul li {
				float:left;
				line-height: 21px;
			}
			#header .inq ul li.eng{width:53px;
				background:url(../image/icon_02.gif) no-repeat 30px 6px; padding-left:37px;}
			#header .inq ul li.cha{width:35px;
				background:url(../image/icon_02.gif) no-repeat 15px 6px; padding-left:25px;}
			#header .inq ul li.hanw{width:45px;
				background:url(../image/icon_02.gif) no-repeat 15px 6px; padding-left:25px;}
			#header .inq ul li a {color:#ffffff; text-decoration:none;}
			#header .inq ul li a:hover {text-decoration:underline;}

		#header .logo {
			position: static;
			widt :600px;
			padding: 3px 0px;
			float:left;
			overflow: hidden;
		}
		
			#header .logo_01 {
				width: 49px;
				float: left;
			}
		
			#header .logo_02 {
				width: 494px;
				margin-top: 6px;
				float: left;
				margin-left: 10px;
			}
				#header .logo_02_text {
					color:#70747f;
					font-size:12px;
					margin-top:4px;
				}

		#header .contact {
			position: static;
			float:right;
			padding: 22px 10px 0px 0px;
			text-align: right;
		}

/* -------------------------------------------------------------- # title bunner */
#titlebunner {
	background:#A9A9A9 url(../image/bg_banner.jpg) repeat-x top;
}

#titlebunner .container{
	width: 920px;
	margin: auto;
	padding-top:10px;
}

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

#navi .container{
	width: 920px;
	margin: auto;
	padding: 8px 0px 15px 0px;
}

#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: 6px auto;
	padding:0px;
	font-size: large;
	font-weight:bolder;
}


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

#sptopic .container{
	margin: 6px auto;
	width: 920px;
	border: #39F ridge 2px;
	text-align: center;
	background-color:#E8FDFF;
	padding: 10px 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: 5px auto;
	padding: 5px 20px;
	overflow: hidden; /* float対策 */

}
#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;
}

/* -------------------------------------------------------------- # horizontalmenu */

#horizontalmenu {
	background-color: white;
}

#horizontalmenu .container{
	width: 920px;
	margin: 0px auto;
	padding: 5px 20px;
	overflow: hidden; /* float対策 */
}

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

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


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

#main{
	background-color: white;
}
#main .container{
	width: 920px;
	margin: auto;
	margin-top: 5px;
	padding: 0px 0px;
	
}
	#main .container .singlecolumn{
		width: 100%;
	}

	#main .container .multiplecolumns {
		width: 100%;
		overflow: hidden; /* float対策 */
	}
	
		#main .container .multiplecolumns .leftcontents{ /* totalwidth: 685px */
			width: 680px;
			margin-right: 5px;
			float: left;
		}
		#main .container .multiplecolumns .rightcontents{ /* totalwidth: 235px */
			width: 235px;
			float: right;
		}
		
/* -------------------------------------------------------------- # footer */

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

#footer .container{
	width: 920px;
	margin: 5px auto 20px auto;
	padding-top:5px;
	
}

#footer .footer_comment {
	text-align:center;
}
#footer .footer_copyright {
	text-align: center;
}