/* @override http://macbook-air.local/~jun/m-element/bearing/sites/all/themes/mtjp04/layout-liquid.css?C */

/** 全体 **/
li {

}

  body
  {
	background: #ebebeb;
  }

	#page {
	width: 100%;
}

  #page-inner
  {
	background: #ebebeb url("images/page_back.gif") repeat-x top;
  }

#header-bar,
#main,
#header-inner,
#header-bottom,
#footer,
body.not-front #navbar
  {
	padding-left:10px;
	padding-right: 10px;
		margin: 0px auto;
	    min-width: 960px;
	    max-width: 1200px;
	    width: expression(
	  (document.documentElement.clientWidth > 1202)? "1200px" :
	  (document.documentElement.clientWidth < 962)? "960px" :
	  "auto"
	  ); 
  }
 
  
/** ヘッダー **/
  
 img#logo-image {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.front img#logo-image {
	bottom: 14px;
}

  #header-bar-inner
  {
	padding: 0.4em 0 0 0;
  }
  
  #header-bar li.first {
	padding-left: 0px;
} 
  #header-bar li{
	padding: 0px 10px;
	border-right: 1px #999 solid;
  }

  #header-bar #secondary {
	text-align: right;
	padding: 1em 0px 0px 0px
  }
  
  #header #secondary ul{
	}
  
  #header #secondary li{
		display: inline;
  }

  #header
  {
	height: 100%;
	border-bottom: 1px #666 solid;
	background: #fff url("images/header_back.gif") repeat-x bottom;
  }

  #header-inner
  {
		position: relative;
  }
  
  body.front #header-inner{
		  	height: 85px;
}

  body.not-front #header-inner {
		  	height: 55px;
		  	padding-top: 10px;
}




  #logo-title
  {
	float: left;
  }
  
  #logo{
	padding: 0px;
	margin: 0px;
	line-height: 0;
}
	
/* セカンダリ&検索メニュー */

.not-front #secondary {
	position: absolute;
	top: 5px;
	right: 10px;
}

.front #header-bottom-inner {
	background: #fff url("images/primary_bar.gif") repeat-x bottom;
	border-bottom: none;
	position: relative;
}

.front #secondary {
position: absolute;
height: 20px;
right: 80px;
bottom: 5px;
}

.front #search-box {
	text-align: left;
}

body.front #header-bottom-inner{
	height: 100%;
	overflow: hidden;
}

#secondary li{
	padding-left: 0.5em;
	border-left: 1px #999 solid;
}

#search-box .form-item label{
	display: none;
}

  #site-slogan
  {
	float: left;
  }

  #header-blocks
  {
    clear: both; /* Clear the logo */
  }
  
/** main (container for everything else) **/

  #main
  {
  }

#main-inner {
	border-left: 1px #aaa solid;
	border-right: 1px #aaa solid;
	border-bottom: 1px #666 solid;
	background: #fff;
}

/** content **/
  #content
  {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: -100%; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }
  
  #content-inner,
  .no-sidebars #content-inner
  {
	height: 100%;
    margin: 0 auto;
    padding: 0;
	padding-bottom: 1em;
  }

  .sidebar-left #content-inner
  {
    padding-left: 180px; /* The width + left margin of #sidebar-left. */
    padding-right: 0;
  }

  .sidebar-right #content-inner
  {
    padding-left: 0px;
    padding-right: 314px; /* The width + right margin of #sidebar-right. */
  }

  .two-sidebars #content-inner
  {
    padding-left: 180px; /* The width + left margin of #sidebar-left. */
    padding-right: 314px; /* The width + right margin of #sidebar-right. */
  }

/** navbar **/

  #navbar ul /* Primary and secondary links */
  {
	padding: 0px;
	margin: 0px;
  }

  #header-bottom-inner{
	padding: 0px 10px;
	border: 1px #999 solid;
	border-top: none;
	overflow: hidden;
	background: #fff;
	height: 100%;
}

  #primary
  {
  }

  #navbar ul /* Primary and secondary links */
  {
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */


/** sidebar **/
#page,
#main,
#sidebar-right,
#sidebar-left {
	overflow: hidden;
	height: 100%;
}

#sidebar-right #sidebar-right-inner,
#sidebar-left #sidebar-left-inner{
	padding-bottom:32768px;
	margin-bottom:-32768px;
	height: 100%;
}

#sidebar-right-inner{
	border-left: 1px #aaa solid;
}
#sidebar-left-inner{
	border-right: 1px #aaa solid;
}

/** sidebar-left **/
  #sidebar-left
  {
    float: left;
    width: 180px;
    margin-left: 0px;
    margin-right: -180px; /* Negative value of #sidebar-left's width + left margin. */
    padding: 0px; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
  }

  #sidebar-left-inner
  {
  }

/** sidebar-right **/
  #sidebar-right
  {
    float: right;
    width: 314px;
    overflow: hidden;
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }

  #sidebar-right-inner
  {
  }

  #sidebar-right .block-inner{
    padding: 0.5em;
    border-bottom: 1px #ddd solid;	
    margin-bottom: 1em;
}

/** footer **/
  #footer
  {
	margin-bottom: 2em;
	
  }

  #footer-inner
  {
	height: 55px;
  }

/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }