@charset "UTF-8";
/* CSS Document */

/* SecuAvail LogStare common */



/*==== [ common id and class ] ====================================================================*/
html{ height:100%; width:100%; }
body {
	margin:0; padding:0;
	height:100%;
	width:100%;
	background:#ffffff url('../img/common/bg_base.png') top center;
}

div#main{
	background:url('../img/common/bg_main.png') top center repeat-x;
	margin:0;
	width:100%;
	min-height:100%;
}

*html div#main{
	height:100%;
}	






/* ==[ common Basic ]== */
p, ul, ol, li { margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
.clear { clear:both; }
*html div.clear { font-size:1px; }
.left { text-align:left; }
.right{ text-align:right; }
.center { text-align:center; }
.valSuper { vertical-align:super; font-size:smaller; }
.valBtm { vertical-align:bottom; }
.nowrap { white-space:nowrap; }
.pre { white-space:pre; }

a { text-decoration:none; }
img { border:none; }


/* ==[ commonBg and Box ]== */
div#headBar{
	display:block;

	width:832px;
	margin:0 auto;
	height:34px;
	padding:3px 30px 0 0;
}
div#headBar div#companyLogo a{
	float:right;
	display::block;
	background:url('../img/common/company_logo.png') top left no-repeat;
	width:108px;
	height:31px;
	text-indent:-8000px;
}

div#headerBg{
	display:block;
	width:100%;
	background:#ffffff url('../img/common/bg_header.png') bottom center repeat-x;
}

div#headerBg_C{
	display:block;
	width:100%;
	background:#ffffff url('../img/common/bg_header_c.png') bottom center repeat-x;
}

div#container{
	width:100%;
	background:#ffffff url('../img/common/bg_container.png') top center repeat-x;
	min-height:300px;
}
div#footerBg{
	display:block;
	width:100%;
	height:80px;
	background:url('../img/common/bg_footer.png') top center repeat-x;
}
/* ==[ header ]== */
div#headerBg h1#mainImg{
	display:block;
	width:948px;
	height:222px;
	background:url('../img/index/main_image.jpg') top left no-repeat;
	text-indent:-8000px;
	margin:0 auto;
}

div#headerBg_C div#mainImg{
	display:block;
	width:948px;
	height:139px;
	background:url('../img/common/main_image_c.jpg') top left no-repeat;
	text-indent:-8000px;
	margin:0 auto;
}


/* ==[ contents ]== */
div#container div#containerBody{
	width:800px;
	margin:0 auto;
	padding:45px 8px 35px 20px;
	position:relative;
	z-index:11
}
*html div#container div#containerBody{
	width:802px;
}
div#columnL {
	float:left;
	width:250px;
	padding:0;
}
div#columnR {
	float:left;
	width:525px;
	padding:0 0 0 13px;
}
*html div#columnR {
	width:525px;
}


/* 導入事例バナー2 */
div#container div#containerBody div#columnL div#bannerBlock div#bannerBox div#caseStudyB{
	display:block;
	width:246px;
	height:132px;
	background:url('../img/common/banner_case_study_bg2.png') top left no-repeat;
}
div#container div#containerBody div#columnL div#bannerBlock div#bannerBox div#caseStudyB div#caseStudylink a{
	float:left;
	display:block;
	width:246px;
	height:34px;
	text-indent:-8000px;
}

div#container div#containerBody div#columnL div#bannerBlock div#bannerBox div#caseStudyB img{
	float:left;
	margin:0 13px 8px 14px;
}
div#container div#containerBody div#columnL div#bannerBlock div#bannerBox div#caseStudyB div.caption{
	float:left;
}
div#container div#containerBody div#columnL div#bannerBox div#caseStudyB p a{
	color:#000000;
}
div#container div#containerBody div#columnL div#bannerBox div#caseStudyB p.company a{
	font-weight:bold;
}
div#container div#containerBody div#columnL div#bannerBox div#caseStudyB p.copy{
	padding:3px 0 0 0;
}





div.toPageTop a{
	display:block;
	width:64px;
	height:11px;
	font-size:1px;
	text-indent:-8000px;
	background:url('../img/common/to_pagetop.png') top left no-repeat;
	float:right;
}

/* ==[ footer ]== */
div#footerBg div#footerBox{
	width:780px;
	margin:0 auto;
}
div#footerBg div#footerBox ul{
	padding:7px 0 0 0px;
}

div#footerBg div#footerBox ul li{
	float:left;
	list-style-type:none;
	padding:0 13px 0 15px;
	background:url('../img/common/bttom_navi_border.png') top left no-repeat;
}
div#footerBg div#footerBox ul li a{
	color:#535353;
}
div#footerBg div#footerBox ul li.first-child{
	background-image:none;
}

div#footerBg div#footerBox div#copyright{
	display:block;
	float:right;
	width:237px;
	height:5px;
	background:url('../img/common/copyright.png') top center no-repeat;
	margin:16px 0 0 0;
	text-indent:-8000px;
}


