@charset "utf-8";

/* ==================================================

LIBRAZONE style sheet

================================================== */


/*  Original
--------------------------------------------------------------------*/

a:link,
a:visited {
	color:#f29600;
	text-decoration:none;
}

a:hover,
a:active {
	color:#f29600;
	text-decoration:underline;
}

#header .logo {
	text-align:center;
	padding:20px 0;
}

#header .line {
	border-top:solid 3px #f29600;
}

#header .tm ul,
#header .tm li {
	padding:0;
	margin:0;
	list-style-type:none;
}
#header .tm li a {
	display:block;
	float:left;
	width:20%;
	text-align:center;
	padding:15px 0;
	font-weight:bold;
}
@media (max-width: 767px) {
#header ul {
	border-top:solid 1px #fff;
}
#header .container {
	width:auto;
	margin:0 auto;
	padding:0;
}
#header .tm li a {
	float:none;
	width:100%;
	border-bottom:solid 1px #fff;
}
}
#header .tm li a:link,
#header .tm li a:visited {
	background-color:#3e2f33;
	color:#fff;
}
#header .tm li a:hover,
#header .tm li a:active {
	background-color:#986319;
	color:#3e2f33;
}

.b {
	font-weight:bold;
}

.tx {
	padding-bottom:30px;
}

.contens_line_c {
	background-color:#f29600;
	height:3px;
	margin-bottom:15px;
}

#bread {
	padding:10px 0 0 0;
	text-align:right;
	font-size:85%;
	color:#999;
}

.pagetitle {
	padding-bottom:25px;
}

#title .name {
	padding-top:55px;
}

#left {
	padding-bottom:20px;
}
#left li {
	list-style-type:none;
}
#left li.top {
	padding-bottom:5px;
	border-bottom:solid 1px #c8c8c8;
}
#left li a {
	display:block;
	width:100%;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0 15px 10px;
	border-bottom:solid 1px #c8c8c8;
}
#left li a:link,
#left li a:visited {
	color:#323232;
}
#left li a:hover,
#left li a:active {
	color:#f29600;
	background-color:#fff;
}


#under_main_area {
	background-color:#f5f5f5;
}

.grobal_active {
	color:#969696;
}

.left_active {
	color:#ccc;
}

#under_nav {
	margin:0 auto;
	width:100%;
	padding:30px 0;
}
#under_nav ul {
	margin:0;
	padding:0;
}
#under_nav li {
	padding:0 15px;
	margin:0;
	list-style-type:none;
	font-size:110%;
}
#under_nav li.top {
	color:#969696;
	font-weight:bold;
	margin-bottom:5px;
}
#under_nav li a {
	display:block;
	width:100%;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	border:solid 1px #c8c8c8;
	border-radius:0.5em;
	padding:15px 0;
	margin-bottom:10px;	
}
#under_nav a:link,
#under_nav a:visited {
	color:#323232;
	background-color:#e1e1e1;
}
#under_nav a:hover,
#under_nav a:active {
	color:#f29600;
	background-color:#fff;
}




/*  TOP
--------------------------------------------------------------------*/

#information a:link,#information a:visited {
	color:#f29600;
	text-decoration:none;
}

#information a:hover,#information a:active {
	color:#f29600;
	text-decoration:underline;
}

.main_image {
	margin:0 auto;
	overflow:hidden;
	max-height:500px;
}

#main_area {
	background-color:#f5f5f5;
	padding:35px 0 50px 0;
}

#main_area .service_photo {
	text-align:center;
	padding-bottom:20px;
}

#main_area .service_name {
	font-weight:bold;
}

#main_area .service_ex {
	padding-bottom:30px;
}

#information {
	padding-bottom:15px;
}

#information .title {
	padding:30px 0 15px 0;
}

#information .line {
	background:#c8c8c8 url(../img/information_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

#information .topics {
	border-bottom:#c8c8c8 1px solid;
	padding-bottom:7px;
	margin-bottom:10px;
}

#information .topics .icon {
	margin-right:7px;
}

#sub_area {
	padding:40px 0 50px 0;
}

.links {
	padding-bottom:15px;
}

.banner {
	text-align:center;
	padding-bottom:10px;
}

.banner_ex {
	font-size:80%;
	padding-bottom:30px;
}

#footer {
	background:#3e2f33;
	color:#969696;
	font-size:85%;
}

#footer .copyright {
	text-align:center;
	padding:15px 0;
}

#footer .footer_logo {
	padding:30px 0 15px 0;
}

#footer .logo_name {
	font-weight:bold;
	color:#f29600;
}

#footer .address {
	color:#fff;
}

#footer .links {
	padding-top:30px;
}

.dropdown:hover > .dropdown-menu{
  display: block;
}

#footer li {
	list-style:none;
}
#footer li a:link,
#footer li a:visited {
	color:#fff;
	text-decoration:none;
}
#footer li a:hover,
#footer li a:active {
	color:#f29600;
}


/*  会社案内
--------------------------------------------------------------------*/

#title .company {
	background-image:url(../company/img/titleimage.jpg);
	background-size:cover;
	background-position:center;
	height:135px;
}

.sub_line_greeting {
	background:#c8c8c8 url(../company/greeting/img/pagetitle_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

.sub_line_profile {
	background:#c8c8c8 url(../company/profile/img/pagetitle_line.gif) no-repeat; 
	height:3px;
}

.sub_line_access {
	background:#c8c8c8 url(../company/access/img/pagetitle_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

#company .sign {
	text-align:right;
	padding-bottom:30px;
}

#company .profile {
	background-color:#fff;
	padding:20px;
}

#company .profile .photo {
	width:100%;
}

