@charset "shift_jis";

/* ======================================================
 * layout.css
 * ------------------------------------------------------
 * Page
 * Header
 * Contents
 * Footer
 * ClearFix
====================================================== */


/*****モバイル用に変更または追加*********************************/


body{word-wrap: break-word;/*長いテキストの自動改行*/
	}

img{/*画像の大きさを最大横幅100％にする。横は余白あり*/
	max-width:100%;
	width:100%;
	height:auto;
	}


pre {/*長いテキストの自動改行*/
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

header-menu-bt{/*ヘッダーメニューのボタン*/
	width:0px;
	height:0px;
	border:none;
	margin:0;
	padding:0;}

.sideBanner100{/*左右カラムのバナーをw100％にする*/
	width: 48%/*31%*/;/**/
	margin:0px 4px 3px 0px;
	float:left;
	}


#topNaviSub{/*第二階層以下のトップにメニュー表示。PCの場合は非表示*/
	margin:6px 3px 20px 6px;
	}



.indexNavi{/*カテゴリトップのコンテンツメニューを非表示*/
	width:0px !important;
	height:0px !important;
	overflow:hidden !important;
	visibility: none !important;
	}

.sideMenuTitle{/*第二階層以下のサイドメニューのタイトル画像。横幅を100％にする。PCだと固定サイズ*/
	width:100% !important;
	max-width:100% !important;
	}


.sideRelatedBox .head{
		width:0px !important;
	height:0px !important;
	overflow:hidden !important;
	visibility: none !important;
	}

.copyrightImg{/*footerのcopyrightの横幅*/
	width:323px;
	max-width:96%;
	margin:0 auto; 
	}

.h1title{/*各ページの黒文字見出し画像*/
	max-width:99% !important;
	max-height:22px !important;
	width:auto !important;}

.h2title{/*各ページの黒文字見出し画像*/
	max-width:99% !important;
	max-height:19px !important;
	width:auto !important;}


.googleMap{/*GoogleMap*/
		max-width:98% !important;}

.space600px{/*縦に空行　600px モバイルでは非表示*/
	width:0px !important;
	height:0px !important;
	overflow:hidden !important;
	visibility: none !important;}


/**************************************************************/



/* Page
------------------------------------------------------ */
#pageContainer {
	background: url(../images/com_bg01.gif) repeat-x 0 0;
}
body#siteTop #pageContainer {
	/*background: url(../images/com_bg01_top.gif) repeat-x 0 0;*/
}

/* Header
------------------------------------------------------ */
#globalHeader {
	height: 70px;
	/*background: url(../images/header_bg01.gif) no-repeat 50% 0;*/
	background-color:#FFFFFF;
	border-bottom:#CCCCCC 1px solid;
}
/*body#siteTop */#globalHeader {
	background: url(../images/header_bg01_top.gif) no-repeat 50% 0;
}
#header {
	clear: both;
	width: 100% /*960px*/;
	margin: 0 auto;
}

/*----- headerBlock01 -----*/
.headerBlock01 {
	padding: 0 15px;
}
/* headerLogo */
.headerBlock01 #headerLogo {
	float: left;
	padding: 13px 6px 0 0;
}
/* tagline サイトロゴ右のテキスト */
.headerBlock01 .tagline {
	float: left;
	padding: 0px 0 0 0;
	color: #f00;
	line-height: 0;
	
	width:0px;
	height:0px;
	padding:0px;
	 overflow:hidden;
}
/* headerUtility */
.headerBlock01 .headerUtility {/*ページトップのお問い合わせ。ウインドウ幅が狭いと改行されるため一時的に非表示*/
	float: right;
	
width:0px !important;
	height:0px !important;
	overflow:hidden !important;
	visibility: none !important;/**/
}
.headerBlock01 .headerUtility li {/**/
	float: right;
	margin: 0 0px 0 0 ;
}


#headerNav/*151015　モバイルのみ表示：ヘッダーにホームボタン追加*/{
	float: right;
	overflow:hidden !important;
	margin:12px 0 0 0 !important;
	padding:0px !important;
	}

#headerNav li {
	float: left;
	margin-left:6px;
}


