/* 共通項目 */ 


*{
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
	font-size: 100%;
	line-height: 1.5;
	font-family: Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo,  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif;
}
 #wrap {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	margin: 0 !important;
	padding: 0 !important;
}



img {
	border:0;
}

a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #2883FE;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,p,ul,li{
	margin: 0;
	padding: 0;
	font-weight: normal;
}
strong{
}

.backnext{
	font-size: 100%;
	margin:0;
	padding-top:5px;
}

.skip {
	display: none;
}

.media1 {
	display: none;
}

.totop {
	font-size: 90%;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
}

.indent {
	margin: 10px;
}

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}
.clear {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	height: 0px;
}

em{
	color: #AE4949;
	font-weight: bold;
}


.attention{
	color: #CC3300;
}


.attention-l{
	font-size: 120%;
	font-weight: bold;
	color: #CC3300;
	letter-spacing: 0.1em;
}


.blue{
	color: #3366FF !important;
}


.brown{
	color: #663333 !important;
}

.pink{
	color: #FD77AC !important;
}

.green{
	color: #00B571 !important;
}
.orange{
	color: #F98300 !important;
}

.gray{
	color: #646986 !important;
}


.back-blue{
    background: #B1C3F8;
    font-weight: normal !important;
}


.back-brown{
    font-weight: normal !important;
    background: #C4A792;
}

.back-pink{
    font-weight: normal !important;
    background:#FFCFD8; 
}

.back-green{
    font-weight: normal !important;
    background:#ACE0C2; 
}
.back-orange{
    font-weight: normal !important;
    background: #FFDBA7;
}

.line-blue{background-image: url(../img/back-line-blue.png);
    background-repeat: repeat-x;
    background-position: bottom;
    font-weight: normal !important;
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}



.photo {
	margin: 5px;
	padding: 0;
}

.photo-left {
	margin: 5px 5px 5px 0;
	padding: 0;
}
.photo-right {
	margin: 5px 0 5px 5px;
	padding: 0;
}


/* アニメーション */ 
.animate{
	
}
.animate-box{
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
	
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



/* サイトの全体像 */ 
#wrapper1{
	margin:0px;
	padding:0px;
	text-align: center;
	position:absolute;
	width: 100%;
}
.wrapper2{
	margin-left:auto;
	margin-right:auto;
	margin:0px auto;
	margin-top:0px;
	width: 1280px;
	text-align: center;
}


/* ヘッダ */
#header{
	width: 1280px;
	margin:0px;
	padding:0px;
}
 #header h2 {
	margin:0;
	padding: 0;
	float:left;
}

#header h2 img {
	margin:10px 0 5px 0;
	padding: 0 20px 0 0;
}

#header_text{
	margin:0;
	padding:20px 0 5px 0;
	vertical-align:middle;
	text-align:left;
	font-size: 90%;
	float:left;
}

#header .access{
	margin:0;
	padding:10px 20px 5px 20px;
	color:#000;
	text-align:right;
	line-height: 120%;
	float:right;
}
#header .access .button{
    margin: 10px 0 10px 0;
}
#header .access .button a{
    background: #B3CCF5;
    padding: 5px 30px;
    text-align: center;
    border-radius: 5px;
}
#header .access .button a:hover{
    background: #5E93FE;
    color: #FFF;
}

#header .access a{
    text-decoration: none;
    
}
#header_image{
	margin:0px;
}

#contents{
	margin:0px;
	padding:0 0 0 0;
}

/* フッタ */ 


#footer{
	color: #000;
	margin:5px 0 0 0;
	padding:30px 0 20px 0;
	background-color: #DDD;
	font-size:90%;
	text-align:center;
}


#footer_menu{
margin: 5px 10px;
}
#footer_copyright{
	margin: 5px 10px;
}





/* 上部横ナビゲーション
---------------------------------------------*/
#toggle{
  display: none;
}

#menu {
    margin: 0 0 40px 0;
    width: 1280px;
    height: 47px;
    padding: 0px;
    position: absolute;
    z-index: 13;
    background-color: #FFF;
    border-top: #000 solid 3px;
    border-bottom: #000 solid 3px;
}




#menu ul {
	margin: 0;
}


#menu li {
	list-style-type: none;
	float: left;
	margin: 0;
	border-right: #ccc solid 1px;
	height: 47px;
	width: 141px;
	font-size:100%;
}

#menu li.top{
	width:0px;
	border-left: 0px;
}
#menu li.top #btn{
	display: none;
}
#menu li.last{
}

#menu li a{
	width:auto;
	padding:13px 0 15px 0;
	display:block;
	font-size: 100%;
	color: #000;
	text-decoration: none;
}
#menu li a:hover {
	padding:13px 0 15px 0;
	color: #2883FE;
    text-decoration: underline;
}

#menu li ul.submenu{
	opacity:0.95;
    font-size: 90%;
}
#menu li ul.submenu li{
	overflow: hidden;
	height: 0;
	border-left: 0px;
	border-right: 0px;
	width:120%;
}
#menu li:hover ul.submenu li{
	overflow: visible;
	height: auto;
	list-style-type: none;
	float: none;
	margin: 0;
	border-left: 0px;
	border-right: 0px;
}
#menu li ul.submenu li a{
	width: auto;
	display: block;
	padding: 10px 10px;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #FFF;
	background-color: #C1D5FF;
	color: #000;
	border-left: 0px;
	border-right: 0px;
}

#menu li ul.submenu li a:hover{
	padding:10px 15px;
	background-color: #A3BCF4;
	color: #000;
}





/* ぱんくずリスト
---------------------------------------------*/


.plist {
	top:100px;
	font-size: 85%;
	color: #666666;
	font-weight: normal;
	letter-spacing: 0.1em;
}
ul.plist {
	margin: 0 0 0 0;
	padding:0;
	border: 0px;
}

*html ul.plist {
	margin: 5px 0 0 20px;
	padding:0;
	border: 0px;
}
*:first-child+html ul.plist {
	margin: 5px 0 0 20px;
	padding:0;
	border: 0px;
}
.plist li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
}
.date {
	font-size: 90%;
	line-height: 150%;
	color: #666666;
	margin-right: 10px;
	margin-left: 20px;
	font-weight: normal;
}



/* メイン */ 


#main_contents{
	margin:20px 0 40px 0;
	width:1280px;
	padding:0 0 0 0;
}

/* 右コンテンツ */ 

#right_contents{
	margin: -10px 0 10px 10px;
	width:100%;
	padding:0 0 0 0;
	float:none;
}
#right_contents h3 {
	margin: 0;
	color: #FFF;
	padding: 2px;
	background-color: #C9460D;
	font-weight: bold;
}

