/* CSS Document */
/*制作日 2010年9月14日*/


/*
	============= 目次 ================
	
		=ハック箇所
		=デフォルトCSSリセット
		=基本構造
		=見出し部分（hx)
		=パン屑リスト
		=リンク
		=ヘッダ
		=グローバルナビゲーション
		=ローカルナビゲーション
		=メインコンテンツ
		=フッタ
		=フォーム
		=その他
		
	============= 目次 ================*/
	
/*-- =marginの共通指定 S --*/

/*-- top --*/

.marginT1em {
	margin-top: 1em !important;
	}

.marginT5 {
	margin-top: 5px !important;
}

.marginT10 {
	margin-top: 10px !important;
}

.marginT15 {
	margin-top: 15px !important;
}

.marginT20 {
	margin-top: 20px !important;
}

.marginT25 {
	margin-top: 25px !important;
}

.marginT30 {
	margin-top: 30px !important;
}

.marginT35 {
	margin-top: 35px !important;
}

.marginT40 {
	margin-top: 40px !important;
}

.marginT45 {
	margin-top: 45px !important;
}

.marginT50 {
	margin-top: 50px !important;
}

.marginT55 {
	margin-top: 55px !important;
}

.marginT60 {
	margin-top: 60px !important;
}

.marginT65 {
	margin-top: 65px !important;
}

.marginT70 {
	margin-top: 70px !important;
}

.marginT75 {
	margin-top: 75px !important;
}

.marginT80 {
	margin-top: 80px !important;
}

.marginT85 {
	margin-top: 85px !important;
}

.marginT90 {
	margin-top: 90px !important;
}

.marginT95 {
	margin-top: 95px !important;
}

.marginT100 {
	margin-top: 100px !important;
}

.marginT105 {
	margin-top: 105px !important;
}

.marginT110 {
	margin-top: 110px !important;
}

.marginT115 {
	margin-top: 115px !important;
}

.marginT120 {
	margin-top: 120px !important;
}

.marginT125 {
	margin-top: 125px !important;
}

.marginT130 {
	margin-top: 130px !important;
}
/*-- right --*/

.marginR0 {
	margin-right: 0px !important;
}

.marginR1 {
	margin-right: 1px !important;
}

.marginR2 {
	margin-right: 2px !important;
}

.marginR3 {
	margin-right: 3px !important;
}

.marginR4 {
	margin-right: 4px !important;
}

.marginR5 {
	margin-right: 5px !important;
}

.marginR8 {
	margin-right: 8px !important;
}

.marginR10 {
	margin-right: 10px !important;
}

.marginR15 {
	margin-right: 15px !important;
}

.marginR20 {
	margin-right: 20px !important;
}

.marginR25 {
	margin-right: 25px !important;
}

.marginR30 {
	margin-right: 30px !important;
}

.marginR35 {
	margin-right: 35px !important;
}

.marginR40 {
	margin-right: 40px !important;
}

.marginR45 {
	margin-right: 45px !important;
}

.marginR50 {
	margin-right: 50px !important;
}

.marginR55 {
	margin-right: 55px !important;
}

.marginR60 {
	margin-right: 60px !important;
}

.marginR65 {
	margin-right: 65px !important;
}

.marginR70 {
	margin-right: 70px !important;
}

.marginR75 {
	margin-right: 75px !important;
}

.marginR80 {
	margin-right: 80px !important;
}

.marginR85 {
	margin-right: 85px !important;
}

.marginR90 {
	margin-right: 90px !important;
}

.marginR95px {
	margin-right: 95px !important;
}

.marginR100 {
	margin-right: 100px !important;
}

.marginR105 {
	margin-right: 105px !important;
}

.marginR110 {
	margin-right: 110px !important;
}

.marginR115 {
	margin-right: 115px !important;
}

.marginR120 {
	margin-right: 120px !important;
}


/*-- left --*/

.marginL5 {
	margin-left: 5px !important;
}

.marginL8 {
	margin-left: 8px !important;
}

.marginL10 {
	margin-left: 10px !important;
}

.marginL15 {
	margin-left: 15px !important;
}

