@charset "utf-8";
@import url("fontawesome-4.2.0.min.css");
@import url("framework.css");
/*
01.common
02.btn
03.Intro
04.service
05.tackle
06.home_bottom
07.bottom_contact

08.footer
09.Copyright

10.common1
11.ぱんくずリスト
12.ページの先頭へ


00.service_page
00.sitemap
00.company
00.policy
00.contact

*/







/*------------------------------------------------------------------------
common
------------------------------------------------------------------------*/
.text_center {
	text-align: center;
}
.filter_a {
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
.filter_a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/*------------------------------------------------------------------------
btn
------------------------------------------------------------------------*/
.w_btn {
	border: #FFF 1px solid;
	color: #fff;
	display: block;
	width: 400px;
	padding: 10px 0;
	margin: auto;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative
}
.w_btn {
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	padding-right: 10px;
	position: relative;
}
.w_btn:before {
	content: url(../images/home-assets/arrow1.png);
	position: absolute;
	margin-top: 2px;
	margin-left: -20px;
}
.w_btn:hover {
	background: #FFFFFF;
	color: #0099CC;
}
.w_btn:hover:before {
	content: url(../images/home-assets/arrow2.png);
}

.b_btn {
	border: #0099CC 1px solid;
	color: #0099CC;
	display: block;
	width: 400px;
	padding: 10px 0;
	margin: auto;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative
}
.b_btn {
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	padding-right: 10px;
	position: relative;
}
.b_btn:before {
	content: url(../images/home-assets/arrow2.png);
	position: absolute;
	margin-top: 2px;
	margin-left: -20px;
}
.b_btn:hover {
	background: #0099CC;
	color: #fff;
}
.b_btn:hover:before {
	content: url(../images/home-assets/arrow1.png);
}

/* header
--------------------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	padding-top: 10px;
}
#header #logo {
	width: 300px;
	float: left;
	margin-right: 32px;
}
#header h1 {
	color: #666;
	font-size: 12px;
	width: 300px;
}
/* Info
--------------------------------------------------------------------------------------------------------------- */
#info {
	display: block;
	padding: 300px 0;
}

/* Intro
--------------------------------------------------------------------------------------------------------------- */
.intro {
	padding: 150px 0;
	text-align: center;
	line-height: 1.8em;
}
.intro h2 {
	color: #333;
	font-size: 36px;
	font-weight: normal;
}
/* service
--------------------------------------------------------------------------------------------------------------- */
.service {
	padding: 90px 0 60px 0;
	text-align: center;
	line-height: 1.8em;
}
.service h2 {
	color: #FFF;
	font-size: 14px;
}
.service h2 span {
	display: block;
	font-size: 36px;
	font-weight: normal;
	margin-top: -70px;
	margin-bottom: 50px;
}
.service ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.service ul li {
	width: 242px;
	float: left;
	margin-right: 20px;
	text-align: left;
	line-height: 1.5em;
}
.service ul li:last-child {
	margin-right: 0;
}
.service ul li a {
	color: #FFF;
}
.service ul li a h3 {
	font-size: 18px;
	margin: 10px 0;
}
/* tackle
--------------------------------------------------------------------------------------------------------------- */
.tackle {
	padding: 90px 0 0 0;
	line-height: 1.8em;
}
.tackle h2 {
	color: #111;
	font-size: 14px;
	text-align: center;
}
.tackle h2 span {
	display: block;
	font-size: 36px;
	font-weight: normal;
	margin-top: -70px;
	margin-bottom: 50px;
}
.tackle ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tackle ul li {
	width: 504px;
	float: left;
	margin-right: 20px;
}
.tackle ul li:last-child {
	margin-right: 0;
}
.tackle ul li a {
	color: #333;
}
.tackle ul li a h3 {
	font-size: 18px;
	margin: 10px 0;
}
/* home_bottom
--------------------------------------------------------------------------------------------------------------- */
#home_bottom {
	padding: 90px 0 60px 0;
	line-height: 1.8em;
}
#home_bottom .left_area, #home_bottom .right_area {
	width: 504px;
}
#home_bottom .left_area {
	float: left;
	padding-right: 10px
}
#home_bottom .right_area {
	float: left;
	padding-left: 10px;
}
#home_bottom h2 {
	color: #111;
	font-size: 14px;
	float: left;
}
#home_bottom h2 span {
	font-size: 36px;
	font-weight: normal;
	padding-right: 10px;
}
#home_bottom .left_area a.news_btn {
	color: #0099CC;
	margin-top: 21px;
	float: right;
	position: relative;
}
#home_bottom .left_area a.news_btn:before {
	content: url(../images/home-assets/arrow2.png);
	left: -18px;
	margin-top: 2px;
	position: absolute;
}
#home_bottom .left_area ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#home_bottom .left_area ul li {
	border-bottom: #0071BC 1px solid;
	color: #333;
	padding-bottom: 8px;
	padding-top: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#home_bottom .left_area ul li span.day {
	color: #333;
	width: 150px;
	display: inline-block;
}
#home_bottom .left_area ul li span.day span {
	border: #0071BC 1px solid;
	color: #0071BC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-left: 10px;
	padding: 0px 3px;
}
#home_bottom .left_area ul li a {
	color: #333;
}
#home_bottom .left_area ul li a:hover {
	color: #0071BC;
}
#home_bottom .right_area ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#home_bottom .right_area ul li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#home_bottom .right_area ul li:nth-child(2n) {
	margin-right: 0;
}
#home_bottom .right_area ul li img {
	width: 242px;
	height: 93px;
}