#right_contents .r_content{
	margin:7px 0;
	padding:0 0 10px 0;
	border: #CCCCCC solid 1px;
	background-color: #fff;
	font-size:90%;
}
#right_contents .r_content h3 {
	margin: 0 0 10px 0;
	color: #FFF;
	padding: 2px;
	background-color: #C9460D;
	font-weight: bold;
}
#right_contents .r_content h4 {
	color: #960;
	font-weight: bold;
	font-size:120%;
	background-color: #EEE;
	padding: 2px;
	margin: 5px 0;
}
#right_contents .r_content h4 a{
	color: #960;
}
#right_contents .r_content .comment {
	margin: 5px;
}

#right_contents .r_content form{
	border: 0px;
	text-align:center;
	margin:0;
	padding:0;
	font-size:85%;
}
#right_contents .r_content .today{
	margin:5px;
}

#right_contents .map{
	margin:7px 0;
	border: #CCCCCC solid 1px;
	padding:10px 0;
	background-color: #fff;
}
#right_contents .map p{
	padding:5px 5px;
	font-size:85%;
	line-height:1.2;
}
#right_contents .map p.tel{
	padding:2px 5px;
	font-size:115%;
	line-height:1.2;
	font-weight:bold;
}


#right_contents .banner{
	margin:7px 0;
	padding:10px 0 10px 0;
	border: #CCCCCC solid 1px;
	background-color: #fff;
	font-size:90%;
}
/* 左コンテンツ */ 

.content {
	text-align: left;
	margin:0;
	padding: 0;
	width:100%;
	float:none;
}
	




.content .box {
	margin: 5px 10px;
	padding: 15px;
	border: #333 solid 1px;
	background-color: #EEE;
}



.content .date {
	text-align: right;
	margin: 5px 10px 5px 10px;
}

.content .waku1 .date {
	font-size: 120%;
	font-weight: bold;
	background-color:#FFDEC2;
}
.content h1 {
	font-size: 180%;
	color: #000;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
}
.content h2 {
	color: #000;
	margin: 40px 0 40px 0;
	padding: 10px 15px 10px 15px;
	font-size:160%;
	letter-spacing: 0.3em;
    border-bottom: 1px solid #000;
}

.content h3 {
	font-size: 140%;
	color: #333;
	font-weight: bold;
	padding: 5px 10px;
	margin: 10px 0 10px 0;
}


.content h4 {
	font-size: 120%;
	color: #333;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 2px 15px;
}


.content h5 {
	font-size: 120%;
	color: #333;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px 10px;
}




.content p {
	margin: 15px;
	line-height: 1.3;
}

.content ul{
	margin: 0px;
	list-style-type: none;
}

.content ol{
	margin: 10px 40px;
	padding: 0px 10px;
	list-style-position: outside;
	color: #333;
	font-size: 95%;
}

.content ol li{
	margin: 0px;
	padding-bottom: 10px;
}



.content .comment {
	margin: 15px;
	line-height: 1.5;
	font-size: 100%;
}


.content .comment img {
	padding: 5px;
}



.content .comment ul{
	margin: 10px 30px;
	list-style-type: none;
}

.content .comment ul li{
	margin: 0px;
	padding-bottom: 15px;
}

.content .comment ol{
	margin: 10px 20px;
	padding: 0px 30px;
	list-style-position: outside;
}

.content .comment ol li{
	margin: 0px;
	padding-bottom: 5px;
}


 ul.list{
	list-style-type: none;
	margin: 15px 10px;
}

.list li{
	list-style-type: none;
	padding: 0;
}


.content table{
	width: 100%;
	padding: 0;
	margin:10px 0px;
	text-align: left;
	border-top: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
	border-collapse: collapse;
}

.content table.mini{
	padding: 0;
	margin: 20px 20px;
	text-align: left;
	border-top: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
	border-collapse: collapse;
}


.content td{
	margin: 0;
	padding: 5px;
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;	
}


.content th {
	padding: 5px 1em;
	margin: 0;
	font-weight: normal;
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
	letter-spacing: 0.1em;
	white-space: nowrap;
	background-color: #EEEEEE;
}
.content .list table{
	padding: 0;
	margin: 0 10px;
	text-align: left;
	border-right: 0px;
	border-left: 0px;
	border-top: #CCCCCC solid 1px;
	border-bottom: 0px;
	border-collapse: collapse;
}

.content .list tr{
	width: 100%;
	border-bottom: #CCCCCC solid 1px;
}
.content .list td{
	margin: 2px 0;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border-bottom: 0px;
	font-weight: bold;
	border-right: 0px;
}
.content .list td a{
	color: #333333;
}

.content .list td a:hover {
	color: #0066FF;
}

.content .list th {
	padding: 5px 1em;
	margin:2px 0;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.1em;
	white-space: nowrap;
	width: 6em;
	border-right: 0px;
	border-bottom: 0px;
}


/* わく
---------------------------------------------*/
.waku1{
	margin: 15px 20px 15px 20px;
	padding:0;
	border: #999 solid 1px;
	background-color:#FFF;
}
	
.waku1 .naka{
	margin: 20px 22px;
	padding:0;
}
.waku1 .naka img.button{
	padding-bottom:15px;
}


.waku1 .naka p{
	margin: 5px 0;
}
	
.waku1 img.image{
	padding: 5px 10px 10px 5px;
}	


.waku1 .list{
	margin: 0;
	padding:0;
}
.waku1 .list .date{
	font-size: 90%;
	padding:5px;
	text-align:right;
	font-weight:normal;
	background-color:#FFF;
}
		


.waku1 .list table{
	padding: 0;
	margin: 0;
	text-align: left;
	border-right: 0px;
	border-left: 0px;
	border-top: #999 solid 1px;
	border-bottom: 0px;
	width: 100%;
	border-collapse: collapse;
}


.waku1 .list tr{
	width: 100%;
	border-bottom: #999 solid 1px;
}

.waku1 .list th{
	padding: 5px 1em;
	margin:2px 0;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	letter-spacing: 0.1em;
	white-space: nowrap;
	width: 5em;
	border-right: 0px;
	border-bottom: 0px;
}

.waku1 .list td .title{
	font-weight: bold;
	}

.waku1 .list th.date{
	text-align: center;
	background-color:#fff;
}
.waku1 .list td.title{
	margin: 2px 0;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 0px;
	font-weight: bold;
	border-right: 0px;
	width: 550px;
	}

