@charset "UTF-8";
/* CSS Document */


body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	text-align:center;
	color:#444;
	padding:0;
	margin:0;
}

 a {
	color:#444;
	}
body a:visited {
	color:#444;
	}

.end {
	clear:both;
}
h1,h2,h3,h4,h5,p,ul,li,ol {
	padding:0;
	margin:0;	
	}
	
	
		

	
	/*ーーヘッダーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	
#header {
	text-align:left;
	z-index:100;
	width:100%;
	border:1px;
	border-width:0 0 0px 0;
	border-color:#666;
	border-style:solid;
	position:relative;
	/*height:95px;*/
	background-color:#FFF;
	clear:both;
	}

#header  a {
	color:#444;
	text-decoration:none;
	}

#header  a :hover{
text-decoration:underline;
}
	
#header  a:visited {
	color:#444;
	}
	
	#header_box {
		width:100%;
		position:relative;
	}
	.header_text {
		width:100%;
		float:left;
	}
			#header >#header_box >.header_text >h1 {
				font-size:11px;
			}
			#header >#header_box>.header_text  >h2 {
				font-size:24px;
			}
	
	#header_box > .info {
		position:relative;
		float:right;
	}
	
	.header_sns  {
		position:relative;
		float:right;
		clear:both;
	}
	.sns {
		float:left;
		margin-right:10px;
		list-style:none;
	}
	
	
		#header2 {
		text-align:left;
		z-index:100;
		width:100%;
		border:1px;
		border-width:1px 0 1px 0;
		border-color:#666;
		border-style:solid;
		position:relative;
		background-color:#FFF;
	}
	
	
	.menu {
			position:relative;
			margin:5px auto 5px auto;
	}
	
		.menu > ul > li {
			height:20px;
			width:30%;
			list-style:none;
			font-size:12px;
			text-align:center;
			float:left;
			overflow:hidden;
		}
	
/* sns icon 設定 */

.fb_icon {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
		width:20px;
		height:20px;
}

	.fb_icon:hover {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			filter: grayscale(0%);
	}
	
	
.tw_icon {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
		width:20px;
		height:20px;
}

	.tw_icon:hover {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			filter: grayscale(0%);
	}
	
	
.pi_icon {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
		width:20px;
		height:20px;
}

	.pi_icon:hover {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			filter: grayscale(0%);
	}
	
.go_icon {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
		width:20px;
		height:20px;
}

	.go_icon:hover {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			filter: grayscale(0%);
	}

.li_icon {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
		width:20px;
		height:20px;
}

	.li_icon:hover {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			filter: grayscale(0%);
	}

/* SNSicon設定　おしまい */

/* バックグラウンド設定 */

#bg-top { /*top.html用*/
	text-align:left;
	position:relative;	
	width:100%;
	height:200px;
	background-image: url("images/img_1823-crop-u227.jpg"); /* 全体の背景画像 */
	background-repeat: no-repeat;            /* 背景を繰り返さない */
	background-position:center;          /* 背景画像の位置は画面中央 */
	/*background-attachment:fixed;             /* 背景画像を固定する */
-moz-background-size:cover;
background-size:cover;

}
	.bg_text {
		position:relative;
		top:20px;
		width:100%;
		height:150px;
		background-color:#000;
		filter:alpha(opacity=50);
			-moz-opacity: 0.5;
			opacity: 0.5;
		color:#FFF;
	}

	.bg_textbox {
		position:absolute;
		width:100%;
		height:145px;
		top:30px;
		text-align:center;
			}

	.bg_textbox>h3 {
		font-size:12px;
		color:#FFF;
	}
	.bg_textbox>p {
		font-size:11px;
		margin:15px auto auto auto;
		color:#FFF;
	}

/*バックグラウンド設定おしまいーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*コンテンツ設定*/


/*記事ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.mokuji {
	position:relative;
	clear:both;	
	margin:10px 0 20px 0;
	}
/*.mokuji>ul>li {
	position: relative;
	float: left;
	width: 22%;
	height: 180px;
	overflow: hidden;
	font-size: 1.5em;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	margin: 0 5px 5px 0;
	padding: 1%;
	list-style: none;
	text-align: center;
}

.mokuji>ul>li>img {
	width:150px;
	height:150px;
}*/
	

