@charset "utf-8";

.fs15{
	font-size: 15px!important;
}
.fs14{
	font-size: 14px!important;
}
.fs13{
	font-size: 13.5px!important;
}
/*sp*/
@media screen and (max-width: 767px) {
#navigation{
	display: none;
}
.error404 .sitemap_sp .button button {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #e8e8e8));
    background: linear-gradient(top,#fff,#e8e8e8);
	padding: 1px 6px;
}

	/*---- サイトマップページ ----*/
	#sitemap {
		line-height: 180%;
		margin-bottom: 20px;
	}
	#sitemap a {
		text-decoration: none;
		position: relative;
		display: block!important;
		padding: 11px 0px 8px 15px!important;
		background: none;
		color: #717171;
		font-weight: bold;
	}
	#sitemap a:hover {
		text-decoration: underline;
	}
	#main #sitemap .contentsBoxTitle {
		margin-bottom: 20px;
	}
	#sitemap .menuWrap {
		margin-bottom: 17px;
		margin-left: 12px;
	}
	#sitemap .menu {
		background-image: url(img/icon_sitemap.gif);
		background-repeat: no-repeat;
		padding: 8px 0px 7px 15px;
		margin-bottom: 15px;
		width: 504px;
	}
	#sitemap h4 {
	}
	#sitemap h4 a {
		text-decoration: underline;
	}
	#sitemap h4 a:hover {
		text-decoration: none;
	}
	#sitemap .menuWrap .clearfix {
		margin-left: 15px;
		margin-bottom: 2px;
	}
	#sitemap .subMenu {
		background-image: url(img/icon_sitemap_sub.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding-left: 14px;
		width: 215px;
	}
	#sitemap .subMenu a {
		text-decoration: underline;
	}
	#sitemap .subMenu a:hover {
		text-decoration: none;
	}
	#sitemap li {
		background: url(img/icon_sitemap.gif) no-repeat center center / 100% 100%;
		width: 100%;
		list-style-type: none;
		border: 0!important;
		margin-bottom: 15px!important;
	}
	#sitemap li a {
		text-decoration: underline;
	}
	#sitemap li a:hover {
		text-decoration: none;
	}
	.sitemap > ul > li::before,
	.sitemap > ul > li a::after{
		display: none!important;
	}
	
/*---- sitemap ----*/
#sitemap a {
	color: #717171;
}
#sitemap .menu {
}
#sitemap h4 a {
	color: #717171;
}
#sitemap .subMenu a {
}
#sitemap li a {
}

	/*---- ノットファウンドページ ----*/



}

/*end sp*/





