@charset "euc-jp";

/* ---------------------------------------------------------------------
CSS

 File name:      top.css
 Create:         2008.10.14
 Update:         2010.07.26
 Style Info:     トップページCSSファイ��E
--------------------------------------------------------------------- */

/* main-img
--------------------------------------------------------------------- */
/* 2018.07.11 add mediaquery   T.Handa */
#main-img {
 margin-top: 10px;
 text-align: left;
 background: url(../img/bg_main_img.gif) top left no-repeat;
 width: 625px;
 height: 340px;
}
#main-flash {
 position: absolute;
 top: 6px;
 left: 6px;
}
#main-menu {
/*	 position: absolute; 
 top: 0;
 left: 625px;*/
 margin-left: 6px;
}
@media screen and (min-width: 640px) {
	#main-img {
	 position: relative;
	 width: 850px;
	 height: 230px;
	}
	#main-menu {
	 position: absolute;
	 top: 0;
	 left: 620px;
	}
}
/* content-wrap
--------------------------------------------------------------------- */

#content-wrap {
 width: 640px;
 margin: 15px 5px 0;
}

@media screen and (min-width: 640px) {
	#content-wrap {
	 width: 840px;
	 margin: 15px 5px 0;
	}
}
/* content
--------------------------------------------------------------------- */
#content {
 	width:630px;
 	overflow: hidden;
}
@media screen and (min-width: 640px) {
	#content {
		float: left;
		width:600px;
	}
}
/* news,topics
--------------------------------------------------------------------- */
h3.news, h3.topics {
 height: 30px;
 margin-top: 20px;
 padding-left: 20px;
 background: url(../img/bg_news.gif) left top no-repeat;
 line-height: 200%;
 font-size: 12pt;
}
p.link-news-list {
 position: relative;
 top: 0px;
 left: 0px;
 width: 600px;
}
p.link-news-list a {
 position: absolute;
 top: -28px;
 left: 550px;
 padding-left: 12px;
 color: #3E653C;
 background: url(../img/ico_arrow_green.gif) left 8px no-repeat;
 font-size: 10pt;
}
ul.news li {
 width: 600px;
 margin-top: 6px;
 background: url(../img/border_dotted_gray.gif) bottom repeat-x;
 white-space: nowrap;
}
ul.news li span.date {
 padding-right: 20px;
 font-size:12px;
}
ul.news li span.notice {
 padding-right: 20px;
 font-size: 12px;
 font-weight: bold;
 white-space: nowrap;
}
ul.news li span.notice2 {
 padding-right: 20px;
 font-size: 12px;
 white-space: nowrap;
}
ul.news li a.notice {
 padding-right: 20px;
 font-size: 12px;
 white-space: nowrap;
}
ul.news li a.notice-s {
 padding-right: 20px;
 font-size: 11px;
 white-space: nowrap;
}
ul.news li span.notice3 {
 padding-right: 5px;
 font-size: 16px;
 font-weight: bold;
 white-space: nowrap;
}

ul.news li span.notice4 {
 padding-right: 5px;
 font-size: 16px;
 white-space: nowrap;
}

/* 2010.07.26 JMSI��E鵐�用に笹椪　T.Handa */
ul.news li span.link {
 font-size: medium;
 font-size: 12px;
 font-weight: bold;
 white-space: nowrap;
}
.msgleft95 {
	margin-left:95px;
	font-size: 12px;
	white-space: nowrap;
}

/* right
--------------------------------------------------------------------- */
/* 2018.07.12 add mediaquery  T.Handa */
#right {
 	width: 640px;
 	margin-top: 10px;
}
#right ul {
	
 	margin-left: 5px;
}
#right ul li {
	 float: left;
	 margin-right: 20px;
	 margin-bottom: 10px;
	 line-height: 1em;
}
.rightboxsize {
	width:290px;
	height:110px;
}
@media screen and (min-width: 640px) {
	#right {
		 float: left;
		 width: 240px;
	}
	#right ul {
	 margin-left: 20px;
	}
	#right ul li {
	 
	 line-height: 1em;
	}
	.rightboxsize {
		width:220px;
		height:100px;
	}
}

/* 2016/04/18 Takeshi.Handa Revision */
#omimai {
	border: 1.0px ThreeDShadow solid;
	border-radius: 10px;
	-moz-border-radius: 20px;    /* 古いFirefox */
    -webkit-border-radius: 20px; /* 古いSafari,Chrome */
    font-family: sans-serif;
    color: #444444;
	font-size: 16px;
/*	font-weight: bold; */
/*	text-shadow: 1px 1px 1px rgba(0,0,0,0.4); */
/*	box-shadow: 5px 5px 5px rgba(0,0,0,0.4); */
	margin-bottom: 20px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}