@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';
	color: #333;
	background: url(../images/bg.gif);
}

div#container {
	width: 100%;
	background: url(../images/bg.png) repeat-x left top;
}

/*IE6用に透過処理*/
* html div#container { behavior: expression(IEPNGFIX.fix(this)); }

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

img.m1 { margin-bottom: 10px }

p {
	font-size: 80%;
	line-height: 1.5;
	color: #333;
}

/* 補足事項 */
p.small {
	text-indent: -1em;
	font-size: 11px;
	line-height: 1.4;
	color: #999;
	margin-left: 2em;
}

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

#intro {
	background: #f76b1f;
	height: 30px;
	width: 100%;
}

#intro_in {
	background: url(../images/au_logo.gif) no-repeat 27px center;
	height: 30px;
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#intro_in h1 {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	position: absolute;
	top: 8px;
	left: 116px;
}

#intro_in p {
	text-indent: -9999px;
	background: url(../images/intro_p.jpg) no-repeat;
	height: 27px;
	width: 345px;
	position: absolute;
	right: 28px;
	bottom: 0;
}

#box {
	background: #fff;
	width: 900px;
	margin: 0 auto;
}

#header {
	background: url(../images/header.jpg) no-repeat 26px top;
	height: 113px;
	width: 900px;
	position: relative;
}

#header a#logo {
	text-indent: -9999px;
	display: block;
	height: 113px;
	width: 402px;
}

#header img {
	height: 19px;
	width: 187px;
	position: absolute;
	top: 32px;
	right: 37px;
}

#header a#mail1 {
	text-indent: -9999px;
	display: block;
	background: url(../images/mail1.gif) no-repeat;
	height: 17px;
	width: 154px;
	position: absolute;
	right: 47px;
	bottom: 8px;
}

#header a#mail_small {
	text-indent: -9999px;
	display: block;
	background: url(../images/mail_small.gif) no-repeat;
	height: 40px;
	width: 165px;
	position: absolute;
	right: 36px;
	bottom: 1px;
}

#header a:hover#mail_small {
	right: 35px;
	bottom: 0;
}

#flash {
	height: 409px;
	width: 850px;
	margin: 0 auto 10px auto;
}

#vt {
	width: 814px;
	margin: 0 auto 20px auto;
}

img#vt_img {
	float: left;
	margin-right: 11px;
}

#closing {
	background: url(../images/closing.gif) no-repeat;
	height: 95px;
	width: 381px;
	float: left;
	padding-top: 21px;
	position: relative;
}

a#mail2 {
	text-indent: -9999px;
	background: url(../images/mail2.gif) no-repeat;
	height: 23px;
	width: 360px;
	position: absolute;
	bottom: 0;
	left: 1px;
}

a#mail_big {
	text-indent: -9999px;
	background: url(../images/mail_big.gif) no-repeat;
	height: 23px;
	width: 372px;
	position: absolute;
	bottom: 1px;
	left: 1px;
}

a:hover#mail_big {
	position: absolute;
	bottom: 0;
	left: 2px;
}

/* ページ内リンク */
.links_t,
.links {
	font-size: 11px;
	color: #06c;
	text-align: center;
}

.links_t { margin-bottom: 50px; }

.links_t a,
.links a {
	text-decoration: none;
	color: #06c;
}

.links a:hover,
.links_t a:hover { text-decoration: underline; }

.links span,
.links_t span { color: #333; }

.links strong,
.links_t strong {
	font-size: 13px;
	font-weight: normal;
	background: #ff0;
	padding: 2px 5px;
}

/* ページトップへ */
div.pagetop {
	font-size: 12px;
	text-align: right;
	width: 763px;
	margin: 20px auto;
}

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

/* コスト編・業務効率編 */
#cost,
#app {
	text-indent: -9999px;
	width: 830px;
	margin: 0 auto;
}

#cost p,
#cost h2 { width: 830px; }

p#cost_hd1 {
	background: url(../images/cost_hd1.gif) no-repeat;
	height: 60px;
}

h2#cost_hd2 {
	background: url(../images/cost_hd2.gif) no-repeat;
	height: 83px;
}

p#cost_hd3 {
	background: url(../images/cost_hd3.gif) no-repeat;
	height: 87px;
}

p#app_hd1 {
	background: url(../images/app_hd1.gif) no-repeat;
	height: 64px;
}

h2#app_hd2 {
	background: url(../images/app_hd2.gif) no-repeat;
	height: 83px;
}

p#app_hd3 {
	background: url(../images/app_hd3.gif) no-repeat;
	height: 117px;
}

p#app_ex { font-size: 11px; }

/* 見出し */
h3#point1 {
	text-indent: -9999px;
	background: url(../images/point1.gif) no-repeat;
	height: 409px;
	width: 780px;
}

h3#point2 {
	text-indent: -9999px;
	background: url(../images/point2.gif) no-repeat;
	height: 26px;
	width: 461px;
}

h3#point3 {
	text-indent: -9999px;
	background: url(../images/point3.gif) no-repeat;
	height: 27px;
	width: 461px;
}