.marginL20 {
	margin-left: 20px !important;
}

.marginL25 {
	margin-left: 25px !important;
}

.marginL30 {
	margin-left: 30px !important;
}

.marginL35 {
	margin-left: 35px !important;
}

.marginL40 {
	margin-left: 40px !important;
}

.marginL45 {
	margin-left: 45px !important;
}

.marginL50 {
	margin-left: 50px !important;
}

.marginL55 {
	margin-left: 55px !important;
}

/*-- bottom --*/

.marginB5 {
	margin-bottom: 5px !important;
}

.marginB10 {
	margin-bottom: 10px !important;
}

.marginB15 {
	margin-bottom: 15px !important;
}

.marginB20 {
	margin-bottom: 20px !important;
}

.marginB25 {
	margin-bottom: 25px !important;
}

.marginB30 {
	margin-bottom: 30px !important;
}

.marginB35 {
	margin-bottom: 35px !important;
}

.marginB40 {
	margin-bottom: 40px !important;
}

.marginB45 {
	margin-bottom: 45px !important;
}

.marginB50 {
	margin-bottom: 50px !important;
}

.marginB55 {
	margin-bottom: 55px !important;
}

.marginB60 {
	margin-bottom: 60px !important;
}

.marginB65 {
	margin-bottom: 65px !important;
}

.marginB70 {
	margin-bottom: 70px !important;
}

.marginB75 {
	margin-bottom: 75px !important;
}

.marginB80 {
	margin-bottom: 80px !important;
}

.marginB85 {
	margin-bottom: 85px !important;
}

.marginB90 {
	margin-bottom: 90px !important;
}

.marginB95 {
	margin-bottom: 95px !important;
}

.marginB100 {
	margin-bottom: 100px !important;
}

.marginB105 {
	margin-bottom: 105px !important;
}

.marginB110 {
	margin-bottom: 110px !important;
}

.marginB115 {
	margin-bottom: 115px !important;
}

.marginB120 {
	margin-bottom: 120px !important;
}

.marginB125 {
	margin-bottom: 125px !important;
}

.marginB130 {
	margin-bottom: 130px !important;
}

.marginB135 {
	margin-bottom: 135px !important;
}

.marginB140 {
	margin-bottom: 140px !important;
}

.marginB120 {
	margin-bottom: 120px !important;
}

.marginB145 {
	margin-bottom: 145px !important;
}

.marginB150 {
	margin-bottom: 150px !important;
}

/*-- top & bottom --*/

.marginTB5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.marginTB10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.marginTB15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.marginTB20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.marginTB25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.marginTB30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.marginTB35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.marginT20B10 {
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}

.marginT30B10 {
	margin-top: 30px !important;
	margin-bottom: 10px !important;
}

/*-- left & right --*/

.marginLRauto {
	margin-right: auto !important;
	margin-left: auto !important;
}

/*-- =paddingの共通指定 --*/

/*-- 全方向 --*/

.paddingAll10 {
	padding: 10px !important;
}


/*-- top --*/

.paddingT5 {
	padding-top: 5px !important;
}

.paddingT10px {
	padding-top: 10px !important;
}

.paddingT15px {
	padding-top: 15px !important;
}

.paddingT20px {
	padding-top: 20px !important;
}

.paddingT25px {
	padding-top: 25px !important;
}

.paddingT30px {
	padding-top: 30px !important;
}

.paddingT35px {
	padding-top: 35px !important;
}

.paddingT40px {
	padding-top: 40px !important;
}

.paddingT45px {
	padding-top: 45px !important;
}

.paddingT50px {
	padding-top: 50px !important;
}

.paddingT55px {
	padding-top: 55px !important;
}

.paddingT60px {
	padding-top: 60px !important;
}

.paddingT65px {
	padding-top: 65px !important;
}

.paddingT70px {
	padding-top: 70px !important;
}

.paddingT75px {
	padding-top: 75px !important;
}

.paddingT80px {
	padding-top: 80px !important;
}

/*-- bottomの指定 --*/

.paddingB10px {
	padding-bottom: 10px !important;
}
.paddingB20px {
	padding-bottom: 20px !important;
}

