@charset "UTF-8";
/****************************************************
* base 01基本スタイルシート *
*****************************************************/
/*基本・共通******************************************/
/*html5*/
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

/*画像*/
img{
    vertical-align:top;
    margin:0;
    padding:0;
    border:none 0;
	max-width:100%;
}
/*見出し*/
h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
}
/*文*/
p{
    margin:0 0 10px 0;
    padding:0;
}
/*大・小*/
big{
    font-size: 120%;
}
small{
    font-size:90%;
}
/*強調1*/
strong{
    font-size:100%;
    font-weight:bold;
}
/*強調2*/
em{
	font-size: 100%;
	text-decoration: none;
	font-style: normal;
}
/*リスト*/
ol, ul {
     margin: 5px 0px 5px 2em;
     padding: 0px;
}
li{
     margin:0px;
     padding:0px;
}
/*定義リスト*/
dl{
     margin:5px;
     padding:0;
}
dt{
     font-weight: bold;
}
dd{
     margin-left:2em;
     margin-bottom:5px;
}
/*表*/
table {
    padding: 0px;
    margin: 15px 0px;
    border-collapse:collapse;
}
caption{
    font-weight:bold;
}
th,td {
    padding: 5px;
    vertical-align:top;
    overflow:visible;
    border-color:#999;
    border-style:solid;
    border-width:1px;
}
th[scope="row"]{
    text-align:left;
}
th[scope="col"]{
    text-align:center;
}

/*クリア*/
.clear{
     clear:both;
}
hr{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #666;
}
hr.clear{
     display:none;
}

/*リンク*/
/*a:link, a:visited ,a:hover, a:focus, a:active{
 	text-decoration:none;
}*/
a {
 	text-decoration:none;
}

/*読み上げ用隠し*/
.speech{
     margin:0;
     padding:0;
     display:block;
     width:1px;
     height:1px;
     position:absolute;
     left:-9999px ;
     overflow:hidden;
}
/*印刷のみ*/
.printOnly{
     display:none;
}

@media print{
/*印刷時*/
     .speech{
          display:none;
     }
     .printOnly{
          display:block;
     }
}
/*非表示*/
.noDisp{
	display:none !important;
}

/*ツールチップ*/
p#vtip {
	display: none;
	position: absolute;
	padding: 5px 10px;
	left: 5px;
	font-size: 0.8em;
	color: #0F0F0F;
	background-color: #FFF;
	border: 2px solid #CCC;
	z-index: 9999;	
}
#vtipArrow{
     display:none;
}

/*アイコン*/
.icon{
	display: inline-block;
	background-image: url(images/icons.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

/*ページ種別*******************************************************/
/*サイト・ホーム(トップページ)*/
body#homePage{}
/*一般コンテンツ*/
body#contentPage{}

/*構造 レイアウト*******************************************************/
html{
	margin:0;
	padding:0;
}
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Meiryo, "メイリオ", "MS P Gothic", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", sans-serif;
	line-height: 1.5;
	text-align: center;
	z-index: 1;
}
#wrapper{
	position:relative;
	overflow:hidden;
	font-size: 90%;
	width:1000px;
	margin:0 auto;
}
#page{
	padding:10px 20px 20px;
	overflow:hidden;
	position:relative;
	/*角丸*/
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
@media screen and (max-width:640px){
	#wrapper {
		width:100%;
	}
	#page{
		padding:5px;
		/*角丸*/
		-webkit-border-radius: 0;
		border-radius: 0;
	}
}
/*ツール*******************************************************/
#toolbar {
	float:left;
	margin: 15px 0 5px ;
	padding-bottom:5px;
	font-size:80%;
	text-align:right;
}
#toolbar ul {
	margin: 0;
	padding: 0;
	display: inline;
}
#toolbar li {
	display:inline;
	vertical-align:middle;
}


