/*===================================================================*
 * site-base.css
 *===================================================================*/

/* Layout ------------------------------------------------------------ */

/*******************
body {
    text-align: center;
    background: #fff;
}
#container-inner {
    width: 940px;
    min-height: 100%;
    margin: 0 auto;
    text-align: left;
}
#header, #content, #alpha, #beta, #gamma, #footer {
    position: relative;
}
#alpha, #beta, #gamma {
    display: inline;
    float: left;
}
#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    position: static;
}
#header-inner, #content-inner, #footer-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}
#header-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    overflow: hidden;
    padding-right: 20px;
    padding-left: 20px;
}
*******************/


/*******************
 * Wide-Thin-Thin *
.layout-wtt #alpha {
    width: 560px;
}
.layout-wtt #beta {
    left: 190px;
    width: 190px;
}
.layout-wtt #gamma {
    right: 190px;
    width: 190px;
}
*******************/


/*******************
 * Thin-Wide-Thin *
.layout-twt #alpha {
    left: 190px;
    width: 560px;
}
.layout-twt #beta {
    left: -560px;
    width: 190px;
}
.layout-twt #gamma {
    width: 190px;
}
*******************/


/*******************
 * Wide-Thin *
.layout-wt #alpha {
    width: 750px;
}
.layout-wt #beta {
    width: 190px;
}
*******************/


/*******************
 * Thin-Wide *
.layout-tw #alpha {
    left: 190px;
    width: 750px;
}
.layout-tw #beta {
    left: -750px;
    width: 190px;
}
*******************/


/*******************
 * Medium-Wide *
.layout-mw #alpha {
    left: 330px;
    width: 610px;
}
.layout-mw #beta {
    left: -610px;
    width: 330px;
}
*******************/

/*******************
 * Wide-Medium *
.layout-wm #alpha {
    width: 610px;
}
.layout-wm #beta {
    width: 330px;
}
*******************/


/*******************
 * Widgets *
.widget {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.widget-content {
    position: relative;
    margin: 5px 0 20px;
}
*******************/


/* Global Layout ------------------------------------------------------------ */
.layout-wt #alpha,
.layout-wm #alpha {
    width: 610px;
}
.layout-wt #beta,
.layout-wm #beta {
    width: 330px;
}

#header {
    border-width: 0;
    border-style: none;
    background-color: transparent;
    background-image: none;
}
#header-content {
    width: 100%; 
    margin: 0 0;
    padding: 0;
}
#footer {
    border-width: 0;
    border-style: none;
    border-color: transparent;
    background-image: none; 
}
#content {
    margin-top: 10px;
    margin-bottom: 10px;
}
#beta {
    border-width: 0;
    border-style: none;
    border-color: transparent;
    background-image: none; 
}

#bannerTop:after,
#headerBottom:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
#bannerTop,
#headerBottom {
  height: 1%;
}

#bannerTop {
  margin-left: 10px;
  margin-right: 10px;
}

#logo {
  width: 210px;
  overflow: hidden;
  position: relative;
  float: left;
}
#bannerMid {
  width: 380px;
  overflow: hidden;
  position: relative;
  float: left;
}
#searchBox {
/**
  width: 270px;
  overflow: hidden;
**/
  position: relative;
  float: right;
}

#bottomMain {
  width: 620px;
  overflow: hidden;
  float: left;
}
#bottomSide {
  width: 320px;
  overflow: hidden;
  float: left;
}



/* Contents ----------------------------------------------------------------- */
/*******************
#header a:link, #footer a:link,
#header a:visited, #footer a:visited,
#beta a:link, #beta a:visited {
  color:#369;
  text-decoration:none;
}
#header a:hover, #footer a:hover{
	color:#369;
	text-decoration:underline;
}
#beta a:hover{
	color:#369;
	text-decoration:underline;
}
#header small, #footer small, #beta small {
	font-size:90%;
}
#header big, #footer big, #beta big {
	font-size:110%;
}
#footer a:link, #footer a:visited  {
	color:#fff;
}
#footer a:hover {
	color:#fff;
}
********************/

#header a:link, #header a:visited {
	color:#369;
	text-decoration:none;
}
#header a:hover {
	color:#369;
	text-decoration:underline;
}


/*----------------------------------------------------------
 * ヘッダー (#header)
 */
#header{
}