/*----- globalNavi -----*/
#globalNavi {
	/*clear: both;
	margin: 3px 15px 0;*/
}
#globalNavi .siteMenu li {
	/*float: left;*/
}
#globalNavi .siteMenu li a {
	/*display: block;
	width: 155px;
	height: 48px;
	text-indent: -9999px;
	font-size: 0;
	*zoom: 1;*/
	
		width:0px;
	height:0px;
	border:none;
	margin:0;
	padding:0;}
}
#globalNavi .siteMenu li.nav01 a {
	/*width: 134px;
	background: url(../images/header_nav01.gif) no-repeat 0 0;*/
}
#globalNavi .siteMenu li.nav02 a {
	/*width: 133px;
	background: url(../images/header_nav02.gif) no-repeat 0 0;*/
}
#globalNavi .siteMenu li.nav03 a {
	/*width: 133px;
	background: url(../images/header_nav03.gif) no-repeat 0 0;*/
}
#globalNavi .siteMenu li.nav04 a {
	/*width: 132px;
	background: url(../images/header_nav04.gif) no-repeat 0 0;*/
}
#globalNavi .siteMenu li.nav05 a {
	/*width: 133px;
	background: url(../images/header_nav05.gif) no-repeat 0 0;*/
}
#globalNavi .siteMenu li.nav06 a {
	/*width: 133px;
	background: url(../images/header_nav06.gif) no-repeat 0 0;*/
}
#globalNavi .siteMenu li.nav07 a {
	/*width: 132px;
	background: url(../images/header_nav07.gif) no-repeat 0 0;*/
}
#globalNavi .siteMenu li a:hover,
#globalNavi .siteMenu li.on a {
	/*background-position: 0 -48px !important;*/
}


/* Contents
------------------------------------------------------ */
#globalContents {
	clear: both;
}

#globalContents-04 {
	clear: both;
}

#globalContents-05 {
	clear: both;
}

body#siteTop #globalContents {
/*background: url(../../images/index_bg00.jpg) no-repeat 0 50%;
background-size:contain; 
	
-moz-background-size:contain;*/
	
	
}






#contents {
	clear: both;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}

/*----- topicPath -----*/
#topicPath {
	clear: both;
	/*width: 960px;*/
	margin: 0 auto;
}
#topicPath .pageNavi {
	padding: 0 0 0 18px;
	background: url(../images/com_ic01.gif) no-repeat 0 3px;
}
#topicPath .pageNavi dt {
	position: absolute;
	left: -9999px;
	top: -9999px;
	float: left;
	text-indent: -9999px;
}
#topicPath .pageNavi dd ul li {
	float: left;
}
#topicPath .pageNavi dd ul li.into {
	margin: 0 11px 0 0;
	padding: 0 14px 0 0;
	background: url(../images/com_ic02.gif) no-repeat 100% 0.3em;
}
#topicPath .pageNavi dd ul li a {
	white-space: nowrap;
}
#topicPath .pageNavi dd ul li em {
	color: #555555;
	font-weight: bold;
	white-space: nowrap;
}

