@charset "utf-8";
/*基本設定*/
body,p,img,h1,h2,h3,h4,h5,table,tr,th,td,dl,dt,dd,form,ul,li,ol,br {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	background: url(../images/common/bg.gif) repeat-x left 127px;
}

img {
	border: 0;
	vertical-align: bottom;
}

/*メイン画像部分*/
img.clear { clear: both; }

p {
	font-size: 75%;
	line-height: 1.8;
}

p.small {
	color: #666;
	font-size: 70%;
	line-height: 1.4;
	padding-top:5px;
}

/*赤フォント*/
em{
	color:#F00;
	font-style:normal;
}

/*改行によるフロート解除*/
.clear {
	clear: both;
	line-height: 0;
}

/*画像リンク指定*/
a#logo,
a#bm_bn,
a#btn_top,
a#btn_sitemap,
#main_menu li a,
div#mail_area a,
#sub_menu li a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

/*リスト付リンク*/
a.list {
	font-size: 12px;
	font-weight:normal;
	background: url(../images/common/list_off.gif) no-repeat left center;
	padding-left: 20px;
}
a:hover.list {
	color: #039;
	background: url(../images/common/list_on.gif) no-repeat left center;
}
/*リスト付リンク(ピンク)*/
a.list_p {
	font-size: 12px;
	background: url(../images/common/list_p_off.gif) no-repeat left center;
	padding-left: 20px;
}
a:hover.list_p {
	color: #039;
	background: url(../images/common/list_p_on.gif) no-repeat left center;
}


img.right {
	margin: 0 0 10px 10px;
	float: right;
}

img.left {
	margin: 0 10px 10px 0;
	float: left;
}

/*ヘッダ*/
#header_bg {
	background: url(../images/common/header.gif);
	height: 127px;
	width: 100%;
}

/*ヘッダ*/
#header {
	background: #fff;
	height: 89px;
	width: 958px;
	margin: 0 auto;
	position: relative;
}

/*ロゴ*/
a#logo {
	background: url(../images/common/logo.gif);
	height: 81px;
	width: 247px;
	position: absolute;
	left: 10px;
}
/*導入実績*/
p#hd_vision {
	text-indent: -9999px;
	background: url(../images/common/hd_vision.gif);
	height: 52px;
	width: 279px;
	position: absolute;
	top: 4px;
	left: 435px;
}

/*ヘッダ電話番号*/
img#tel1 {
	position: absolute;
	top: 4px;
	left: 716px;
}

/*トップページへ*/
a#btn_top {
	background: url(../images/common/btn_top.gif) no-repeat;
	height: 37px;
	width: 84px;
	position: absolute;
	top: 0px;
	left: 255px;
}
a:hover#btn_top { background: url(../images/common/btn_top.gif) no-repeat 0 -37px; }

/*サイトマップ*/
a#btn_sitemap {
	background: url(../images/common/btn_sitemap.gif) no-repeat;
	height: 37px;
	width: 84px;
	position: absolute;
	top: 0px;
	left: 341px;
}
a:hover#btn_sitemap { background: url(../images/common/btn_sitemap.gif) no-repeat 0 -37px; }

/*テキストメニュー*/
p#hd_list{
	position: absolute;
	top: 60px;
	left: 440px;
}
/*メインメニュー*/
ul#main_menu {
	width: 958px;
	height: 38px;
	margin: 0 auto;
	position: relative;
}

#main_menu li {
	list-style: none;
	float: left;
}

#main_menu li a {
	height: 38px;
	text-decoration: none;
}

/*通常時*/
a#link1 {
	width: 155px;
	background: url(../images/common/main_menu.gif) no-repeat;
}

a#link2 {
	width: 122px;
	background: url(../images/common/main_menu.gif) no-repeat -155px 0;
}

a#link3 {
	width: 146px;
	background: url(../images/common/main_menu.gif) no-repeat -277px 0;
}

a#link4 {
	width: 118px;
	background: url(../images/common/main_menu.gif) no-repeat -423px 0;
}

a#link5 {
	width: 125px;
	background: url(../images/common/main_menu.gif) no-repeat -541px 0;
}

a#link6 {
	width: 118px;
	background: url(../images/common/main_menu.gif) no-repeat -666px 0;
}

a#link7 {
	width: 174px;
	background: url(../images/common/main_menu.gif) no-repeat -784px 0;
}

/*オンマウス時*/
a:hover#link1 { background: url(../images/common/main_menu.gif) no-repeat 0 -38px; }

a:hover#link2 { background: url(../images/common/main_menu.gif) no-repeat -155px -38px; }

a:hover#link3 { background: url(../images/common/main_menu.gif) no-repeat -277px -38px; }

