@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;
}

/*IE以外モダンブラウザ*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*IE7・Mac版IE5*/
.clearfix { display: inline-block }
/*IE6以前*/
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
/* End hide from IE-mac */

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

/*リスト付リンク*/
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: 84px;
	width: 958px;
	margin: 0 auto;
	position: relative;
}

/*ロゴ*/
a#logo {
	text-indent: -9999px;
	display: block;
	background: url(../images/common/logo.gif);
	height: 81px;
	width: 247px;
	position: absolute;
	left: 10px;
	overflow: hidden;
}

/*導入実績*/
p#hd_vision {
	text-indent: -9999px;
	background: url(../images/common/hd_vision.gif);
	height: 50px;
	width: 337px;
	position: absolute;
	top: 0;
	left: 266px;
}

/* ユーザー用メニュー */
ul#user_menu {
	position: absolute;
	top: 51px;
	left: 266px;
	list-style: none;
}

ul#user_menu li {
	text-indent: -9999px;
	height: 26px;
	float: left;
	margin-right: 5px;
}

ul#user_menu li a {
	display: block;
	height: 26px;
	overflow: hidden;
}

li#user_menu1 a {
	background: url(../images/common/bg_user_menu.gif) no-repeat;
	width: 149px;
}

li#user_menu1 a:hover { background: url(../images/common/bg_user_menu.gif) no-repeat 0 -26px }

li#user_menu1.selected {
	background: url(../images/common/bg_user_menu.gif) no-repeat 0 -26px;
	width: 149px;
}

li#user_menu2 a {
	background: url(../images/common/bg_user_menu.gif) no-repeat -149px 0;
	width: 169px;
}

li#user_menu2 a:hover { background: url(../images/common/bg_user_menu.gif) no-repeat -149px -26px }

li#user_menu2.selected {
	background: url(../images/common/bg_user_menu.gif) no-repeat -149px -26px;
	width: 169px;
}

li#user_menu3 a {
	background: url(../images/common/bg_user_menu.gif) no-repeat -318px 0;
	width: 159px;
}

li#user_menu3 a:hover { background: url(../images/common/bg_user_menu.gif) no-repeat -318px -26px }

li#user_menu3.selected {
	background: url(../images/common/bg_user_menu.gif) no-repeat -318px -26px;
	width: 159px;
}

/* ヘッダメニュー */
ul#header_menu {
	position: absolute;
	top: 6px;
	right: 205px;
	list-style: none;
}

ul#header_menu li {
	height: 10px;
	float: left;
	margin-right: 10px;
}

ul#header_menu li a {
	text-indent: -9999px;
	display: block;
	height: 10px;
	overflow: hidden;
}

li#header_menu1 a {
	background: url(../images/common/bg_header_menu.gif) no-repeat;
	width: 63px;
}

li#header_menu1 a:hover { background: url(../images/common/bg_header_menu.gif) no-repeat 0 -10px }

li#header_menu2 a {
	background: url(../images/common/bg_header_menu.gif) no-repeat -63px 0;
	width: 48px;
}

li#header_menu2 a:hover { background: url(../images/common/bg_header_menu.gif) no-repeat -63px -10px }

li#header_menu3 a {
	background: url(../images/common/bg_header_menu.gif) no-repeat -111px 0;
	width: 63px;
}

li#header_menu3 a:hover { background: url(../images/common/bg_header_menu.gif) no-repeat -111px -10px }

li#header_menu4 a {
	background: url(../images/common/bg_header_menu.gif) no-repeat -174px 0;
	width: 84px;
}

li#header_menu4 a:hover { background: url(../images/common/bg_header_menu.gif) no-repeat -174px -10px }

/*ヘッダ電話番号*/
img#tel1,
img#header_tel {
	position: absolute;
	top: 8px;
	right: 5px;
}

/* クロージング */
a#btn_closing_header {
	text-indent: -9999px;
	display: block;
	background: url(../images/common/btn_closing_header.gif) no-repeat;
	height: 31px;
	width: 181px;
	position: absolute;
	top: 51px;
	left: 768px;
	overflow: hidden;
}

a:hover#btn_closing_header { background-position: 0 -31px }