.paddingTB10px {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/*-- leftの指定 --*/

.paddingL5px {
	padding-left: 5px !important;
}

.paddingL10px {
	padding-left: 10px !important;
}

.paddingL15px {
	padding-left: 15px !important;
}

.paddingL20px {
	padding-left: 20px !important;
}

/*-- margin＆padding の共通指定部分 E --*/

/*-- =フォントサイズの共通指定　S --*/

.font6px {
	font-size: 6px !important;
}

.font7px {
	font-size: 7px !important;
}

.font8px {
	font-size: 8px !important;
}

.font9px {
	font-size: 9px !important;
}

.font10px {
	font-size: 10px !important;
}

.font12px {
	font-size: 12px !important;
}

.font13px {
	font-size: 13px !important;
}

.font14px {
	font-size: 14px !important;
}

.font15px {
	font-size: 15px !important;
}

/*-- フォントサイズの共通指定　E --*/

/*-- 文字間の指定 S --*/

.letterSpacing-0.2em {
	letter-spacing: -0.2em !important;
}

/*-- 文字間の指定 E --*/



/* =ハック箇所　S*/

/*clearfix start*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

 /* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
 /*End hide form IE-mac*/
/*-------cleafix-------end--*/

#main {
    overflow: hidden;
}

#main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #main {
    height: 1em;
    overflow: visible;
}
/**/

/*ハック箇所　E-------------------------------------*/

/* =デフォルトCSSリセット S*/
h1,h2,h3,h4,h5,h6,p,ul,ol,dl {
	margin-top: 0;
	margin-bottom: 0;
}
/*デフォルトCSSリセット E--------------------------------------------------*/

/* =基本構造　S*/

.crear {
	clear: both;
}
.Bold {
	font-weight: bold;
}
.underLine {
	text-decoration: underline;
}
.red {
	color: #F00;
}
	/*--鳥居さん作成文-SEO対策のためemとstrongの修飾をはずします S--*/
em {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
strong {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
hr {
	clear: both;
	width: 96%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
	/*--鳥居さん作成文-SEO対策のためemとstrongの修飾をはずします E--*/
p {
	margin: 0px;
	padding: 0px;
	font-size: 1.3em;
	line-height: 1.6em;
}
#wrap {
	line-height: 1.4em;
	color: #333333;
	background-color: #FFFFFF;
	width: 800px;
	text-align: left;
	padding: 0px;
	margin: 0px auto;
}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 62.5%;
	line-height: 16px;
	color: #333333;
	background-color: #FFFFFF;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
/*基本構造　E--------------------------------------------------*/

/* =見出し部分（hx)　S*/
h1 {
	font-size: 1.4em;
	line-height: 50px;
	font-weight: 700;
	color: #666666;
	text-align: center;
	margin: 0px;
	vertical-align: middle;
	width: 100%;
}
h1#toptext {
	font-size: 14px;
	line-height: 25px;
}
#content h2 {
	width: 800px;
	margin-top:20px;
	margin-bottom:20px;
}
h3 {
	font-size: 1.8em;
	color: #666;
	margin-top:5px;
	margin-bottom:5px;
	font-family: "小塚ゴシック Pro M", "ＭＳ Ｐゴシック", monospace;
}
#content #mapping h3{
	text-align: center;
}

#companyOverview h3{
	text-align: center;	
}
#content .staffA h3 {
	background-image: url(img/parts/posi-back.gif);
	background-repeat: repeat-x;
	width: 360px;
	padding-left: 20px;
	margin: 0px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}

#content .staffA h4 {
	background-image: url(img/parts/name-back.gif);
	background-repeat: repeat-x;
	width: 360px;
	padding-left: 20px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	clear: both;
}
#content .staffB h3 {
	background-image: url(img/parts/posi-back.gif);
	background-repeat: repeat-x;
	width: 360px;
	padding-left: 20px;
	margin: 0px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}