ul#menu, ul.sub_menu{
        list-style:none;
        margin:0;
        padding:0;
}
#menu{
        width:100%;
        margin:10px;
        border:1px solid #EEE;
        border-bottom:none;
}
.main_menu{
        background:#CCC;
        color:#444;
        font-size:11pt;
        font-weight:normal;
        padding:5px 2% 0 2%;
        margin:-1px 0 0 -1px;
        cursor:pointer;
        width:96%;
        height:35px;
        border:1px solid #EEE;
}
.sub_menu li{
        background:#FFF;       
        padding:13px 2% 10px 2%;
        border:1px solid #EEE;
        font-size:10pt;
        font-weight:normal;
		line-height:1.8em;
        width:96%;
        height:auto;
        margin:-1px 0 0 -1px;
}
.sub_menu li a{
        color:#9e9478;
        display:block;
}

.sub_menu> li >ol{
        margin:5px 0;
}

.sub_menu>li > table {
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#CCC;
}
.gaiyo {
	border-left:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */	




.article{
	}

.article_l {
	border-bottom:3px dotted #CCC;
	padding-bottom:10px;
	padding-top:10px;
}
	
	.article_xl > .article >.title >p{
				padding:10px 0;
			}	
	
.article_m {
	border-bottom:3px dotted #CCC;
	padding-bottom:20px;
	padding-top:10px;
}
	
.article_s {
	border-bottom:3px dotted #CCC;
	padding-bottom:20px;
	padding-top:10px;
}
	
.article_sl {
	border-bottom:3px dotted #CCC;
	padding-bottom:20px;
	padding-top:10px;
}
	

.article>.image {
	position:relative;
	margin:0 auto;
	width:100%;
	height:200px;
	overflow:hidden;
	margin:5px auto;
	border:1px solid #CCC;
}

.image_m {
	position:relative;
	width:100%;
	/*height:200px;*/
	overflow:hidden;
}

.article>.new {
	display:none;
}




			.article >.title >.category{
				position:relative;
				font-size:12px;
				float:left;
				border:1px #666 solid;
				border-radius:3px;
				background-color:#EEE;
				margin:0 5px 0 0;
			}
			
			 .article >.title >.category{
				font-size:12px;
				float:left;
				margin:0 5px 0 0;
				text-align:center;
				position:relative;
				border-width:1px;
				border-radius:5px;
				border-color:#999;
				border-style:solid;
			}
			
			.article >.title >.category a{
				text-decoration:none;
				padding:0 10px;
				}
		
			.article >.title >.category  a:hover{
				display:block;
				text-decoration:none;
				background-color:#FFF;
				position:relative;
				border-width:0px;
				border-radius:5px;
				}
		 .article >.title >h1{
				position:relative;
				clear:both;
				font-size:1.3em;
				padding:10px 0;
			}
			.article >.title >h2{
				position:relative;
				clear:both;
				font-size:1.2em;
				padding:10px 0;
			}
				.article_xl > .article >.title >h3{
				position:relative;
				font-size:1.1em;
				padding:5px 0;
			}
				.article_xl > .article >.title >h4{
				position:relative;
				font-size:1.0em;
				padding:3px 0;
			}
			
		.article>.title>.info {
				position:relative;
				clear:both;
		}

		
			.article_xl > .article >.title>ul{
				margin:10px;
				list-style-position:inside;
			}
			

#box {
	width:90%;
	text-align:left;
	z-index:50;
	position:relative;
	clear:both;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	
}
/*コンテンツ設定おしまい*/


.aboutkd{
	width:90%;
	}


.aboutus_table{
		background-color:#FFF;
		border-top:1px #CCC solid;
		border-left:1px #CCC solid;
}
	
.aboutus_table1 {
		clear:right;
		background-color:#EEE;
		border-bottom:1px #CCC solid;
		border-right:1px #CCC solid;
		padding:2px 0;
	}
.aboutus_table2{
		background-color:#FFF;
		border-bottom:1px #CCC solid;
		border-right:1px #CCC solid;
		padding:2px 0;
	}/*aboutus_table1とそろいにすること*/
	
.aboutus_table3{
	 	position:relative;
		background-color:#EEE;
		border-bottom:1px #CCC solid;
		border-right:1px #CCC solid;
		padding:5px 0;
	}