/*bottom_contact
--------------------------------------------------------------------------------------------------------------- */
#botom_contact {
	padding: 90px 0 60px 0;
	text-align: center;
	line-height: 1.8em;
}
#botom_contact h2 {
	color: #FFF;
	font-size: 14px;
}
#botom_contact h2 span {
	display: block;
	font-size: 36px;
	font-weight: normal;
	margin-top: -70px;
	margin-bottom: 50px;
}
#botom_contact p.coll {
	color: #FFF500;
	font-size: 40px;
	margin: 0;
	padding: 0;
}
/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer {
	padding: 50px 0;
}
#footer address {
	font-style: normal;
	display: block;
	float: left;
	width: 328px;
}
#footer address h2 {
	font-size: 14px;
	color: #0099CC;
	margin: 5px 0;
}
#footer address p {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 12px;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	margin-left: 90px;
}
#footer ul li {
	line-height: 1.8em;
	position: relative;
}
#footer ul li:before {
	content: url(../images/home-assets/arrow2.png);
	left: -20px;
	margin-top: 2px;
	position: absolute;
}
#footer ul li a {
	color: #0099CC;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
#footer ul li a:hover {
	color: #333;
}
/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright {
	padding: 20px 0;
	text-align: center;
}
#copyright p {
	margin: 0;
	padding: 0;
}
#copyright a {
	color: #0099CC;
}
/* common
--------------------------------------------------------------------------------------------------------------- */
#common {
	padding: 90px 0 50px 0;
	line-height: 1.8em;
}
#common h2 {
	color: #111;
	font-size: 14px;
	text-align: center;
}
#common h2 span {
	display: block;
	font-size: 36px;
	font-weight: normal;
	margin-top: -70px;
	margin-bottom: 50px;
}
/*------------------------------------------------------------------------
ぱんくずリスト
------------------------------------------------------------------------*/
#pan {
	padding: 0;
}
#breadcrumbs{
      font-size: 12px;
}
#breadcrumbs-one {
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}
#breadcrumbs-one li {
    color: #888;
    float: left;
    height: 30px;
    padding: 0 15px 0 30px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	margin: -2px 0;
}
#breadcrumbs-one li span {
    padding-left: 15px;
    line-height: 30px;
    height: 30px !important;
}
#breadcrumbs-one li span.wf {
    padding-left: 10px;
}
#breadcrumbs-one li:first-child {
    padding-left: 0;
}
#breadcrumbs-one li span:first-child {
    padding-left: 0;
}
#breadcrumbs-one li.first a span{
  padding-left: 0;
}
#breadcrumbs-one a:after, #breadcrumbs-one a:before {
    border-bottom: 15px solid rgba(0, 0, 0, 0);
    border-left: 1em solid;
    border-top: 15px solid rgba(0, 0, 0, 0);
    content: "";
    margin-top: -15px;
    position: absolute;
    right: -1em;
    top: 50%;
}
#breadcrumbs-one a:after {
    border-left-color: #ffffff;
    z-index: 2;
}
#breadcrumbs-one a:before {
    border-left-color: rgba(0,153,204,1.00);
    right: -1.1em;
    z-index: 1;
}
#breadcrumbs-one li a {
	color: rgba(0,153,204,1.00);
}
/*------------------------------------------------------------------------
ページの先頭へ
------------------------------------------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
#pagetop a {
	border: #FFFFFF 2px solid;
	background: #0099CC;
	color: #FFF;
	display: block;
	padding: 20px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
#pagetop a:hover {
	border: #0099CC 2px solid;
	background: #FFF;
	color: #0099CC;
}

































/*------------------------------------------------------------------------
item
------------------------------------------------------------------------*/
/*news/index.php*/
ul#news_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#news_list li {
	border-bottom: #0071BC 1px solid;
	color: #333;
	padding-bottom: 8px;
	padding-top: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
