@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


/* base
===============================================================*/
.spnone{
	display: none;
}




h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 12px;
	line-height: 22px;
}

body {
	color:#323232;
	background-color:#ffffff;
	font-family: Lato, "Noto Sans JP", "���S�V�b�N Medium", "���S�V�b�N��", "Yu Gothic Medium", YuGothic, "�q���M�m�p�S ProN", "Hiragino Kaku Gothic ProN", "���C���I", Meiryo, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}


/* font
===============================================================*/
a { 
	color:#323232;
	text-decoration:none;
}
 
a:visited {
	color:#323232;
	text-decoration:none;
}

a:hover {
	color:#323232;
	text-decoration: underline; 
}

a:active {
	color:#323232;
	text-decoration: underline; 
}


/* Contents
===============================================================*/
div#AllBox{	
	width:100%;
}

div#Wrapper{
	
}

div#Top_Contents {
	
}

div#Contents {
	
}

div#Main {
	width: 96%;
	margin: 0 2%;
/* 	overflow: hidden; */
}

div#SideBar {
		
}
div#AllBox div#Contents.cf div#Main div.wrap.cf div.topic_path{
	display: none;
}

div#AllBox div#Contents.cf div.kasottl{
	padding-top: 43px;
	width: 100%;
}

div#AllBox div#Contents.cf div.kasottl h2.kaso.pcnone img{

	width: 100%;
}


/* HeaderBox
===============================================================*/
div#HeaderBox {
	position: fixed;
	background-color: #fff;
	height: 43px;
	width: 100%;
	z-index: 10000;
}

div#AllBox div#HeaderBox h1{
	text-align: center;
	padding-top:10px;
}

div#AllBox div#HeaderBox h1 a img{
	height: 20px;
	width: auto;
}

/* Navigation
===============================================================*/
div#Navigation {
}



header.cb-header.header1.pcnone nav.drawer-nav{
	 height: 100%;

	 overflow: auto;
/* 	 -webkit-overflow-scrolling: touch !important; */

 }

nav.drawer-nav ul.drawer-menu{
	overflow: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  
}


div#AllBox div#HeaderBox header.cb-header.header1.pcnone nav.drawer-nav ul.drawer-menu li{
	background: url(../images/common/sp_menu_arr.png) no-repeat right center;
	background-size: 13px 10px;
}

div#AllBox div#HeaderBox header.cb-header.header1.pcnone nav.drawer-nav ul.drawer-menu ul li{
	background: none;
	border-bottom: none !important;
	padding-bottom: 0px !important;
	text-align: center;
}




/* FooterBox
===============================================================*/
#page-top {
    bottom: 40px;
    position: fixed;
    right: 10px;
    z-index: 1;
}

#page-top img{
	width: 35px;
	height: auto;
}


div#FooterBox {
/*
	width: 96%;
	padding: 0 2%;
*/
}

div#FooterBox div.wrap4.pcnone{
	width: 96%;
	padding: 0 2%;
	margin-top: 30px;
}

html body.drawer.drawer--right div#FooterBox div.wrap4.pcnone p{
	float: left;
	width: 49%;
	margin-right: 2%;
}

html body.drawer.drawer--right div#FooterBox div.wrap4.pcnone p:last-child{
	float: left;
	width: 49%;
	margin-right: 0;
}

html body.drawer.drawer--right div#FooterBox div.wrap5.pcnone p{
	float: left;
	width: 32%;
	margin-right: 2%;
}

html body.drawer.drawer--right div#FooterBox div.wrap5.pcnone p:last-child{
	float: left;
	width: 32%;
	margin-right: 0;
}


div#FooterBox div.wrap5.pcnone{
	width: 96%;
	padding: 2% 2% 0;
}


div#FooterBox div.conwrap.bg01 {
	width: 92%;
	margin: 0 1% 0 2%;
    border: 2px solid #000;
    margin-bottom: 20px;
    margin-top: 2%;
    padding: 5px;
}
div#FooterBox div.conwrap.bg01.bg02 {
	margin-top: 8%;
    margin-bottom: 0px;
}
div#FooterBox div.conwrap.bg01 div.bg02 {
    border: 1px solid #000;
    padding: 0 0 20px;
}

div#FooterBox div.bk{
	background: #000;
	margin-top: 20px;
	padding: 25px 10px;	
	
}

div#FooterBox div.conwrap.bg01 div.bg02 p.tel{
	margin-bottom: 10px;
}

div#FooterBox div.address_box.cf div.ft_logo.left{
	float: left;
	margin-right: 10px;
	width: 20%;
}

div#FooterBox div.address_box.cf address.left{
	font-style: normal;
	float: right;
	color: #fff;	
	width: 75%;
}

div#FooterBox div.address_box.cf address.left a{
	color: #fff;	
}

div#FooterBox div.address_box.cf address.left strong a{
	font-size: 16px;
}

div#FooterBox div.address_box.cf address.left span.honsha{
	display: block;
	font-size: 12px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #fff;
}

div#FooterBox div.address_box.cf address.left span.tky{
	display: block;
	font-size: 12px;
	margin-bottom: 0px;
}

div#FooterBox div.copy{
	font-size: 10px;
	color: #aaa;
	text-align: center;
	margin-top: 25px;
}



/* SideBar
===============================================================*/