/* T.O.P Co.,Ltd. Page CSS */
/* Masahiro Ozawa : BEI */
/* 2009-07-11 */

/* 以下基本項目 */

body {
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 135%;
	font-size: 14px;
	background-color: #f5f5f5;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}  

/* 見出し */
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
}


/* ページ本体 */

#wrap {
	width:800px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	background-image: url(../images/common_images/wrap_back_image.jpg);
	background-repeat: repeat-y;
}

/* ヘッダー領域 */

#header {
	width: 800px;
	height: 80px;
	background-image: url(../images/common/header_blue_800_2.jpg);
}

/* フッター領域 */
#footer {
	height: 80px;
	background-image: url(../images/common/footer_blue_800.jpg);
}

/* ヘッダーとフッターを除くメインのエリア */  

/* 本文の入る領域 */
#wrap_box {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
} 
#wrap_box a:link {
	color: #080808; text-decoration: none; 
}
#wrap_box a:visited {
	color: #080808; text-decoration: none; 
}
#wrap_box a:hover {
	color: #FF0000;
	text-decoration: none;
}
#wrap_box a:active {
	color: #FF0000;
	text-decoration: none;
}

/* 上部メニュー */

#navi_bar {
	height: 30px;
}
#navi_bar2 {
	height: 24px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	background-color: #F6F6F6;
}

/* 下部メニュー */
#navi_bar2 a:link {
	color: #080808; text-decoration: none; 
}
#navi_bar2 a:visited {
	color: #080808; text-decoration: none; 
}
#navi_bar2 a:hover {
	color: #FF0000;
	text-decoration: none;
}
#navi_bar2 a:active {
	color: #FF0000;
	text-decoration: none;
}

/* ヘッダーナビメニュー */
#navi_bar3 {
	height: 24px;
	font-family: sans-serif;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
	padding-top: 58px;
}
#navi_bar3 a:link {
	color: #080808; text-decoration: none; 
}
#navi_bar3 a:visited {
	color: #080808; text-decoration: none; 
}
#navi_bar3 a:hover {
	color: #FF0000;
	text-decoration: none;
}
#navi_bar3 a:active {
	color: #FF0000;
	text-decoration: none;
}

/* パン屑リスト */
#breadcrumbs_list {
	font-family: sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 10px;
	height: 20px;
	padding-top: 5px;
}

#breadcrumbs_list a:link {
	color: #080808; text-decoration: none; 
}
#breadcrumbs_list a:visited {
	color: #080808; text-decoration: none; 
}
#breadcrumbs_list a:hover {
	color: #FF0000;
	text-decoration: none;
}
#breadcrumbs_list a:active {
	color: #FF0000;
	text-decoration: none;
}

/* メインコンテンツ領域 */

#main_box {
	width:800px;
	float:left;
}
.contents_box{
	margin-right: 0;
	margin-left: 0;	
}
.contents_box p{
	padding-left: 1em;
}

/* サイドボックス */
#side_box_right{
	width:260px;
	float:right;
	height: auto;
}

/* クリア */

.clear {
	clear:both; 
}  

.clear hr { 
	display:none; 
} 

/* 以下ページごとの設定 */

/* トップページ関連 */

/* トップページのニュースに適用 */
.top_topix {
	font-family: sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.4em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	list-style-position: outside;
	list-style-image: url(../images/common/maker-1.jpg);
	list-style-type: none;
}
.top_topix h1 {
	font-family: sans-serif;
	font-style: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}

