/*base.css 基本スタイルシート
2008/1/9
order rule
*display
*list-style
*position
*float
*clear
*width
*height
*margin
*padding
*border
*background
*color
*font
*text-decoration
*text-align
*vertical-align
*white-space
*other text
*content
---------------------------------------------------------------------*/
/*ヘッドライン
---------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	display:			inline;
}
/*イメージ
---------------------------------------------------------------------*/
img{
	border:				0;
}

/*文字修飾
---------------------------------------------------------------------*/
strong{
	font-style:			normal;
	font-weight:			bold;
}

em{
	font-style:			normal;
	font-weight:			bold;
}
.red{
	color:				red;
}
.blue{
	color:				blue;
}
.gray{
	color:				gray;
}
.black{
	color:				black;
}
.black-bold{
	color:				black;
	font-weight:			bold;
}
.x-small{
	font-size:			1.0em;
	line-height:			1.2em;
}
.small{
	font-size:			1.2em;
	line-height:			1.3em;
}
.middle{
	font-size:			1.4em;
	line-height:			1.5em;
}
.large{
	font-size:			1.6em;
	line-height:			1.7em;
}
.right{
	text-align:right;
}

/*リンク
---------------------------------------------------------------------*/
a:link{
	color:				blue;
	text-decoration:		none;
}
a:visited{
	color:				#800080;
	text-decoration:		none;
}
a:hover{
	color:				red;
	text-decoration:		underline;
}
a:active{
	color:				red;
	text-decoration:		none;
}
/*ボディ
---------------------------------------------------------------------*/
body{
	margin:				0;
	padding:			0;
	color:				#333333;
	font-size: 			62.5%; /* Resets 1em to 10px */
	font-family:			'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-image:		url(../images/ohana_bg01.gif);
}
/*フレーム
---------------------------------------------------------------------*/
div#frame{
	margin-left:			auto;
	margin-right:			auto;
	width:				800px;
	border:				0;
	background-image:		url(../images/frame.gif);
	background-repeat:		repeat-y;
	text-align:			center;
}
/*コンテナ
---------------------------------------------------------------------*/
div.container{
	clear:				both;
	width:				auto;
	margin:				0 5px 0 5px;
	border:				0;
	text-align:			left;
}
/*メイン
---------------------------------------------------------------------*/
div#main{
	_display:			inline;
	float:				left;
	width:				585px;
	height:				auto;
	margin:				5px 0 0px 10px;
	border:				0;
}

/*サブ
---------------------------------------------------------------------*/
div#sub{
	_display:			inline;
	float:				right;
	width:				180px;
	height:				auto;
	margin:				5px 10px 5px 0;
	border:				0;
}
/*コンテンツ
---------------------------------------------------------------------*/
div.contents{
	clear:				both;
	margin:				0 0px 10px 0;
}
/*メニュー
---------------------------------------------------------------------*/
div.menu{
	clear:				both;
	width:				180px;
	margin:				0 0 10px 0;	
	/*border:				0;*/
}
/*ヘッダー
---------------------------------------------------------------------*/
div#header{
	width:				790px;
	height:				40px;
	margin:				0 5px 0 5px;
	border:				0;
}
div#logo{
	float:				left;
	width:				220px;
	height:				60px;
	margin:				0 0 0 10px;
}
div.keyword{
	display:			inline;
	float:				right;
	width:				500px;
	height:				25px;
}
div.keyword-inner{
	float:				right;
	height:				auto;
	margin:				10px 5px 0 0;
}
div.keyword2{
	display:			inline;
	float:				right;
	width:				500px;
	height:				35px;
}
div.keyword-inner2{
	float:				right;
	height:				auto;
	margin:				5px 5px 0 0;
}
div.keyword ul.header{
	list-style-type:		none;
	font-size:			1.2em;
}
div.keyword li.header-start{
	display:			block;
	float:				left;
	margin:				0px 5px 0 0;
}
div.keyword li.header{
	display:			block;
	float:				left;
	margin:				0px 5px 0 0;
	padding-left:			5px;
	border-left:			1px solid black;
}
span.header{
	font-size:			1.2em;
	line-height:			1.3em;
	vertical-align:			-5px;
	margin-right:			3px
}

/*フッター
---------------------------------------------------------------------*/
div#footer{
	background-image:		url(../images/footer-bg.gif);
	background-position:		top left;
	background-repeat:		repeat-x;
	padding:			10px 0 10px 0;
	font-size:			1.4em;
	text-align:			center;
}
ul.footerNavi{
	width:				780px;
	margin:				0 auto 5px 0;
}
li.Footer{
	display:			inline;
	padding:			0 5px 0 5px;
	border-right:			1px solid #555555;
}
li.Footer-right{
	display:			inline;
	padding:			0 5px 0 5px;
}

/*クリアー
---------------------------------------------------------------------*/
.clear{
	clear:				both;
}