ul#news_list li span.day {
	color: #333;
	width: 150px;
	display: inline-block;
}
ul#news_list li span.day span {
	border: #0071BC 1px solid;
	color: #0071BC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-left: 10px;
	padding: 0px 3px;
}
ul#news_list li a {
	color: #333;
}
ul#news_list li a:hover {
	color: #0071BC;
}

/*------------------------------------------------------------------------
service_page
------------------------------------------------------------------------*/
.service_page {}
.service_page ul.service_page_list1, .service_page ul.service_page_list2 {
	margin: 0;
	padding: 0;
	list-style: none;
}
.service_page ul.service_page_list1 li {
	float: left;
	margin-right: 20px;
	width: 242px;
}
.service_page ul.service_page_list2 li {
	width: 504px;
	float: left;
	margin-right: 20px;
}
.service_page ul.service_page_list1 li:last-child, .service_page ul.service_page_list2 li:last-child {
	margin-right: 0;
}
.service_page ul.service_page_list1 li img, .service_page ul.service_page_list2 li img {
	margin-bottom: 10px;
}
.service_page ul.service_page_list1 li h4, .service_page ul.service_page_list2 li h4 {
	color: #0099CC;
	font-size: 18px;
	margin-bottom: 10px;
}
.service_page ul.service_page_list1 li a, .service_page ul.service_page_list2 li a {
	color: #666;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	cursor: pointer;
}











/*------------------------------------------------------------------------
sitemap
------------------------------------------------------------------------*/
.sitemap {}
.sitemap .fl_left {
	width: 788px;
}
.sitemap .fl_right {
	width: 200px;
}
.sitemap a {
	color: #0099CC;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
.sitemap a:hover {
	color: #666;
	padding-left: 20px;
}
.sitemap .fl_left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sitemap .fl_left ul li {
	position: relative;
	padding: 12px 0;
	padding-left: 20px;
}
.sitemap .fl_left ul li:before {
	content: url(../images/home-assets/arrow2.png);
	left: 0;
	margin-top: 2px;
	position: absolute;
}
.sitemap .fl_left ul li.upper {
	border-bottom: #0099CC 2px solid;
	font-weight: bold;
}
.sitemap .fl_left ul li.upper1 {
	border-bottom: #0099CC 1px dotted;
	font-weight: bold;
	padding-left: 40px;
}
.sitemap .fl_left ul li.upper1:before {
	left: 20px;
}

.sitemap .fl_left ul li.upper2 {
	padding-left: 80px;
	line-height: 1.0em;
}
.sitemap .fl_left ul li.upper2:before {
	left: 60px;
	margin-top: -1px;
}
.sitemap .fl_left ul li.last {
	border-bottom: #0099CC 1px dotted;
}
/*------------------------------------------------------------------------
company
------------------------------------------------------------------------*/
.company {}
.company .greeting, .about, .history {
	padding: 60px 0;
}
.company h3 {
	font-size: 16px;
	margin-bottom: 40px;
}
.company h3 span {
	display: block;
	font-size: 30px;
	margin-top: -60px;
}
.company h3.bg {
	font-size: 30px;
	background: url(../images/common-assets/h_bg.jpg) bottom no-repeat;
	padding-bottom: 20px;
}
.company .greeting p {
	float: left;
	width: 700px;
	line-height: 2em;
}
.company .about dl {
    border-bottom:1px solid #f1f1f1;
    background: #0099CC;
    margint:5px;
}
.company .about dt {
    float:left;
    clear: left;
    width:150px;
    font-weight: normal;
    background: #0099CC;
    border-top:1px solid #f1f1f1;
    padding:10px;
	color: #FFF;
}
.company .about dd {
    background-color:#ffffff;
    border-top:1px solid #f1f1f1;
    margin-left:170px;  
    padding:10px;
	padding-left: 30px;
}
.company .about dd span {
	display: inline-block;
	margin-left: 20px;
}

.company .about ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.company .about h4 {
	font-size: 14px;
	margin-bottom: 5px;
}
.company .about .address {
	border-bottom: #f1f1f1 1px solid;
	margin-left: -30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.company .about .address a {
	color: #0099CC;
	padding-left: 15px;
	position: relative;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
.company .about .address a:hover {
	color: #666;
}
.company .about .address a:before {
	content: url(../images/home-assets/arrow2.png);
	left: 0;
	margin-top: 1px;
	position: absolute;
}
.company .about .last {
	border-bottom: none;
}

#access h4 {
	margin: 20px;
	margin-left: 0;
	margin-top: 40px;
	margin-bottom: 0;
	font-size: 18px;
	text-align: center;
}
#gMap, #gMap2, #gMap3 {
    width: 100%;
    height: 450px;
	display: block;
	padding: 20px 0;
	margin-bottom:20px;
}


.company .history {}

.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}
.timeline h3 {
	margin: 15px;
	margin-top: 20px;
}
.timeline .timeline-content p {
	color: #666;
	margin: 0;
	margin-top: -10px;
	padding: 0;
	padding-left: 20px;
}
/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 150px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #0099CC;
    position: absolute;
    left: 145px;
    top: 24px;
    border-radius: 100%;
  }
}