#company .profile .name {
	font-weight:bold;
}

#company .profile .en {
	font-style:italic;
	color:#999;
}

#company th {
	border-bottom:solid 1px #c1c4c7;
	padding:15px 0 15px 10px;
	width:20%;
}

#company td {
	border-bottom:solid 1px #c1c4c7;
	padding:15px 0;
	width:80%;
}

#company .profile_table {
	width:100%;
}

#company .map {
	overflow: hidden;
	padding-bottom:15px;
}

#company .way {
	font-size:85%;
	padding-bottom:15px;
}



/*  事業案内
--------------------------------------------------------------------*/

#title .service {
	background-image:url(../service/img/titleimage.jpg);
	background-size:cover;
	background-position:center;
	height:135px;
}

.sub_line_homepage {
	background:#c8c8c8 url(../service/homepage/img/pagetitle_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

.sub_line_design {
	background:#c8c8c8 url(../service/design/img/pagetitle_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

.sub_line_solution {
	background:#c8c8c8 url(../service/solution/img/pagetitle_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

.sub_line_produce {
	background:#c8c8c8 url(../service/produce/img/pagetitle_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

.sub_line_contents {
	background:#c8c8c8 url(../service/contents/img/pagetitle_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

#service .main_photo {
	background-color:#fff;
	padding:5px;
}

#service .main_copy {
	font-size:150%;
	color:#f29600;
	font-weight:bold;
	padding-top:20px;
}

#service .link a:link,#service .link a:visited {
	color:#f29600;
	text-decoration:none;
	font-weight:bold;
}

#service .link a:hover,#service .link a:active {
	color:#f29600;
	font-weight:bold;
	text-decoration:underline;
}

#service .outside {
	text-align:center;
}

#service .banner {
	text-align:center;
	padding-bottom:10px;
}

#service .business {
	font-weight:bold;
}




/*  採用情報
--------------------------------------------------------------------*/

#title .recruit {
	background-image:url(../recruit/img/titleimage.jpg);
	background-size:cover;
	background-position:center;
	height:135px;
}

.sub_line_recruit {
	background:#c8c8c8 url(../recruit/img/pagetitle_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

#recruit .main_copy {
	font-size:150%;
	color:#f29600;
	font-weight:bold;
}

#recruit th {
	border-bottom:solid 1px #c1c4c7;
	padding:15px 0 15px 10px;
	width:20%;
}

#recruit td {
	border-bottom:solid 1px #c1c4c7;
	padding:15px 0;
	width:80%;
}

#recruit .profile_table {
	width:100%;
}

#recruit .how {
	margin-top:20px;
}

#recruit .how .title {
	font-weight:bold;
	color:#f29600;
}

#recruit .how .ex {
	background-color:#fff;
	padding:20px;
}

#recruit .contents_title {
	font-weight:bold;
	font-size:120%;
}

#recruit .contens_line {
	background-color:#f29600;
	height:3px;
}



/*  お問い合わせ
--------------------------------------------------------------------*/

#title .contact {
	background-image:url(../contact/img/titleimage.jpg);
	background-size:cover;
	background-position:center;
	height:135px;
}

.sub_line_contact {
	background:#c8c8c8 url(../contact/img/pagetitle_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

#contact .attention {
	font-size:85%;
	color:#c84632;
}

#contact .main_copy {
	font-size:150%;
	color:#f29600;
	font-weight:bold;
}

#contact .enter {
	text-align:center;
	padding-bottom:30px;
}

#contact .privacy {
	font-size:85%;
}

#contact .form_line {
	border-bottom:dotted 1px #a0aab4;
}

#contact .form_line_under {
	border-bottom:solid 1px #a0aab4;
	margin-bottom:15px;
}

#contact .form_under {
	padding-bottom:15px;
}

#contact .form_space {
	padding:10px 0;
}

#contact .subtitle_line {
	background-color:#c8c8c8;
	height:3px;
}

#contact .subtitle {
	font-weight:bold;
}

#contact .thanks {
	font-size:150%;
	color:#f29600;
	font-weight:bold;
	text-align:center;
}

#contact .message {
	text-align:center;
	padding-bottom:200px;
}

#contact tr {
	border-bottom:dotted 1px #a0aab4;
}

#contact th,#contact td {
	padding:10px;
}

#contact table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}

#contact .submit {
	padding-bottom:15px;
}

#contact .error_m {
	font-weight:bold;
	padding:10px 0;
	border-bottom:dotted 1px #a0aab4;
}

#contact p.error_messe{
	color:#c84632;
	font-weight:bold;
}

#contact .example {
	font-size:85%;
	color:#999999;
}



/*  個人情報の取扱いについて
--------------------------------------------------------------------*/

#title .privacy {
	background-image:url(../privacy/img/titleimage.jpg);
	background-size:cover;
	background-position:center;
	height:135px;
}

.sub_line_privacy {
	background:#c8c8c8 url(../privacy/img/pagetitle_line.gif) no-repeat; 
	height:3px;
	margin-bottom:15px;
}

#privacy .tx {
	padding:5px 0 15px 0;
	border-bottom:dotted 1px #a0aab4;
}

#privacy .copy {
	font-weight:bold;
	color:#f29600;
}



/*  base
--------------------------------------------------------------------*/

.navbar-inverse {
	background-color:#3e2f33;
	border-color:#3e2f33;
}

hr {
	margin-top:20px;
	margin-bottom:20px;
	border:0;
	border-top:1px solid #c8c8c8
}

.navbar {
	position:relative;
	min-height:50px;
	margin-bottom:0;
	border:1px solid transparent;
	border-radius:0;
}