/*pc*/
@media screen and (min-width: 768px) {

	body {
		background-image: url(img/body_bg.jpg);
		background-repeat: repeat-x;
		background-position:top;
		background-attachment:fixed;
	}
	#bodyBg {
	}
	#wrapper{
		width:920px;
		margin:0 auto!important;
		border-left-width:1px;
		border-left-style:solid;
		border-right-width:1px;
		border-right-style:solid;
	}
	
	/*---------------------------- header ---------------------------*/
	#header {
		max-width: 920px;
		width: 100%;
		margin: 0px auto;
		text-align: left;
		padding-bottom: 15px;
	}
	#header #headerLeft {
		width: 425px;
		float: left;
		padding-left: 8px;
	}
	#header h1 {
		font-size: 80%;
		font-weight: normal;
		padding: 2px 0 0 8px;
		float: left;
	}
	#header h1 a {
		text-decoration: none;
	}
	#header p {
		float: right;
		padding-top: 4px;
		font-size: 90%;
	}
	#header #headerLeft #logo {
		margin-top: 0;
		line-height: 0;
	}
	#header #headerLeft #logo a {
	}
	#header #headerLeft #logo a img {
		margin-top: 10px;
	}
	#header #headerLeft h2 {
		margin-top: 12px;
		font-weight: normal;
		letter-spacing: 1px;
		font-size: 80%;
	}
	#header #headerRight {
		width: 477px;
		float: right;
		padding: 18px 8px 0 0;
	}
	#header #headerRight #telNumberWrap {
	}
	#header #headerRight div#telNumber {
		float: right;
	}
	#header #headerRightUnder {
		margin-top: 8px;
	}
	#header #headerRightUnder #inquiryForm {
		float: right;
	}
	#header #headerRightUnder #inquiryForm a {
	}
	#header #headerRightUnder #fontSizeChange {
		float: right;
		margin-left: 8px;
		padding-top: 3px;
	}
	#header #headerRightUnder #fontSizeChange span {
		float: left;
		margin-right: 5px;
		margin-top: 5px;
	}
	#header #headerRightUnder #fontSizeChange a {
		float: left;
	}
	#header #headerRightUnder #fontSizeChange a#small {
		margin-right: 5px;
	}
	#header #headerRightUnder #fontSizeChange a#middle {
		margin-right: 5px;
	}
	#header #headerRightUnder #fontSizeChange a#large {
	}
	
	#mainImage {
		width: 100%;
		margin: 0px auto 20px;
		text-align: left;
		background-repeat: no-repeat;
	}
	#mainImage img{
		width: 100%;
		height: auto;
	}
	#content {
		width: 920px;
		margin: 0px auto;
		text-align: left;
	}
	
	/*---------------------------- main ---------------------------*/
	#main .contentsBox {
		background-repeat: no-repeat;
		margin-bottom: 20px;
	}
	#main .contentsBoxBody{
	} 
	#main .contentsBox .contentsBoxTitle {
		background-repeat: no-repeat;
		margin-left: 10px;
		margin-bottom:20px;
		padding-bottom: 7px;
		width: 640px;
	}
	#main .contentsBox .contentsBoxTitle h3 {
		font-weight: normal;
		padding-top: 8px;
		line-height: 120%;
		border-bottom: 1px solid #CCCCCC;
	}
	
	#main #contents {
	}
	#main .contentsBoxFooter{
		background-repeat: no-repeat;
		height:5px;
	}
	#main #news {
		margin-bottom: 5px;
	}
	#main #news h3 {
		float: left;
	}
	#main #news .contentsBoxTitle p {
		float: right;
		background-image: url(img/icon_info_list.jpg);
		background-repeat: no-repeat;
		background-position: 0px 1px;
		padding-left: 15px;
		padding-right:10px;
		line-height: 140%;
		margin-top: 9px;
	}
	#main #news p a.listLook {
		text-decoration: none;
		font-size: 90%;
	}
	#main #news p a.listLook:hover {
		text-decoration: underline;
	}
	#main #contentNews .contentsBoxTitle h3 {
			float: left;
	}
	#main #contentNews .contentsBoxTitle p {
			background-image: url(img/icon_info_list.jpg);
			background-repeat: no-repeat;
			background-position:0 2px;
			padding-left: 16px;
			float: right;
			margin-top: 7px;
			margin-right:8px;
	}
	#main #contentNews .contentsBoxTitle a.listLook {
			text-decoration: none;
			font-size: 90%;
			line-height: 140%;
	}
	#main #contentNews .contentsBoxTitle a.listLook:hover {
			text-decoration: underline;
	}
	#main #contentNews .newsContentWrap {
			width: 640px;
			margin-left: 10px;
			margin-bottom: 15px;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			padding-bottom: 11px;
	}
	#main #contentNews .newsContentWrap .newsTitle {
			margin-bottom: 5px;
	}
	#main #contentNews .newsContentWrap .newsTitle span {
			font-weight: bold;
			line-height: 110%;
			margin-right: 5px;
	}
	#main #contentNews .newsContentWrap .newsTitle img {
			vertical-align: top;
	}
	#main #contentNews .newsContentWrap .clearfix img {
			float: left;
			margin-right: 10px;
	}
	#main #contentNews .newsContentWrap .clearfix p {
			line-height: 140%;
	}
	#main #contentNews .newsContentWrap .clearfix p a {
			text-decoration: none;
	}
	#main #subCatNav {
		width:640px;
		margin-left:10px;
	}
	#main #subCatNav ul {
	}
	#main #subCatNav li {
		display: inline;
		line-height: 160%;
	}
	.contentLayoutArea {
		width: 640px;
		margin-left: 10px;
		line-height: 160%;
	}
	
	/*---------------------------- side ---------------------------*/
	#side {
	}
	#side .sort {
		margin-bottom: 10px;
		clear:both;
		line-height: 0;
	}
	#side #navigation li {
		list-style-type: none;
		margin-bottom: 2px;
		margin-top: 2px;
	}
	#side #navigation li a {
		display: block;
		width: 220px;
		height: 37px;
		background-image: url(img/menu_bg.jpg);
		background-repeat: no-repeat;
		text-decoration: none;
		padding-bottom: 2px;
	}
	#side #navigation li a:hover {
		background-image: url(img/menu_bg_ov.jpg);
	}
	#side #navigation li a span {
		padding-left: 17px;
		padding-top: 12px;
		display: block;
	}
	#side #navigation li a.subNavigationBg span {
		padding-left: 25px;
	}
	#side #navigation li.sub {
		margin-bottom: 0px;
		margin-top: 0px;
		float:left;
	}
	#side #navigation li.sub a {
		background-image: url(img/sub_menu_bg.gif);
		background-position: 10px 10px;
		height: 30px;
		width:219px;
	}
	#side #navigation li.sub a:hover {
		background-image: url(img/sub_menu_bg.gif);
	}
	#side #navigation li.sub a span {
		padding-top: 8px;
		padding-bottom: 0px;
	}
	#side #navigation li.gc {
		margin-bottom: 0px;
		margin-top: 0px;
		float:left;
	}
	#side #navigation li.gc a {
		width:219px;
		height: auto;
		padding-bottom: 5px;
		background-image: url(img/grandchild_bg.gif);
		background-position: 10px 8px;
	}
	#side #navigation li.gc a:hover {
		background-image: url(img/grandchild_bg.gif);
	}
	#side #navigation li.gc a span {
		padding-left: 40px;
		padding-top: 7px;
		padding-bottom:5px;
		display: block;
	}
	#side #navigation li a.gcNavigationBg span {
		padding-left: 50px;
	}
	#side #navigation li.active a {
		background-image: url(img/menu_bg_ov.jpg);
		width: 220px;
		height: 37px;
	}
	#side #navigationFooter{
		clear:both;
	}
	
	#side #access {
		width: 220px;
	}
	#side #access #accessInner {
		background-image: url(img/access_bg.jpg);
		background-repeat:repeat-x;
		padding: 9px;
	}
	#side #access #accessTitle {
		text-align: center;
		margin-bottom: 7px;
	}
	#side #access a#accessMap {
		margin-bottom: 10px;
		display: block;
	}
	#side #access p {
		margin-bottom: 23px;
		line-height: 140%;
	}
	#side #access .side_tel_number {
		margin-bottom: 5px;
	}
	#side #access #accessBtn a {
		display: block;
	}
	#side #access #accessBtn a#inquiryBtn {
		margin-bottom: 7px;
	}
	#searchWrap{
		width:220px;
		padding-top:5px;
		padding-left:5px;
		padding-bottom:3px;
	}
	#searchWrap form {
		float: left;
		padding-right: 5px;
	}
	#searchWrap form input.searchInput {
		vertical-align: top;
		width: 100px;
		height: 17px;
	}
	#searchWrap form input#search {
		border-width: 1px;
		border-style: solid;
	}
	#searchWrap ul {
		float: left;
	}
	#searchWrap ul li {
		float: left;
		list-style-type: none;
	}
	#searchWrap ul li#rss {
		margin-right: 3px;
	}
	#searchWrap ul li#rssHelp {
		padding-top: 1px;
	}
	
	#footerFreeArea {
		margin-bottom: 14px;
		line-height: 160%;
		background-image: url(img/footer_line_910.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-bottom: 15px;
	}
	
	/*---------------------------- footer ---------------------------*/
	#footer {
		letter-spacing: 1px;
		padding-top: 10px;
		clear:both;
	}
	#footerInner {
		background-image: url(img/footer_bg.jpg);
		background-repeat: repeat-x;
		padding-top: 20px;
		padding-bottom: 7px;
		margin-top:10px;
	}
	#footerBottom {
		height: 5px;
		line-height: 10%;
	}
	#pagetopWrap {
		width: 920px;
		margin: 0px auto;
		text-align: left;
	}
	#footer .pagetop {
	}
	#footer .pagetop a {
		display: block;
		margin-left: 811px;
	}
	#footer #footerContent {
		margin: 0px 10px 10px 10px;
		text-align: center;
		font-size: 100%;
	}
	#footer #footerContent p {
		line-height: 160%;
	}
	#footer #footerContent ul {
		margin-bottom: 14px;
		font-size: 90%;
		text-align: center;
	}
	#footer #footerContent li {
		display: inline;
	}
	#footer #footerContent li a {
		text-decoration: none;
	}
	#footer #footerContent li a:hover {
		text-decoration: underline;
	}
	#footer #footerContent #seoText {
		margin-bottom: 14px;
		line-height: 140%;
	}
	#footer #footerContent address {
		font-style: normal;
		font-size: 90%;
	}
	
	#footer #footerContent .footer_box01 {
		width: 450px;
	}
	
	#footer #footerContent .footer_box02 {
		width: 430px;
	}
	
	/*---- freeArea ----*/
	#main .freeArea {
		margin-bottom: 20px;
		line-height: 160%;
		width:640px;
		margin-left: 10px;
		clear:both;
	}
	#side .freeArea {
		width:220px;
		margin-bottom: 15px;
		line-height: 160%;
		line-height: 0;
	}
	
	/*--- pulldownMenu style ---*/
	
	/* pulldown cross */
	.navTypeCross #navigation ul#nav ul a {
		background-image: url(img/sub_menu_pd.jpg);
		background-position: 0px 0px;
		width: 210px;
		height: 30px;
		padding-bottom:1px;
		text-decoration: none;
	}
	.navTypeCross #navigation ul#nav ul a:hover {
		background-image: url(img/sub_menu_pd_ov.jpg);
	}
	.navTypeCross #navigation ul#nav ul a span {
		padding-left: 23px;
		padding-top:7px;
		display: block;
	}
	.navTypeCross #navigation ul#nav li {
		position: relative;
		margin-top:3px;
	}
	.navTypeCross #navigation ul#nav ul.pullSub li {
		width: 210px;
	}
	
	/* pulldown side */
	#side #navigation ul#nav {
		width: 220px;
	}
	#side #navigation ul#nav ul.pullSub {
		margin-left: 1px;
		width: 210px;
	}
	#side #navigation ul#nav li {
		position: relative;
	}
	#side #navigation ul#nav ul.pullSub li {
		width: 210px;
		margin-bottom: 0px;
	}
	#side #navigation ul#nav ul.pullSub  ul.pullGc{
		margin-left: 0px;
		width: 210px;
	}
	#side #navigation ul#nav ul li.pullSubLi a.subNavigationBg,
	#side #navigation ul#nav ul li.pullGcLi a.gcNavigationBg {
		background-image: url(img/sub_menu_pd.jpg);
		background-position: 0px 0px;
		width: 210px;
		height: 30px;
		padding-bottom:1px;
		text-decoration: none;
	}
	#side #navigation ul#nav ul li.pullSubLi a.subNavigationBg:hover,
	#side #navigation ul#nav ul li.pullGcLi a.gcNavigationBg:hover {
		background-image: url(img/sub_menu_pd_ov.jpg);
	}
	#side #navigation ul#nav ul li.pullSubLi a span {
		padding-left: 23px;
		padding-top:7px;
	}
	#side #navigation ul#nav ul li.pullGcLi a.gcNavigationBg {
		padding-top: 0px;
	}
	
	.navTypeRight #navigation ul#nav ul.pullSub {
		left: -96%;
	}
	.navTypeRight #navigation ul#nav ul.pullSub ul.pullGc {
		left: -100%;
	}
	
	
	/*---- 下層ページ ----*/
	#main #bread {
		margin-bottom: 12px;
		box-sizing: border-box;
	}
	#main #bread #breadInner {
		float: right;
		padding-right: 7px;
	}
	#main #bread a:hover {
		text-decoration: none;
	}
	
	/* ここからナビゲーションタイプごとのスタイル */
	
	/*--- navType01 ---*/
	.navType01 #header {
		background-image: url(img/header_bg.gif);
		background-repeat: no-repeat;
		background-position:center top;
	}
	.navType01 #main {
		width: 680px;
		float: right;
	}
	.navType01 #main #bread #breadInner {
		float: right;
	}
	.navType01 #side {
		width: 220px;
		float: left;
		margin-left:5px;
	}
	
	/*--- navType01combine ---*/
	.navType01combine #header{
		width: 920px;
		margin: 0px auto;
		text-align: left;
		padding-bottom: 15px;
	}
	
	.navType01combine #main {
		width: 680px;
		float: right;
	}
	.navType01combine #main #bread #breadInner {
		float: right;
	}
	.navType01combine #side {
		width: 220px;
		float: left;
		margin-left:5px;
	}
	.navType01combine #mainImage {
		display: none;
	}
	.navType01combine #headerImage {
		background-position: center 0px;
	
		background-repeat: no-repeat;
		margin-bottom: 20px;
	}
	body.navType01combine {
		background-image: none;
	}
	
	/*--- navType02 ---*/
	.navType02 #header {
		background-image: url(img/header_bg.gif);
		background-repeat: no-repeat;
		background-position:center top;
	}
	
	.navType02 #mainImage {
		width: 680px;
	}
	.navType02 #main {
		width: 680px;
		float: right;
	}
	.navType02 #side {
		width: 220px;
		float: left;
		margin-left:5px;
	}
	
	/*--- navType03 ---*/
	.navType03 #header {
		background-image: url(img/header_bg.gif);
		background-repeat: no-repeat;
		background-position:center top;
	}
	.navType03 #main {
		width: 680px;
		float: left;
	}
	.navType03 #main .contentsBox{
		margin-left:12px;
		width:660px;
	}
	.navType03 #main #bread #breadInner {
		float: right;
	}
	.navType03 #side {
		width: 220px;
		float: right;
		padding-right:5px;
	}
	.navType03 #side #searchWrap{
		width:215px;
	}
	.navType03 #footer .pagetop a {
		display: block;
		margin-left: 15px;
	}
	
	/*--- navType03combine ---*/
	.navType03combine #header{
		width: 920px;
		margin: 0px auto;
		text-align: left;
		padding-bottom: 15px;
	}
	.navType03combine #main {
		width: 660px;
		float: left;
		padding-left:12px;
	}
	.navType03combine #main #bread #breadInner {
		float: right;
	}
	.navType03combine #side {
		width: 220px;
		float: right;
		margin-right:5px;
	}
	.navType03combine #mainImage {
		display: none;
	}
	.navType03combine #headerImage {
		background-position: center 0px;
		background-repeat: no-repeat;
		margin-bottom: 20px;
	}
	body.navType03combine {
		background-image: none;
	}
	.navType03combine #footer .pagetop a {
		display: block;
		margin-left: 15px;
	}
	.navType03 .contentsBox{
		margin-right:0px;
	}
	
	/*--- navType04 ---*/
	.navType04 #header {
		background-image: url(img/header_bg.gif);
		background-repeat: no-repeat;
		background-position:center top;
	}
	.navType04 #mainImage {
		width: 680px;
	}
	.navType04 #main {
		width: 680px;
		float: left;
	}
	.navType04 #main .contentsBox{
		float:right;
		width:660px;
	}
	.navType04 #side {
		width: 220px;
		float: right;
		padding-right:5px;
	}
	.navType04 #side #searchWrap{
		width:215px;
	}
	.navType04 #footer .pagetop a {
		display: block;
		margin-left: 15px;
	}
	.navType04.navTypeBlogRight #main .contentsBox{
		width:490px !important;
	}
	
	/*--- navTypeCross ---*/
	.navTypeCross #main {
		width: 680px;
		float: right;
	}
	.navTypeCross #side {
		width: 220px;
		float: left;
		padding-left:5px;
	}
	
	.navTypeCross #navigation {
		width: 920px;
		text-align: left;
	}
	.navTypeCross #navigation ul {
	}
	.navTypeCross #navigation li {
		list-style-type: none;
		float: left;
		margin-right: 1px;
	}
	.navTypeCross #navigation li.menu06 {
		margin-right: 0px;
	}
	.navTypeCross #navigation li a.navigationBg,
	.navTypeCross #navigation li a.navigationBgActive{
		background-repeat: no-repeat;
		display: block;
		height: 32px;
		text-decoration: none;
	}
	.navTypeCross #navigation li a.navigationBg span,
	.navTypeCross #navigation li a.navigationBgActive span {
		padding-top: 8px;
		padding-left: 12px;
		display: block;
	}
	.navTypeCross #navigation li.menu01 a,
	.navTypeCross #navigation li.menu02 a,
	.navTypeCross #navigation li.menu03 a {
		width: 152px;
	}
	.navTypeCross #navigation li.menu04 a,
	.navTypeCross #navigation li.menu05 a,
	.navTypeCross #navigation li.menu06 a {
		width: 153px;
	}
	.navTypeCross #navigation li.menu01 a.navigationBg,
	.navTypeCross #navigation li.menu02 a.navigationBg,
	.navTypeCross #navigation li.menu03 a.navigationBg {
		background-image: url(img/menu_bg_cross_s.jpg);
	}
	.navTypeCross #navigation li.menu04 a.navigationBg,
	.navTypeCross #navigation li.menu05 a.navigationBg,
	.navTypeCross #navigation li.menu06 a.navigationBg {
		background-image: url(img/menu_bg_cross_l.jpg);
	}
	.navTypeCross #navigation li.menu01 a.navigationBg:hover,
	.navTypeCross #navigation li.menu02 a.navigationBg:hover,
	.navTypeCross #navigation li.menu03 a.navigationBg:hover {
		background-image: url(img/menu_bg_cross_s_ov.jpg);
	}
	.navTypeCross #navigation li.menu04 a.navigationBg:hover,
	.navTypeCross #navigation li.menu05 a.navigationBg:hover,
	.navTypeCross #navigation li.menu06 a.navigationBg:hover {
		background-image: url(img/menu_bg_cross_l_ov.jpg);
	}
	.navTypeCross #navigation li.menu01 a.navigationBgActive,
	.navTypeCross #navigation li.menu02 a.navigationBgActive,
	.navTypeCross #navigation li.menu03 a.navigationBgActive {
		background-image: url(img/menu_bg_cross_s_ov.jpg);
	}
	.navTypeCross #navigation li.menu04 a.navigationBgActive,
	.navTypeCross #navigation li.menu05 a.navigationBgActive,
	.navTypeCross #navigation li.menu06 a.navigationBgActive {
		background-image: url(img/menu_bg_cross_l_ov.jpg);
	}
	
	/* navTypeCross news */
	#sideNews .contentsBoxBody {
		padding:2px;
	}
	#sideNews .contentsBoxTitle {
			background-image: url(img/contents_title.jpg);
			background-repeat: no-repeat;
			background-position: left bottom;
			margin-bottom: 13px;
			padding-bottom: 2px;
	}
	#sideNews .contentsBoxTitle h3 {
			float: left;
			font-weight: normal;
			padding-top: 5px;
			padding-left:7px;
	}
	#sideNews .contentsBoxTitle p {
			float: right;
			background-image: url(img/icon_info_list.jpg);
			background-repeat: no-repeat;
			padding-left: 16px;
			margin-top: 4px;
	}
	#sideNews .contentsBoxTitle a.listLook {
			text-decoration: none;
			font-size: 90%;
			line-height: 140%;
	}
	#sideNews .contentsBoxTitle a.listLook:hover {
			text-decoration: underline;
	}
	#sideNews .newsContentWrap {
			margin-bottom: 20px; 
			border-bottom-width: 1px;
			border-bottom-style: solid;
			padding-bottom: 15px;
	}
	#sideNews .newsContentWrap .newsTitle {
			margin-bottom: 5px;
	}
	#sideNews .newsContentWrap .newsTitle span {
			font-weight: bold;
			line-height: 110%;
			margin-right: 5px;
	}
	#sideNews .newsContentWrap .newsTitle img {
			vertical-align: top;
	}
	#sideNews .newsContentWrap .clearfix {
	}
	#sideNews .newsContentWrap .clearfix img {
			float: left;
			margin-right: 10px;
	}
	#sideNews .newsContentWrap p a {
			text-decoration: none;
	}
	
	/* navTypeCross subcategory */
	.navTypeCross #subNavigation {
	}
	.navTypeCross #subNavigation li {
		list-style-type: none;
		background-image: url(img/sub_menu_bg_cross.gif);
		background-repeat: no-repeat;
		width: 220px;
		height: 28px;
		margin-bottom: 5px;
	}
	.navTypeCross #subNavigation a {
		text-decoration: none;
		display: block;
		width: 220px;
		height: 28px;
	}
	.navTypeCross #subNavigation a.gcNavigationBg {
	}
	.navTypeCross #subNavigation .subNavigationBg span {
		padding-left: 15px;
		padding-top: 8px;
		display: block;
	}
	.navTypeCross #subNavigation ul ul {
		margin-bottom: 2px;
	}
	.navTypeCross #subNavigation li.gc {
		background-position: 22px 7px;
		height: 22px;
		background-image: none;
		margin-bottom:3px;
	}
	.navTypeCross #subNavigation li.gc a {
		background-image: url(img/grandchild_bg_cross.gif);
		background-repeat: no-repeat;
		height: 22px;
		background-position: 4px 0px;
		padding-top:5px;
	}
	.navTypeCross #subNavigation li.gc span {
		padding-left: 30px;
	
	}
	.navTypeCross #subNavigation li.gcWrap {
		background-image: none;
		height: auto;
	}
	
	/*--- navType05 ---*/
	.navType05 #header {
		background-repeat: no-repeat;
		background-position:center top;
	}
	.navType05 #mainImage {
		margin-bottom: 1px;
		line-height: 0;
	}
	.navType05 #navigation {
		margin: 0px auto 20px;
	}
	
	/*--- navType05combine ---*/
	.navType05combine #mainImage {
		margin-bottom: 1px;
	}
	.navType05combine #navigation {
		margin: 0px auto 20px;
	}
	.navType05combine #headerImage {
		background-position: center 0px;
		background-repeat: no-repeat;
	}
	.navType05combine #mainImage {
		background-image: none;
	}
	body.navType05combine {
		background-image: none;
	}
	
	/*--- navType06 ---*/
	.navType06 #header {
		background-image: url(img/header_bg.gif);
		background-repeat: no-repeat;
		background-position:center top;
	}
	.navType06 #mainImage {
		margin-bottom: 20px;
	}
	.navType06 #navigation {
		margin: 0px auto 1px;
	}
	.navType06 #navigation li a.navigationBg,
	.navType06 #navigation li a.navigationBgActive {
		text-align: center;
	}
	.navType06 #navigation li a.navigationBg span {
		padding-left: 0px;
	}
	
	/*--- navTypeBlogLeft ---*/
	.navTypeBlogLeft #blogMenu {
		float: right;
	}
	.navTypeBlogLeft #main {
		float: right;
	}
	.navTypeBlogLeft #article {
		float: left;
	}
	.navTypeBlogLeft #side {
		float: left;
	}
	.navTypeBlogLeft #blogMenu{
		margin-right:5px;
	}
	
	
	/*--- navTypeBlogCross ---*/
	.navTypeBlogCross #blogMenu {
		float: right;
		padding-right:5px;
	}
	.navTypeBlogCross #main {
		float: right;
	}
	.navTypeBlogCross #article {
		float: left;
	}
	.navTypeBlogCross #side {
		float: left;
	}
	/*--- navTypeBlogRight ---*/
	.navTypeBlogRight #blogMenu {
		float: left;
	}
	.navTypeBlogRight #main {
		float: left;
	}
	.navTypeBlogRight #article {
		float: right;
		width: 500px;
	}
	.navTypeBlogRight #blogMenu {
		margin-left:5px;
	}
	.navTypeBlogRight #side {
		float: right;
	}
	
	/* navTypeBlogParallel */
	.navTypeBlogParallel #mainImage {
		width: 680px;
	}
	.navTypeBlogParallel #main {
		width: 680px!important;
	}
	
	/*--- navTypeBlog ---*/
	.navTypeBlog #blogMenu {
		width: 170px;
	/*	padding-left:5px;*/
	}
	.navTypeBlog #main {
		width: 680px;
	}
	.navTypeBlog #article {
		width: 490px;
	}
	.navTypeBlog #side {
		width: 220px;
	}
	
	/* ここまでナビゲーションタイプごとのスタイル */
	
	.navTypeBlog{
	}
	.navTypeBlog #main .contentsBox {
		background-repeat:no-repeat;
		width: 490px;
	}
	.navTypeBlog #main .contentsBox .contentsBoxTitle {
		width: 489px;
	}
	.navTypeBlog #main #article .contentsBoxTitle {
		margin-bottom: 20px;
	}
	.navTypeBlog #main .contentsBoxBody {
		background-repeat:repeat-y;
		width: 490px;
	}
	.navTypeBlog #main .contentsBoxFooter {
		background-repeat:no-repeat;
		width: 490px;
		height:11px;
	}
	
	.navTypeBlog #main #article .blogArticleArea {
		width: 450px;
		margin-left: 20px;
	}
	#article .articleWrap {
		margin-bottom: 37px;
		padding-bottom: 15px;
		border-bottom:1px dotted;
	}
	#article .articleWrap p.data {
		text-align: right;
		margin-bottom: 1px;
		font-size:90%;
	}
	#article .articleWrap .entryTitle {
		width: 450px;
		height: 30px;
		margin-bottom: 15px;
		background-image: url(img/entry_title_bg.gif);
		background-repeat: no-repeat;
	}
	#article .articleWrap h4 {
		padding-top: 7px;
		padding-left: 15px;
		font-weight: normal;
	}
	#article .articleWrap .entryBody {
		margin-left: 20px;
		margin-bottom: 18px;
		line-height: 160%;
		width: 410px;
	}
	#article .articleWrap p.continuation {
		margin-bottom: 8px;
		text-align: right;
	}
	#article .articleWrap p.continuation a {
	}
	#article .articleWrap p.blogMenu {
		text-align: right;
	}
	#article .articleWrap p.blogMenu a {
	}
	
	/*---- コメント受付完了ページ ----*/
	#article .commentAcceptWrap h4 {
		font-weight: normal;
		margin-bottom: 14px;
	}
	
	/*---- ブログページ ----*/
	#blogMenu {
	}
	#blogMenu .blogMenuWrap {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-width: 1px;
		border-style: solid;
	}
	#blogMenu .blogMenuWrap h4 {
		background-image: url(img/blog_h4_bg.jpg);
		background-repeat: repeat-x;
		margin: 10px;
		padding: 8px;
	}
	#blogMenu #calender {
	}
	#blogMenu #calender table {
		border-width: 1px;
		border-style: solid;
		border-collapse: collapse;
		margin-left: 10px;
		width: 145px;
		line-height:120%;
	}
	
	#blogMenu #calender caption {
		padding: 0 0 5px 0;
	}
	#blogMenu #calender caption a {
	}
	#blogMenu #calender caption a.pre {
		margin-right: 3px;
	}
	#blogMenu #calender caption a.next {
		margin-left: 3px;
	}
	#blogMenu #calender th, #blogMenu #calender td {
		border-width: 1px;
		border-style: solid;
		text-align: center;
	}
	
	#blogMenu .blogMenuWrap ul {
		margin-left: 14px;
	}
	#blogMenu .blogMenuWrap li {
		list-style-type: none;
		background-image: url(img/icon_list_article.gif);
		background-repeat: no-repeat;
		padding-left: 14px;
		background-position: 0px 5px;
		margin-bottom: 4px;
		width: 125px;
		line-height: 140%;
	}
	#blogMenu .blogMenuWrap li.sub {
		list-style-type: none;
		background-image: url(img/icon_list_article.gif);
		background-repeat: no-repeat;
		padding-left: 26px;
		background-position: 12px 5px;
		margin-bottom: 4px;
		width: 125px;
		line-height: 140%;
	}
	#article .commentWrap {
		width: 448px;
		margin-bottom: 20px;
	}
	#article .comment {
		border-width: 1px;
		border-style: solid;
	}
	#article .comment form {
		margin-left: 15px;
		margin-bottom: 20px;
	}
	#article .comment form input.nameInput,
	#article .comment form input.addressInput {
		width: 240px;
		height: 18px;
	}
	#article .comment form input.nameInput,
	#article .comment form input.addressInput,
	#article .comment form textarea {
		border-width: 1px;
		border-style: solid;
	}
	#article .comment form input,
	#article .comment form textarea {
		margin-bottom: 7px;
	}
	#article .comment form textarea {
		width: 400px;
	}
	#article .commentsOpenFooter {
	}
	#article .commentsOpenFooter input.commentSubmit {
	}
	#article .comment .commentTitle {
		width: 446px;
		height: 30px;
		margin-bottom: 15px;
		background-image: url(img/comment_bg.gif);
	}
	#article .comment .commentTitle p {
		padding-top: 8px;
		padding-left: 15px;
	}
	#article .comment .name {
		margin-bottom: 3px;
	}
	#article .comment .mailAddress {
		margin-bottom: 3px;
	}
	#article .comment .commentField {
		margin-bottom: 3px;
	}
	
	.blogUnderMenu {
		margin-bottom: 30px;
	}
	.blogUnderMenu h5 {
		background-image: url(img/icon_blog_under_menu.gif);
		background-repeat: no-repeat;
		padding-left: 9px;
		padding-top:2px;
		margin-bottom: 5px;
		font-weight: normal;
	}
	#trackbackUrl {
	}
	#trackbackUrl h5 {
	}
	#trackbackUrl input.trackback {
		width: 440px;
		padding: 3px;
		margin-top: 5px;
		border-width: 1px;
		border-style: solid;
	}
	.trackbackBox, .commentBox {
		margin-bottom: 15px;
		margin-left: 15px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		width: 435px;
		padding-bottom: 5px;
	}
	.trackbackBox h5 {
	}
	.trackbackBox p, .commentBox p {
		margin-bottom: 14px;
		line-height: 160%;
	}
	.trackbackBox a {
	}
	.trackbackBox span, .commentBox span {
		display: block;
		text-align: right;
		font-size: 90%;
	}
	
	/*---- 新着情報ページ ----*/
	#pagenation table {
		margin: 15px auto 0;
	}
	#pagenation {
		width: 640px;
		margin: 0px auto;
	}
	#pagenation .previous {
		float: left;
		padding-top: 5px;
	}
	#pagenation .previous a {
		background-image: url(img/icon_news_previous.gif);
		background-repeat: no-repeat;
		background-position: right 2px;
		padding-right: 10px;
		text-decoration: none;
	}
	#pagenation .next {
		float: left;
		padding-top: 5px;
	}
	#pagenation .next a {
		background-image: url(img/icon_news_next.gif);
		background-repeat: no-repeat;
		background-position: left 2px;
		padding-left: 10px;
		text-decoration: none;
	}
	#pagenation .previous a:hover,
	#pagenation .next a:hover {
		text-decoration: underline;
	}
	#pagenation ul {
		float: left;
		padding: 0 5px 0 7px;
	}
	#pagenation li {
		list-style-type: none;
		float: left;
		margin-right: 3px;
		text-align:center;
	}
	#pagenation li a {
		display: block;
		width: 24px;
		height: 24px;
		text-decoration: none;
	}
	#pagenation li a:hover {
		text-decoration: underline;
	}
	#pagenation li a span {
		padding-top: 6px;
		display: block;
	}
	#pagenation li span.current {
		display: block;
		width: 24px;
		height: 24px;
	}
	#pagenation li span.current span {
		display: block;
		padding-top: 6px;
		text-align:center;
	}
	
	/*---- サイトマップページ ----*/
	#sitemap {
		line-height: 180%;
		margin-bottom: 20px;
	}
	#sitemap a {
		text-decoration: none;
		position: relative;
		display: block!important;
		padding: 11px 0px 8px 15px!important;
		background: none;
		color: #717171;
		font-weight: bold;
	}
	#sitemap a:hover {
		text-decoration: underline;
	}
	#main #sitemap .contentsBoxTitle {
		margin-bottom: 20px;
	}
	#sitemap .menuWrap {
		margin-bottom: 17px;
		margin-left: 12px;
	}
	#sitemap .menu {
		background-image: url(img/icon_sitemap.gif);
		background-repeat: no-repeat;
		padding: 8px 0px 7px 15px;
		margin-bottom: 15px;
		width: 504px;
	}
	#sitemap h4 {
	}
	#sitemap h4 a {
		text-decoration: underline;
	}
	#sitemap h4 a:hover {
		text-decoration: none;
	}
	#sitemap .menuWrap .clearfix {
		margin-left: 15px;
		margin-bottom: 2px;
	}
	#sitemap .subMenu {
		background-image: url(img/icon_sitemap_sub.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding-left: 14px;
		width: 215px;
	}
	#sitemap .subMenu a {
		text-decoration: underline;
	}
	#sitemap .subMenu a:hover {
		text-decoration: none;
	}
	#sitemap li {
		background: url(img/icon_sitemap.gif) no-repeat center center / 100% 100%;
		width: 504px;
		list-style-type: none;
		border: 0!important;
		margin-bottom: 15px!important;
	}
	#sitemap li a {
		text-decoration: underline;
	}
	#sitemap li a:hover {
		text-decoration: none;
	}
	.sitemap > ul > li::before,
	.sitemap > ul > li a::after{
		display: none!important;
	}
	
	/*---- ノットファウンドページ ----*/
	#notfound {
		border-width: 1px;
		border-style: solid;
		padding: 40px;
		line-height: 140%;
	}
	#notfound h3 {
		margin-bottom: 25px;
	}
	#notfound form input#search {
		border-width: 1px;
		border-style: solid;
	}
	#notfound p.supplement {
		margin-bottom: 4px;
	}
	#notfound .notfoundCont {
		margin-bottom: 25px;
	}
	#notfound .notfoundCont h4 {
		background-image: url(img/dot_line_514.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		font-size: 120%;
		padding-bottom: 3px;
		margin-bottom: 6px;
	}
	#notfound #searchFrame form {
		float: left;
		padding-right: 10px;
	}
	#notfound #searchFrame form input.searchInput {
		vertical-align: top;
		width: 135px;
		height: 17px;
	}
	
	#notfound #sitemap {
		margin-bottom: 30px;
	}
	#notfound #sitemap h4 {
		margin-bottom: 15px;
	}
	#notfound #sitemap h5 a {
		text-decoration: underline;
	}
	#notfound #sitemap h5 a:hover {
		text-decoration: none;
	}
	#notfound #sitemap .menu {
		background-image: url(img/icon_sitemap.gif);
		background-repeat: no-repeat;
		width: 504px;
	}
	#notfound #sitemap .menuWrap {
		margin-left: 0px;
	}
	
	#notfound .notfoundCont p.explanation {
		margin-bottom: 10px;
	}
	#notfound .notfoundCont .example {
		font-size: 80%;
	}
	
	/*---- RSSヘルプページ ----*/
	#aboutRss {
	}
	#aboutRss #rssReaderAbout p {
		margin-bottom: 14px;
	}
	#aboutRss .contentsBox p {
		line-height: 160%;
	}
	#aboutRss #about {
	}
	#aboutRss #about p {
		float: left;
		margin: 0 10px;
		display: inline;
	}
	#aboutRss #about img {
		float: right;
		margin-right: 18px;
		display: inline;
	}
	#aboutRss .contentsBox {
		width: 660px;
		margin-bottom: 40px;
	}
	#aboutRss .contentsBox .contentsBoxTitle {
		margin-bottom: 18px;
	}
	#aboutRss #rssReaderWrap {
		margin-top: 30px;
	}
	#aboutRss .rssReader {
		margin-bottom: 35px;
	}
	#aboutRss .rssReader h4 {
		font-size: 140%;
		font-weight: bold;
		margin-bottom: 5px;
	}
	#aboutRss .rssReaderAboutInner {
		margin: 0 10px;
	}
	#aboutRss .webService, #aboutRss .browser {
		width: 540px;
		border-width: 1px;
		border-style: solid;
		margin-bottom: 13px;
		height: 70px;
	}
	#aboutRss .webService img {
		margin-left: 20px;
		margin-top: 13px;
	}
	#aboutRss .webService .fltR {
		width: 365px;
	}
	#aboutRss .webService span,
	#aboutRss .browser span,
	#aboutRss #mailSoft span,
	#aboutRss #special span {
		display: block;
		margin-top: 18px;
		margin-bottom: 3px;
		font-size: 120%;
	}
	
	#aboutRss .browser .fltR {
		width: 445px;
	}
	#aboutRss .browser img {
		margin-left: 20px;
		margin-top: 2px;
	}
	
	#aboutRss #mailSoft a {
	}
	#aboutRss #dispatch p {
		margin-left: 10px;
		margin-bottom: 14px;
	}
	#aboutRss #dispatch a {
		margin-right: 5px;
	}
	#aboutRss #dispatch img {
		vertical-align: middle;
	}
	#aboutRss #attention p {
		margin-bottom: 14px;
		margin-left: 10px;
	}
}