.top_topix h2 {
	font-family: sans-serif;
	font-style: normal;
	padding-left: 5px;
	background-image: url(../images/common/h2-back-gray.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 75%;
}


/*　トップページの強調部分 */
.top_topix b{
	font-weight: bold;
}

/*　トップページの見出し部分 */
.top_topix_tite {
	font-family: sans-serif;
	font-style: normal;
	padding-left: 5px;
	color: #003333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #EDEDED;
	font-size: 13px;
}

/* トップページ文章部分 */

.top_text {
	font-family: sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.4em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.top_text h2 {
	font-family: sans-serif;
	font-style: normal;
	padding-left: 5px;
	background-image: url(../images/common/h2-back-gray.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 75%;
}

/* 右サイドボックス関連 */

.sidebox_content {
	font-family: sans-serif;
	font-style: normal;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.sidebox_content_titie {
	font-family: sans-serif;
	font-style: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;

}
.sidebox_content h1 {
	font-family: sans-serif;
	font-style: normal;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}
.sidebox_content h2 {
	font-family: sans-serif;
	font-style: normal;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}
.centerbox_content {
	font-family: sans-serif;
	font-style: normal;
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 0px;
}

.centerbox_content h1 {
	font-family: sans-serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	background-image: url(../images/common_images/h1_backimage_line.jpg);
	background-repeat: repeat-y;
	background-position: left bottom;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.centerbox_content h2 {
	font-family: sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}


/* トップページ右ボックス */

.top_rbox {
	font-family: sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


/* 写真の装飾 */
.photo_w220_dotwaku {
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.photo_w100_dotwaku {
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.photo_w100_wakunashi {
	padding: 5px;
	background-color: #FFFFFF;
}

/* 表 */
/* インデント */
.hyo{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* 下線 */
.hyo_kasen {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

/* リスト行 */
.list_title_L {
	font-size: 16px;
	font-weight: bold;
}
.list_title_M {
	font-weight: bold;
}
.list_honbun{
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	padding-left: 2em;
}
.list_honbun_2{
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	padding-left: 4em;
}

/* 施工実績ページ表部分フォーマット */
/* 歴史ページフォーマット */
.history_list {
	font-family: sans-serif;
	font-size: 14px;
}

.history_list h1{
	font-size: 18px;
	font-weight: bold;
	color: #4E484E;
	background-image: url(../images/common/h1-back-blue.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
}

.history_list h2{
	font-weight: bold;
	font-size: 100%;
	color: #006600;
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 1em;
	margin-left: 0px;
	background-image: url(../images/back_image_gray_4.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
}
.history_list h3{
	font-weight: bold;
	font-size: 100%;
	color: #006600;
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.history_list p{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 100%;
	font-weight: normal;
	color: #4E484E;
	padding-left: 0px;
	margin-left: 0px;
}


/* 実績年度 */
.history_list_year {
	font-family: sans-serif;
	font-size: 14px;
	padding-left: 10px;
	font-weight: normal;
}

/* 物件名 */
.history_list_name {
	font-family: sans-serif;
	font-size: 14px;
	padding-left: 10px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099CC;
}

/* エリア */
.history_list_area {
	font-family: sans-serif;
	font-size: 14px;
	padding-left: 10px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099CC;
	text-align: center;
}

/* 見出し部分 */
.history_list_midashi{
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
	padding-bottom: 10px;
}


/* 会社案内ページ関連*/
.corp_prof_list {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.corp_prof_list h1{
	font-size: 18px;
	font-weight: bold;
	color: #4E484E;
	background-image: url(../images/common/h1-back-blue.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
}
.corp_prof_list h2{
	margin-bottom: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 100%;
	color: #006600;
	padding-left: 0px;
	background-image: url(../images/back_image_gray_3.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.corp_prof_list h3{
	margin-bottom: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 100%;
	color: #006600;
	padding-left: 0px;
	background-image: url(../images/back_image_gray_4.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.corp_prof_list p{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 100%;
	font-weight: normal;
	color: #4E484E;
	padding-left: 0px;
}

.corp_prof_list_item {
	font-family: sans-serif;
	font-size: 14px;
	padding-left: 10px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

/* 業務ページフォーマット */
.info_list {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.info_list h1{
	font-size: 18px;
	font-weight: bold;
	color: #4E484E;
	background-image: none;
	background-repeat: repeat-y;
	background-color: #E8E8E8;
}
.info_list h2{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 100%;
	color: #006600;
	padding-left: 0px;
	background-image: url(../images/back_image_gray_2.jpg);
	background-repeat: repeat-y;
}
.info_list h3{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 100%;
	color: #006600;
	padding-left: 0px;
}
.info_list p{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 100%;
	font-weight: normal;
	color: #4E484E;
	padding-left: 0px;
	text-align: justify;
}
/* グループページフォーマット */
.group_list {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.group_list h1{
	font-size: 18px;
	font-weight: bold;
	color: #4E484E;
	background-image: none;
	background-repeat: repeat-y;
	background-color: #E8E8E8;
}
.group_list h2{
	font-weight: bold;
	font-size: 100%;
	color: #000000;
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 1em;
	margin-left: 0px;
	background-image: url(../images/back_image_gray_3.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
}
.group_list a:link {
	color: #006600; text-decoration: none; 
}
.group_list a:visited {
	color: #006600; text-decoration: none; 
}
.group_list a:hover {
	color: #FF0000;
	text-decoration: none;
}
.group_list a:active {
	color: #FF0000;
	text-decoration: none;
}
.group_list h3{
	font-weight: bold;
	font-size: 100%;
	color: #000000;
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.group_list p{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 100%;
	font-weight: normal;
	color: #4E484E;
	padding-left: 0px;
	margin-left: 0px;
}