/*JavaScriptによるツールセット*/
ul#t_jtools {
	display:inline;
	padding:0 20px 5px 0;
}
#t_fsize, #t_color, #t_reset {
	display:inline;
	padding-left:15px;
	overflow:hidden;
}
#t_jtools .label{
	line-height:2;
	padding:0 2px;
	display:inline-block;
	vertical-align: middle;
}
/*ツールボタン*/
#toolbar .btn a{
	display:inline-block;
	margin:0 2px;
	padding: 0.48em;
	font-size:110%;
	line-height: 1;
	font-weight:normal;
	color:#000;
	border: 1px solid #999;
	background-color:#FFF;
	/*角丸*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#toolbar .btn a:link,
#toolbar .btn a:visited {
	color:#000;
	background-color:#FFF;
}
#toolbar .btn a:hover ,
#toolbar .btn a:focus ,
#toolbar .btn a:active {
	color: #fff;
	background-color: #1D2088;
}
#toolbar #t_plus,
#toolbar #t_white {
	padding-left:5px;
}
#toolbar #t_black a:link,
#toolbar #t_black a:visited {
	color:#FFF;
	background-color:#222;
	text-shadow: 0px 1px 1px #000;
}
#toolbar #t_black a:hover,
#toolbar #t_black a:focus,
#toolbar #t_black a:active {
	background-color:#1D2088;
}




/*検索窓*/
#cse-search-box{
	display: inline-block;
	margin:4px 10px 0;
	padding:5px 3px;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #999;
	/*角丸*/
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
#cse-search-box input {
	margin:0 3px;
	font-size:100%;
}
#cse-search-box input:focus {
	outline:none;
}
#cse-search-box input#sa {
	height: 15px;
	width: 15px;
	float: left;
	background-color: transparent;
	border: none;
	border-image: initial;
}
#cse-search-box #q {
	padding: 0;
	width: 120px;
	float: left;
	background-color: transparent;
	border: none !important;
	border-image: initial;
}
@media print{
/*印刷時*/
	#headWrap{
		display:none;
	}
}
@media screen and (max-width:640px){
	#toolbar{
		margin:5px;
	}
	ul#t_jtools{
		display:none;
	}
	#cse-search-box{
		margin:0;
	}
}
#haedLink{
	float:right;
	list-style:none;
	margin: 15px 5px 5px;
}
#haedLink a {
	padding:3px 3px 3px 0;
}
#haedLink a .icon{
	width:30px; 
	height:32px; 
	background-position:-125px -75px;/*.logo*/
}
#headWrap:after{
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}
@media screen and (max-width:640px){
	#haedLink {
		margin:5px;	
		float:none;
	}
}
@media screen and (max-width:320px){
	#haedLink a{
		font-size:70%;		
	}
}
/*ヘッダー*******************************************************/
#pageTop h1{
	float:left;
	margin:5px;
}
#pageTop h1 a{
	display:block;
	padding:5px;
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-ms-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
	/*角丸*/
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#pageTop h1 a:hover,
#pageTop h1 a:focus,
#pageTop h1 a:active{
	background-color:#FFF;
}
#pageTop ul#headMenu{
	float:right;
	list-style:none;
	margin:10px 0 15px 15px;
}
#pageTop ul#headMenu li{
	float:left;
	margin-left:10px;
}
#pageTop ul#headMenu li:first-child{
	margin:0;
}
#pageTop ul#headMenu li a{
	display:block;
	width:218px;
	border-width:1px;
	border-style:solid;
	padding:8px 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	/*角丸*/
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#pageTop ul#headMenu li .ja{
	display:block;
	font-weight:bold;
}
#pageTop ul#headMenu li .en{
	display:block;
	font-size:70%;
}
@media screen and (max-width:640px){
	#pageTop ul#headMenu{
		float:none;
		margin:0;
	}
	#pageTop ul#headMenu li a{
		font-size:90%;
		padding:5px;
		margin-bottom:5px;
		width:auto;		
	}
	#pageTop ul#headMenu li .en{
		display:none;
	}
}
/*clearfix*/
#pageTop ul#headMenu:after{
	visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}