/*end pc*/


@media screen and (min-width: 768px) and (max-width: 920px) {
#header{
	width: 100%;
    padding: 0 8px 15px;
    box-sizing: border-box;
}
#wrapper{
	width: 100%;
	border: 0;
}
#header #headerRight {
    width: 382px;
	padding: 18px 0 0 0;
}
#header #headerLeft {
    width: 367px;
	padding-left: 0;
}
#header #headerRight div#telNumber img{
	width: 100%;
	height: auto;
}
.navTypeCross #navigation {
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
}
.navTypeCross #navigation li.menu01 a, .navTypeCross #navigation li.menu02 a, .navTypeCross #navigation li.menu03 a {
    width: auto;
}
.navTypeCross #navigation ul{
	display: flex;
    justify-content: center;
}
.navigationCross li {
    width: 53px;
    flex-grow: 1;
    width: auto;
}
.navTypeCross #navigation li a.navigationBg{
    width: 100%!important
}
.navTypeCross #navigation li.menu01 a.navigationBg, .navTypeCross #navigation li.menu02 a.navigationBg, .navTypeCross #navigation li.menu03 a.navigationBg {
    background: url(img/menu_bg_cross_s.jpg) no-repeat center center / 100% 100%;
}
.navTypeCross #navigation ul#nav li {
    position: relative;
    margin-top: 3px;
    float: none;
    width: auto;
    flex-grow: 1;
}
#mainImageWrap {
    padding: 0 8px;
	box-sizing: border-box;
}
.navTypeCross #main {
    width: calc(100% - 255px);
    margin-right: 8px;
}
#main .contentsBox .contentsBoxTitle {
    width: 100%;
	margin-left: 0;
}

.contentLayoutArea {
    width: 100%;
}
#pagetopWrap {
    width: 100%;
}
#footer .pagetop a {
    margin-left: 0;
    text-align: right;
}
#footer #footerContent .footer_box01 {
    width: 51%;
}
#footer #footerContent .footer_box01 iframe{
	width: 100%;
	height: 250px;
}
#footer #footerContent .footer_box02 {
    width: 47%;
}
#content {
    width: 100%;
}
.contentLayoutArea{
	width: 100%;
	margin-left: 0;
}
.navTypeCross #side {
    box-sizing: border-box;
}
.navTypeCross #side {
    padding-left: 0;
}
#content {
    padding: 0 8px!important;
    box-sizing: border-box;
}
#side #access #accessInner{
	box-sizing: border-box;
}
.home .block03 {
    width: 225px;
    margin-bottom: 30px;
}
.home .block03 h5 +span img{
	width: 100%;
	height: auto;
}
#footer .pagetop {
    padding-right: 8px;
}
















}