/* @override http://www.balanganstone.jp/staff/common/css/common.css */

/*
=============CONTENTS=================

	last update 03.12.2009
	start   date 11.12.2008
	autor H.M

======================================

*/


*{margin:0;padding:0;}
html{min-width:950px;}
.iepngfix{behavior: expression(IEPNGFIX.fix(this));}
body
	{
	background: #FFF url(../img/header/header-back.png) repeat-x 0 top;
	color: #212121;
	font: 12px/150% Arial,helvetica,'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3','MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
	}
	
a
	{
	text-decoration: none;
	outline: none;
	}
	
a img
 
	{
	border:0;
	text-decoration: none;
	}
	
a:link,
a:active,
a:visited
	{
	color: #E70342;
	text-decoration: underline;
	}
	
a:hover
	{
	color: #fe7d0f;
	text-decoration: underline;
	}
	
ul li{list-style: none;}			


/*------------------------------------
         Float Clear
------------------------------------*/

.clear:after{
 content: ". "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
.clear{
  overflow:hidden;
  clear: both;
}
/* Hides from IE-mac \*/
* html .clear{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */

.line{margin:0;padding:0;clear:both;}		
hr{display:none;}

/*------------------------------------
         Header
------------------------------------*/
#Wrapper
	{
	width: 748px;
	margin: 0 auto;
	border: 1px solid #B0B0B0;
	}

/*------------------------------------
         Header
------------------------------------*/

#Header
	{
	margin: 0 auto 20px;
	background: #60AEC3 url(../img/title.png) no-repeat 0 bottom;
	width: 748px;
	height: 205px;
	position: relative;
	padding: 20px 0 0 0;
	}
	
#Header h1{color:#449EB5 ; font-size: 22px; line-height: 122%; position: absolute; top: 80px; left: 120px;}
#Header h1 a{color:#449EB5; text-decoration: none;}
#Header p.txt{width: 327px;position: absolute; top: 170px; left: 80px;}	
#Container{width: 732px; margin: 0 auto;}
#Contentout{width: 565px; float: left;}
.content-nav{text-align: center; margin: 15px 0;}
.content-nav a{color: #4988BA; text-decoration: underline;}
#Right{width: 157px; float: right; margin: 0 0 0 8px;}
#Right h3{display: block; background: #FFE6A4; text-align: center; font-weight: normal; font-size: 12px; padding: 4px 0; margin: 0 0 10px;}
#Right ul{margin: 0 0 10px;}
#Right ul li{list-style: disc; list-style-position: inside; margin: 0 0 5px 5px;}
#Right ul li a{color: #333333; text-decoration: none;}
#Right ul#Tag li{list-style: none; display: inline;}
#Right li.item{list-style: none; margin-bottom: 5px;}

#Content{width: 398px; border: 1px solid #999; float: right;}
#Content img.bar{margin: 20px auto; display: block;}
#Content h2{color: #4988BA; font-size: 15px; margin: 0 0 0 15px;}
#Content p{margin: 15px 15px; font-size: 13px; line-height: 140%; color: #333333;}
#Content p.date{color: #4988BA; text-align: right; margin: 0 15px 0 0;}
#Content p.ebtm,#Content p.ebtm a{color: #4988BA;}

#Left{width: 157px; float: left; margin:  0 8px 0 0;}

#Left h3{background: #CAFFE6; display: block; text-align: center; font-weight: normal; font-size: 12px; padding: 4px 0; margin: 0 0 10px;}
#Left p{margin: 5px 5px 15px;}

#Footer{height: 20px; background: #60AEC3; margin: 30px 0 0;}