.waku1 .list td.photo{
	text-align: right;
	vertical-align:middle;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	width:110px;
	}
.waku1 .list td.photo .topphoto{
	width:120px;
	height:70px;
	overflow:hidden;
	margin-left:5px;
 }

.waku1 .list td.photo .topphoto img{
 }



.waku1 .list th.date .date{
	color: #FFFFFF;
	text-align: center;
	margin: 0 5px 3px 5px;
	padding:2px;
	-moz-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow:#ccc 0 0 3px 1px;
	-webkit-box-shadow:#ccc 0 0 3px 1px;
	box-shadow:#ccc 0 0 3px 1px;
	background-color:#999;
	background: linear-gradient(#ccc, #666);
	background: -moz-linear-gradient(#ccc, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc),to(#666));
	-moz-box-shadow:#999 0 0 0 1px;
	-webkit-box-shadow:#999 0 0 0 1px;
	box-shadow:#999 0 0 0 1px;
	font-family:Arial, Helvetica, sans-serif;
}

.waku1 .list th.date .date .year{
	color: #FFFFFF;
	font-size: 100%;
	padding:0 5px;
	letter-spacing:0.1em;
	text-align: center;
}
.waku1 .list th.date .date .day{
	color: #FFFFFF;
	font-size: 140%;
	padding:0 5px 3px 5px;
	font-weight: bold;
	line-height:100%;
	text-align: center;
}





.content .waku1 .button a{
    background: #666;
    color: #FFF;
    margin: 15px;
    padding:5px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 120%;
}
.content .waku1 .button a:hover{
    background: #5E93FE;
}


/* service
---------------------------------------------*/
.content .service
{width:50%;
}
.content .service .waku1 h4
{background: #DDE6F9;
    margin-top:0;
    font-size: 130%;
    font-weight: normal;
}
 .content .service img
{width:230px;
} 

.content .apron h2
{background-image: url(../img/back-line-blue.png);
    background-repeat: repeat-x;
    background-position: bottom;
    font-weight: normal;
    padding: 0px;
    border-bottom: 0px;
    font-size:220%;
    margin-top:10px;
    letter-spacing: 0.1em;
}

.content .apron .waku1 h3
{
    font-size:180%;
    font-weight: normal;
    border-bottom: #000 solid 1px;
    
}
.content .apron .waku1 .floatRight img.photo
{
    width:350px;
    
}

.content .waku1 .w20 img.photo
{
    width:20%;
}

.content .waku1 .w22 img.photo
{
    width:22%;
}

/* 申し込みの流れ枠
---------------------------------------------*/
.content .comment ul.flow{
    margin:5px 10px 20px 10px;
}
.content .comment ul.flow li{
    padding:0px 10px 50px 10px;
    margin:0;
    background-image: url(../img/yajirushi.png) ;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.content .comment ul.flow li.last{
    padding:0px 10px 10px 10px;
    background-image: none ;
}
.content .comment ul.flow li p{
    border:1px solid #000;
    border-radius: 10px;
    padding:10px 15px;
    margin:0;
    background: #F5F5F5;
}


/* FAQ
---------------------------------------------*/


.content .waku1 .faq {
	margin: 10px;
	padding:0px 15px;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
}



.content .waku1 .faq h3 {
	font-size: 110%;
	color: #646986;
	padding: 10px 0 0 0;
    font-weight: normal;
    border-bottom: 0px;
    margin:0px;
}



.content .waku1 .faq h3:first-letter {
	font-size: 150%;
	font-weight: bold;
    color: #688CF5;
}

.content .waku1 .faq p {
	font-size: 100%;
	color: #000;
	padding: 5px 10px 10px 15px;
    margin:0px;
}

.content .waku1 .faq p:first-letter {
	color: #BC6A73;
	font-size: 180%;
	font-weight: bold;
}




/* サイトマップ
---------------------------------------------*/

.sitemap{
	margin: 40px 20px 30px 50px;
	text-align: left;
	font-weight: bold;
}

.sitemap ul{
	list-style-type: none;
	background: url(../img/dot-sitemap1.gif) left repeat-y;
	margin: 0 0 0 30px;
}
.sitemap li{
	padding-bottom: 10px;
	line-height: 1.3;
	color: #333333;
	padding-left: 40px;
	margin-top: 5px;
	background: url(../img/dot-sitemap.gif) left top no-repeat;
	font-weight: bold;
}

* html .sitemap li{
	padding-bottom: 0px;
	padding-top: 5px;
	background: url(../img/dot-sitemap3.gif) left top no-repeat;
}

*:first-child+html .sitemap li{
	padding-bottom: 0px;
	padding-top: 5px;
	background: url(../img/dot-sitemap3.gif) left top no-repeat;
}




.sitemap li.sitemap2{
	background: url(../img/dot-sitemap2.gif) left bottom no-repeat;
}

* html .sitemap li.sitemap2{
	background: url(../img/dot-sitemap2.gif) left top no-repeat;
}

*:first-child+html .sitemap li.sitemap2{
	background: url(../img/dot-sitemap2.gif) left top no-repeat;
}

.sitemap h3{
	font-size: 100%;
	line-height: 1.3;
	color: #333333;
	font-weight: normal;
	margin-top: 5px;
}

/* お問い合わせ
---------------------------------------------*/
.content .contact {
	text-align: left;
	margin:10px 20px 10px 10px;
    padding:0;
}
.content .contact p {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.3;
}
.content .contact table{
	padding: 0px;
    margin:0;
	font-size: 100%;
	background: #FFF;
	border-collapse: collapse;
    width:100%;
}
.content .contact th{
	padding: 5px;
	font-weight: normal;
	background: #EEEEEE;
	border-bottom: 1px solid #BBBBBB;
    margin:0;
}
.content .contact td{
	padding: 5px;
	line-height: 150%;
	border-bottom: 1px solid #BBBBBB;
    margin:0;
}
.content .contact td label{
	font-weight:bold;
}
.content .contact input{
	border: 1px solid #BBBBBB;
	padding: 5px;
	margin: 0;
	font-size: 100%;
}
.content .contact input.text{
	width: 90%;
}
.content .contact input.text2{
	width: 120px;
}
.content .contact input.text3{
	width: 60px;
}
.content .contact textarea{
	border: 1px solid #BBBBBB;
	padding: 5px;
	width: 90%;
	font-size: 120%;
}

/*　スタッフ紹介用
---------------------------------------------*/

.main-text-staff {
	font-weight: normal;
	color: #222222;
	line-height: 1.6;
	margin: 0px 20px 0px 20px;
	padding: 5px 10px;
}




.main-text-staff  table{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	text-align: left;
	border-top: 0px;
	border-left: 0px;
	border-bottom: #CCCCCC solid 1px;
	border-collapse: collapse;
}

.main-text-staff  td{
	margin: 0;
	padding: 5px;
	vertical-align: top;
	border-right: 0px;
	border-bottom: 0px;	
}





/*　bbs用
---------------------------------------------*/

.backnext {
	font-size: 130%;
	margin-bottom: 10px;
	font-weight:bold
}
.backnext a {
	color: #C9460D;
	text-decoration: none;	
}

.backnext a:hover {
	color: #996600;
	text-decoration: underline;
}

/*　その他
---------------------------------------------*/
.copyright {
font-size: 85%;
color: #666666;
letter-spacing: 0.1em;
text-align: center;
padding: 10px 0 0 0;
}

input,select,textarea{
	margin: 2px 0;
	padding:2px 5px;
	border: 1px #999999 solid;
	font-size:105%;
}
table.icon img{
	border: #cccccc 1px solid;
	padding:3px;
	-moz-box-shadow:#ccc 0 0 3px 1px;
	-webkit-box-shadow:#ccc 0 0 3px 1px;
	box-shadow:#ccc 0 0 3px 1px;
	background-color: #FFF;
}

table.icon {
border:0px;
width:830px;
}

.icon td {
border:0px;
padding:1px;
}

.board{
	margin: 10px;
}

.board img{
	padding:5px;
}


div.tooltip	{
	width: 250px;
	position: absolute;
	left: -9999px;
	background: #EEE;
	padding: 5px;
	border: 1px solid #AAA;
}

div.tooltip p{
	color: #FFF;
	background: #222;
	padding: 5px 10px;
}




/* カレンダー詳細 */ 

.calendar .detail {
	font-weight:bold;
	color:#CC3300;
	border-bottom:1px dashed #CC3300;
	margin-bottom:10px;
	text-align:left;
}
.calendar {
	text-align:left;
	font-size: 100%;
}
.calendar .cal_top {
	margin: 5px 0;
	padding:0;
}
.calendar .cal_top h3 {
	padding:0;
	font-weight:bold;
	text-align:center;
	color: #CC3300;
	font-size:110%;
	width:100%;
	background-color:#F4DE9E;
}
.calendar .cal_top img {
	text-decoration: none;
	border: 0px;
	padding:0 5px 0 0;
}

.calendar .cal_top a{
	font-size:90%;
}
.calendar .sun {
	color:#FF3333;
}
.calendar .holiday {
	color:#FF3333;
}
.calendar .sat {
	color: #0066CC;
}
.calendar table {
	font-size:85%;
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin:0;
	background:#FFF;
}
.calendar th {
	border:1px solid #CCCCCC;
	padding:3px 5px;
	background-color: #F4DE9E;
	text-align:center;
	font-weight:normal;
	width:14.2%;
}
.calendar td {
	border:1px solid #CCCCCC;
	padding:3px 5px;
	width:14.2%;
	vertical-align:top;
}
#main_contents .calendar td .usual_day {
	font-weight:bold;
	color: #333333;
}
#main_contents .calendar td .sun_day {
	font-weight:bold;
	color:#FF3333;
}
#main_contents .calendar td .sat_day {
	font-weight:bold;
	color: #0066CC;
}
#main_contents .calendar td div {
	padding:0;
	margin:0;
	line-height:120%;
}
#main_contents .calendar td div img {
	padding:0 2px 0 0;
	margin:0;
}
#main_contents .calendar td div .title a {
	font-weight:normal;
	color: #333333;
	padding:0;
	margin:0;
	line-height:120%;
}
#main_contents .calendar td div .title a:hover {
	color: #0066CC;
	line-height:120%;
}
.calendar .cal_bottom {
	margin-top: 5px;
	background:#F3EFE4;
	padding:5px;
	font-size:90%;
	width:100%;
}