#header .bannerTop {
	padding: 8px 0px 2px;
	border-bottom: 2px #cccccc solid;
	background-color: #f7f7f7;
}
.bannerTop .logo {
	margin:0;
	padding: 0 10px 0 10px;
}
.bannerTop .weather_frame {
	margin-top: 8px;
	margin-left: 8px;
}
.bannerTop .searchBox {
	margin: 0;
	padding: 0 10px 0 10px;
	float: right;
	font-size: 0.8em;
}
/**
.bannerTop .searchBox .button {
	font-size: 0.9em;
}
**/

/** グローバル・ナビ **/
#header .glovalNaviHead {
	padding: 4px 10px;
	text-align: right;
}
#header .glovalNaviHead a {
	font-weight:bold;
}
#header .globalNaviMain {
	margin: 6px 4px -4px 4px;
	padding: 0;
	background-color: #ffffff;
}
#header .globalNaviMain img {
	margin: 0;
	padding: 0;
	border: none;
}
#header .globalNaviSub {
	margin: 0;
	padding: 4px 8px;
	background-color: #2a8949;
	background-image: url(/library/css/bg_head01.gif);
	background-repeat: repeat-x;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	line-height: 1.2;
}
#header .globalNaviSub a:link,
#header .globalNaviSub a:visited {
	color: #ffffff;
	text-decoration: none;
}
#header .globalNaviSub a:hover {
	color: #ffcc00;
	text-decoration: underline;
}

#header .headerBottom {
	margin:0;
	padding:4px 0;
	background-color: #dee7d2;
}

/** ヘッダ日付 **/
#header .headerDate, #header .pcPublicDate {
	font-weight: bold;
	text-align: center;
	color: #444;
}


/*----------------------------------------------------------
 * フッター (#footer)
 */
#footer {
}

#footer .copyrightFooter table td{
	vertical-align: top;
}


/*----------------------------------------------------------
 * 右サイドバー (#beta)
 */

#beta {
}

#beta .sideBox1 ul,
#beta .sideBox2 ul,
#beta .sideBox3 ul {
	margin:0;	padding:0;
}
#beta .sideBox1 ul li,
#beta .sideBox2 ul li,
#beta .sideBox3 ul li {
	margin:0;	padding:0;
	margin-left:1.5em;
}

#beta .sideBox1{
	margin:0;	padding:0;
	margin-top:2px;
	border-left:solid #ccc 1px;
	border-right:solid #ccc 1px;
	border-top:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	background-color: #eee;
}
#beta .sideBox1 h4,
#beta .sideBox2 h4,
#beta .sideBox3 h4 {
	margin:0;
	padding:5px 8px 3px;
	background-color: #fdfffd;
	background-image: url(/library/css/bg_head02.jpg);
	background-position:bottom;
	background-repeat: repeat-x;
	border-top:solid 1px #006600;
	border-bottom:solid 2px #006600;
	font-size:1em;
}
#beta .sideBox1 table{
	border-collapse:collapse;
	border-spacing:0px;
	margin:0;	padding:0;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	margin-bottom:1px;
}
#beta .sideBox1 table th,
#beta .sideBox1 table td{
	margin:0;
	padding:4px 4px;
	border-bottom:3px double #ccc;
	line-height:1.2;
}
/**
#beta .sideBox1 table td img{
}
**/
#beta .sideBox2 {
	margin:0;	padding:0;
	margin-top:2px;
	border-left:solid #ccc 1px;
	border-right:solid #ccc 1px;
	border-top:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	background-color: #eee;
}
#beta .sideBox2 table{
	border-collapse:collapse;
	border-spacing:0px;
	margin:0px;	padding:0px;
	margin-bottom:1px;
}
#beta .sideBox2 table th,
#beta .sideBox2 table td{
	margin:0px 0px;
	padding:4px 4px;
	line-height:1.2;
}

#beta .sideBox3 {
	margin:0;	padding:0;
	margin-top:2px;
	border-left:solid #ccc 1px;
	border-right:solid #ccc 1px;
	border-top:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	background-color: #eee;
}
#beta .sideBox3 table{
	border-collapse:collapse;
	border-spacing:0px;
	margin:0px 0px 1px;
	padding:0px;
}
#beta .sideBox3 table th,
#beta .sideBox3 table td{
	margin:0px 0px;
	padding:8px 8px;
	line-height:1.2;
}


/* adBanner ------------------------------------------------------------ */

.adBannerSuper {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.adBannerRect {
	text-align: center;
}