/* ==[ form object ]== */
form { padding:0; margin:0; }

.lform, .lform20, .lform30, .lform50, .lform80, 
.lform100, .lform150, .lform200, .lform250, 
.lform300, .lform350, .lform400{

	border:solid #c8c8d4 1px;
	margin:0px;
	padding: 2px 5px;
	background:#f0f0fa;
	font-family: verdana,sans-serif;
	font-size: 12px;
	color:#000000;
	height:16px;
}
.lformPop {
	background:#f0f0fa;
	border:solid #c8c8d4 1px;

	font-size: 12px;
	min-width:60px;
}
.lform20 { width:20px; }
.lform30 { width:30px; }
.lform50 { width:50px; }
.lform80 { width:80px; }
.lform100 { width:100px; }
.lform150 { width:150px; }
.lform200 { width:200px; }
.lform250 { width:250px; }
.lform300 { width:300px; }
.lform350 { width:350px; }
.lform400 { width:400px; }


/* ==[ font color ]== */
.f_col_gr { color: #555555; }
.f_col_r { color: #ac0000; }
.f_col_or { color: #FF3600; }
.f_col_p { color:#cb177a; }


/*==== [ margin and padding class ] ====================================================================*/
/* ==[ top margin ]== */
.tm0  { margin-top:0px; }
.tm1  { margin-top:1px; }
.tm2  { margin-top:2px; }
.tm3  { margin-top:3px; }
.tm4  { margin-top:4px; }
.tm5  { margin-top:5px; }
.tm6  { margin-top:6px; }
.tm7  { margin-top:7px; }
.tm8  { margin-top:8px; }
.tm9  { margin-top:9px; }
.tm10 { margin-top:10px; }
.tm11 { margin-top:11px; }
.tm12 { margin-top:12px; }
.tm13 { margin-top:13px; }
.tm14 { margin-top:14px; }
.tm15 { margin-top:15px; }
.tm20 { margin-top:20px; }
.tm25 { margin-top:25px; }
.tm30 { margin-top:30px; }
.tm35 { margin-top:35px; }
.tm40 { margin-top:40px; }
.tm45 { margin-top:45px; }

.tm50 { margin-top:50px; }
.tm60 { margin-top:60px; }
.tm70 { margin-top:70px; }
.tm80 { margin-top:80px; }
.tm90 { margin-top:90px; }
.tm100 { margin-top:100px; }
.tm120 { margin-top:120px; }

/* ==[ top padding ]== */
.tp0, .tbp0 { padding-top:0px; }
.tp1, .tbp1 { padding-top:1px; }
.tp2, .tbp2 { padding-top:2px; }
.tp3, .tbp3 { padding-top:3px; }
.tp4, .tbp4 { padding-top:4px; }
.tp5, .tbp5 { padding-top:5px; }
.tp6, .tbp6 { padding-top:6px; }
.tp7, .tbp7 { padding-top:7px; }
.tp8, .tbp8 { padding-top:8px; }
.tp9, .tbp9 { padding-top:9px; }
.tp10, .tbp10 { padding-top:10px; }
.tp11, .tbp11 { padding-top:11px; }
.tp12, .tbp12 { padding-top:12px; }
.tp13, .tbp13 { padding-top:13px; }
.tp14, .tbp14 { padding-top:14px; }
.tp15, .tbp15 { padding-top:15px; }
.tp16, .tbp16 { padding-top:16px; }
.tp17, .tbp17 { padding-top:17px; }
.tp18, .tbp18 { padding-top:18px; }
.tp19, .tbp19 { padding-top:19px; }
.tp20, .tbp20 { padding-top:20px; }
.tp25, .tbp25 { padding-top:25px; }
.tp30, .tbp30 { padding-top:30px; }
.tp35, .tbp35 { padding-top:35px; }
.tp40, .tbp40 { padding-top:40px; }
.tp45, .tbp45 { padding-top:45px; }
.tp50, .tbp50 { padding-top:50px; }
.tp60, .tbp60 { padding-top:60px; }
.tp70, .tbp70 { padding-top:70px; }
.tp80, .tbp80 { padding-top:80px; }
.tp90, .tbp90 { padding-top:90px; }
.tp100, .tbp100 { padding-top:100px; }

/* ==[ bottom padding ]== */
.bp0, .tbp0 { padding-bottom:0px; }
.bp1, .tbp1 { padding-bottom:1px; }
.bp2, .tbp2 { padding-bottom:2px; }
.bp3, .tbp3 { padding-bottom:3px; }
.bp4, .tbp4 { padding-bottom:4px; }
.bp5, .tbp5 { padding-bottom:5px; }
.bp6, .tbp6 { padding-bottom:6px; }
.bp7, .tbp7 { padding-bottom:7px; }
.bp8, .tbp8 { padding-bottom:8px; }
.bp9, .tbp9 { padding-bottom:9px; }
.bp10, .tbp10 { padding-bottom:10px; }
.bp11, .tbp11 { padding-bottom:11px; }
.bp12, .tbp12 { padding-bottom:12px; }
.bp13, .tbp13 { padding-bottom:13px; }
.bp14, .tbp14 { padding-bottom:14px; }
.bp15, .tbp15 { padding-bottom:15px; }
.bp16, .tbp16 { padding-bottom:16px; }
.bp17, .tbp17 { padding-bottom:17px; }
.bp18, .tbp18 { padding-bottom:18px; }

.bp19, .tbp19 { padding-bottom:19px; }
.bp20, .tbp20 { padding-bottom:20px; }
.bp25, .tbp25 { padding-bottom:25px; }
.bp30, .tbp30 { padding-bottom:30px; }
.bp35, .tbp35 { padding-bottom:35px; }
.bp40, .tbp40 { padding-bottom:40px; }
.bp45, .tbp45 { padding-bottom:45px; }
.bp50, .tbp50 { padding-bottom:50px; }
.bp60, .tbp60 { padding-bottom:60px; }
.bp70, .tbp70 { padding-bottom:70px; }
.bp80, .tbp80 { padding-bottom:80px; }
.bp90, .tbp90 { padding-bottom:90px; }
.bp100, .tbp100 { padding-bottom:100px; }

/* ==[ right padding ]== */
.rp0, .lrp0   { padding-right:0px; }
.rp1, .lrp1   { padding-right:1px; }
.rp2, .lrp2   { padding-right:2px; }
.rp3, .lrp3   { padding-right:3px; }
.rp4, .lrp4   { padding-right:4px; }
.rp5, .lrp5   { padding-right:5px; }
.rp6, .lrp6   { padding-right:6px; }
.rp7, .lrp7   { padding-right:7px; }
.rp8, .lrp8   { padding-right:8px; }
.rp9, .lrp9   { padding-right:9px; }
.rp10, .lrp10 { padding-right:10px; }

.rp11, .lrp11 { padding-right:11px; }
.rp12, .lrp12 { padding-right:12px; }
.rp13, .lrp13 { padding-right:13px; }
.rp14, .lrp14 { padding-right:14px; }
.rp15, .lrp15 { padding-right:15px; }
.rp16, .lrp16 { padding-right:16px; }
.rp17, .lrp17 { padding-right:17px; }
.rp18, .lrp18 { padding-right:18px; }
.rp19, .lrp19 { padding-right:19px; }
.rp20, .lrp20 { padding-right:20px; }
.rp25, .lrp25 { padding-right:25px; }
.rp30, .lrp30 { padding-right:30px; }

.rp35, .lrp35 { padding-right:35px; }
.rp40, .lrp40 { padding-right:40px; }
.rp45, .lrp45 { padding-right:45px; }
.rp50, .lrp50 { padding-right:50px; }
.rp60  { padding-right:60px; }
.rp70  { padding-right:70px; }
.rp80  { padding-right:80px; }
.rp90  { padding-right:90px; }
.rp100 { padding-right:100px; }

/* ==[ left padding ]== */
.lp0, .lrp0   { padding-left:0px; }
.lp1, .lrp1   { padding-left:1px; }
.lp2, .lrp2   { padding-left:2px; }
.lp3, .lrp3   { padding-left:3px; }
.lp4, .lrp4   { padding-left:4px; }
.lp5, .lrp5   { padding-left:5px; }
.lp6, .lrp6   { padding-left:6px; }
.lp7, .lrp7   { padding-left:7px; }
.lp8, .lrp8   { padding-left:8px; }
.lp9, .lrp9   { padding-left:9px; }
.lp10, .lrp10 { padding-left:10px; }
.lp11, .lrp11 { padding-left:11px; }
.lp12, .lrp12 { padding-left:12px; }
.lp13, .lrp13 { padding-left:13px; }
.lp14, .lrp14 { padding-left:14px; }
.lp15, .lrp15 { padding-left:15px; }
.lp16, .lrp16 { padding-left:16px; }
.lp17, .lrp17 { padding-left:17px; }
.lp18, .lrp18 { padding-left:18px; }
.lp19, .lrp19 { padding-left:19px; }
.lp20, .lrp20 { padding-left:20px; }
.lp25, .lrp25 { padding-left:25px; }
.lp30, .lrp30 { padding-left:30px; }
.lp35, .lrp35 { padding-left:35px; }
.lp40, .lrp40 { padding-left:40px; }
.lp45, .lrp45 { padding-left:45px; }
.lp50, .lrp50 { padding-left:50px; }
.lp60  { padding-left:60px; }
.lp70  { padding-left:70px; }
.lp80  { padding-left:80px; }
.lp90  { padding-left:90px; }
.lp100 { padding-left:100px; }