a:hover#link4 { background: url(../images/common/main_menu.gif) no-repeat -423px -38px; }

a:hover#link5 { background: url(../images/common/main_menu.gif) no-repeat -541px -38px; }

a:hover#link6 { background: url(../images/common/main_menu.gif) no-repeat -666px -38px; }

a:hover#link7 { background: url(../images/common/main_menu.gif) no-repeat -784px -38px; }


/*アクティブ時*/
a:active#link1 { background: url(../images/common/main_menu.gif) no-repeat 0 -76px; }

a:active#link2 { background: url(../images/common/main_menu.gif) no-repeat -155px -76px; }

a:active#link3 { background: url(../images/common/main_menu.gif) no-repeat -277px -76px; }

a:active#link4 { background: url(../images/common/main_menu.gif) no-repeat -423px -76px; }

a:active#link5 { background: url(../images/common/main_menu.gif) no-repeat -541px -76px; }

a:active#link6 { background: url(../images/common/main_menu.gif) no-repeat -666px -76px; }

a:active#link7 { background: url(../images/common/main_menu.gif) no-repeat -784px -76px; }


/*選択時*/
a#link1_sd {
	width: 155px;
	background: url(../images/common/main_menu.gif) no-repeat 0 -114px;
}

a#link2_sd {
	width: 122px;
	background: url(../images/common/main_menu.gif) no-repeat -155px -114px;
}

a#link3_sd {
	width: 146px;
	background: url(../images/common/main_menu.gif) no-repeat -277px -114px;
}

a#link4_sd {
	width: 118px;
	background: url(../images/common/main_menu.gif) no-repeat -423px -114px;
}

a#link5_sd {
	width: 125px;
	background: url(../images/common/main_menu.gif) no-repeat -541px -114px;
}

a#link6_sd {
	width: 118px;
	background: url(../images/common/main_menu.gif) no-repeat -666px -114px;
}
a#link7_sd {
	width: 174px;
	background: url(../images/common/main_menu.gif) no-repeat -798px -114px;
}


/*コンテナ*/
#container {
	background: #fff;
	width: 958px;
	margin: 0 auto;
	clear: both;
}

/*ページトップ*/
div.page_top {
	font-size: 12px;
	color: #999;
	text-align: right;
	padding: 20px 0 10px 0;
	clear:both;
}

div.page_top a {
	font-size: 12px;
	color: #999;
}

div.page_top a:hover {
	color: #f00;
}

/*フッタ上*/
#foot_t {
	font-size: 12px;
	color: #99c;
	text-align: center;
	background: url(../images/common/foot_t.gif) repeat-x;
	width: 100%;
	padding: 20px 0 10px 0;
	line-height:2.4;
	clear: both;
}
#foot_t span{
	font-size:10px;
	color:#fff;
	background-color:#66f;
	padding:3px 5px;
	margin-right:10px;
}
#foot_t a:hover { color: #039; }

/*フッタ下*/
#foot_b {
	background: #b9b9b9 url(../images/common/foot_b.gif) repeat-x;
	height: 104px;
	width: 100%;
}

#foot_b div {
	width: 955px;
	margin: 0 auto;
	position: relative;
}

/*セコム*/
#seal {
	position: absolute;
	top: 10px;
	left: 0;
}

/*セコム文言*/
p#secom {
	position: absolute;
	top: 20px;
	left: 60px;
}

/*コピーライト*/
p#copyright {
	font-size: 11px;
	position: absolute;
	top: 60px;
	left: 60px;
}

/*バナーエリア*/
div#bana_area {
	width: 495px;
	position: absolute;
	top: 20px;
	right: 0;
}
/*バナーエリア*/
div#bana_area img { margin-right: 10px; }
/*フッタリンク*/
div#foot_link{
	border-top:1px dotted #fff;
	background-color:#b9b9b9;
	text-align:center;
	padding:5px 0;
	margin:0 auto;
}
div#foot_link a{
	font-size:10px;
	padding:0 0 0 10px;
}
div#foot_link span{
	font-size:10px;
}

/*コンテンツ*/
table.tbl_content {
	margin: 10px auto 5px auto;
	border-collapse:collapse;
	clear:both;
	border:0;
}

/*クロージング・メールボタン・電話番号*/
div#flow{
	height: 460px;
	width: 954px;
	background: url(../images/common/flow.gif) no-repeat bottom;
	position: relative;
	padding: 0 auto;
	margin: 0 auto;
	clear:both;
}
img#tel_area{
	position: absolute;
	top: 387px;
	left: 479px;
}
img#vision_area{
	position: absolute;
	top: 130px;
	left: 680px;
}
div#mail_area a {
	height: 70px;
	width: 423px;
	background: url(../images/common/mail_bn.gif) no-repeat;
	position: absolute;
	top: 358px;
	left: 42px;
}

