@charset "utf-8";
/* CSS Document */
/*
========================================
My Best Vision
更新日:2008年11月27日
========================================

========== 目次 ==========

1:ページの基本構造

*/

/*
========== 1:ページの基本構造 ===========
*/

body{
	margin: 0;
	padding: 0;
	background-color: #fff;
	background: url(img/body_bg.gif) repeat-x #FFFFFF;
	text-align: center;
	font-size: 62.5%;/*フォントの基本サイズを10pxに設定*/
	color: #3e3e3e;
	font-family:Arial,suns-serif;
	line-height: 150%;
}

a{
	color: #3e3e3e;
}

a:hover{
	color: #919191;
}

#Wapper{
	margin: 0 auto;
	padding: 0;
	width: 920px;
	text-align: left;
}

#Header{
	margin: 0;
	padding: 0;
}

#Content{
	margin: 30px 0 0 0;
	padding: 0 20px;
	border: 0;
	width: 640px;
	float: right;
}

#Navi{
	margin: 30px 0 0 0;
	padding: 0 20px;
	border: 0;
	width: 200px;
	float: left;
}

/*
========== 2:ヘッダー ==========
*/

#HeaderNav{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 15px;
	color: #fff;
	background-color:#3e3e3e;
	text-align: right;
}

#HeaderNav a{
	color: #ddd;
}

#HeaderNav a:hover{
	color: #fff;
}

#Header div{
	margin: 0;
	padding: 0;
	border: 0;
}

#Header div a img{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

#Header div a:hover img{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

/*
========== 3:コンテンツ ==========
*/

#Content h1{
	margin: 0 0 45px 0;
	padding: 0;
	border-bottom: 3px solid #bbb;
	font-size: 260%;
	height: 27px;
	line-height: 100%;
}

#Content h2{
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
	font-size: 180%;
	font-weight: bold;
	color: #5a8aae;
	line-height: 29px;
}

#Content p{
	font-size: 140%;
	line-height: 150%;
}

#Content h3{
	font-size: 160%;
	line-height: 150%;
}

#Content .TextSpR h3{
	margin: 0;
	padding: 0 0 15px 0;
	padding-left: 19px;
	font-size: 160%;
	font-weight: bold;
	border-left: solid 1px #ddd;
}

#Content .FlwTextSpR h3{
	margin: 0;
	padding: 0 0 15px 0;
	padding-left: 20px;
	font-size: 160%;
	font-weight: bold;
}

#Content ul{
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 140%;
}

#Content li{
	padding-bottom: 15px;
}

#Content dl{
	margin: 0 0 45px 0;
	padding: 0;
}

#Content dt{
	margin: 0;
	padding: 0;
	font-size: 140%;
	font-weight: bold;
	line-height: 150%;
}

#Content dd{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 140%;
	line-height: 150%;
}

#Experience #Content dl{
	padding: 0;
	padding-left: 20px;
}


#Experience #Content dt{
	padding: 0;
	float: left;
}

#PageTop{
	margin: 0 0 60px 0;
	padding: 0;
	font-size: 120%;
	text-align: right;
}

/*
========== ナビゲーション ==========
*/

#Navi ul{
	margin: 0 0 45px 0;
	padding: 0;
	list-style: none;
	font-size: 140%;
	color: #aaa;
	border-top: 1px solid #eee;
}

#Navi li{
	margin: 0;
	padding: 0;
	height: 29px;
	line-height: 29px;
	border-bottom: 1px solid #eee;
}

#Navi li a{
	display: block;
	margin: 0;
	padding: 0;
	color: #aaa;
	text-decoration: none;
}

#Navi li a:hover{
	color: #3e3e3e;
}

#Navi p{
	font-size: 120%;
	margin-top: 0;
	margin-bottom: 15px;
}

#Navi h4{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 140%;
}

.NavImgSp{
	padding: 15px 0 15px 0;
}

/*
========== フッター ==========
*/
#Footer{
	margin: 0;
	padding: 0;
	height: 90px;
	background-color: #3e3e3e;
	text-align: center;
}

#FtContent{
	margin: 0 auto;
	padding: 15px 20px;
	width: 880px;
	color: #FFF;
	text-align: left;
}

#FtContent p{
	margin: 0;
	padding: 0;
}

#FtContent a{
	color: #ddd;
}

#FtContent a:hover{
	color: #fff;
}

/*
========== 全ページ共通CLASS =========
*/
.mb{
	margin: 0 0 45px 0;
	padding: 0;
}

.mbm{
	margin: 0 0 30px 0;
	padding: 0;
}

.ImgSpL{
	margin: 0;
	padding: 0 20px 0 0;
	width: 200px;
	float: left;
}
.TextSpR{
	margin: 0;
	padding: 0;
	width: 420px;
	float: right;
}

.TextSpR p{
	padding: 0 0 0 19px;
	border-left: 1px solid #ddd;
}

.AlignR{
	text-align: right;
}

.clear{
clear:both;
}

.FlwImgSpL{
	margin: 0;
	padding: 0 19px 0 0;
	width: 200px;
	float: left;
	border-right: 1px solid #ddd;
}

.FlwImgSpL a , .FlwImgSpL a:visited{
	color:#CCCCCC
	}
	
.FlwImgSpL a:hover{
	color:#999966;
}

.FlwImgSpR{
	margin: 0;
	padding: 0 0 19px 19px;
	float: right;
}

.FlwTextSpR{
	margin: 0;
	padding: 0;
	width: 420px;
	float: right;
}

.FlwTextSpR p{
	padding: 0 0 0 20px;
}

/* CSS Hack clearfix */
/*--IE以外のモダンブラウザ向け--*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/*--IE7及びMac版IE5向けの指定--*/
.clearfix{display:inline-block;}
/*--IE6以前向けの指定--*/
/*Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
-->