#content .staffB h4 {
	background-image: url(img/parts/name-back.gif);
	background-repeat: repeat-x;
	width: 360px;
	padding-left: 20px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	clear: both;
}
#content .commentArea h5 {
	font-size: 1.4em;
	color: #600;
	padding-bottom: 10px;
	font-family: "小塚ゴシック Pro M", "ＭＳ Ｐゴシック", monospace;
}
#content .commentArea h6 {
	font-size: 1.4em;
	padding-bottom: 10px;
	color: #063;
	font-family: "小塚ゴシック Pro M", "ＭＳ Ｐゴシック", monospace;
}
/*見出し部分（hx)　E--------------------------------------------------*/

/* =パン屑リスト　S*/

/*パン屑リスト　E--------------------------------------------------*/

/* =リンク　S*/
	/*--鳥居さん作成分リンクの修飾を変更します S--*/
a:link {
	font-style: normal;
	text-decoration: none;
	color: #333333;
}
a:visited {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}
a:hover {
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}
	/*--鳥居さん作成分リンクの修飾を変更します E--*/
#content .commentArea h6 a {	
	color: #063;
}
#content .commentArea h6 a:hover {
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}
#content .staffA .commentArea p a {
	color: #063;
}
/*リンク　E--------------------------------------------------*/

/* =ヘッダ　S*/
	/*鳥居さん作成ヘッドエリア S*/

#headarea {
	padding: 0px;
	height: 50px;
	width: 800px;
	margin-top: 5px;
	text-align: left;
	margin: 5px 0px 0px;
	vertical-align: middle;
}
#headlogoarea {
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 210px;
}
#headcomarea {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	height: 50px;
	width: 370px;
	float: left;
	padding: 0px;
}
#headtextarea {
	text-align: right;
	vertical-align: bottom;
	margin: 0px;
	width: 210px;
	float: right;
	height: 50px;
	padding: 0px 5px;
}
#headtextarea p {
	font-size: 12px;
	color: #333333;
	text-align: right;
	vertical-align: middle;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: right;
}
#headtextarea p img {
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #999;
}
	/*鳥居さん作成ヘッドエリア E*/
/*ヘッダ　E--------------------------------------------------*/

/* =グローバルナビゲーション　S*/


/*グローバルナビゲーション　E--------------------------------------------------*/
	/*鳥居さん作成サイドグローバル　S*/
#submenu {
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
}
#submenu ul {
	padding: 0px;
	list-style-type: none;
	margin:0px 0px 5px 0px;
}
#submenu li {
	padding: 0px;
	height: 30px;
	width: 180px;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	color: #00F;
	margin:0px auto 3px auto;
	background-color: #FFE8FF;
	border: 1px solid #999;
}
#submenu ul a {
	color: #666;
	text-decoration: none;
	margin: 0px;
	height: 30px;
	background-color: #FFF;
	padding: 0px;
}
#submenu ul a:hover {
	color: #00F;
	background-color: #FFE8FF;
}
#submenu img {
	margin:0px 5px;
}
	/*鳥居さん作成サイドグローバル　E*/
/* =ローカルナビゲーション　S*/

/*ローカルナビゲーション　E--------------------------------------------------*/


/* =メインコンテンツ　S*/
#content #introduction {
	margin-top: 20px;
}
#content #introduction p{
	text-align: justify;
	text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/
}
#content dl {
	padding: 0px;
	width: 340px;
	margin: 10px 0px 5px 5px;
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: normal;
	color: #333;
	float: left;
	
}
#content dt {
	font-weight: bold;
	text-align: left;
	float: left;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	width: 20%;
}
#content dd {
	width: 73%;
	margin-left: 27%;
	border: 1px none #F00;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
}
.column {
	float: left;
	width: 300px;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 70px;
	line-height: 1.4em;
	/*IE6　フロートマージン倍対策 フロートとマージンを指定している要素に指定する*/
	display: inline;
	/*IE6 フローマージン対策　end*/
	text-align: justify;
	text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/
}
.marginBt20 {
	margin-bottom: 20px;
	margin-top: 20px;
}

