@charset "UTF-8";

/* reset */
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}

/* base */
body {
	font:12px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-size: 100%;
	-webkit-text-size-adjust: none;
	color:#080808;
	background-color: #ffffff;
}
a{ text-decoration:none;}
section{
	clear:both;
	margin:0px 5px 10px 5px;
}
section.nakacont01{ margin:10px;}
section.nakacont02{ margin:0px; padding:10px; border-bottom:solid #cccccc 1px;}

section.youtube{ margin:10px auto; width:290px;}

p{line-height: 23px;}
/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
header{
	text-align:center;
	border-top: solid #663366 5px;
	/*background-color: #e1c8dd;*/
}
header h1{
	text-align:center;
	display:block;
	padding: 3px 0px;
}

a.btn_headtel{
	text-align: center;
	display: block;
	padding: 8px;
	margin: 0px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px -1px 1px rgba(0,0,0,0.25);
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-bottom:1px;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#b78bad), 
		color-stop(0.48, #a154a1), 
		color-stop(0.5, #934a93), 
		to(#663366));
	background:#663366 linear-gradient(#b78bad, #a154a1 48% , #934a93 50%, #663366);
	}
/*----------------------------------------------------
	見出し
----------------------------------------------------*/
h2.h201{
	font-weight:bold;
	font-size:14px;
	text-align: center;
	padding: 6px 0px;
	border-bottom: 1px solid #cccccc;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	color: #663366;
}

h3.h301{
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #e1c8dd;
	padding:9px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e1c8dd), color-stop(100%, #e1c8dd) );
	background:-moz-linear-gradient( center top, #e1c8dd 5%, #e1c8dd 100% );
	background:-ms-linear-gradient( top, #e1c8dd 5%, #e1c8dd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1c8dd', endColorstr='#e1c8dd');
	background-color:#e1c8dd;
	color: #663366;
	display: block;
	text-shadow:1px 1px 0px #babababa;
	text-align: center;
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
footer {
	margin-top: 10px;
	border-top: solid #cccccc 1px;
	background-color: #e7d9e4;
}

footer .footcont{
	padding:10px 10px 0px 10px;
}

footer .company-name{
	font-weight:bold;
	font-size: 14px;
	line-height:1.3;
}

footer ul li{
	float:left;
	padding-right:10px;
	margin-bottom:5px;
}


footer .copyrigh{
	clear:both;
	font-size:10px;
	text-align:center;
	padding:10px 0px;
	line-height: 1.0;
	background-color: #663366;
	color: #FFFFFF;
}

.pagetop{
	background: -webkit-gradient(linear, left top, left bottom, from(#b78bad), 
		color-stop(0.48, #a154a1), 
		color-stop(0.5, #934a93), 
		to(#663366));
	background:#663366 linear-gradient(#b78bad, #a154a1 48% , #934a936 50%, #663366);
	border-bottom:1px solid #cccccc;
}
a.a_pagetop{
	text-align:center;
	display:block;
	padding: 7px 0px;
	color:#ffffff;
	text-shadow:1px 1px 0px #663366;
	font-weight:bold;
	font-size: 14px;
}

/*----------------------------------------------------
	ナビゲーション
----------------------------------------------------*/
/* ハンバーガーメニュー -------------------- */
#nav-wrap {
     position: relative;
	float:left;
	margin:10px 10px 5px 5px;
}
 
    /* menu icon */
     #menu-icon {
        color: #663366;
        width: 34px;
        height: 10px;
        background: #fff url(../img/icon_menu.png) no-repeat center 5px;
        padding: 24px 0px 0px 0px;
        cursor: pointer;
        border: solid 1px #663366;
        display: block; /* show menu icon */
		text-align:center;
		font-size:8px
    }
    #menu-icon:hover {
        background-color: #f3e1f3;
    }
    #menu-icon.active {
        background-color: #f3e1f3;
    }
     
    /* main nav */
    #nav {
        clear: both;
        position: absolute;
        top: 38px;
        width: 250px;
        z-index: 10000;
        padding: 5px;
        background: #f3e1f3;
        border: solid 1px #663366;
        display: none; /* visibility will be toggled with jquery */
    }
    #nav li {
        clear: both;
        float: none;
        margin: 0px 0 5px 0px;
    }
    #nav a, 
    #nav ul a {
        font: inherit;
        background: #fff;
        display: inline;
        padding: 7px 10px;
        color: #663366;
        border: none;
		display:block;
		border-radius: 5px;
		font-weight:bold;
    }
    #nav a:hover, 
	#nav a.a_on01,
    #nav ul a:hover {
        background: #663366;
        color: #fff;
    }
     
	 
    /* dropdown */
    #nav ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #nav ul li {
        margin: 3px 0 3px 15px;
    }



/* サムネイルつき矢印リスト２列 */
.tponavi_titel{
	background: #663366 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#956d95), to(#663366));
	background: #663366 linear-gradient(#956d95, #663366);
	border-radius: 5px 5px 0px 0px;
	text-align: left;
	text-shadow: 1px -1px 1px rgba(0,0,0,0.25);
	font-weight:bold;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #ffffff;
	margin-bottom: 0;
	padding: 10px;
}
.tpnavi02{
	margin: 10px 5px 10px 5px;
	}
	.tpnavi02:after {
		content: "."; 
  	 	display: block;
		height: 0; 
 		clear: both; 
 		visibility: hidden;
	}
	.tpnavi02 ul li{
		overflow: hidden;
		margin: 0;
		width: 100%;
		text-align: left;
		padding: 0;
		border: 1px #ccc solid;
		border-bottom: 0;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
   		display:block;
		-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
		box-shadow:0px 3px 3px rgba(000,000,000,0.1);
		font-weight: bold;
	}
	.tpnavi02 ul li:first-child{
		border-radius: 0px;
	}
	.tpnavi02 ul li:last-child{
		border-radius: 0 0 8px 8px;
		border-bottom:1px #ccc solid;
	}
	.tpnavi02 ul li a{
	color: #663366;
	display: block;
	height: 44px;
	margin: 0;
	padding: 0 0 0 15px;
	overflow: hidden;
	white-space: nowrap;
	line-height: 44px;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;
	text-shadow:1px 1px 0px #ffffff;
	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
	}
	.tpnavi02 ul li a::after{
		content: url(../img/list_mark3.png);
		float: right;
	}


/* 矢印つきリスト２ */
.nakanavi01{
	margin:10px 0px 0px 0px;
	padding-bottom:10px;
	border-bottom:solid #cccccc 1px;
}
.nakanavi01 ul{
	margin:0px 5px;
	}
	.nakanavi01 ul li{
		overflow: hidden;
		margin: 0;
		width: 100%;
		text-align: left;
		padding: 0;
		border: 1px #ccc solid;
		border-bottom: 0;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
   		display:block;
		-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
		box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	}
	.nakanavi01 ul li:first-child{
		border-radius: 8px 8px 0 0;
	}
	.nakanavi01 ul li:last-child{
		border-radius: 0 0 8px 8px;
		border-bottom:1px #ccc solid;
	}
	.nakanavi01 ul li a{
	color: #663366;
	display: block;
	height: 44px;
	margin: 0;
	padding: 0 0 0 15px;
	overflow: hidden;
	white-space: nowrap;
	line-height: 44px;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;
	text-shadow:1px 1px 0px #ffffff;
	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
	}
	.nakanavi01 ul li a::after{
		content: url(../img/list_mark3.png);
		float: right;
	}
	
/*----------------------------------------------------
	アコーディオン
----------------------------------------------------*/
/* トップトピ */
.toptopi01 dl.acordion{
	margin: 0 0 10px 0;
	}

	.toptopi01 dt.trigger {
	background: #663366 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#956d95), to(#663366));
	background: #663366 linear-gradient(#956d95, #663366);
	border-radius: 5px;
	text-align: left;
	border: 1px solid #cccccc;
	color: #FFFFFF;
	margin-bottom: 0;
	padding: 10px;
	font-weight:bold;
	}
	.toptopi01 dt.active{
		border-radius: 5px 5px 0 0;
	}
	.toptopi01 dt.trigger span.open-close {
		background: url(../img/point_plus.png) no-repeat right top;
		float: right;
		width: 20px;
		height: 20px;
		text-indent: -9999em;
	}
	.toptopi01 dt.active span.open-close {
		background: url(../img/point_none.png) no-repeat right top;
		float: right;
		width: 20px;
		height: 20px;
	}	
	.toptopi01 dd.acordion_tree{
	padding: 10px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: #ffffff linear-gradient(#fff, #f0f0f0);
	border: 1px solid #cccccc;
	border-top: none;
	}
/*----------------------------------------------------
	ボタン
----------------------------------------------------*/
.css_btn_class {
	font-size:14px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #e2a705;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fffbad), color-stop(100%, #ffcc00) );
	background:-moz-linear-gradient( center top, #fffbad 5%, #ffcc00 100% );
	background:-ms-linear-gradient( top, #fffbad 5%, #ffcc00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbad', endColorstr='#ffcc00');
	background-color:#fffbad;
	color:#a37500;
	display:inline-block;
	text-shadow:1px 1px 0px #fff399;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fffefa;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fffefa:}

/* This css button was generated by css-button-generator.com */

.css_btn_link01 {
	font-size:14px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #74b807;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #89c403), color-stop(100%, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	background:-ms-linear-gradient( top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	color:#ffffff;
	display:block;
	text-shadow:1px 1px 0px #528009;
	-webkit-box-shadow:inset 1px 1px 0px 0px #a4e271;
	-moz-box-shadow:inset 1px 1px 0px 0px #a4e271;
	box-shadow:inset 1px 1px 0px 0px #a4e271;
}
/* This css button was generated by css-button-generator.com */

a.btn_tel{
	width: 120px;
	text-align: left;
	display: inline-block;
	padding: 8px;
	margin: 5px 0px 0px 0px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px -1px 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	border:1px solid #de4c6c;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#e993a5), 
		color-stop(0.48, #e993a5), 
		color-stop(0.5, #de4c6c), 
		to(#e993a5));
	background:#e993a5 linear-gradient(#e993a5, #de4c6c 48% , #de4c6c 50%, #e993a5);
	}

a.btn_tel02{
	width: 100%;
	text-align: center;
	display: block;
	padding: 8px;
	text-decoration: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 2px #e7e7e7;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	color: #934a93;
	}

a.btn_fb{
	text-align: left;
	display: block;
	padding: 8px;
	margin: 5px 0px 0px 0px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px -1px 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	border:1px solid #000;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#5877c5), 
		color-stop(0.48, #516fbb), 
		color-stop(0.5, #3b579d), 
		to(#4d6ab5));
	background: linear-gradient(#5877c5, #516fbb 48% , #3b579d 50%, #4d6ab5);
	width: 190px;
	}

a.btn3{
	width: 100px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px 0px;
	color: #666;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	border-radius: 3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	font-weight: bold;
	-webkit-box-shadow: 1px 1px 2px #e7e7e7;  
	box-shadow: 1px 1px 2px #e7e7e7;  
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), 		color-stop(0.01, #f1f1f1), 
		color-stop(0.5, #f1f1f1), 
		color-stop(0.99, #dfdfdf), 
		to(#ccc));
	background: linear-gradient(#fff, #f1f1f1 1% , #f1f1f1 50% , #dfdfdf 99%, #ccc);
	}

/* info
---------------------------------------------------- */
#access_box{
	background-color:#e3e2b5;
	padding:10px;
	border:solid #cccccc 1px;
}

/*----------------------------------------------------
	レイアウト・文字色系
----------------------------------------------------*/
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.fontb{ font-weight:bold;}
.fontn{ font-weight:normal;}

.c_point01{ color:#663366;}
.c_point01b{ color:#663366; font-weight:bold;} 

.c_red00{ color:#FF0000; }
.c_red00b{ color:#FF0000; font:bold;}
.c_red01{ color:#cc3333;}
.c_red01b{ color:#cc3333; font-weight:bold;}

.c_parple01{ color:#663366;}
.c_parple01b{ color:#663366; font-weight:bold;}

.c_parple02{ color:#d1c2d1;}

/*　レイアウト -------------------- */
.center{ text-align:center;}
.right{ text-align:right;}
.left{ text-align:left;}

/* float-------------------- */
/*clearfix*/
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;

}
.clearfix {
	display: inline-block;
	min-height: 1%;

}
* html .clearfix { height: 1%;}
.clearfix { display: block;}

/*clear*/
.clear { 
	clear: both; 
	display: block;
}

.float_l { float: left; }
.float_r { float: right; }

.float_l_pic { float: left; width:40%; margin-right: 10px; margin-bottom: 10px; }
.float_l_pic img{ width:100%;}
.float_r_pic { float: right; width:40%; margin-left: 10px; margin-bottom: 10px; }
.float_r_pic img{ width:100%;}

/* 写真リスト -------------------- */
/*2並び*/
.piclist_2col{
	margin-right:-2px;
}
.piclist_2col ul li{
	float:left;
	width:48%;
	margin-right:2%;
	margin-bottom:5px;
	display:block;
}
.piclist_2col img{
	width:100%;
}

/*3並び*/
.piclist_3col{
	margin-right:-2px;
}
.piclist_3col ul li{
	float:left;
	width:31%;
	margin-right:2%;
	margin-bottom:5px;
	display:block;
}
.piclist_3col img{
	width:100%;
}

/*　マージン -------------------- */
.m_auto{ margin-left:auto; margin-right:auto;}

.mb00{ margin-bottom:0px;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.c_both{ clear:both;}


/* table ------------------------*/

/* table01 */
table.table01 tr th,table.table01 tr td{
	line-height:1.7;
	font-size:11px;
	padding:8px 5px;
	border-bottom: dotted #cccccc 1px;
	vertical-align:top;
	font-size:11px;
}
table.table01 tr th{
	text-align:left;
	font-weight:normal;
}

/* table02*/
table.table02{
	border-top: solid  #CCCCCC 1px;
	border-left:solid  #CCCCCC 1px;
}
table.table02 tr th,table.table02 tr td{
	line-height:1.7;
	font-size:11px;
	padding:5px 10px;
	border-bottom:solid #CCCCCC 1px;
	border-right:solid #CCCCCC 1px;
	vertical-align:top;
}
table.table02 tr th{
	text-align:left;
	font-weight:normal;
	background-color:#e8e0e8;
}