/*メニューボタン********************************************************/
#menuBtn{
	clear: both;
	overflow: hidden;
	text-align:left;
}
#contentPage #menuBtn{
	border-top-width:3px;
	border-top-style:solid;
}
#menuBtn ul{
	list-style:none;
	margin:10px 0 20px;
	padding:0;
}
#menuBtn ul li{
	border:1px solid #CCC;
	float:left;
	margin-left:15px;
	/*角丸*/
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	border-radius: 5px;
}
#menuBtn ul li:first-child{
	margin-left:0;
}
#menuBtn ul li a{
	color:#000;
	background-color:#FFF;
	opacity:.8;
	display: block;
	width:288px;
	padding:15px 10px;
	border:none;	
	background-position:right top;
	background-repeat:no-repeat;
	text-shadow: -1px -1px 0px #FFF, 1px -1px 0px #FFF, 1px 1px 0px #FFF, -1px 1px 0px #FFF, -2px -2px 2px #FFF, 2px -2px 2px #FFF, 2px 2px 2px #FFF, -2px 2px 2px #FFF;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	/*角丸*/
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	border-radius: 5px;
}
#menuBtn #m1 a{
	background-image:url(images/m_his.jpg);
}
#menuBtn #m2 a{
	background-image:url(images/m_dou.jpg);
}
#menuBtn #m3 a{
	background-image:url(images/m_cam.jpg);
}
#menuBtn ul li a:hover,
#menuBtn ul li a:focus,
#menuBtn ul li a:active{
	opacity:1;
}
#menuBtn ul li a .icon{
	display: block;
	float:left;
	width:38px;
	height:35px;
	background-position:-73px -76px;/*.menubtn*/
	transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
#menuBtn ul li a:hover .icon,
#menuBtn ul li a:focus .icon,
#menuBtn ul li a:active .icon{
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

#menuBtn ul li a .label{
	display:block;
}
#menuBtn ul li h3{
	color:#000 !important;
	font-size:125%;
	margin:0;
	line-height:1.3;
}
#menuBtn ul li p{
	font-size:80%;
	margin:0;
	line-height:1.3;
}

#menuBtn ul:after{
	visibility: hidden;
    display: block;
    font-size: 0;
    content: " "; 
    clear: both; 
    height: 0;
}
@media print{
/*印刷時*/
	#menuBtn{
		display:none;
	}
}
@media screen and (max-width:640px){
	#menuBtn ul li{
		float:none;
		margin:0 0 5px 0;	
	}
	#menuBtn ul li a{
		width:auto;		
	}
	#menuBtn ul li p {
		display:none;
	}
	#menuBtn ul li a .icon{
		display:none;
	}
}
/*フッター詳細*******************************************************/
#pageFot{
	padding:10px;
	overflow: hidden;
	font-size: 80%;
	text-align:left;
}
/*連絡先*/
#pageFot dl#OficeAddress {
	clear:both;
	margin:10px 0;
	padding:0;
	display:block;
}
#OficeAddress dt, #OficeAddress dd, #OficeAddress ul {
	margin:0;
	padding:0;
	display:inline;
}
#OficeAddress dt{
	font-size:120%;
	display:block;
	margin-bottom:2px;
}
#OficeAddress dt .ja{
	padding-right:15px;
}
#OficeAddress li{
	display:inline-block;
	padding-right:5px;
}
#OficeAddress .oMail .icon{
	width:20px;
	height:20px;
	margin-right:3px;
}
/*コピーライト*/
#copyright{
	font-size:90%;
}
/*コンテンツ部********************************************************/
#contents{
	clear:both;
	position:relative;
	overflow:hidden;
	font-size: 90%;
	text-align:left;
}
#main{
	width:820px;
	float:right;
	overflow:hidden;
}
#side{
	width:200px;
	float:left;
}
/*clearfix*/
#contents:after,
#main:after,
#side:after{
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}

/*パン屑*******************************************************/
#route {
	font-size: 90%;
	margin: 0;
	overflow: hidden;
	line-height: 1.2;
}
#route ol {
	margin:0px 5px;
	list-style-type:none;
}
#route li {
	padding-bottom:5px;
	display:inline-block;
	vertical-align:middle;
}
#route li a ,
#route li .label{
	display:inline-block;
	padding:3px 0;
}
#route .icon{
	width:15px; height:15px; background-position:-45px -130px;/*.arow1*/
}
#home .icon{
	display:none;
}
/*本文*************************************/
#mainText{
	clear:both;
	position:relative;
}
/*clearfix*/
#mainText:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/*見出し************************************/
#contents h2{
	clear:both;
	font-size:185%;
	font-weight:bold;
}
#contents h3{
	clear:both;
	font-size:150%;
	font-weight:bold;
}
#contents h4{
	clear:both;
	font-size:130%;
	font-weight:bold;
}
#contents h5{
	clear:both;
	font-size:115%;
	font-weight:bold;
}
#contents h6{
	clear:both;
	font-size:100%;
}


