@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Century Gothic,Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	letter-spacing: 0.1em;
	-webkit-text-size-adjust: none;
	line-height: 1.6;
	color: #333333;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	position: relative;
}
/* !header
---------------------------------------------------------- */
#header {
	padding: 22px 0;
}
	#headerIn {
		margin: 0 auto;
		width: 960px;
		text-align: left;
	}
		#headerIn .txt01 {
			color: #787878;
			margin-bottom: 10px;
			font-size: 86%;
		}
		#headerLogo {
			float: left;
		}
			#headerLogo a {
				display: inline-block;
				text-decoration: none;
			}
				#headerLogo a :hover {
					filter: alpha(opacity=70);
					-ms-filter: "alpha(opacity=70)";
					-webkit-opacity: 0.7;
				}
		#headerLinks {
			float: right;
		}
			#headerLinks a {
				display: block;
				color: #333;
				text-decoration: none;
				background: #fff;
				filter:alpha(opacity=100);
				opacity:1;
			}
			#headerLinks a:hover {
				filter:alpha(opacity=70);
				opacity:0.7;
			}
			#headerLinks .txtLink {
				margin-bottom: 5px;
			}
				#headerLinks .txtOpen {
					float: left;
					font-size: 86%;
					color: #787878;
				}
				#headerLinks .txtTel {
					padding: 13px 0 0;
					float: right;
				}
/* !gNavi
---------------------------------------------------------- */
#gNavi01 {
	width: 100%;	
	background: rgba(0, 0, 0, 0.7);
	z-index: 2;
	}
	#gNavi01 ul {
		width: 960px;
		margin: 0 auto;
	}
		#gNavi01 ul li {
			float: left;
		}
			#gNavi01 ul li a {
				display: block;
				font-size: 108%;
				color: #fff;
				text-decoration: none;
				padding: 5px 12px;
			}
			#gNavi01 ul li a:hover,
			#gNavi01 ul li a:focus,
			#gNavi01 ul li a.active {
				background: rgba(68, 114, 196, 0.9);
			}

#lNavi01 {
	width: 960px;
	margin: 0 auto;
	background: #e1e1e1;
}
	#lNavi01 ul {
		overflow: hidden;
	}
		#lNavi01 ul li {
			float: left;
		}
			#lNavi01 ul li.last {
				background: none;
			}
			#lNavi01 ul li a {
				display: block;
				font-size: 93%;
				color: #333;
				text-decoration: none;
				padding: 5px 14px;
			}
			#lNavi01 ul li a:hover,
			#lNavi01 ul li a:focus,
			#lNavi01 ul li a.active {
				background: #b9b9b9;
			}
/* !lNavi（第三階層） あとで削除
---------------------------------------------------------- */
#lNavi02 {
	position:relative;
	}
	#lNavi02 ul {
		width: 165px;
		padding: 0 6px 6px 6px;
		background-color: #000;
		opacity: 0.7;		
		position:absolute;
		top: 0;
		left: 315px;
	}
		#lNavi02 ul li {
			border-bottom: 1px solid #fff;
			padding: 6px 0;
		}
		#lNavi02 ul li.last {
			border-bottom: none;
			padding-bottom: 0;
		}
		
#lNavi02 ul li a {
				color: #fff;
				text-decoration: none;
			}
			#lNavi02 ul li a:hover,
			#lNavi02 ul li a:focus,
			#lNavi02 ul li a.active {
				color: #085cf2;
			}		
/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	*zoom: 1;
}
	#breadcrumb li {
		float: left;
		white-space: nowrap;
	}
	#breadcrumb li.home {
	}
		#breadcrumb li a {
			white-space: nowrap;
		}
/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
	#main {
		width: 960px;
		margin: 0 auto;
	}
	#sub {
	}
/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position: absolute;
	right: 0;
	top: -55px;
}
/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
	text-align: left;
}
	#footerIn {
		width: 960px;
		margin: 0 auto;
	}
	.footerBox {
		margin: 0 0 50px 73px;
	}
		.footerLogo {
			float: left;
			margin-right: 180px;
		}
			.footerLogo a {
				display: block;
			}
				.footerLogo a:hover {
					filter: alpha(opacity=70);
					-ms-filter: "alpha(opacity=70)";
					-webkit-opacity: 0.7;
				}
			#footerLinks {
				margin-top: 8px;
			}
				#footerLinks li {
					float: left;
					background: url(../img/common/border_bottom01.jpg) no-repeat right 3px;
					padding: 0 10px;
				}
				#footerLinks li.first {
					padding: 0 10px 0 0;
				}
				#footerLinks li.last {
					background: none;
				}
					#footerLinks li a {
						color: #333;
						font-size: 79%;
						background: #fff;
						filter:alpha(opacity=100);
						opacity:1;
					}
						#footerLinks li a:hover {
							filter:alpha(opacity=70);
							opacity:0.7;
						}
			.footerSearch {
				overflow: hidden;
				position: relative;
				padding-top: 10px;
			}
			.footerSearch form {
				margin: 0;
				padding: 0;
			}
			.footerSearch .credit {
				margin: 5px 0 0 0;
			}
