@charset "utf-8";

/* タグ共通 */
* {
	font-size   : 14px;
	text-align  : left;
	font-family : 'メイリオ','HG創英角ｺﾞｼｯｸUB','HG明朝E',細明朝体,serif;
 }
a {
	color : #0000ff;
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
}
h3 {
	font-size:16px;
}

/* レイアウト調整 */
html, body, #container {height: 100%;}
body          { text-align:center; margin:0px; background : url(/images/bg_body.jpg); }
#container    { width:950px; background:#ffffff; height: auto; margin:0px auto; min-height: 100%; text-align:center; }
#header       { width:950px; background:#ffffff; height:160px; margin-left:auto;margin-right:auto; border:0px solid #000000; padding-top : 0px; padding-left:0px;padding-right:0px;}
#body_pane    { background : #ffffff; height: auto; min-height: 100%; margin-top:0px; margin-left:auto;margin-right:auto; padding-top:10px; padding-left:0px;padding-right:0px; position : relative; }
#left_pane    { width: 160px; background:#ffffff; padding: 5px 0px 70px 0px; height: auto; min-height: 100%; margin:10px 0px 20px -950px; }
#right_pane   { width: 790px; background:#ffffff; padding: 0px 0px 70px 0px; height: auto; min-height: 100%; margin:10px 0px 20px 160px; }
#footer       { width: 950px; background:#ffffff; position:relative; clear:both; height: 70px; margin: -80px auto 0px auto; padding:8px 0px 0px 0px; text-align:left;border-top: 1px solid #cccccc; color:#555555; }

/* ボックス陰 */
#header,#body_pane,#footer {
	width : 950px;
	border-right : 1px solid #999999 !important;
}

/* ヘッダ領域(TOPの帯) */
.head_area1{
	width  : 950px;
	height : 27px;
	margin-top    : 0px;
	margin-left   : auto;
	margin-right  : auto;
	margin-bottom : 0px;
	background : #345ddb;
	color : #ffffff;
}
.head_area1_link {
	float : right;
	padding-top:4px;
	padding-right : 10px;
}
.head_area1_link a {
/*
	display : block;
	float : right;
	margin-right:10px;
	text-align:center;
*/
	padding : 3px 2px 3px 6px;
	font-size:12px;
	color : #ffff00;
}

/* ヘッダ領域(画像) */
.head_area2{
	clear:both;
	width:950px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:0px;
	height:130px;
	background: url(/images/head.png) no-repeat;
	background-position: 10px 0px;
}

#logo_link {
	display  : block;
	position : relative;
	color    : #ffffff;
	width    : 220px;
}
#logo_img {
	display : block;
	width   : 250px;
	height  : 35px;
	position : absolute;
	top : 10px; left : 10px;
	background : url(/images/logo.png) no-repeat;
}

/* ヘッダTEL */
#title_tel {
    font-family: 'メイリオ','HG創英角ｺﾞｼｯｸUB','HG明朝E',細明朝体,serif;
}
#title_tel span {
    color: #00f;
    font-size: 170%;
    font-weight: bold;
}

/* キーワード */
.keyword1 {
	font-size:12px;
	padding-left:10px;
	padding-top:2px;
	margin:4px 0px 0px 0px;
	font-weight:normal;
}
.keyword2 {
	clear : both;
	color:#000000;
	margin : 0px 0px 0px 0px;
	padding: 10px 15px 0px 380px;
	line-height:1.4;
	height : 65px;
	vertical-align : middle;
	border:1px solid transparent;
}
.keyword2 * {
	font-size:14px;
	font-weight:normal;
	color : #666666;
}

#head_menu {
	clear : both;
	text-align:right;
	color : #888888;
	font-size : 10px;
/*
	background : url(/images/head_menu_bg.gif) no-repeat;
*/
	margin  : -28px 0px 0px 0px;
	padding : 5px 10px 2px 0px;
	border-bottom : 1px solid #345ddb;
	height : 20px;
	position : relative;
}
#head_menu ul {
	position : absolute;
	right    : 10px;
}
#head_menu ul,#head_menu ul li{
	display : block;
	float   : left;
	margin : 0px 0px 0px 0px;
}
#head_menu ul li {
	>padding : 0px 10px 0px 0px;              /* IE6,IE7 */
	padding /*\**/: 0px 10px 0px 0px\9;       /* IE8 */
}
#head_menu li:not(:target) {
	padding : 0px 10px 0px 0px\9;             /* IE9 */
}
#head_menu li:before{
	content : "";
	display : block;
	float   : left;
	width   : 10px;
}
#head_menu li:after{
	content : "|";
	font-size : 10px;
	display : block;
	float   : left;
	width   : 10px;
	padding   : 6px 0px 0px 0px;
}
#head_menu a {
	color : #345ddb;
	font-size : 12px;
}

#left_menu ul {
	margin :0px 0px 10px 10px;
	padding:0px 0px 0px 0px;
}
#left_menu ul li {
	list-style-type:none;
}
#left_menu ul li ul {
	margin :10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
