/*	修正履歴
DATE 150507　ナビ背景色変更
DATE 150508　スマホトップ画像対応
*/


/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */

/*
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;outline:none;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
*/



body {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo,Osaka","MS Pゴシック","MS P Gothic",sans-serif;
}



a {
	color:#000000;
}
a:hover ,a.active ,a:focus {
	color:#b01628;
}

.pc_off {
	display:none;
}

.drawer-hamburger {
	display:none;
}

#top_nav_logo {
	border-top:4px solid #b01628;
}

.navbar {
	border:none ;
}

#top_nav_logo   div.container{
 	display:table;
	margin:0 auto;
	padding:0;
}

#top_nav_logo div.container  div.top_nav_logo_inner{
	display:table-cell;
	height:47px;
	padding: 25px 0;
	vertical-align:middle;
}

#top_logo {
	display:inline-block;
	background-image:url(../../common/img/01_logo_l.jpg);
	background-repeat:no-repeat;
	width:218px;
	height:47px;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
}

#top_logo_txt {
	display:inline-block;
	background-image:url(../../common/img/01_logo_l_t.jpg);
	background-repeat:no-repeat;
	width:202px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:18px;
	margin-bottom:-7px;
}

#top_nav_logo .top_logo_submenu {
	font-size:11px;
	height:47px;
	background-image:url(../../common/img/01_top_arrow_01.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	margin-right:15px;
}

#top_nav_logo  .navbar-right {
	padding-top:3px;
}
#top_nav_logo form {
	display:inline-block;
}

#top_nav_menu .container {
	padding:0;
}

#top_nav_menu .col-md-3 {
	padding:0;
	border-right:1px solid #d7d7d7;
}


#top_nav_menu .col-md-3:first-child {
	border-left:1px solid #d7d7d7;
}

#top_nav_menu  .nav > li > a:hover ,
#top_nav_menu .nav > a,
#top_nav_menu .nav  > a:hover,
#top_nav_menu  .nav  > a:focus ,
#top_nav_menu .nav > li > a,
#top_nav_menu .nav > li > a:hover, 
#top_nav_menu .nav > li > a:focus  {
	background-color:transparent;
	border-color:none;
}

#top_nav_menu .dropdown-menu {
	width:100%;
	border:none;
	border-top:3px solid #b01628;
	box-shadow:none;
	border-radius:0px;
	padding:0;
	margin:0;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
}

#top_nav_menu .dropdown-menu li {
	border-bottom:1px solid #d7d7d7;
	background-image:url(../../common/img/01_open_arrow.jpg);
	background-repeat:no-repeat;
	background-position:95% center;
	height:47px;
}
#top_nav_menu .dropdown-menu li a {
		line-height:45px;
}
#top_nav_menu .dropdown-menu li a:hover {
	background-color:transparent;
	color:#b01628;
}

#top_nav_menu .navbar {
	margin-bottom:0px;
}

#top_nav_menu .search {
	
}
#googlesearch {
	background-color:#e7e7e7;
	border-radius:15px;
	height:32px;
}
#googlesearch input {
	margin-top:5px;
	border:none;
	background-color:transparent;
	outline: 0;
}
#googlesearch div.search {
}
#search_btn {
	margin-top:5px;
	height:20px;
	width:20px;
	background-image:url(../../common/img/01_serch_btn.png);
	background-repeat:no-repeat;
	
}

#breadcrumb_base {
	background-color:#e7e7e7;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1) inset;
	border-top:solid 1px #d7d7d7;
	border-bottom:solid 1px #d7d7d7;

}
#breadcrumb_base .container {
	padding:0;
	display:table;
	height:46px;
}

#breadcrumb_base .container .container_inner{
	display:table-cell;
	vertical-align:middle;
}

#breadcrumb_base ol.breadcrumb {
	margin-bottom:0;
	padding-left:0;
	background-color:transparent;
}
#breadcrumb_base ol.breadcrumb li.active {
	color:#b01628;
	font-size:12px;
}
 
#breadcrumb_base .breadcrumb > li + li:before {
	padding: 0 5px;
	color: #000000;
	content: ">";
}