.calendar form {
	margin: 0 0;
	padding: 0;
	text-align:left;
	border: 0px;
}




/*　画像
---------------------------------------------*/
img.photo {
	padding:3px;
	border:#DDDDDD 1px solid;
}

img.photo-left {
	margin: 0 10px 10px 0;
	padding:3px;
	border:#DDDDDD 1px solid;
}

img.photo-right {
	padding: 0 0 10px 10px;
	padding:3px;
	border:#DDDDDD 1px solid;
}

/*　サムネイル
*/

.myPic
{
	margin:5px;
	border-radius:10px;
	border:1px solid #ccc;
}
/*　twitter
---------------------------------------------*/
#twitter_update_list li{
	list-style-type: none;
}
#twitter_update_list li a{
	color: #FF3300;
}
#msg{
	padding: 10px;
	font-weight: bold;
	float: right;	
}
	
.slide table{
border: 0px;
	border-collapse: collapse;
}
	
.slide td{
border: 0px;
}
.t-button{
top:20px;
}

table.bordernon{
border-top: 0px;
border-bottom: 0px;
border-right: 0px;
border-left: 0px;
	border-collapse: collapse;
}

table.bordernon td{
border-top: 0px;
border-bottom: 0px;
border-right: 0px;
border-left: 0px;
}
.border-non{
border-top: 0px;
border-bottom: 0px;
border-right: 0px;
border-left: 0px;
}

h4.top-message{
	color: #000;
	text-align:center;
    font-weight: normal;
    line-height: 2;
	padding-top:30px;
    letter-spacing: 0.2em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
        font-size: 160%;
}

h5.top-message{
	color: #3467FE;
	text-align:center;
    font-weight: normal;
	padding:20px 0;
    letter-spacing: 0.2em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 150%;
}


/*文字*/

.text-s{
	font-size: 85%;
}


.text-ss{
	font-size: 75%;
}

.text-l{
	font-size: 115%;
}

.text-ll{
	font-size: 130%;
}



/*FBとTWEET*/
.twitter-share-button{
	padding: 2px 0 0 10px !important;	
}

/*FB＆twitterぼたん*/
#entrybutton{
display:inline;
	text-align:right;
	margin-right:20px;
}
#entrybutton ul{
	margin: 5px 10px 5px 5px;
}
#entrybutton ul li{
list-style:none;
float: right;
padding: 0 5px;
}


#tab-right {
	position:absolute;
	top:0;
	right:0;
	z-index:12;
}
/*トップFB*/



/*表示非表示*/
.disp1{
	display:block;
}
.disp2{
	display:none;
}

.disp4{
	display:none;
}