/*----- contentsWrap -----*/
#contentsWrap {
	clear: both;
	/*width: 960px;*/
	margin: 12px auto 0;
}
body#siteTop #contentsWrap {
	margin: 0 auto;
} 
/*** mainContents ***/
#contentsWrap #mainContents {
	float: none;
	width: /*720px*/ 96%;
	margin: 0px auto;
}
body.noSide #contentsWrap #mainContents {
	float: none;
	width:/* 960px*/  100%;
	margin: 0 auto;
}
/*** sideContents ***/
#contentsWrap #sideContents {
	float: none;
	width: /*220px*/ 96%;
	margin: 0 auto;
	margin-top:30px;
}
/* asideNavi */
.asideNavi {
	clear: both;
	padding: 0px 0 12px 0;
	background-color:/*#fcfaf8*/ #F90;
	background: #fcfaf8 url(../images/side_bg01.gif) 100% 100% no-repeat;

margin-top:30px;
background-size:100% auto;

}
.asideNavi a,
.asideNavi .noLink {
	color: #555555;
	text-decoration: none;
}
.asideNavi em {
	font-weight: bold;
}
.asideNavi a:hover {
	text-decoration: underline;
}
.asideNavi .categoryHead {/*第二階層の左メニューのタイトル画像。*/
	width:100% !important;
	max-width:100%;

}
.asideNavi .categoryMenu2nd {
	padding: 0 10px;
}
.asideNavi .categoryMenu2nd > li {
	border-top: 1px solid #d8d8d7;
}
.asideNavi .categoryMenu2nd > li:first-child {
	border-top: none;
}
.asideNavi .categoryMenu2nd > li > a,
.asideNavi .categoryMenu2nd > li > em > a,
.asideNavi .categoryMenu2nd > li > .noLink {
	display: block;
	padding: 12px 10px 10px 21px;
	border-top: 1px solid #FFFFFF;
	background: url(../images/com_ic07.png) no-repeat 11px 1.2em;
	font-size: /*115%*/123%;
}
.asideNavi .categoryMenu2nd > li > a:hover {
	background: #f2efeb url(../images/com_ic07.png) no-repeat 11px 1.2em;
}
.asideNavi .categoryMenu2nd > li.selected > em > a {
	background: #f2efeb url(../images/com_ic07.png) no-repeat 11px 1.2em;
	text-decoration: none;
	cursor: default;
}
.asideNavi .categoryMenu2nd > li.open > a,
.asideNavi .categoryMenu2nd > li.open > .noLink {
	background: #f2efeb url(../images/com_ic13.png) no-repeat 10px 1.3em;
	font-weight: bold;
}
.asideNavi .categoryMenu2nd > li.open > .noLink {
	text-decoration: none;
	cursor: default;
}
.asideNavi .categoryMenu2nd .categoryMenu3rd > li {
	border-top: 1px solid #d8d8d7;
}
.asideNavi .categoryMenu2nd .categoryMenu3rd > li > a,
.asideNavi .categoryMenu2nd .categoryMenu3rd > li > em > a,
.asideNavi .categoryMenu2nd .categoryMenu3rd > li > .noLink {
	display: block;
	padding: 8px 10px 7px 31px;
	background: #f8f5f0 url(../images/com_ic07.png) no-repeat 21px 1.0em;
}
.asideNavi .categoryMenu2nd .categoryMenu3rd > li.selected > em > a {
	text-decoration: none;
	cursor: default;
}
.asideNavi .categoryMenu2nd .categoryMenu3rd > li.open > a,
.asideNavi .categoryMenu2nd .categoryMenu3rd > li.open > .noLink {
	background: #f8f5f0 url(../images/com_ic13.png) no-repeat 20px 1.1em;
	font-weight: bold;
}
.asideNavi .categoryMenu2nd .categoryMenu3rd > li.open > .noLink {
	text-decoration: none;
	cursor: default;
}
.asideNavi .categoryMenu2nd .categoryMenu3rd .categoryMenu4th > li > a,
.asideNavi .categoryMenu2nd .categoryMenu3rd .categoryMenu4th > li > em > a {
	display: block;
	padding: 8px 10px 7px 45px;
	background: url(../images/com_ic14.gif) no-repeat 40px 1.2em;
}
.asideNavi .categoryMenu2nd .categoryMenu3rd .categoryMenu4th > li.selected > em > a {
	text-decoration: none;
	cursor: default;
}
/* sideBanner01 */
.sideBanner01 {
	clear: both;
	margin: 20px 0 0 0;
	
	width: 100%;
	text-align:center;
	
	
}
.sideBanner01 li {
	margin: 10px 0 0 0;
}
.sideBanner01 li:first-child {
	margin-top: 0;
}
/* sideBanner02 */
.sideBanner02 {
	clear: both;
	margin: 15px 0 0 0;
}
.sideBanner02 li {
	margin: 6px 0 0 0;
}
.sideBanner02 li:first-child {
	margin-top: 0;
}
/* sideRelatedBox */
.sideRelatedBox {
	clear: both;
	margin: 6px 0 0 0;
	
	width: 100%;
	text-align:center;
	
}
.sideRelatedBox .head {
}
.sideRelatedBox .content {
	/*padding: 6px 7px 7px;*/
	/*background: url(../images/side_bg02.gif) no-repeat 0 100%;*/
}
.sideRelatedBox .content > *:first-child {
	margin-top: 0;
}


/* Footer
------------------------------------------------------ */
#globalFooter {
	clear: both;
	background: url(../images/footer_bg01.gif) repeat-x 0 42px;
}
#footer {
	clear: both;
	width: /*960px*/100%;
	margin: 0 auto;
}