#companyOverview {
	float: right;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #59BD59;
	padding-left: 10px;
	width: 360px;
}
#content #mapping {
	float: left;
	width: 420px;
}
#content .staffA {
	width: 380px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #600;
	border-bottom-color: #600;
	float: left;
	/*IE6　フロートマージン倍対策 フロートとマージンを指定している要素に指定する*/
    display: inline;
	margin-bottom: 20px;   /*IE6 フローマージン対策　end*/
   
}
#content .staffB {
	width: 380px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #600;
	border-bottom-color: #600;
	float: right;
	/*IE6　フロートマージン倍対策 フロートとマージンを指定している要素に指定する*/
    display: inline;
	margin-bottom: 20px;   /*IE6 フローマージン対策　end*/
   
}
#content .commentArea {
	background-color: #CFEFCF;
	width: 340px;
	height: 450px;
	padding: 20px;
}
#content .commentArea .imgLeft {
	float: left;
	padding-right:20px;
	padding-bottom:20px;
}
#content .commentArea p {
	font-size: 1.2em;
	text-align: justify;
	text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/
	line-height: 1.65em;
}
/*メインコンテンツ　E--------------------------------------------------*/

/* =フッタ　S*/
/*--- フッターとタイアップリンク箇所の指定 S　---*/

/* #Footer　S */
#footter {
	font-size: 12px !important;
	line-height: 1.8 !important;
	text-align: center !important;
	width: 100% !important;
	clear: both !important;
	color: #666 !important;
	background: #FFF !important;
	padding-top: 30px !important;
	padding-bottom: 5px !important;
	border-top-width: 1px !important;
	border-top-style: dotted !important;
	border-top-color: #ccc !important;
}

#footter p {
	text-align: center !important;
}

 /*フッタナビ　S*/
		
#footerNav {
	margin-left: 0px !important;
	text-align: center !important;
	padding-left: 0px !important;
	padding-top: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0p !importantx;
	padding-bottom: 0px !important;
}
#footerNav li  {
	color: #666 !important;
	text-decoration: none !important;
	list-style-type: none !important;
	display: inline !important;
	padding-right: 3px !important;
	padding-left: 3px !important;
	
}
#footerNav li a {
	color: #666 !important;
	text-decoration: none !important;
}

#footerNav li a:visited {
	color: #666 !important;
	text-decoration: none !important;
}

#footerNav li a:hover {
	color: #090 !important;
	text-decoration: underline !important;
}
/*フッタナビ　E*/
 /*#footer　E*/
 


 
/*.tieUpLink START*/
#tieUpLinkWrap {
	font-size: 12px !important;
	text-align: center !important;
	color: #666 !important;
	background: #FFF !important;
	margin-right: 15px !important;
	height: auto;
	line-height: 20px;
	padding-bottom: 40px;
	margin-top: 45px;
	padding-left: 15px;
	margin-left: 15px;
	margin-bottom: 40px;
}
#tieUpLinkWrap h3 {
	text-align: left !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 15px !important;
	padding-top: 0px !important;
	font-size: 12px !important;
}
#tieUpLinkWrap ul{
	margin-left: 5px !important;
	text-align: left !important;
	padding-left: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #666 !important;
	background: #FFF !important;
	clear:both !important;
	width: 800px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#tieUpLinkWrap li  {
	text-decoration: none !important;
	list-style-type: none !important;
	display: inline !important;
	float: left;
	width: 130px;
}
#tieUpLinkWrap li a  {
	color: #666 !important;
	text-decoration: none !important;
	font-weight: normal !important;
}
#tieUpLinkWrap li a:hover {
	color: #333 !important;
	text-decoration: none !important;
	font-weight: normal !important;
}

/*.tieUpLink--------------------- END*/	


/*--- フッターとタイアップリンク箇所の指定 E　---*/







#footer ul{
	text-align: center;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer ul li {
	display: inline;
}
#footer ul:before {
	content: " | ";
	color: #CCC;
}
#footer ul li:after {
	content: " | ";
	color: #CCC;
}

/*フッタ　E--------------------------------------------------*/

/* =フォーム　S*/

/*フォーム　E--------------------------------------------------*/

/* =その他　S*/

/*その他　E--------------------------------------------------*/