.disp5{
	display:none;
}

/* 右to pagetop 固定 */ 
.gotop{
    position: fixed;
	bottom: 60px;
	right: 30px;
}
.gotop a{
	display:block;
	width: 74px;
	height: 55px;
	padding:10px 0;
	text-align:center;
	background-color: #000;
	font-size: 80%;
	-moz-border-radius:50px 50px;
	border-radius:50px 50px;
	-moz-box-shadow:gray 0 0 5px 1px;
	-webkit-box-shadow:gray 0 0 3px 1px;
	box-shadow:gray 1px -1px 5px 1px;
	color: #FFF;
}

.gotop a:hover {
	background-color: #2883FE;
}


.gotop img{
	border:0px;
	}


.content .comment {
	word-break: break-all;
}



/*==========================================
 〜999
===========================================*/
@media screen and (max-width:1280px) {
	#wrapper1{
	width: 100%;
	margin:0px;
	padding:0px;
	text-align: center;
	background-image: none;
}
	
.wrapper2{
	margin-left:auto;
	margin-right:auto;
	margin:0px auto;
	margin-top:0px;
	width: 100%;
	text-align: center;
}



/* ヘッダ */
#header{
	width:100%; 
	margin:0px;
	padding:5px 0 10px 0;
	height:auto;
	background-color:#FFF;
}
 #header h2 {
	margin:0;
	padding: 0;
	float:none;
}

#header h2 img {
	margin:0;
	padding: 0 0 0 0;
}

#header_text{
	margin:0 0 0 0;
	padding:0 0 5px 0;
	vertical-align: text-top;
	text-align:center;
	font-size: 90%;
	float:none;
}

#header .access{
	margin:0;
	padding:5px 5px 10px 5px;
	color:#000;
	text-align:center;
	line-height: 120%;
	float:none;
}
#header_image{
	margin:0px;
}

#header_image_top{
	margin:0px;
	height:auto;
}


#contents{
	margin:0px;
	padding:0 0 0 0;
}
/* フッタ */ 


#footer{
	width:100%; 
}



/* 上部横ナビゲーション
---------------------------------------------*/
#toggle{
  display: none;
}

#menu {
	margin:0 0 20px 0;
	width:100%; 
	padding:0px;
	z-index:13;
	background-color: #FFF;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	position:absolute;
	font-size:90%;
}



#menu ul {
	margin: 0;
	border-left: 0px;
}


#menu li {
	list-style-type: none;
	float: left;
	margin: 0 0;
	padding:0 0;
	height: 47px;
	width: 11%;
	background-image: none;
}

#menu li.top{
	width:0;
	border-left: 0px;
}
#menu li.last{
	border-right: 0px;
	border-left: 0px;
}

#menu li a{
	width:auto;
	padding:15px 0;
	display:block;
	color: #000;
	text-decoration: none;
}
#menu li a:hover {
	padding:15px 0;
	color: #000;
    text-decoration: underline;
}


#menu li ul.submenu li{
	width: 100%;
}
.menu-top{
	height:0;
}



/* メイン */ 


#main_contents{
		margin:10px 0 10px 0;
	width: 100%;
	padding:0 0 0 0;
}

/* 右コンテンツ */ 

#right_contents{
	margin: 10px 0 10px 0;
	width:100%;
	padding:0 0 0 0;
	float:none;
}
#right_contents h3 {
	margin: 0 10px;
}
#right_contents .r_content{
	margin:7px 10px;
}

#right_contents .map{
	margin:7px 10px;
}
#right_contents .banner{
	margin:7px 10px;
}


/* 左コンテンツ */ 

.content {
	text-align: left;
	margin: 5px 5px 5px 5px;
	padding: 0;
	width:100%;
	float:none;
}
	
/* hide from Mac IE \*/
 * html .content {
	text-align: left;
	margin: 5px 5px 5px 5px;
}
    /* */ 


/* ぱんくずリスト
---------------------------------------------*/


.plist {
	padding-top:70px;
}

/* わく
---------------------------------------------*/
.waku1{
	margin: 10px 15px;
	padding:0;
	border: #999 solid 1px;
	background-color:#FFF;
}
	
.waku1 .naka{
	margin: 10px 10px;
	padding:0;
}
.waku1 .naka img.button{
	padding-bottom:10px;
}


.waku1 .naka p{
	margin: 5px 0;
}
	
.waku1 img.image{
	padding: 5px 5px 5px 5px;
}	



.waku1 .list{
	margin: 0;
	padding:0;
}
.waku1 .list .date{
	font-size: 90%;
	padding:5px;
	text-align:right;
}
		


.waku1 .list table{
	padding: 0;
	margin: 0;
	text-align: left;
	border-right: 0px;
	border-left: 0px;
	border-top: #999 solid 1px;
	border-bottom: 0px;
	width: 100%;
	border-collapse: collapse;
}


.waku1 .list tr{
	width: 100%;
	border-bottom: #999 solid 1px;
}

.waku1 .list th{
	padding: 5px 1em;
	margin:2px 0;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	letter-spacing: 0.1em;
	white-space: nowrap;
	width: 5em;
	border-right: 0px;
	border-bottom: 0px;
}

.waku1 .list td .title{
	font-weight: bold;
	}

.waku1 .list th.date{
	text-align: center;
	background-color:#fff;
}
.waku1 .list td.title{
	margin: 2px 0;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 0px;
	font-weight: bold;
	border-right: 0px;
	width: auto;
}
.waku1 .list td.icon{
	margin: 2px 0;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 0px;
	border-right: 0px;
	width: 70px;
}

.waku1 .list td.photo{
	text-align: right;
	vertical-align:middle;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	width:110px;
	}
.waku1 .list td.photo .topphoto{
	width:120px;
	height:70px;
	overflow:hidden;
	margin-left:5px;
 }

.waku1 .list td.photo .topphoto img{
 }