/*------------------------------------------------------------------------
policy
------------------------------------------------------------------------*/
.policy {}
.policy h3 {
	background: url(../images/common-assets/h_bg.jpg) bottom no-repeat;
	color: #0099CC;
	font-size: 26px;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

.policy h4 {
	font-size: 18px;
	font-weight: bold;
}





















/*------------------------------------------------------------------------
contact
------------------------------------------------------------------------*/
.contact_page{}
.contact_page .call {
	background: #fcfcfc;
	border: #ccc 1px solid;
	display: block;
	width: 600px;
	margin: auto;
	margin-bottom: 50px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.contact_page .call img {
	display: block;
	margin: auto;
	padding: 30px 0;
}
.contact_page h3 {
	color: #111;
	font-size: 14px;
	text-align: center;
}
.contact_page h3 span {
	display: block;
	font-size: 36px;
	font-weight: normal;
	margin-top: -70px;
	margin-bottom: 50px;
}


/*mailform*/
#form {}

#form dl {
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background: #0099CC;
    margint:5px;
}
#form dl dt {
	color: #FFF;
    float:left;
    clear: left;
    width:200px;
    font-weight: normal;
    background: #0099CC;
    border-top:1px solid #ccc;
    padding:15px;
}
#form dl dd {
    background-color:#ffffff;
    border-top:1px solid #ccc;
    margin-left:230px;  
    padding:15px;
	min-height: 26px;

}
#form dl dt span {
	background: #FFF500;
	color: #0099CC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0 4px;
	display: inline-block;
	margin-left: 10px;
}
#form input[type=text], #form textarea, #form select {
	border: #ccc 1px solid;
	padding: 10px 5px;
}
#form textarea {
	min-height: 200px;
}
#form input[type=text]:focus, #form textarea:focus, #form select:focus {
	border: #0099CC 1px solid;
	background: #E6F8FF;
}
#form ul.submit {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#form ul.submit li {
	display: inline;
}
#form ul.submit li button, #form ul.submit li a{
	border: none;
	background: none;
	cursor: pointer;
}
#form ul.submit li button:hover, #form ul.submit li a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#form dl dd span.sex {
	display: inline-block;
	margin-right: 30px;
}


#form .w10 {
	width: 10%;
}
#form .w50 {
	width: 50%;
}
#form .w80 {
	width: 80%;
}



