#cse-search-box {
	padding: 0;
	margin: 0;
	width: 300px;
	position: relative;
	}
	#cse-search-box div {
		  padding: 0;
		  }
	#cse-search-box input[type="text"] {
		width: 254px;
		border: 1px solid #d9d9d9;
		padding-left: 8px;
		height: 29px;
		color: #787878;
		}
	#cse-search-box input[type="text"]:focus {
		outline: 0;
		}
	#cse-search-box input[type="text"]:hover {
		cursor: pointer;
		filter:alpha(opacity=100);
		opacity:1;
		}		
	#cse-search-box input[type="image"] {
		border: none;
		overflow: hidden;
		background-color: #0e3f8f;
		position:absolute;
		height: 33px;
		}
			#contact {
				text-align: center;
				margin-bottom: 14px;
				font-size: 86%;
			}
				#contact span {
					margin-left: 16px;
				}
			#copyright {
				border-top: 1px solid #d9d9d9;
				font-size: 86%;
				color: #787878;
				text-align: center;
				padding: 15px 0 15px;
			}
/* !Table
---------------------------------------------------------- */
.table_basic01 {
	width: 760px;
	margin: 0 auto 99px;
}
	.table_basic01 th,
	.table_basic01 td {
		padding: 7px 24px;
		font-size: 115%;
	}
	.table_basic01 th {
		width: 162px;
		vertical-align: middle;
	}
	.table_basic01 td {
	}
		.table_basic01 th div,
		.table_basic01 td div {
		}
	.table_basic01 tr.odd {
		background: #dbdbdb;
	}
	.table_basic01 tr.even {
		background: #fff;
	}
/* !banner
---------------------------------------------------------- */
.bannerWrap {
	background: #f3f3f3;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 50px;
}
	.bannerWrap .banner {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}
		.bannerWrap .banner ul {
			padding: 22px 0;
		}
			.bannerWrap .banner ul li {
				float: left;
				margin-right: 20px;
			}
				.bannerWrap .banner ul li.last {
					margin-right: 0px;
				}
/* !boxTitle01
---------------------------------------------------------- */
.boxTitle01 {
	margin-top: 70px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 25px;
}
	.boxTitle01 .txtTitle01,
	.boxTitle01 .txtTitle02,
	.boxTitle01 .txtTitle03,
	.boxTitle01 .txtTitle04,
	.boxTitle01 .txtTitle05,
	.boxTitle01 .txtTitle06	{
		position: relative;
		top: 8px;
	}
		.boxTitle01 .txtTitle01 h2 {
			color: #5992bd;
			font-size: 143%;
		}
		.boxTitle01 .txtTitle02 h2 {
			color: #8ec31e;
			font-size: 143%;
		}
		.boxTitle01 .txtTitle03 h2 {
			color: #00a0e8; /* TVCM */
			font-size: 143%;
		}
		.boxTitle01 .txtTitle04 h2 {
			color: #aa569d; /* web */
			font-size: 143%;
		}
		.boxTitle01 .txtTitle05 h2 {
			color: #ea6072; /* orikomi */
			font-size: 143%;
		}
		.boxTitle01 .txtTitle06 h2 {
			color: #f39700; /* crm */
			font-size: 143%;
		}
		.boxTitle01 .txtTitle01 h3,
		.boxTitle01 .txtTitle02 h3,
		.boxTitle01 .txtTitle03 h3,
		.boxTitle01 .txtTitle04 h3,
		.boxTitle01 .txtTitle05 h3,
		.boxTitle01 .txtTitle06 h3 {
			font-size: 340%;
			margin-top: -9px;
		}
		.boxTitle01 .icoTitle01 {
			float: left;
			margin-right: 14px;
		}
.titleBasic01,
.titleBasic02,
.titleBasic03,
.titleBasic04,
.titleBasic05,
.titleBasic06 {
	font-size: 215%;
	background: url(../img/common/ico_tit01.jpg) no-repeat left;
	height: 32px;
	line-height: 36px;
	/*padding-left: 23px;
	margin-bottom: 25px;*/
	
	margin-bottom: -40px;
    padding: 65px 0 65px 23px;
}

.titleBasic02{
	background: url(../img/service/ico_tit02.jpg) no-repeat left;
}
.titleBasic03{
	background: url(../img/service/tvcm/ico_tit.png) no-repeat left;
}
.titleBasic04{
	background: url(../img/service/web/ico_tit.png) no-repeat left;
}
.titleBasic05{
	background: url(../img/service/orikomi/ico_tit.png) no-repeat left;
}
.titleBasic06{
	background: url(../img/service/crm/ico_tit.png) no-repeat left;
}
	.titleBasic01 span {
		font-size: 60%;
	}
.txtBasic01 {
	font-size: 115%;
	padding: 12px 0 0 10px;
}
.txtBasic02 {
	font-size: 115%;
	padding-left: 10px;
}
.txtBasic03 {
	font-size: 115%;
	padding-left: 10px;
	padding-top: 45px;
}
.bottom01 {
	width: 560px;
	margin: 75px auto 100px;
}
	.bottom01.type01 {
		margin-top: 100px;
	}
	.bottom01 .btnBottom01 {
		margin-bottom: 25px;
	}
	.bottom01 .boxBottom01 {
		margin-bottom: 5px;
	}
		.bottom01 .boxBottom01 .txtBottom01 {
			float: left;
			font-size: 93%;
			color: #787878;
			margin: 0 15px;
		}
		.bottom01 .boxBottom01 .txtBottom02 {
			position: relative;
			top: 10px;
		}