.waku1 .list th.date .date{
	color: #FFFFFF;
	text-align: center;
	margin: 0 5px 3px 5px;
	padding:2px;
	-moz-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow:#ccc 0 0 3px 1px;
	-webkit-box-shadow:#ccc 0 0 3px 1px;
	box-shadow:#ccc 0 0 3px 1px;
	background-color:#999;
	background: linear-gradient(#ccc, #666);
	background: -moz-linear-gradient(#ccc, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc),to(#666));
	-moz-box-shadow:#999 0 0 0 1px;
	-webkit-box-shadow:#999 0 0 0 1px;
	box-shadow:#999 0 0 0 1px;
	font-family:Arial, Helvetica, sans-serif;
	/background: url(../img/day-back.jpg) repeat-x top;
}

.waku1 .list th.date .date .year{
	color: #FFFFFF;
	font-size: 100%;
	padding:0 5px;
	letter-spacing:0.1em;
	text-align: center;
}
.waku1 .list th.date .date .day{
	color: #FFFFFF;
	font-size: 140%;
	padding:0 5px 3px 5px;
	font-weight: bold;
	line-height:100%;
	text-align: center;
}







/* service
---------------------------------------------*/
.content .service
{width:50%;
}


    
 
.content .service .button a
{font-size: 100%;
}   







/*表示非表示*/
.disp1{
	display:none;
}
.disp2{
	display:block;
}




	

}

/*==========================================
 〜960
===========================================*/

@media only screen and (max-width: 960px) {
	
.plist {
	padding-top:0;
}

.disp3{
    display: none;
}
.disp4{
	display:block;
}

 #toggle{
	display: block;
	position: relative;
	z-index: 99;
	width: 100%;
	background-color: #000;
	margin-bottom: 0;
	box-shadow: #888 0px 1px 4px;
}
#toggle a{
  display: block;
  position: relative;
  padding: 10px 0 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size:140%;
  font-family: Arial, Helvetica, sans-serif;
}
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 4px;
  background-color: #000;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
  
  #menu{
	  position: fixed;
	top: 0;
	left: -240px;
	width: 240px;
	height: 99%;
    background: #333;
	border-bottom: 0px;
	z-index:100;
	overflow:scroll;
  } 
  
#menu ul {
	margin: 0;
	padding:0px;
}


#menu li {
	list-style-type: none;
	float: none;
	margin: 0;
	border-right-width: 0px;
	border-left-width: 0px;
	height: auto;
	width: 100%;
	font-size:100%;
	background-image: none;
	border-bottom: 1px solid #fff;
	position:static;
	text-align:left;
}

#menu li.top{
	border-left: 0px;
	text-align:right !important;
	color: #fff;
	width: 100%;
}
#menu li.top #btn{
	display: block;
}

#menu li.top a{
	padding-right:15px;
}
#menu li.top a:hover{
	padding-right:15px;
}

#menu li.last{
	border-right: 0px;
	width: 100%;
	border-bottom: 0px;
}

#menu li a{
	margin: 0;
	width:auto;
	padding:10px 0 10px 10px !important;
	display:block;
	font-size: 100%;
	color: #fff;
	text-decoration: none;
	background-color: #000;
	background-image: none;
	border-right-width: 0px;
	border-left-width: 0px;
}
#menu li a br{
	display:none;
}
#menu li a:hover {
	margin: 0;
	padding: 10px 0 10px 15px !important;
	background-image: none;
	color: #000;
	background-color: #fff;
}
#menu li a.hover {
	margin: 0;
	padding: 10px 0 10px 15px !important;
	background-image: none;
	color: #000;
	background-color: #fff;
}

#menu li ul.submenu{
	position: static;
	width:100%;
	display:block;
	float: none;
	font-size:100%;
}
#menu li.last ul.submenu{
	}
#menu li ul.submenu li{
	display:block;
	position: static;
	opacity:1;
	height: auto;
	list-style-type: none;
	float: none;
	margin: 0;
	line-height: 1.2;
	border-left: 0px;
	border-right: 0px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	width:100%;
	border-bottom-width: 0px;
}

#menu li:hover ul.submenu li{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#menu li ul.submenu li a{
	width: auto;
	overflow: auto;
	display: block;
	position: static;
	padding:7px 0 7px 25px !important;
	text-decoration: none;
	background-image: none;
	text-align: left;
	background-color:#333;
	color: #FFF;
	border-bottom-width: 0px;
	border-left-width: 0px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

#menu li ul.submenu li a:hover{
	padding:7px 0 7px 30px !important;
	background-image: none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
 .content h1 {
	font-size: 160%;
	color: #000;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
}   
.content h2 {
	color: #000;
	margin: 20px 0 20px 0;
	padding: 10px 10px 10px 10px;
	font-size:150%;
	letter-spacing: 0.0em;
    border-bottom: 1px solid #000;
}
    
    

.content h3 {
	font-size: 140%;
	color: #333;
	font-weight: bold;
	padding: 5px 10px;
	margin: 10px 0 10px 0;
}


.content h4 {
	font-size: 110%;
	color: #333;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 2px 15px;
}


.content h5 {
	font-size: 100%;
	color: #333;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px 10px;
}




.content p {
	margin: 10px;
	line-height: 1.3;
}



.content .comment ul{
	margin: 10px 20px;
	list-style-type: none;
}

.content .comment ul li{
	margin: 0px;
	padding-bottom: 5px;
}

.content .comment ol{
	margin: 10px 20px;
	padding: 0px 30px;
	list-style-position: outside;
}

.content .comment ol li{
	margin: 0px;
	padding-bottom: 5px;
}


 ul.list{
	list-style-type: none;
	margin: 15px 10px;
}

.list li{
	list-style-type: none;
	padding: 0;
}

    
    
    
  
h4.top-message{
	padding-top:20px;
    font-size: 110%;
    letter-spacing:0;
}
    
h5.top-message{
	color: #3467FE;
	padding:15px 0;
    font-size: 120%;
    letter-spacing:0;
}
    
.waku1{
margin:10px 10px; 
padding:0;
    }
.waku1 .comment{
    margin:10px 10px;
padding:0;
    }
    
.waku1 .list td.title{
	margin: 0 0;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 0px;
	font-weight: bold;
	border-right: 0px;
	width: auto;
	}
.waku1 .list td.icon{
	margin: 0 0;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 0px;
	border-right: 0px;
	width: 50px;
	}

    /* service
---------------------------------------------*/
.content .service
{width:100%;
} 
    

.content .apron h2
{background-image: url(../img/back-line-blue.png);
    background-repeat: repeat-x;
    background-position: bottom;
    font-weight: normal;
    padding: 0px;
    border-bottom: 0px;
    font-size:180%;
    margin-top:10px;
    letter-spacing: 0em;
    line-height: 1.2;
}
.content .apron .waku1 h3
{
    font-size:150%;
    font-weight: normal;
    border-bottom: #000 solid 1px;
    line-height: 1.2;
    
}
.content .apron .waku1 .floatRight img.photo
{
    width:60%;
    
}
.content .apron .waku1 .floatLeft img.photo
{
    width:60%;
    
}
    
    /*写真*/

.floatRight {
	float: none;
	text-align:center;
}