#left_menu ul li ul li ul {
	margin :0px 0px 5px 10px;
	padding:0px 0px 0px 0px;
}
#left_menu a{
	font-size : 12px;
}
#left_menu ul li a {
	border-left : 6px solid #0000ff;
	padding-left : 4px;
}
#left_menu ul li ul li a {
	background : url(/images/list_circle.png) no-repeat;
	margin-left  : 5px;
	padding-left : 10px;
	border: 0px;
}

#left_menu a {
	display : block;
	width : 115px;
	padding-top    : 2px;
	padding-bottom : 2px;
}

#foot_link {
	width : 800px;
	margin-left  :auto;
	margin-right :auto;
	text-align   :center;
	line-height : 1.4;
}
#foot_link a{
	font-size : 12px;
}
#foot_copyright {
	clear : both;
	margin-top    : 5px;
	margin-bottom : 10px;
	text-align:center;
}


/* パンくずナビ */
#navi {
	padding : 12px 0px 10px 0px;
}


.top_title {
	margin           : 0px 0px 0px 0px;
	padding          : 6px 0px 5px 20px;
	font-size        : 14px;
	background-image : url(/images/list_arrow_white.png);
	background-repeat: no-repeat;
	background-color : #2e6ad8;
	color            : #ffffff;
	border-radius    : 5px;
}

/* コンテンツタイトル */
#content_title {
/*
	background : url(/images/icon_buil.png) no-repeat;
*/
	background : url(/images/icon_shoukaki.png) no-repeat;
	border-bottom:2px solid #2e4aab;
	padding: 6px 10px 2px 30px;
	margin : 0px 0px 10px 0px;
	width  : 720px;
	font-size:18px;
}
/* コンテンツボディ */
#content_body {
	float:left;
	width : 780px;
	padding : 0px 0px 15px 5px;
	margin  : 10px 0px 15px 0px;
	line-height : 1.3;
}

/* コンテンツサブタイトル */
.content_sub_title {
	font-size : 16px;
	color     : #000080;
	padding : 0px 0px 0px 8px;
	margin  : 0px 0px 10px 5px;
/*
	background : url(/images/mark_square.png) no-repeat;
*/
	background-position : 0px 3px;
	border-left : 10px solid #2451ce;
}
.content_sub_body {
	padding : 0px 0px 0px 0px;
	margin  : 0px 10px 10px 10px;
}
.content_sub_body ul li {
	list-style-type: circle;
	margin : 10px 0px 10px 0px;
}
.content_sub_body ul li li{
	list-style-type: disc;
}

.content_sub_body table {
	margin-left : 10px;
	border-collapse: collapse;
}
.content_sub_body table th {
	padding : 4px;
	border : 1px solid #000000;
	background : #5577ee;
	color      : #ffffff;
	font-weight : normal;
}
.content_sub_body table td {
	padding : 4px 20px 4px 10px;
	border : 1px solid #000000;
	background : #ffffff;
}

/* TOPページBOX */
.white_box2 {
	width   : 42%;
	padding : 10px;
	background : #fafafa;
	border-radius:8px;
	-webkit-border-radius : 8px;
	-moz-border-radius : 8px;
	box-shadow: 1px 1px 1px;
	-webkit-box-shadow: 1px 1px 1px;
	-moz-box-shadow: 1px 1px 1px;
	position: relative;
	behavior: url(/css/PIE.htc);
	float : left;
	margin : 0px 0px 0px 20px;
}

/* 会社概要 */
.company_l {
	font-size : 14px;
	margin-left   : 20px;
	margin-bottom : 20px;
	line-height : 1.5;
	clear : both;
	float : left;
	width : 130px;
}
.company_r {
	font-size : 14px;
	margin-bottom : 20px;
	float : left;
	width : 600px;
	line-height : 1.5;
}
.company_r ul {
	margin  : 5px 0px 0px 20px;
	padding : 0px;
}
.company_r ul li {
	font-size : 16px;
}

/* リンク */
.link_l {
	font-size : 16px;
	margin-left   : 20px;
	margin-bottom : 20px;
	line-height : 1.5;
	clear : both;
	float : left;
	width : 200px;
}
.link_l * {
	font-size : 16px;
}
.link_r {
	font-size : 16px;
	margin-bottom : 20px;
	float : left;
	width : 550px;
	line-height : 1.5;
}

/* サイトマップ */
.sitemap_list {
	padding-top : 0px;
}
.sitemap_list li {
	padding-top : 10px;
}

/* 見積もりボタン */
a.btn_mitsumori_l {
	display : block;
	padding      : 10px;
	font-size    : 16px;
	width        : 300px;
	margin       : 0px auto 0px auto;
	text-align   : center;
	color        : #ffffff;
	background   : #345dd8;
	border-width : 0px 1px 1px 0px;
	border-style : solid;
	border-color : #333333;
}
a.btn_mitsumori_l:hover {
	color        : #ffffff;
	background   : #ff9933;
}

/* ニュース一覧 */
#news_table {
	border-collapse : collapse;
}
#news_table th {
	padding     : 10px;
	border      : 1px solid #000000;
	font-weight : normal;
	background  : #5577ee;
	color       : #ffffff;
}
#news_table td {
	padding    : 10px;
	border : 1px solid #000000;
}