.aboutus_table4{
	 	position:relative;
		background-color:#FFF;
		border-bottom:1px #CCC solid;
		border-right:1px #CCC solid;
		padding:5px 0;/*aboutus_table3とそろいにすること*/
	}
	
	/*aboutus設定おしまい*/

	/*branch 開始*/
	
	.branch {
		position:relative;
		border:1px solid #CCC;
		margin-bottom:10px;
	}

		.branch_text {
			position:relative;
			z-index:100;
			float:left;
			padding:10px;
		}
		
			.branch_text >.store_name {
				position:relative;
				font-size:18px;
				font-weight:500;

			}
			.branch_text >.store_address {
				position:relative;
				font-size:12px;
				margin-bottom:10px;
			}
			.branch_text >.store_tel {
				position:relative;
				font-size:12px;
				margin-bottom:10px;
			}
			.branch_text >.store_open {
				position:relative;
				font-size:12px;
				margin-bottom:10px;
			}
			.branch_text >.store_close {
				position:relative;
				font-size:12px;
			}
			
			.branch_text > .info {
				display: none;
				position:relative;
			}
			
		
		.branch_map {
			position:relative;
			float:left;
			width:100%;
			padding:5px;
		}

		.actAsDiv {
			width:95%;
			height:165px;
		}
	/*branch　おしまい*/
	
	/*faq はじまり*/
	
	.question {
		margin:30px auto 0 10px;
	}
	
	.question> p {
		margin:5px auto 0 10px;
	}
	
	.question>ul > li {
		list-style:inside;
		margin:5px auto 0 20px;
	}
	
	/*faq おしまい*/
	
	/*ruleはじまり*/
	.rule{
		margin:30px auto 0 10px;
	}
	
	.rule> p {
		margin:5px auto 0 10px;
	}
	
	.rule>ul > li {
		list-style:inside;
		margin:5px auto 0 20px;
	}
	/*ruleおしまい*/



/*サイドバー設定*/

/*サイドバーーーーーーーーーーー*/

#sidebar {
	text-align:left;
	position:relative;
	margin:0 auto;
	width:90%;
	background-color:#FFF;
	clear:both;
	
}
	#sidebar .category {
		padding:5px;
	}

	#sidebar >.category > ul >li {
		list-style:none;
	}
	
	#sidebar .banner{
		text-align:center;
		width:44%;
		position:relative;
		float:left;
		margin:10px auto;
		min-height:300px;
		max-height:300px;
		padding:2%;
		overflow:hidden;
		margin:1%;
	}
	
	#sidebar>.banner>.image:hover {
		margin: 0 auto;
		display: block;
	
		filter:alpha(opacity=100);
		opacity: 0.8;
		-moz-opacity: 0.8;
	}
	#sidebar>.banner>.image {
		filter:alpha(opacity=100);
		opacity: 1;
		-moz-opacity: 1;
		-webkit-transition: opacity . 2s linear;
		-moz-transition: opacity .2s linear;
		-o-transition: opacity .2s linear;
		transition: opacity .2s linear;
		filter: alpha(opacity=100);
	}


	
	
	#sidebar>.banner>.category{
		width:auto;
		padding:0px;
		position:relative;
		margin:0 auto 5px auto;
		border-width:1px;
		border-radius:5px;
		border-color:#FFF;
		border-style:solid;
	}
	
	#sidebar>.banner>.category a{
		text-decoration:none;
		}

	#sidebar>.banner>.category a:hover{
		display:block;
		text-decoration:none;
		background-color:#FFF;
		}


	
	#sidebar >.banner>h1 {
		position:relative;
		text-align:center;
		font-size:16px;
		line-height:2em;
	}
	#sidebar >.banner>h2 {
		position:relative;
		text-align:center;
		line-height:1.5em;
		font-size:12px;
	}

	#sidebar >.banner>h3 {
		position:relative;
		text-align:center;
		font-size:11px;
		line-height:1.5em;
		}
	
	#sidebar >.banner>h4 {
		position:relative;
		text-align:center;
		line-height:1.8em;
		font-size:10px;
		}
	
	#sidebar >.banner>p {
		position:relative;
		text-align:left;
		line-height:1.5em;
		margin:10px auto;
	}
				
				/*過去記事用*/
				ul.pulldown_menu_7 {
				list-style: none; /* 先頭記号を消す */
				position:relative;
				float:left;
				background-color:#CCC;
				border: 1px #FFF solid; /* 枠線 */
				}
				ul.pulldown_menu_7 li {
				width: 50px; /* リスト項目の幅 */
				cursor: pointer; /* カーソル */
				}
				ul.pulldown_menu_7 ul {
				display: none; /* 通常は表示しない */
				list-style: none; /* 2段目の先頭記号を消す */
				padding-left: 0px; /* 2段目の左位置を1段目に揃える */
				}
				ul.pulldown_menu_7 li.menu_on > ul {
				display: block; /* 表示する */
				}
				ul.pulldown_menu_7 li.menu_off > ul {
				display: none; /* 表示しない */
				}
				ul.pulldown_menu_7 a {
				color: #666; /* 文字色 */
				display: block; /* ブロックレベルに */
				text-align: center; /* 文字を中央合わせに */
				padding: 5px; /* 内部の余白 */
				background-color:#CCC;
				border: 1px #FFF solid; /* 枠線 */
				text-decoration: none; /* 下線を消す */
				outline: none; /* 選択時の点線枠線を消す */
				}
				ul.pulldown_menu_7 ul a {
				}
				ul.pulldown_menu_7 a:hover{/* マウスカーソルが乗っている状態 */
				text-decoration:underline;
				background-color:#FFF;
				}
				ul.pulldown_menu_7 a:active {/* マウスがクリックされている状態 */
				text-decoration:underline;
				}
				
				
						
				/*サイドナビ用*/
				
				ul.pulldown_menu_side {
				list-style: none; /* 先頭記号を消す */
				position:relative;
				clear:both;
				font-size:1em;
				/*font-weight:bold;*/
				}
				ul.pulldown_menu_side li {
				/*width: 100px;*/  /* リスト項目の幅 */
				cursor: pointer; /* カーソル */
				}
				ul.pulldown_menu_side ul {
				display: none; /* 通常は表示しない */
				list-style:inside; /* 2段目の先頭記号 */
				padding-left: 20px; /* 2段目の左位置 */
				font-size:1em;
				font-weight:normal;
				}
				ul.pulldown_menu_side li.menu_on > ul {
				display: block; /* 表示する */
				}
				ul.pulldown_menu_side li.menu_off > ul {
				display: none; /* 表示しない */
				}
				ul.pulldown_menu_side a {
				color: #444; /* 文字色 */
				display: block; /* ブロックレベルに */
				text-align: left; /* 文字の場所 */
				padding: auto; /* 内部の余白 */
				/*background-color:#CCC;*/
				/*border: 1px #FFF solid;*/  /* 枠線 */
				text-decoration: underline; /* 下線を消す */
				outline: none; /* 選択時の点線枠線を消す */
				}
				ul.pulldown_menu_side ul a {
				}
				ul.pulldown_menu_side a:hover{/* マウスカーソルが乗っている状態 */
				text-decoration:underline;
				/*background-color:#FFF;*/
				}
				ul.pulldown_menu_side a:active {/* マウスがクリックされている状態 */
				text-decoration:underline;
				}