.floatLeft {
	float: none;
	text-align:center;
}	

.waku1 img{
	width:90%;
	height:auto;
}


.content .waku1 .w20 img.photo
{
    width:40%;
    margin:2px 2px 2px 2px;
}

.content .waku1 .w22 img.photo
{
    width:40%;
    margin:2px 2px 2px 2px;
}
    
/* FAQ
---------------------------------------------*/


.content .waku1 .faq {
	margin: 10px;
	padding:10px 0px;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
}



.content .waku1 .faq h3 {
	font-size: 100%;
    font-weight: normal;
    border-bottom: 0px;
}



.content .waku1 .faq h3:first-letter {
	font-size: 150%;
	font-weight: bold;
}

.content .waku1 .faq p {
	font-size: 90%;
    font-weight: normal;
}

.content .waku1 .faq p:first-letter {
	font-size: 180%;
	font-weight: bold;
}
    

}

/*==========================================
 〜
===========================================*/
@media screen and (max-width:640px)  {



    .disp5{
        display: block;
    }
    
.content .apron h2 {
     line-height: 1.2;
     font-size: 150%
    }
.content .apron .waku1 h3
{
    font-size:140%;
    font-weight: normal;
    border-bottom: #000 solid 1px;
    line-height: 1.2;
    
}

    
/* サイトマップ
---------------------------------------------*/

.sitemap{
	margin: 20px 0px 20px 0px;
	text-align: left;
	font-weight: bold;
}

.sitemap ul{
	list-style-type: none;
	background: url(../img/dot-sitemap1.gif) left repeat-y;
	margin: 0 0 0 10px;
}
.sitemap li{
	padding-bottom: 10px;
	line-height: 1.3;
	color: #333333;
	padding-left: 40px;
	margin-top: 5px;
	background: url(../img/dot-sitemap.gif) left top no-repeat;
	font-weight: bold;
}

* html .sitemap li{
	padding-bottom: 0px;
	padding-top: 5px;
	background: url(../img/dot-sitemap3.gif) left top no-repeat;
}

*:first-child+html .sitemap li{
	padding-bottom: 0px;
	padding-top: 5px;
	background: url(../img/dot-sitemap3.gif) left top no-repeat;
}




.sitemap li.sitemap2{
	background: url(../img/dot-sitemap2.gif) left bottom no-repeat;
}

* html .sitemap li.sitemap2{
	background: url(../img/dot-sitemap2.gif) left top no-repeat;
}

*:first-child+html .sitemap li.sitemap2{
	background: url(../img/dot-sitemap2.gif) left top no-repeat;
}

.sitemap h3{
	font-size: 100%;
	line-height: 1.3;
	color: #333333;
	font-weight: normal;
	margin-top: 5px;
}    

    
/* FAQ
---------------------------------------------*/


.content .waku1 .faq {
	margin: 10px;
	padding:10px 0px;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
}



.content .waku1 .faq h3 {
	font-size: 100%;
    font-weight: normal;
    border-bottom: 0px;
}



.content .waku1 .faq h3:first-letter {
	font-size: 150%;
	font-weight: bold;
}

.content .waku1 .faq p {
	font-size: 100%;
    font-weight: normal;
}

.content .waku1 .faq p:first-letter {
	font-size: 180%;
	font-weight: bold;
}

.text-l{
	font-size: 105%;
}

.text-ll{
	font-size: 110%;
}
    }







.content .waku1 .comment {
	word-break: break-all;
}


/* #staff
--------------------------- */
p.staffonly{
	text-align:right;
}
p.staffonly a{
	padding:3px;
	text-decoration:none;
	color:#BBB;
}

@media print {
	    #wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: visible;
	    }

	}




.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}


.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../img/prev.png);
    background-color: hsla(0,0%,100%,0.70);
}
.slider_next {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../img/next.png);
    background-color: hsla(0,0%,100%,0.70);
}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
	opacity: 0.5;
}

.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #666;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 100!important;
	opacity: 0.5!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/* シェアボタン */
.share {
	margin-top: 40px;
	clear: both;
}
.share ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.share li a {
	display: block;
	text-align: center;
	padding: 10px 5px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
.share li a:hover {
	opacity: 0.8;
}
.share ul:after {
	content: "";
	display: block;
	clear: both;
}
.share li {
	float: left;
	width: 33.3%;
}
.share-tw {
	background-color: #55acee;
	height:40px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/TwitterLogo_white.png);
}
.share-fb {
	background-color: #3b5998;
	height:40px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/FB-fLogo.png);
}
.share-gp {
	background-color: #dd4b39;
}
.share-hb {
	background-color: #2c6ebd;
}
.share-ln {
	background-color: #00B901;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/LINE_Icon.png);
}

 @media (max-width: 599px) {
.share span {
	display: inline-block;
	text-indent: -9999px;
}
.share li a {
	padding: 8px 10px;
}
i.fa-Line {
	
}
}


/*
サムネイルクリックで画像切り替え
*/

.main-gaikan,
.main-gaikan li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-gaikan {
  margin-bottom: 6px;
}
.main-gaikan li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-gaikan li img.tate {
  width: 60%;
  padding:3px;
	border:1px solid #CCC;
}



@media screen and (max-width:480px)  {
	.main-gaikan li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-gaikan li img.tate {
  width: 70%;
}
}

.main-gaikan li.item2,
.main-gaikan li.item3,
.main-gaikan li.item4,
.main-gaikan li.item5,
.main-gaikan li.item6,
.main-gaikan li.item7,
.main-gaikan li.item8{
  display: none;
}
.main-gaikan li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb-gaikan,
.thumb-gaikan li {
  margin:0;
  padding: 0;
  list-style: none;
}
.thumb-gaikan li {
  display: inline-block;
  width: 104px;
	height:auto;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
	margin-bottom: 4px;
}
.thumb-gaikan li img {
  width: 95%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.thumb-gaikan li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}