#breadcrumb_base a{
	font-size:12px;

}

#bottom_nav {
	
}

#bottom_nav_logo {
	background-color:#e7e7e7;
}
#bottom_nav_logo div.container {
	display:table;
	height:103px;
}
#bottom_nav_logo  div.container div {
	display:table-cell;
	font-size:11px;
	vertical-align:middle;
}


#bottom_logo {
	display:inline-block;
	background-image:url(../../common/img/01_logo_s.jpg);
	background-repeat:no-repeat;
	width:176px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
	margin-bottom:5px;

}
#bottom_logo_txt {
	display:inline-block;
	background-image:url(../../common/img/01_logo_s_t.jpg);
	background-repeat:no-repeat;
	width:135px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:36px;
	margin-right:18px;
	margin-bottom:-5px;
	vertical-align:baseline;
}
#bottom_logo_address {
	display:inline-block;
	vertical-align:middle;
}

#bottom_nav_etc {
	background-color:#c5c5c5;
	font-size:11px;
}

#bottom_nav_etc div.container {
	display:table;
	height:27px;
}
#bottom_nav_etc  div.container div {
	display:table-cell;
	font-size:11px;
	vertical-align:middle;
}

#bottom_nav_etc .copyright {
	font-size:8px;
	line-height:27px;
}
#bottom_nav_etc .bottom_nav_etc_submenu {
	font-size:11px;
	line-height:27px;
	background-image:url(../../common/img/01_top_arrow_02.jpg);
	background-repeat:no-repeat;
	background-position: 0 center;
	padding-left:15px;
	margin-right:15px;
}
#main .container {
	padding:0;
}

#maincontents {
	width:740px;
	padding:0;
}

#side_nav {
	width:220px;
	padding:0;
}

#side_nav h3 {
	width:220px;
	background-color:#b01628;
	color:#ffffff;
	font-size:16px;
	height:62px;
	line-height:62px;
	text-align:center;
	font-weight:500;
	margin-bottom:0;
}
#side_nav ul {
	list-style:none;
	padding:0;
	border-left:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
}

#side_nav ul li {
	border-bottom:1px solid #d7d7d7;
	height:47px;
}
#side_nav ul li a {
	display:block;
	background-image:url(../../common/img/01_open_arrow.png);
	background-repeat:no-repeat;
	background-position:95% center;
	padding-left:10px;
		line-height:46px;
	font-size:13px;
}
#side_nav ul li.active a {
	background-color:#faf2f3;
}
#side_nav ul li a:hover {

	color:#b01628;
	text-decoration:none;
}



#maincontents .col-md-2side-left {
	width:190px;
	padding:0;
	float:left;
position: relative;
}
#maincontents .col-md-push-2side-right  {
	left:510px;
}
#maincontents .col-md-2side-right {
	width:480px;
	padding:0;
position: relative;
	float:left;
}
#maincontents .col-md-pull-2side-left {
	right:190px;
}

#maincontents h1 {
	margin-bottom:32px;
}

#maincontents p {
	line-height:200%;
	font-size:13px;
	margin-bottom:2em;
}
#maincontents h1 span.title_alt {
	display:none;
}
#main {
	margin-top:35px;
}

/* page top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 350;
	display:inline-block;
	background-image:url(../../common/img/01_btn_arrow.jpg);
	background-repeat:no-repeat;
	width:35px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:18px;
	margin-bottom:-7px;
}
#page-top:hover {
	opacity: 0.8;
}
.mainarea {
	width:700px;
	padding-bottom:40px;
	margin:0;
}

.mini_arrow {
	padding-left:10px;
	background-image:url(../../common/img/mini_arrow.png);
	background-repeat:no-repeat;
	background-position:0 center;

}
/* page top */


/* ------------------------ sp --------------------------- */
/* ------------------------ sp --------------------------- */
/* ------------------------ sp --------------------------- */
/* ------------------------ sp --------------------------- */
/* ------------------------ sp --------------------------- */