/* Content Area
--------------------------------------------------------------------------------------------------------------- */
#container {
	padding: 80px 0;
}
/* Content */
#container #content {
}
.boxedicon {
	display: inline-block;
	position: relative;
	width: 120px;
	height: 80px;
	line-height: 80px;
	margin-bottom: 30px;
	text-align: center;
}
.boxedicon a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid;
	transition: all .5s ease-in-out;
}
.boxedicon a i {
	line-height: inherit;
}
.boxedicon::after {
	position: absolute;
	bottom: -13px;
	left: 50%;
	width: 20px;
	height: 13px;
	margin-left: -10px;
	font-size: 32px;
	line-height: 14px;
	font-family: "FontAwesome";
	content: "\f0d7";
}
/* Comments */
#comments ul {
	margin: 0 0 40px 0;
	padding: 0;
	list-style: none;
}
#comments li {
	margin: 0 0 10px 0;
	padding: 15px;
}
#comments .avatar {
	float: right;
	margin: 0 0 10px 10px;
	padding: 3px;
	border: 1px solid;
}
#comments address {
	font-weight: bold;
}
#comments time {
	font-size: smaller;
}
#comments .comcont {
	display: block;
	margin: 0;
	padding: 0;
}
#comments .comcont p {
	margin: 10px 5px 10px 0;
	padding: 0;
}
#comments form {
	display: block;
	width: 100%;
}
#comments input, #comments textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid;
}
#comments textarea {
	overflow: auto;
}
#comments div {
	margin-bottom: 15px;
}
#comments input[type="submit"], #comments input[type="reset"] {
	display: inline-block;
	width: auto;
	min-width: 150px;
	margin: 0;
	padding: 8px 5px;
	cursor: pointer;
}
/* Sidebar */
#container .sidebar {
}
.sidebar .sdb_holder {
	margin-bottom: 50px;
}
.sidebar .sdb_holder:last-child {
	margin-bottom: 0;
}
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after {
	position: absolute;
	font-family: "FontAwesome";
	font-size: 10px;
	line-height: 10px;
}
/* Top Navigation */
#mainav {
}
#mainav ul {
}
#mainav ul ul {
	z-index: 9999;
	position: absolute;
	width: 160px;
}
#mainav ul ul ul {
	left: 160px;
	top: 0;
}
#mainav li {
	display: inline-block;
	position: relative;
	margin: 0 30px 0 0;
	padding: 0;
}
#mainav li:last-child {
	margin-right: 0;
}
#mainav li li {
	width: 100%;
	margin: 0;
}
#mainav li a {
	display: block;
	padding: 10px 0;
}
#mainav li li a {
	border: solid;
	border-width: 0 0 1px 0;
}
#mainav .drop {
	padding-left: 15px;
}
#mainav li li a, #mainav li li .drop {
	display: block;
	margin: 0;
	padding: 10px 15px;
}
#mainav .drop::after, #mainav li li .drop::after {
	content: "\f0d7";
}
#mainav .drop::after {
	top: 15px;
	left: 5px;
}
#mainav li li .drop::after {
	top: 15px;
	left: 5px;
}
#mainav ul ul {
	display: none;
}
#mainav ul li:hover > ul {
	display: block;
}
/* Breadcrumb */
#breadcrumb {
	padding: 30px 0;
}
#breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#breadcrumb li {
	display: inline-block;
	margin: 0 6px 0 0;
	padding: 0;
}
#breadcrumb li a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 12px 0 0;
	font-size: 12px;
}
#breadcrumb li a::after {
	top: 5px;
	right: 0;
	content: "\f101";
}
#breadcrumb li:last-child a {
	margin: 0;
	padding: 0;
}
#breadcrumb li:last-child a::after {
	display: none;
}
/* Sidebar Navigation */
.sidebar nav {
	display: block;
	width: 100%;
}
.sidebar nav li {
	margin: 0 0 3px 0;
	padding: 0;
}
.sidebar nav a {
	display: block;
	position: relative;
	margin: 0;
	padding: 5px 10px 5px 15px;
	text-decoration: none;
	border: solid;
	border-width: 0 0 1px 0;
}
.sidebar nav a::after {
	top: 9px;
	left: 5px;
	content: "\f101";
}
.sidebar nav ul ul a {
	padding-left: 35px;
}
.sidebar nav ul ul a::after {
	left: 25px;
}
.sidebar nav ul ul ul a {
	padding-left: 55px;
}
.sidebar nav ul ul ul a::after {
	left: 45px;
}
/* Pagination */
.pagination {
	display: block;
	width: 100%;
	text-align: center;
	clear: both;
}
.pagination li {
	display: inline-block;
	margin: 0 2px 0 0;
}
.pagination li:last-child {
	margin-right: 0;
}
.pagination a, .pagination strong {
	display: block;
	padding: 8px 11px;
	border: 1px solid;
	font-weight: normal;
}
/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td {
	border: 1px solid;
	border-collapse: collapse;
	vertical-align: top;
	box-sizing: border-box;
}
table, th {
	table-layout: auto;
}
table {
	width: 100%;
	margin-bottom: 15px;
}
th, td {
	padding: 5px 8px;
}
td {
	border-width: 0 1px;
}
/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery {
	display: block;
	width: 100%;
	margin-bottom: 50px;
}
#gallery figure figcaption {
	display: block;
	width: 100%;
	clear: both;
}
#gallery li {
	margin-bottom: 30px;
}
/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico {
	margin: 0;
	padding: 0;
	list-style: none;
}
.faico li {
	display: inline-block;
	margin: 0 18px 0 0;
	padding: 0;
	line-height: normal;
}
.faico li:last-child {
	margin-right: 0;
}
.faico a {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	text-align: center;
	transition: all .5s ease-in-out;
}
.faico a {
	color: #000000;
	background-color: #272727;
}
.faico a:hover {
	color: #FFFFFF;
}
.faicon-dribble:hover {
	background-color: #EA4C89;
}
.faicon-dropbox:hover {
	background-color: #3D9AE8;
}
.faicon-facebook:hover {
	background-color: #3B5998;
}
.faicon-flickr:hover {
	background-color: #FF0084;
}
.faicon-google-plus:hover {
	background-color: #DB4A39;
}
.faicon-instagram:hover {
	background-color: #3F729B;
}
.faicon-linkedin:hover {
	background-color: #0E76A8;
}
.faicon-pinterest:hover {
	background-color: #C8232C;
}
.faicon-rss:hover {
	background-color: #EE802F;
}
.faicon-tumblr:hover {
	background-color: #34526F;
}
.faicon-twitter:hover {
	background-color: #00ACEE;
}
.faicon-youtube:hover {
	background-color: #C4302B;
}
/* Add Rounded Corners - Delete or comment out if not wanted
--------------------------------------------------------------------------------------------------------------- */
#mainav li li:last-child a {
	border-radius: 0 0 8px 8px;
}
#mainav li li:first-child a {
	border-radius: 8px 8px 0 0;
}
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body {
	color: #111;
	background-color: #FFF;
}
a {
	color: #C66666;
}
hr, .borderedbox {
	border-color: #D7D7D7;
}
label span {
	color: #FF0000;
	background-color: inherit;
}
.overlay {
	background-color: rgba(0,0,0,0);
}
.overlay:hover {
	background-color: rgba(0,0,0,.4);
}
/* Rows */