.main-naka,
.main-naka li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-naka {
  margin-bottom: 6px;
}
.main-naka li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-naka li img {
  width: 90%;
  padding:3px;
	border:1px solid #CCC;
}
.main-naka li img.tate {
  width: 60%;
  padding:3px;
	border:1px solid #CCC;
}
@media screen and (max-width:960px){
	.main-naka li {
  width: 80%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-naka li img.tate {
  width: 60%;
}
}


@media screen and (max-width:480px)  {
	.main-naka li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-naka li img.tate {
  width: 70%;
}
}

.main-naka li.item2,
.main-naka li.item3,
.main-naka li.item4,
.main-naka li.item5,
.main-naka li.item6,
.main-naka li.item7,
.main-naka li.item8{
  display: none;
}
.main-naka li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb-naka,
.thumb-naka li {
  margin:0;
  padding: 0;
  list-style: none;
}
.thumb-naka li {
  display: inline-block;
  width: 104px;
	height:auto;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
	margin-bottom: 4px;
}
.thumb-naka li img {
  width: 95%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.thumb-naka li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}


.main-sonota,
.main-sonota li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-sonota {
  margin-bottom: 6px;
}
.main-sonota li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-sonota li img {
  width: 90%;
  padding:3px;
	border:1px solid #CCC;
}
.main-sonota li img.tate {
  width: 60%;
  padding:3px;
	border:1px solid #CCC;
}
@media screen and (max-width:960px){
	.main-sonota li {
  width: 80%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-sonota li img.tate {
  width: 60%;
}
}


@media screen and (max-width:480px)  {
	.main-sonota li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-sonota li img.tate {
  width: 70%;
}
}

.main-sonota li.item2,
.main-sonota li.item3,
.main-sonota li.item4,
.main-sonota li.item5,
.main-sonota li.item6,
.main-sonota li.item7,
.main-sonota li.item8{
  display: none;
}
.main-sonota li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb-sonota,
.thumb-sonota li {
  margin:0;
  padding: 0;
  list-style: none;
}
.thumb-sonota li {
  display: inline-block;
  width: 104px;
	height:auto;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
	margin-bottom: 4px;
}
.thumb-sonota li img {
  width: 95%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.thumb-sonota li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}


/*
サムネイルクリックで画像切り替え
*/

.main-gaikan,
.main-gaikan li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-gaikan {
  margin-bottom: 6px;
}
.main-gaikan li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-gaikan li img {
  width: 90%;
  padding:3px;
	border:1px solid #CCC;
}
.main-gaikan li img.tate {
  width: 60%;
  padding:3px;
	border:1px solid #CCC;
}
@media screen and (max-width:960px){
	.main-gaikan li {
  width: 80%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-gaikan li img.tate {
  width: 60%;
}
}


@media screen and (max-width:480px)  {
	.main-gaikan li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-gaikan li img.tate {
  width: 70%;
}
}

.main-gaikan li.item2,
.main-gaikan li.item3,
.main-gaikan li.item4,
.main-gaikan li.item5,
.main-gaikan li.item6,
.main-gaikan li.item7,
.main-gaikan li.item8{
  display: none;
}
.main-gaikan li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb-gaikan,
.thumb-gaikan li {
  margin:0;
  padding: 0;
  list-style: none;
}
.thumb-gaikan li {
  display: inline-block;
  width: 104px;
	height:auto;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
	margin-bottom: 4px;
}
.thumb-gaikan li img {
  width: 95%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.thumb-gaikan li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}




.main-naka,
.main-naka li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-naka {
  margin-bottom: 6px;
}
.main-naka li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-naka li img {
  width: 90%;
  padding:3px;
	border:1px solid #CCC;
}
.main-naka li img.tate {
  width: 60%;
  padding:3px;
	border:1px solid #CCC;
}
@media screen and (max-width:960px){
	.main-naka li {
  width: 80%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-naka li img.tate {
  width: 60%;
}
}


@media screen and (max-width:480px)  {
	.main-naka li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-naka li img.tate {
  width: 70%;
}
}

.main-naka li.item2,
.main-naka li.item3,
.main-naka li.item4,
.main-naka li.item5,
.main-naka li.item6,
.main-naka li.item7,
.main-naka li.item8{
  display: none;
}
.main-naka li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb-naka,
.thumb-naka li {
  margin:0;
  padding: 0;
  list-style: none;
}
.thumb-naka li {
  display: inline-block;
  width: 104px;
	height:auto;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
	margin-bottom: 4px;
}
.thumb-naka li img {
  width: 95%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.thumb-naka li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}


.main-sonota,
.main-sonota li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-sonota {
  margin-bottom: 6px;
}
.main-sonota li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-sonota li img {
  width: 90%;
  padding:3px;
	border:1px solid #CCC;
}
.main-sonota li img.tate {
  width: 60%;
  padding:3px;
	border:1px solid #CCC;
}
@media screen and (max-width:960px){
	.main-sonota li {
  width: 80%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-sonota li img.tate {
  width: 60%;
}
}


@media screen and (max-width:480px)  {
	.main-sonota li {
  width: 100%;
	height:auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.main-sonota li img.tate {
  width: 70%;
}
}

.main-sonota li.item2,
.main-sonota li.item3,
.main-sonota li.item4,
.main-sonota li.item5,
.main-sonota li.item6,
.main-sonota li.item7,
.main-sonota li.item8{
  display: none;
}
.main-sonota li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb-sonota,
.thumb-sonota li {
  margin:0;
  padding: 0;
  list-style: none;
}
.thumb-sonota li {
  display: inline-block;
  width: 104px;
	height:auto;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
	margin-bottom: 4px;
}
.thumb-sonota li img {
  width: 95%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.thumb-sonota li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}


/* SNSボタン */
.container {
  position: relative;
	text-align: center;
}

.sns_btn {
  display: inline-block;
  color: #fff;
  height: 2em;
  width: 2em;
  // text-align: center;
  // clear:both;
  // white-space:nowrap;
  font-size: 1.5em;
  border-radius: 0.3125em;
  box-shadow: 0 0.1875em 0.3125em 0 rgba(0, 0, 0, 0.35);
  margin:0.2em;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  overflow: hidden;
	opacity: 0.8;
  i {
    position: absolute;
    // top: 50%;
    // transform: translateY(-50%);
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
  }
}

.btn_facebook {
  background: #3b5998;
  &:hover {
    color: #3b5998;
    background: #fff;
  }
}

.btn_twitter {
  background: #55acee;
  &:hover {
    color: #55acee;
    background: #fff;
  }
}



.btn_line {
    background-color: #00B901;
  &:hover {
    color: #00C402;
    background: #fff;
  }
}




/*アコーディオン*/
dl.accordion { width:100%; margin:0; padding:0px;}
dl.accordion dt {
	height:auto;
	padding:5px;
	margin:5px 0;
	cursor:pointer;
	text-decoration:underline;
	color: #fff;
	background:#F49BBD; 
	font-weight: bold;
}
dl.accordion dt:hover {
    background-color: #EB58A5;
}
dl.accordion dt.open {
	background:#F4B3CC; 
	text-decoration:none;
}
dl.accordion dd {
	padding:5px; 
	font-size:90%; 
	display:none;}