/*テキストメニュー*/
p#hd_list{
	position: absolute;
	top: 60px;
	left: 440px;
}
/*メインメニュー*/
ul#main_menu {
	display: block;
	background: url(../images/common/bg_main_menu.png) 0 -129px;
	width: 948px;
	height: 43px;
	margin: 0 auto;
	padding: 0 5px;
	position: relative;
}

#main_menu li {
	text-indent: -9999px;
	height: 43px;
	width: 187px;
	margin-right: 3px;
	list-style: none;
	float: left;
}

li#main_menu5 { margin-right: 0 }

#main_menu li a {
	text-indent: -9999px;
	display: block;
	height: 43px;
	width: 187px;
	overflow: hidden;
}


/*通常時*/
li#main_menu1 a { background: url(../images/common/bg_main_menu.png) no-repeat -5px 0 }

li#main_menu2 a { background: url(../images/common/bg_main_menu.png) no-repeat -195px 0 }

li#main_menu3 a {
	width: 188px;
	background: url(../images/common/bg_main_menu.png) no-repeat -385px 0;
}

li#main_menu4 a { background: url(../images/common/bg_main_menu.png) no-repeat -576px 0 }

li#main_menu5 a { background: url(../images/common/bg_main_menu.png) no-repeat -766px 0 }

/*オンマウス時*/
li#main_menu1 a:hover { background: url(../images/common/bg_main_menu.png) no-repeat -5px -43px; }

li#main_menu2 a:hover { background: url(../images/common/bg_main_menu.png) no-repeat -195px -43px; }

li#main_menu3 a:hover { background: url(../images/common/bg_main_menu.png) no-repeat -385px -43px; }

li#main_menu4 a:hover { background: url(../images/common/bg_main_menu.png) no-repeat -576px -43px; }

li#main_menu5 a:hover { background: url(../images/common/bg_main_menu.png) no-repeat -766px -43px; }

/*選択時*/
li#main_menu1.selected { background: url(../images/common/bg_main_menu.png) no-repeat -5px -86px }

li#main_menu2.selected { background: url(../images/common/bg_main_menu.png) no-repeat -195px -86px }

li#main_menu3.selected {
	width: 188px;
	background: url(../images/common/bg_main_menu.png) no-repeat -385px -86px;
}

li#main_menu4.selected { background: url(../images/common/bg_main_menu.png) no-repeat -576px -86px }

li#main_menu5.selected { background: url(../images/common/bg_main_menu.png) no-repeat -766px -86px }

/*コンテナ*/
#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;
}

/*バナーエリア*/
div#bana_area {
	width: 825px;
	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 {
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 423px;
	background: url(../images/common/mail_bn.gif) no-repeat;
	position: absolute;
	top: 358px;
	left: 42px;
	overflow: hidden;
}

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 {
	display: block;
	width: 948px;
	padding-left: 10px;
}

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

/*インナー*/
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 { margin-bottom: 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;
	margin-top: -30px;
}

#side_menu_wrapper {
	width: 207px;
	background: url(../images/common/bg_side_menu_wrapper.gif) no-repeat left bottom;
	padding-bottom:10px;
}

div#side ul {
	background-color: #eee;
	padding: 0 11px;
	list-style: none;
}

div#side li {
	font-size: 13px;
	line-height: 1.3;
	border-bottom: 1px dotted #ccc;
}

div#side li a {
	text-decoration: none;
	display: block;
	background: #fff url(../images/common/ico_side_menu.gif) no-repeat 5px center;
	padding: 10px 0 10px 26px;
}

div#side li a em {
	color: #0000fe;
	text-decoration: underline;
}

div#side li a:hover {
	background: #f7f7f7 url(../images/common/ico_side_menu.gif) no-repeat 6px center;
	padding: 10px 0 10px 27px;
}

div#side li a:hover em {
	text-decoration: none;
}

div#side li a span {
	font-size: 11px;
	color: #333;
	display: block;
}

#side_menu_wrapper h6 {
	text-indent: -9999px;
	height: 83px;
	width: 207px;
	background: url(../images/common/hd_side_menu_new.gif) no-repeat;
	margin-top: 10px;
}

/*サイドクロージング*/
#side_closing {
	background-color: #eee;
	padding: 0 11px;
}

p#hd_side_closing {
	text-indent: -9999px;
	height: 31px;
	width: 185px;
	background: url(../images/common/hd_side_closing.gif) no-repeat center bottom;
	margin: 0 auto;
}

