/* =========================================================
   Reset
========================================================= */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
ol, ul { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
td { padding: 0; }
a:focus{ outline: none; }




/* =========================================================
   Body
========================================================= */
body { background: #FFFFFF; font-size: 0.8em;}
a:link, a:visited { color: #333333; text-decoration: none; }
a:active, a:hover { color: #333333; text-decoration: underline; }



/* =========================================================
   Head
========================================================= */
#head { height: 538px; background: url(../image/index-back.jpg) top center no-repeat; }
#head-in { width: 950px; height: 310px; margin: auto; }
#head h1 { width: 138px; height: 294px; margin-left: 24px; background: url(../image/logo.png); float: left; }
#head h1 a { width: 138px; height: 294px; display: block; }
#head h1 span { display: none; }
#head table { height: 44px; margin: 0 7px; }
#head td { padding: 0 5px; }
#head td td { padding: 0; }


/* =========================================================
   Contents
========================================================= */
#contents-top { background: url(../image/index-back2.jpg) repeat-x center top; }
#contents-topin { width: 950px; margin: auto; }
#contents-topin .more { margin: 0; padding: 0 0 10px 0; text-align: right; }
#contents-topin th, #contents-topin td { vertical-align: top; font-weight: normal; }
#contents-topin th { padding: 0 30px; }



/* =========================================================
   menu
========================================================= */
#menu-topback { height: 228px; background: url(../image/index_menuback-bg.png) center repeat-x; }


/* =========================================================
   Foot
========================================================= */
#foot { font-size: 12px; }
#foot div { background: #000000; color: #FFFFFF; }
#foot p { width: 950px; margin: 0 auto; padding: 4px 0; }
#foot table { width: 950px; margin: 15px auto; }
#foot td { vertical-align: top; }
#foot span { font-size: 14px; font-weight: bold; }

#foot p a:link, #foot p a:visited { color: #d2d2d2; text-decoration: none; }
#foot p a:active, #foot p a:hover { color: #d2d2d2; text-decoration: underline; }

#finfo p a:link, #finfo p a:visited { color: #333333; text-decoration: none; }
#finfo p a:active, #finfo p a:hover { color: #333333; text-decoration: underline; }

/* =========================================================
   文字サイズ・検索
========================================================= */


ul#fontSize {
	margin-top:5px;
	margin-top:0\9; /* ie8 */
}

ul#fontSize:after {
	content: "";
	display: block;
	clear: both; 
}
ul#fontSize li {
	float: left;
	cursor: pointer;
}

#serchbox { width:549px; height:41px; background:url(../image/index-serback.png) no-repeat center top; float:right; margin-top:12px;}

#serchwindow {
	height:26px;
	width:131px;
	border:none;
	background:url(../image/ser_box01.gif) center top no-repeat;
}

#searchButton {
	height:26px;
	width:30px;
	border:none;
}


/* =========================================================
   Contents
========================================================= */
dl.news { width: 240px; float: right; }
dl.news dt { width: 6.5em; _width: 5.5em; width/*\**/: 5.5em\9; font-size: 0.9em; float: left; clear: both; }
dl.news dd { margin-left: 6.5em; margin-bottom: 10px; }

dl.news2 dt { width: 2.5em; padding-right: 7px; font-size: 1.4em; float: left; }
dl.news2 dd { padding-top: 0.2em; margin-bottom: 0.5em; }




/* =========================================================
   twitter
========================================================= */


#twitter-ticker{
	width:215px;
	height:175px;
	color:#666666;
	display:none;
	float: right;
}

#tweet-container{
	height:175px;
	width:auto;
	overflow:hidden;
}

#twitIcon{
	position:absolute;
	width:64px;
	height:64px;
}

.tweet{
	margin-bottom: 20px;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#121212;
	white-space:nowrap;
}


.tweet .avatar img{
	width:36px;
	height:36px;
	margin:0 10px 5px 0;
	border: 1px solid #EEEEEE;
	float:left;
}

.tweet .txt{
	font-size: 11px;
	line-height: 16px;
	color: #787878;
	clear:both;
}

.tweet .user{
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}

#loading{
	margin:100px 95px;
}

/* The styles below are only necessary for the demo page */

/* =========================================================
   Style
========================================================= */
.cl { clear: both; }
.ltit { font-size: 14px; font-weight: bold;}

a:hover img.hoverImg{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}