h3#point4 {
	text-indent: -9999px;
	background: url(../images/point4.gif) no-repeat;
	height: 467px;
	width: 780px;
}

h3#point5 {
	text-indent: -9999px;
	background: url(../images/point5.gif) no-repeat;
	height: 26px;
	width: 461px;
}

img.cost_t,
img.app_t { margin: 13px 0 0 13px }

p#cost_p1 {
	font-size: 16px;
	color: #333;
	margin: 10px 0 0 20px;
}

p#cost_p1 span { text-decoration: underline; }

p#cost_p1 strong {
	font-size: 18px;
	color: #c00;
	text-decoration: underline;
}

p#cost_p2,
p#app_p {
	font-size: 15px;
	color: #333;
	margin: 10px 0 0 20px;
	width: 400px;
}

p#cost_p2 strong {
	font-size: 18px;
	text-decoration: underline;
}

/* 中ボックス */
div.in { width: 780px; }

/* 左側ボックス */
div.left {
	width: 461px;
	float: left;
}

/* 右側ボックス */
div.right {
	width: 319px;
	float: right;
}

/* ミニボックス */
div.mini { padding-top: 20px; }


/* 枠付きボックス */
.inner {
	width: 780px;
	margin: 0 auto 20px auto;
	padding: 23px;
	border: 2px solid #8293be;
	border-top: none;
}

/* スタッフ告知 */
div.msg {
	background: url(../images/msg_i.jpg) no-repeat;
	width: 560px;
	margin: 20px auto;
	padding-left: 113px;
}

/* エリア＆セキュリティ */
div#au_ex {
	width: 828px;
	margin: 20px auto;
}

/* スタッフ訴求 */
div#outro {
	background: url(../images/outro_b.gif) no-repeat left bottom;
	width: 748px;
	margin: 0 auto 20px auto;
	padding-bottom: 14px;
}

div#outro_t {
	text-indent: -9999px;
	background: url(../images/outro_t.gif) no-repeat;
	height: 54px;
	width: 748px;
}

div#outro_m {
	background: url(../images/outro_i.jpg) no-repeat 46px bottom;
	width: 464px;
	margin: 0 2px;
	padding: 0 36px 0 244px;
}

div#outro_m p { color: #666 }

/* 注意事項 */
p#ex {
	font-size: 11px;
	line-height: 1.4;
	color: #999;
	width: 750px;
	margin: 20px auto 50px auto;
}

p#ex span {
	font-size: 12px;
	display: block;
	margin-bottom: 0.5em;
}

/* 会社概要リンク */
div#footer_links {
	font-size: 11px;
	text-align: right;
	color: #06c;
	background: url(../images/footer_links.gif) repeat-x;
	height: 11px;
	width: 812px;
	margin: 0 auto;
	padding: 14px 14px 14px 0;
	border-right: 2px solid #ffd9bf;
	border-left: 2px solid #ffd9bf;
}

div#footer_links a { color: #06c; }

/* フッタ */
div#footer {
	background: #f60;
	height: 160px;
	width: 859px;
	margin: 0 auto;
	position: relative;
}

div#footer img { position: absolute; }

img#foot_logo {
	top: 24px;
	left: 45px;
}

img#foot_orner {
	top: 22px;
	left: 147px;
}

img#foot_tel {
	top: 23px;
	left: 517px;
}

img#tel3 {
	top: 41px;
	left: 501px;
}

img#foot_mail {
	top: 107px;
	left: 542px;
}

#seal {
	position: absolute;
	top: 17px;
	left: 440px;
}

div#footer a#mail3 {
	text-indent: -9999px;
	display: block;
	background: url(../images/mail3.gif) no-repeat;
	height: 22px;
	width: 284px;
	position: absolute;
	top: 80px;
	left: 504px;
}

div#footer p#p1 {
	color: #fff;
	position: absolute;
	top: 52px;
	left: 147px;
}

div#footer p#p2 {
	font-size: 11px;
	color: #fff;
	background: #f00;
	padding: 0 5px;
	position: absolute;
	top: 132px;
	right: 25px;
}

address {
	font-size: 12px;
	font-style: normal;
	color: #fff;
	text-align: center;
	width: 810px;
	margin: 0 auto;
	padding-top: 10px;
	border-top: 1px solid #ffb380;
	position: absolute;
	top: 125px;
	left: 24px;
}

div#other_links {
	font-size: 10px;
	color: #666;
	text-align: right;
	background: #eee;
	margin: 0 21px;
	padding: 5px
}

div#other_links a {
	text-decoration: none;
	color: #666;
}

div#other_links a:hover {
	text-decoration: underline;
	color: #888;
}

p#kokuti {
	font-size: 11px;
	color: #f00;
	line-height: 1.4;
	text-align: center;
	width: 700px;
	margin: 5px auto;
	padding: 5px;
}

p#kokuti span {
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
}

/*キャンペーンポップアップバナー*/
a.camp0912_bana {
	display: block;
	height: 100px;
	width: 850px;
	margin: 0 auto 10px auto;
}