img#telimg_side_closing {
	height: 34px;
	width: 185px;
	margin: 0 auto;
}

p#ex_side_closing {
	text-indent: -9999px;
	height: 20px;
	width: 185px;
	background: url(../images/common/ex_side_closing.gif) no-repeat;
	margin: 0 auto 7px auto;
}

a#btn_side_closing {
	text-indent: -9999px;
	display: block;
	background: url(../images/common/btn_side_closing.gif) no-repeat;
	height: 37px;
	width: 185px;
	margin: 0 auto;
	overflow: hidden;
}

a:hover#btn_side_closing { background-position: 0 -37px }

/*横幅固定ツールチップ*/
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 { margin-bottom: 10px }

/*中見出し*/
h2 {
	font-size: 0;
	background-color: #efeeee;
	width: 720px;
	margin: 0 0 19px 0;
	padding: 9px 0 9px 10px;
	clear: both;
}

/*小見出し*/
h3 { margin-bottom: 5px }

/*小見出し*/
h4 {
	color: #F30;
	margin:0 0 10px 0;
}
/*サイドメニュー小見出し*/
h6 {
	margin:0;
	padding:0;
}

/*おとくライン法人携帯へ*/
h2#h2_go_mobile {
	margin:30px auto 0 auto;
	padding: 0;
	height:64px;
	width: 730px;
}

div#go_mobile{
	background: url(../images/common/go_mobile_bg.gif) no-repeat;
	height: 116px;
	width: 730px;
	margin-bottom: 30px;
	position: relative;
}
div#go_mobile a {
	text-indent: -9999px;
	display: block;
	background: url(../images/common/go_mobile_btn.gif) no-repeat 0 0;
	height: 46px;
	width: 196px;
	left: 512px;
	top: 64px;
	overflow: hidden;
	position: absolute;
}

div#go_mobile a:hover { background-position: 0 -46px }

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;
}

/*バナーエリア*/
ul#bnrs_wrapper {
	background: url(../images/common/bg_bnrs_wrapper.gif) no-repeat;
	height: 100px;
	width: 730px;
	margin-bottom: 30px;
	list-style: none;
	position: relative;
}

ul#bnrs_wrapper_l {
	background: url(../images/common/bg_bnrs_wrapper_l.gif) no-repeat;
	height: 190px;
	width: 730px;
	margin-bottom: 30px;
	list-style: none;
	position: relative;
}

ul#bnrs_wrapper li img,
ul#bnrs_wrapper_l li img { display: block }

li#bnr1 {
	position: absolute;
	left: 30px;
	top: 10px;
}

li#bnr2 {
	position: absolute;
	right: 30px;
	top: 10px;
}

li#bnr3 {
	position: absolute;
	left: 30px;
	top: 100px;
}

li#bnr4 {
	position: absolute;
	right: 30px;
	top: 100px;
}

/* クロージング */
.closing {
	background: url(../images/common/bg_closing.gif) no-repeat;
	height: 96px;
	width: 730px;
	position: relative;
}

.closing a {
	text-indent: -9999px;
	display: block;
	background: url(../images/common/btn_closing.gif) no-repeat;
	height: 72px;
	width: 291px;
	position: absolute;
	top: 14px;
	left: 9px;
	overflow: hidden;
}

.closing a:hover { background-position: 0 -72px }

.closing img {
	position: absolute;
	top: 41px;
	left: 353px;
}

.closing_mb { margin-bottom: 30px }

#flow_img {
	text-indent: -9999px;
	background: url(../images/common/flow_img.gif) no-repeat;
	height: 204px;
	width: 730px;
	margin-bottom: 20px;
}

#flow_img ol { list-style: none }

p#camp_ex { margin: 5px 0 30px 0 }

/*中見出し（関連リンク付）*/
#hd_other_link {
	background-color: #efeeee;
	height: 37px;
	width: 730px;
	margin: 0 0 19px 0;
	position: relative;
}

#hd_other_link h2 {
	position: absolute;
	top: 0;
	left: 0;
}

#hd_other_link a {
	font-size: 11px;
	color: #666;
	background: url(../images/common/ico_other_link.gif) no-repeat left center;
	padding-left: 9px;
	position: absolute;
	top: 13px;
	right: 10px;
}