div#mail_area a:hover {
	background: url(../images/common/mail_bn.gif) no-repeat 0 -70px;
}


/*パンくずリスト*/
div#b_links {
	font-size: 11px;
	color: #000;
	padding: 10px;
}

div#b_links a { color: #000; }

div#b_links a:hover {
	color: #f00;
	text-decoration: none;
}

div#b_links span { text-decoration: none; }

/*ボックス*/
div#box {
	width: 948px;
	padding-left:10px;
	clear:both;
}

/*コンテンツ*/
div#contents {
	width: 730px;
	float: left;
	margin-right: 11px;
}

/*インナー*/
div.inner {
	width: 700px;
	padding: 0 0 20px 30px;
}

/*セクション*/
div.section {
	padding: 15px;
	border: 1px solid #ccf;
	margin: 0 0 20px 0;
}
/*ワンポイントアドバイス*/
div.advice{
	padding:0 0 30px 30px;
	}
div.advice h3{
	width:700px;
	height:90px;
	text-indent: -9999px;
	background: #fff url(../images/common/advice_head.gif) no-repeat right bottom;
	margin:0;
	}
div.advice h4{
	font-size:16px;
	color:#606;
	border-bottom:1px dashed #939;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	}
div.advice .advice_in{
	font-size:90%;
	line-height:1.6;
	padding:0 100px 30px 30px;
	margin:0;
	background: url(../images/common/advice_bg.gif) no-repeat right bottom;
	}
div.advice .advice_in ul{
	margin:0 0 10px 30px;
	}
div.advice .advice_in span{
	color:#909;
	font-size:12px;
	}

/*サイド*/
div#side {
	width: 207px;
	float: left;
}
div#side div{
	width: 207px;
	background: #ddd url(../images/common/side_bg.gif) center bottom;
	margin-bottom:10px;
}
div#side img.bnr{
	margin:0 auto;
	padding:5px 0 10px 0;
	display:block;
}
div#side div ul{
	list-style:none;
	margin: 0 10px 0 10px;
	padding: 0 0 10px 0;
}
div#side div li{
	font-size:12px;
	line-height:1.3;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}
div#side div li span{
	font-size:11px;
}

div#side h6#side_menu{
	text-indent: -9999px;
	height:29px;
	background: url(../images/common/side_menu.gif) center top;
}
div#side h6#side_camp{
	text-indent: -9999px;
	height:29px;
	background: url(../images/common/side_camp.gif) center top;
}
div#side h6#side_case_study{
	text-indent: -9999px;
	height:29px;
	background: url(../images/common/side_case_study.gif) center top;
}

/*横幅固定ツールチップ*/
a.tip {
	color:#993366;
	text-decoration:none;
	z-index:10;
	border-bottom:1px dotted;
}
a:hover.tip {
	color:#999;
	text-decoration:none;
	position: relative;
	z-index: 100;
}
a.tip span { display: none; }
a:hover.tip span {
	font-size:12px;
	display: block;
	position: absolute;
	text-decoration:none;
	top: 20px;
	left: 10px;
	background: #fffcd1;
	width: 300px;
	border: 1px solid #444;
	color: #000;
	padding: 1px 5px;
	z-index: 10;
}


/*大見出し*/
h1 {
	text-indent: -9999px;
	height: 70px;
	width: 948px;
	margin-bottom: 10px;
}

/*中見出し*/
h2 {
	text-indent: -9999px;
	height: 37px;
	width: 730px;
	margin:0 0 19px 0;
	clear:both;
}

/*小見出し*/
h3 {
	text-indent: -9999px;
	height: 31px;
	width: 670px;
	margin-bottom: 5px;
}

/*小見出し*/
h4 {
	color: #F30;
	margin:0 0 10px 0;
}
/*サイドメニュー小見出し*/
h6 {
	margin:0;
	padding:0;
}
/*関連ページへ*/
h2#h2_next {
	background: #efeeee url(../images/common/h2_next.gif) no-repeat 10px center;
	margin:30px auto 5px auto;
}
div#next_page{
	padding: 20px 0px 20px 30px;
	margin-bottom:20px;
	border:1px dotted #ccc;
}
div#next_page p{
	padding-right:20px;
	font-size:16px;
	line-height:2.5;
}
div#next_page p span{
	font-size:12px;
	background: url(../images/common/list_off.gif) no-repeat left center;
	padding-left: 20px;
}
/*コンテンツ内リンク*/
div.textlink{
	margin:5px;
	text-align:right;
}
div.textlink a{
	background: url(../images/common/list_off.gif) no-repeat left center;
	padding-left: 20px;
}