/*本文見出し**************************/
/*コンテンツ・タイトル*/
#mainText h2{
	margin-bottom:10px;
}
#mainText h2 .label{
	display:block;
	padding:10px 15px 5px;
	border-bottom: solid 3px #AEB1FF;
}
/*大見出し*/
#mainText h3 {
	line-height:1.2;
	font-weight:bold;
	margin:10px 0;	
	padding:9px 10px 9px 20px;
	border:none;
}
/*中見出し*/
#mainText h4{
	clear:both;
	font-weight:bold;
	margin:15px 0px 10px;
	padding:5px 10px 3px 25px;
	border:none;
}
#mainText h4 .icon{
	width:23px; 
	height:23px; 
	background-position:-260px -170px;/*.h4bg*/
	margin-left: -23px;
}
/*小見出し*/
#mainText h5{
	clear:both;
	margin:10px 0;
	padding:0px 5px 0 25px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-color:#ccc;
}
#mainText h5 .icon{
	width:23px; 
	height:22px; 
	background-position:-295px -170px; /*.h5bg*/
	margin-left:-23px;
}

#mainText h6{
	clear:both;
	padding-left:5px;
	margin-bottom:5px;
}

#mainText p {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
}

/*共通パーツ**************************************/

#mainText section{
	clear:both;
	padding:0 10px 10px 15px;
	margin-bottom:10px;
}
#mainText .about{
	padding:0 10px;
	margin-bottom:10px;
}

#mainText article{
	padding:10px;
}
#mainText article p{
	font-size:100%;
}

#mainText section section {
	padding:0;
}

#mainText section h3{
	margin-left:-15px;
	margin-right:-10px;
}
#mainText section h4 {
	margin-left:-10px;
	margin-right:-10px;
}
#mainText section h5 {
	margin-left:-5px;
	margin-right:-10px;
}
#mainText section table {
	margin:5px;
}
.txtPart{
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0;
	clear: both;
}
.txtPart p{
	margin-left:0;
	margin-right:0;
}
.txtPTxt{
	clear:right;
	float:right;
}
/*clearfix*/
.txtPart:after,
#mainText section:after,
#mainText article:after,
#mainText .about:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*リンク*/
.iLinks a,
a.iLinks{
	padding-left:30px;
	display:inline-block;
	vertical-align:middle;
	word-break: break-all;
	/*角丸*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.iLinks .icon{
	margin-left:-30px;
	width:30px; 
	height:30px; 
	background-position:-170px -75px;/*.link*/
}

ul.iLinks{
	clear:left;
	list-style-type:none;
	margin:10px 5px 10px 15px;
	line-height:1.8em;
}
ul.iLinks li{
	list-style-type:none;
	vertical-align:middle;
}
/*別ウィンドウアイコン*/
/*.nw {
	display: inline-block;
	padding-top: 20px;
	width:20px;
	height:0;	
	background-image: url(images/icons.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	overflow: hidden;
}*/

@media print{
	/*印刷*/
	ul.iLinks li a.outside:after{
	   content: " (" attr(href) ") ";
  	   font-size:80%;
	   display:block;
	   padding-left:2em;
	}
}
/**添付画像*/
/*添付画像:1枚(右)*/
div.iFigureR{
	clear:both;
	float:right;
	padding-left:10px;
	padding-right:0px;
}
/*添付画像:1枚(左)*/
div.iFigureL{
	clear:left;
	float:left;
	padding-left:0px;
	padding-right:10px;
}
div.iFigureR,
div.iFigureL{
	margin-bottom:10px;
	width:auto;
	text-align:center;
}
/*添付画像:1枚(中央)*/
div.iFigureC{
	clear:both;
	text-align:center;
	padding:0;
	margin:10px 0;
	text-align:center;
}
div.iFigureC div.imgBox{
	margin:0 auto;
}
div.iFigureC p,
div.iFigureR p,
div.iFigureL p{
	margin:3px 0;
	text-align:left;
}