@media (max-width: 767px) {

.pc_off {
	display:initial;
}

.drawer-hamburger {
	display:block;
	position:absolute;
}

.drawer-main {
	background-color: #b81628;
}
.drawer-default .drawer-menu-item a {
	color: #ffffff;
	font-size:15px;
}
.drawer-default .drawer-menu-item a:hover {
	color: #000000 !important;
	
}
.drawer-default .drawer-menu-item  {
	background-image:url(../../common/img/sp/arrow04.png);
	background-repeat:no-repeat;
	background-size:9px 17px;
	background-position:95% center;
	padding: 20px 0 21px 20px;

	border-bottom: solid 2px #890014
}

#top_nav_logo div.container  div.top_nav_logo_inner{
	display:table-cell;
	height:39px;
	padding: 20px 0;
	vertical-align:middle;
}

#top_logo {
	display:inline-block;
	background-image:url(../../common/img/sp/01_sp_logo_l.jpg);
	background-repeat:no-repeat;
	background-size:145px 39px;
	width:145px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
}
#top_nav_logo {
	border-top:2px solid #b01628;
}

#top_logo_txt {
	display:none;
}

#breadcrumb_base  {
	display:none;
}

#top_nav_logo .navbar-right {
	display:none;
}

#top_nav_menu {
	display:none;
}


#bottom_nav_logo .container div  {
	text-align:center;
	padding:45px 0 40px 0;
}

#bottom_logo {
	display:block;
	background-image:url(../../common/img/sp/01_sp_logo_s.png);
	background-repeat:no-repeat;
	background-size:156px 34px;
	width:156px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
	margin-bottom:5px;

}
#bottom_logo_txt {
	display:block;
	background-image:url(../../common/img/sp/01_sp_logo_s_t.png);
	background-repeat:no-repeat;
	background-size:126px 13px;
	width:126px;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:22px;
	vertical-align:baseline;
}

#bottom_logo_address {
	line-height:200%;
}

#bottom_nav_etc {


}
#bottom_nav_etc div.container {
	display: block;
	height: auto;
	padding:0;
}
#bottom_nav_etc div.container div {
	display: block;
	font-size: 11px;
	vertical-align: middle;
}
#bottom_nav_etc .text-right a:first-child {
	border-top:1px solid #9b9b9b;
}
#bottom_nav_etc .text-right a {
	border-bottom:1px solid #9b9b9b;
	display:block;
	font-size:11px;
	height:47px;
	background-image:url(../../common/img/sp/01_sp_top_btn_arrow.jpg);
	background-position:95% center;
	background-size:9px 15px;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-right:0px;
	text-align:left;
	line-height:48px;
}

#bottom_nav_etc div.container div.text-right a.pull-left {
	float:none !important;
}

#bottom_nav_etc .text-right {
	text-align:center;
}


#main {
	margin-top:0;
}

#maincontents {
	width:auto;
 }

#maincontents h1 img {
	display:none;
}

#maincontents h1 {
	padding:15px;
	font-size:15px;
	text-align:center;
	background-color:#e7e7e7;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1) inset;
	border-top:solid 1px #d7d7d7;
	border-bottom:solid 1px #d7d7d7;
	height:50px;
	margin-top:0px;
}


#maincontents h1 span.title_alt {
	display:inline;
}
#maincontents h1 span.title_alt img {
	display:inline;
	margin-right:0.5em;
}

#maincontents .col-md-2side-left {
	width:inherit;
	padding-right: 15px;
	padding-left: 15px;	
	position: static;
	float:none;
}
#maincontents .col-md-push-2side-right {
	left:auto;
}
#maincontents .col-md-2side-right {
	width:inherit;
	padding-right: 15px;
	padding-left: 15px;
	position: static;
	float:none;
}
#maincontents .col-md-pull-2side-left {
	right:auto;
}
#side_nav {
	width:auto;
	margin:auto 10px;
}


#side_nav h3 {
	width:auto;
}

#side_nav ul li a {
	text-align:center;
}


#page-top {
	display:none !important;
}

.mainarea {
	width:auto;
	padding-bottom:40px;
	margin:16px;
}

}



/* fix */

.clearboth {
	clear:both;
}

.clearfix {zoom:1;}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* { zoom:1; }