/*header_common*/
.row_header {
	border-bottom: #0099CB 1px solid;

}
/*header top */
.row0 {
	border-top: #0099cc 10px solid;
}
/*header*/
.row1, .row1 a {
	color: #888888;
	background-color: #FFFFFF;
}
/*gnav*/
.row2 {
	background: url(../images/home-assets/gnav_bg.jpg) repeat-x;
}
.row3 {
	background-color: #FFFFFF;
}
.row4 {
	color: #FFF;
	background-color: #0099cc;
}
/*footer*/
.row5 {
	background-color: #FFFFFF;
}
/*copylight*/
.row6 {
	border-top: #0099CC 1px solid;
	color: #0099CC;
	background-color: #FFF;
}
/*ぱんくずリスト */
.row7 {
	border-top: #0099CC 1px solid;
	border-bottom: #0099CC 1px solid;
}
/* Top Bar */
#topbar li {
	border-color: #888888;
}
#topbar li a:hover {
	color: #C66666;
}
#topbar input {
	color: #FFFFFF;
	background-color: #000000;
}
#topbar button {
	color: #FFFFFF;
	background-color: #C66666;
}
/* Intro */
#intro li a {
	box-shadow: 0 2px 0 0 rgba(198,102,102,.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
}
#intro li:nth-child(odd) a, #intro li:nth-child(even):hover a {
	color: #FFFFFF;
	background-color: #C66666;
}
#intro li:nth-child(even) a, #intro li:nth-child(odd):hover a {
	color: #C66666;
	background-color: #FFFFFF;
}
/* Content */
.boxedicon a, .boxedicon::after {
	color: #C66666;
	border-color: #C66666;
}
.boxedicon a:hover {
	color: #FFFFFF;
	background-color: #C66666;
}
/* Footer */
#footer .title {
	color: #FFFFFF;
	border-color: #000000;
}
#footer input {
	color: #FFFFFF;
	background-color: #000000;
}
#footer button {
	color: #FFFFFF;
	background-color: #C66666;
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
}
/*------------------------------------------------------------------------
Navigation
------------------------------------------------------------------------*/
#gnav {
	height: 71px;
}
#gnav li {
	float: left;
}
/* Navigation */
#mainav li a {
	color: inherit;
}
#mainav .active a, #mainav a:hover, #mainav li:hover > a {
	color: #C66666;
	background-color: inherit;
}
#mainav li li a, #mainav .active li a {
	color: #FFFFFF;
	background-color: rgba(0,0,0,.6);
	border-color: rgba(0,0,0,.6);
}
#mainav li li:hover > a, #mainav .active .active > a {
	color: #FFFFFF;
	background-color: #C66666;
}
#breadcrumb a {
	color: #888888;
	background-color: inherit;
}
#breadcrumb li:last-child a {
	color: #C66666;
}
#container .sidebar nav a {
	color: inherit;
	border-color: #D7D7D7;
}
#container .sidebar nav a:hover {
	color: #C66666;
}
.pagination a, .pagination strong {
	border-color: #D7D7D7;
}
.pagination .current * {
	color: #FFFFFF;
	background-color: #000000;
}
/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea {
	border-color: #D7D7D7;
}
th {
	color: #FFFFFF;
	background-color: #373737;
}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"] {
	color: inherit;
	background-color: #FBFBFB;
}
tr:nth-child(even), #comments li:nth-child(even) {
	color: inherit;
	background-color: #F7F7F7;
}
table a, #comments a {
	background-color: inherit;
}