/*添付画像:複数を行別中央配置*/
div.iFigure{
	clear:both;
	margin:5px 0;
	padding:0;
	text-align:center;
}
.iFigure ul{
	list-style-type:none;
	display:block;
	/*width:100%;*/
	margin:0;
	padding:0;
}
/**ブロック化*/
.iFigure ul li.row{
	margin:0;
	padding:5px 0;
	float:none;
	clear:both;
	width:inherit !important;
	overflow:hidden;
}
.iFigure ul li.row ul{
	/*width:auto;*/
	vertical-align:top;
}
.iFigure .row li{
	float:left;

	margin:2px 0;
	padding:0 2px;
	list-style-type:none;
	display:block;
}
.iFigure ul li img{
	margin:0;
}

#mainText div.iFigureC h6,
#mainText div.iFigureR h6,
#mainText div.iFigureL h6,
#mainText .iFigure ul li h6{
	word-wrap:break-word;
	text-align:left;
	margin:2px 0;
}
#mainText div.iFigureC p,
#mainText div.iFigureR p,
#mainText div.iFigureL p,
#mainText .iFigure ul li p{
	word-wrap:break-word;
	display:block;
	margin:0 10px 3px 10px;
	font-size:85%;
	text-align:left;
}
/*clearfix*/
.iFigure ul:after{  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}



/**添付書類*/
ul.iPapers{
	/*clear:both;*/
	clear:left;
	list-style-type:none;
	line-height:1.8em;
	margin-left: 15px;
}
ul.iPapers li{
	list-style-type:none;
	margin-bottom:3px;
}
ul.iPapers li a{
	padding-left:22px;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
	word-break: break-all;
}
ul.iPapers li img{
	margin-left:-20px;
	margin-right:4px;
	vertical-align:middle;
}

/*外部などコード埋め込み*/
div.gCode{
	clear:both;
	overflow:hidden;
	margin:10px;
	text-align:center;
}
div.gCode iframe,
div.gCode object{
	margin:0 auto;
	text-align:left;
	max-width:100%%;
}
/*div.gCode a:hover{
	background-color: transparent ;
	text-decoration:underline ;
}*/
/*clearfix*/
.gCode:after{  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}
/*お問い合わせ先*/
#mainText #sOffice{
	border:1px solid #CCC;
	padding:10px;
	/*角丸*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#mainText #sOffice h4{
	font-size:100%;
	margin:0 !important;
	padding:0;
}
/*写真横テキスト*/
#mainText .txtR{
	float:right;
	padding-left:15px;
	width:510px;
}
#mainText .txtR h3{
	margin:0 0 5px 0;
	padding:0;
}
/*動画一覧*/
#movList ul{
	list-style:none;
	margin:0;	
}
#movList ul li{
	padding:2px 0;
}
#movList ul li .icon{
	width:20px;
	height:17px; 
	background-position:-105px -130px;
}

@media screen and (max-width:640px){
	#mainText .txtR{
		width:auto;
		float:none;
	}
}