#hd_other_link a:hover {
	color: #999;
	text-decoration: none;
}

.ex_link {
	width: 100%;
	margin-top: 5px;
}

.ex_link p {
	color: #666;
	font-size: 70%;
	line-height: 1.4;
	float: left;
}

.ex_link a {
	display: block;
	background: url(../images/common/list_off.gif) no-repeat left center;
	padding-left: 20px;
	float: right;
}

/*当サイト限定！おトクなキャンペーン実施中！！*/
h2#h2_camp3 { margin:30px auto 5px auto }

#camp3_set_s {
	background: url(../images/common/bg_camp3_set_s.gif) no-repeat;
	height: 249px;
	width: 730px;
}

#camp3_set_s h3 {
	text-indent: -9999px;
	height: 53px;
	width: 730px;
	margin-bottom: 0;
}

#camp3_set_s ul {
	height: 186px;
	width: 730px;
	list-style: none;
	position: relative;
}

#camp3_set_s ul li {
	height: 192px;
	width: 235px;
	list-style: none;
	position: absolute;
	top: 0;
}

#camp3_set_s ul li a { display: block }

li#camp1_s { left: 11px }

li#camp2_s { left: 248px }

li#camp3_s { left: 485px }

#copyright {
	font-size: 11px;
	color: #fff;
	text-align: center;
	background-color: #999;
}

/* 追加文言箇所（小） */
.ex_section {
	background: url(../images/common/bg_ex_section_top.png) no-repeat;
	width: 700px;
	margin: 10px 0 30px 0;
	padding-top: 15px;
}

.ex_section.mb { margin: 10px 0!important }

.ex_section.no_mb { margin: 10px 0 0 0!important }

.ex_section_inner {
	background: url(../images/common/bg_ex_section_bottom.png) no-repeat left bottom;
	width: 700px;
	padding-bottom: 15px;
}

.ex_section_inner div {
	background: url(../images/common/bg_ex_section_middle.png) repeat-y;
	width: 640px;
	padding: 12px 30px;
}

.ex_section_inner div p {
	font-size: 13px;
	color: #333;
	line-height: 1.7;
}

.ex_section_inner div p.mb,
.ex_section_inner div ul.mb { margin-bottom: 15px }

.ex_section_inner div p span.important {
	font-weight: bold;
	color: #f00;
}

.ex_section_inner div p span.bold { font-weight: bold }

.ex_section_inner div p.small {
	font-size: 11px;
	color: #666;
	background-color: #efefef;
	padding: 10px;
}

.ex_section_inner div ul {
	font-size: 13px;
	color: #333;
	line-height: 1.7;
	margin-left: 20px;
	list-style: none;
}

.ex_section_inner div ul li {
	background: url(../images/common/ico_section.png) no-repeat left 9px;
	padding-left: 10px;
}

.ex_section_inner div h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	color: #003466;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #003466;
}

.ex_section_inner div h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	color: #333;
	margin-bottom: 10px;
	padding: 2px 0 2px 10px;
	border-left: 5px solid #ccc;
}

.ex_section.with_closing { margin-bottom: 0 }

.innerlink {
	font-size: 12px;
	text-align: center;
	color: #99c;
	background-color: #f1f1f1;
	margin-bottom: 50px;
	padding: 10px 0;
	border-top: 1px dotted #99c;
	border-bottom: 1px dotted #99c;
}

.innerlink a:hover { color: #039 }

/* 111107_他サービスバナー入れ */
#other_services {
	background: #b9b9b9 url(../images/common/foot_b.gif) repeat-x;
	width: 100%;
	padding: 10px 0;
}

#other_services_inner {
	display: block;
	background: url(../images/common/bg_other_services_inner.png) no-repeat 237px center;
	width: 955px;
	margin: 0 auto;
}

#f_secom {
	width: 54px;
	float: left;
}

#other_services ul {
	width: 890px;
	float: right;
	list-style: none;
}

#other_services li {
	text-align: center;
	width: 166px;
	margin-right: 15px;
	float: left;
}

#other_services li#other_service_last { margin-right: 0 }

#other_services li a {
	font-size: 10px;
	color: #00f;
	line-height: 1.4;
}

#other_services li a:hover {
	color: #039;
	text-decoration: none;
}

#other_services li a span { font-size: 13px }