/*Transit_page*/
.Transit_page {}

.Transit_page ul.top_list {
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
	list-style: none;
	text-align: center;
	width: 530px;
	
}
.Transit_page ul.top_list li {
	float: left;
	width: 250px;
	margin-right: 30px;
}
.Transit_page ul.top_list li:last-child {
	margin-right: 0;
}
.box_left {
	float: left;
	width: 500px;
	margin-bottom: 40px;
}
.box_right {
	float: right;
	width: 500px;	
	margin-bottom: 40px;
}

.box_left h3, .box_right h3 {
	color: #111;
	float: left;
	margin-top: 10px;
	padding: 10px 0;
}
.box_left a, .box_right a {
	color: #0099CC;
}
.box_left a:hover, .box_right a:hover {
	text-decoration: underline;
}
ul.daisuu {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	list-style: none;
	float: right;
}
ul.daisuu li {
	border: #CCC 1px solid;
	float: left;

}
ul.daisuu li img {
	display: block;
	margin-bottom: 10px;
}
ul.daisuu li:nth-child(odd) {
	background: #f1f1f1;
	padding: 10px 20px;
	border-right: none;
}
ul.daisuu li:nth-child(even) {
	padding: 10px 20px;
}
ul.daisuu li:nth-child(3) {
	border-left: none;
}

/*detail_page*/
.detail_page {}
.detail_page h3 {
	color: #0099CC;
}
.detail_page dl {
	display: block;
	width: 630px;
	margin: auto;
	margin-bottom: 80px;
}
.detail_page dl dt {
	float: left;
	width: 150px;
}
.detail_page dl dd {
	margin-left: 160px;
	margin-bottom: 20px;
}

.detail_page ol {
	display: block;
	width: 600px;
	margin: auto;
	margin-bottom: 80px;
}

.detail_page ul.Vehicle {
	margin: 0;
	padding: 0;
	list-style: none;
}
.detail_page ul.Vehicle li {
	width: 234px;
	float: left;
	margin-right: 30px;
}
.detail_page ul.Vehicle li:last-child {
	margin-right: 0px;
}
.detail_page ul.Vehicle li img {

	width: 234px;
}

.detail_page a {
	color: #3398CC;
}
.detail_page a:hover {
	text-decoration: underline;
}

/*news 下層*/
#detailWrap {
	width: 600px;
	display: block;
	margin: auto;
}
#detail_photo {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	list-style: none;
	text-align: center;
}

#detail_photo li {
	display: inline;
	margin: 10px;
}
#detail_photo li img {
	width: 200px;
}