/*----- footerBlock01 -----*/
.footerBlock01 {
	clear: both;
	margin: 30px 0 0 0;
	padding: 0 8px 0 4px;
}
/* footerUtility */
.footerBlock01 .footerUtility {
	float: left;
	padding: 12px 0 8px 0;
}
.footerBlock01 .footerUtility li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 11px;
	background: url(../images/com_ic04.gif) no-repeat 0 0.5em;
}
.footerBlock01 .footerUtility li a {
	white-space: nowrap;
}
.footerBlock01 .footerUtility li a:link {
	color: #545454;
	text-decoration: underline;
}
.footerBlock01 .footerUtility li a:visited {
	color: #545454;
	text-decoration: underline;
}
.footerBlock01 .footerUtility li a:hover {
	color: #545454;
	text-decoration: none;
}
.footerBlock01 .footerUtility li a:active {
	color: #545454;
	text-decoration: none;
}
/* companyName */
.footerBlock01 .companyName {
	float: right;
	padding: 12px 0 10px 0;
}

/* copyright */
#copyright {
	clear: both;
	margin: 8px auto;
	text-align:center;
}


/* ClearFix
------------------------------------------------------ */
.headerBlock01:after,
.headerBlock01 .headerUtility:after,
#globalNavi .siteMenu:after,
#topicPath .pageNavi dd ul:after,
#contentsWrap:after,
.footerBlock01:after,
.footerBlock01 .footerUtility:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.headerBlock01,
.headerBlock01 .headerUtility,
#globalNavi .siteMenu,
#topicPath .pageNavi dd ul,
#contentsWrap,
.footerBlock01,
.footerBlock01 .footerUtility { /* IE6,IE7 hack */
	zoom: 1;
}













/********************************************************************/
/*　contents.cssから移動
/********************************************************************/

/*----- topContents -----*/
.topContents {
	clear: both;
	margin: 10px auto 0;
}
/*** topMain ***/
.topContents .topMain {
	/*float: left;*/
	/*width: 90%;*/
	padding: 5px 0px 0px 0px;
	margin:0 6px 0px 6px;
	/*background: url(../../images/index_bg02.gif) no-repeat 0 0;*/
		clear: both;/*追加*/
}
/* newsIndex */
.topContents .newsIndex {
	clear: both;
}
.topContents .newsIndex .newsFrame {
	width: auto;
	min-height: 40px;
	max-height: 460px;
	overflow: auto;

}
/* pickupIndex */
.topContents .pickupIndex {
	clear: both;
	margin: 35px 0 0 0;
}
.topContents .pickupIndex .pickupList {
	margin: 0 -15px 0 0;
	overflow: hidden;
	*zoom: 1;
}
.topContents .pickupIndex .pickupList li {
	float: left;
	width: /*220px*/ /*31%*/ 94%;
	margin: 0 0 0 4px ;
	
	white-space:normal;/*追加*/
}
.topContents .pickupIndex .pickupList li .text {
	margin: 8px 0 0 0;
	color: #555555;
}
/*** topSide ***/
.topContents .topSide {
	/*float: right;*/
	width: /*220px*/ 100%;
	clear: both;/*追加*/
}
/* asideBanner01 */
.topContents .asideBanner01 {
	margin: 3px 0 0 0px/*3px 0 0 4px*/;
	/*float: left;*/
	width:100%;/**/
}
.topContents .asideBanner01 li {
	margin: 12px 0 0 0;
	/*text-align: center;*/
	/*float: left;*/
	white-space:normal;/*追加*/
}
.topContents .asideBanner01 li:first-child {
	margin-top: 0;
}



/* Page : /index.html
------------------------------------------------------ */
/*----- topVisual -----*/
.topVisual {
	clear: both;
	padding: 0 0 0px 0;
	width:100%;/*追加*/
	/*max-width:600px;追加*/
}
/* topMessage */
.topVisual .topMessage {
}


/* topNavi */
.topNavi {
	/*margin: 0px 0px 0 0;*/
	/*overflow: hidden;
	*zoom: 1;
	background-color:#ff0000;*/
}



div#topNavi {
margin-left:6px;
    }

.topNaviBT{width:32%;
margin:0px !important;
padding:0px !important;
}