@charset "UTF-8";

/* 	=================================================================
			Buellについて用設定(/about/*)
 	=================================================================	*/


/* 		コンテンツエリア設定
--------------------------------------------------------------------
0. 共通
1. Buellのコンセプトページ設定（/about/index.html）
2. Buellの歩みページ設定（/about/history/index.html）
3. Buellの技術ページ設定（/about/technology/index.html）
--------------------------------------------------------------------*/

/* 0. 共通
--------------------------------------------------------------------*/

/* 1. Buellにコンセプト設定（/about/index.html）
--------------------------------------------------------------------*/

#mainarea .sign {
	padding-top:20px;
	text-align:right;
}

#mainarea .bnr01 {
	background:url("/common/img/dotline_w.gif") repeat-x 0 0;
	padding-top:20px;
	padding-bottom:20px;
}

/* 2. Buellの歩みページ設定（/about/history/index.html）
--------------------------------------------------------------------*/
body#history #mainarea .localnavarea {
	text-align:center;
	border:1px solid #BCC3C5;
	background:#E6EAEB;
	padding:10px;
	zoom:1;
}

	body#history #mainarea .localnavarea .localnav {
		width:34em;
		margin:0 auto;
	}

	body#history #mainarea .localnavarea .localnav td {
		background:url("/common/img/dotline_h.gif") repeat-y 100% 0;
	}

	body#history #mainarea .localnavarea .localnav td.tdend {
		background:none;
	}

		body#history #mainarea .localnavarea .localnav td p {
			padding:0 20px;
		}

		body#history #mainarea .localnavarea .localnav td p .act {
			background:url("/common/img/arrow_white.gif") no-repeat 0 0;
			padding-left:16px;
			color:#222222;
		}


/* 3. Buellの技術ページ設定（/about/technology/index.html）
--------------------------------------------------------------------*/

body#technology #mainarea {
	background-color:#000000;
}

	body#technology #mainarea #technologylist {
		background-color:#0000000;
		padding-top:40px;
		padding-bottom:20px;
	}

		body#technology #mainarea #technologylist li {
			padding:10px 0 0 20px;
			zoom:1;
		}

		body#technology #mainarea #technologylist li .databox01 {
		}

		body#technology #mainarea #technologylist li .databox01 .datainfo {
			float:left;
			width:360px;
			margin-right:10px;
		}

			body#technology #mainarea #technologylist li .databox01 .datainfo p.tit03 {
				
			}
	
			body#technology #mainarea #technologylist li .databox01 .datainfo p.exp01 {
				padding-left:40px;
			}


		body#technology #mainarea #technologylist li .databox01 .swfbox01 {
			float:left;
			width:260px;
		}

		body#technology #mainarea #technologylist li .databox01 .pad02b {
			padding-bottom:20px;
		}
 	
	body#technology #mainarea #technologylist .fc-blu {
		color:#5493BF;
	}

	body#technology #mainarea #technologylist .fc-org {
		color:#C44E32;
	}

	body#technology #mainarea #technologylist .fc-grn {
		color:#6AA13B;
	}

	body#technology #mainarea .bnrbox01 {
		padding:40px 30px;
	}

		body#technology #mainarea .bnrbox01 .bnr-l {
			float:left;
			width:300px;
			margin-right:10px;
		}

		body#technology #mainarea .bnrbox01 .bnr-r {
			float:right;
			width:300px;
		}

		body#technology #mainarea .bnrbox01 .capt01 {
			padding-top:4px;
			font-size:80%;
		}

			body#technology #mainarea .bnrbox01 .capt01 a {
				color:#FFFFFF;
			}