/*サイドバー設定おしまい*/



/*footer設定*/

/*ーページトップへ戻るボタンーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

			#page-top{
				  display: block;
				  position: fixed;
				  z-index: 9999;
				  bottom: 60px;
				  right: 10px;
				  width: 80px;
				  padding: 10px 5px;
				  background: rgba(0,0,0,.7);
				  color: #fff;
				  text-align: center;
				  text-decoration: none;
				  transition: .5s;
				}
			#page-top:hover{ 
				  background: rgba(0,0,0,.8);
				}
			

#footer {
	z-index:80;
	text-align:left;
	width:100%;
	height:auto;
	clear:both;
	padding-top:5px;
	
	position:relative;
	background-color:#AAA;
	color:#FFF;
	font-weight:bold;
	
}

#footer a {
	color:#FFF;
}

#footer a:visited {
	color:#FFF;
}


#footer_box {
	position:relative;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}

	 .footer_menu {
		 width:28%;
		 float:left;
		 padding-left:10px;
		 border-left:#FFF solid 2px;
	 }

	 .footer_menu >ul>li {
		 list-style:none;
	 }
	 
	 .footer_icon {
		 position:relative;
		 width:100px;
		 height:100px;
		 clear:both;
		 padding:30px 0 0 0  ;
		margin:0 auto;
	 }
	 	.footer_icon > img {
			width:100px;
			height:100px;
		}
		
		.footer_icontext {
			font-size:12px;
			text-align:center;
			padding-bottom:15px;
		}

#rights {
	position:relative;
	text-align:center;
	background-color:#FFF;
	color:#338;
	clear:both;
	font-size:12px;
}

	#rights >address {
	width: 100%;
	height: auto;
	color: #666;
	background-color: #FFF;
	clear: both;
	}