/*TOP**************************************/
#topSlide{
	clear:both;
}
#topSlide a{
	background-color:transparent;
}
#depart>div{
	float:left;
	width:450px;
	padding:10px;
	margin-right:20px;
}
#depart img{
	height:160px;
}
#depart #life{
	margin-right:0;
}
#depart h2 a{
	display:block;
	margin-bottom:10px;
	border:1px solid #CCC;
	padding:15px 5px 10px 15px;
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-ms-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
}
#depart h2 a .icon{
	float:right;
	width:45px; 
	height:40px; 
	background-position:-15px -75px;
}
#depart h2 a .label{
	width:auto;
	display:block;
	float:left;	
}
#depart h2{
	line-height:1.2;
}
#depart h2 .ja{
	font-size:80%;
	display:block;
}
#depart h2 .en{
	font-size:55%;
	display:block;
	font-weight:normal;
}
#depart h3{
	font-size:110%;
	padding:10px;
}
#depart ul{
	font-size:90%;
	list-style:none;
	padding:0 0 0 10px;
	margin:0;
}
#depart ul li{
	padding:2px 0 2px 15px;
}
#depart ul li .icon{
	margin-left:-15px;
	width:15px; 
	height:17px;
	background-position:-75px -130px;/*dlist*/
}
#depart:after,
#depart h2 a:after{
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;
}
@media screen and (max-width:640px){
	#depart>div{
		float:none;
		width:auto;
		margin:0;
	}
	#depart img{
		height:auto;
	}
	#depart h2 a{
		padding:10px;
	}
	#depart h2 a .icon {
		width:20px;
		height:20px;
		background-position:-140px -128px;
	}
	#depart h2 .en{
		display:none;
	}
}
/*Gallery********************************************/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/*Gallery補正********************************************/
.flexslider {
	background-color: transparent;
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-o-box-shadow: none;
	border:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius:0;
	border-radius: 0;
	margin-bottom:10px;

}
.PhotoGarary{
	color:#FFF;
	width:660px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.PhotoGarary .Slide{
	overflow:hidden;
	width:660px;
	/*border:solid 5px #212222;*/
	margin-bottom:0;
}
/*.PhotoGarary .flex-viewport {
	background-color:#212222;
}*/

.PhotoGarary .imgCell{
	width:100%;
	text-align:center;
	font-size:0;
	vertical-align:middle;	
}
.PhotoGarary .imgCell img{
	margin: auto;
	max-width: 100%;
	max-height:100%;
	height:auto;
	width:auto;
	vertical-align:middle;
	display:inline-block;
}
#mainText .PhotoGarary .Slide .slides li p{
	padding:5px 15px;
	margin:0;
}
.flex-direction-nav .flex-next {
	right: -60px; 
}
.flex-direction-nav .flex-prev {
	left: -60px;
}
.flexslider:hover .flex-next {
	right:10px;
}
.flexslider:hover .flex-prev {
	left:10px;
}
.PhotoGarary .thumbs{
	padding:0 45px;
	/*border:solid 5px #E4E4E4;
	background-color:#E4E4E4;*/
}
.PhotoGarary .thumbs .slides li{
	border: 1px solid #EEE;
	background-color: #EEE;
	overflow: hidden;
	cursor: pointer;
}

.PhotoGarary .thumbs .slides .flex-active-slide {
	border-color:#436706 !important;
}
.PhotoGarary .thumbs .slides li img{
	opacity:0.5;
}
.PhotoGarary .thumbs .slides .flex-active-slide img{
	opacity:1;	
}

.PhotoGarary .thumbs .slides li .imgCell{
	width:100px;
	height:66px;
	font-size:1px;
	line-height:33px;
}
.PhotoGarary .thumbs  .slides li .yoko img{
	width: 100px;
	height:auto;
}
.PhotoGarary .thumbs  .slides li .tate img{
	margin:0 auto;
	width:auto;
	height:66px;
}
#mainText .PhotoGarary .Slide .slides li h6,
.PhotoGarary .Slide .slides li h6{
	color:#FFF;
	margin:5px 10px;
	padding:0;
	word-wrap:break-word;
}

.PhotoGarary .flex-direction-nav a:hover{
	background-color:transparent;
}
.PhotoGarary .Slide .flex-direction-nav a {
	top:5%;
}
.PhotoGarary .thumbs .flex-direction-nav a {
	background-image:url(images/bg_thumbs_nav.png);
	width: 29px;
	height:30px;
	top:40px;
}
.PhotoGarary .thumbs .flex-next{
	right: 10px;
}
.PhotoGarary .thumbs .flex-prev{
	left: 10px;
}

.PhotoGarary .flex-disabled{
	display:none !important;
}

.PhotoGarary .noScript{
	width:auto !important;
	border:none !important;
	margin: 0 -30px 0 -20px;

}
.PhotoGarary .noScript .slides li{
	background-color:#fff;
	padding:10px;
	width:258px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.PhotoGarary .noScript .slides li img{
	max-width: 258px;
	max-height:180px;
}
@media screen and (max-width:640px){
	.PhotoGarary{
		width:auto;
	}
	.PhotoGarary .Slide{
		width:auto;
	}
}
@media screen and (max-width:320px){
	.PhotoGarary .imgCell {
		max-height:177px;
	}
}