@charset "utf-8";

/*-----------------------------------
　　 基本設定
-----------------------------------*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Arial',serif;
	font-size: 14px;
	color: #333333;
}
/*-----------------------------------
　　 リンク設定
-----------------------------------*/
a:link{
	text-decoration:none;
	color:#333;	
}
a:visited{
	text-decoration:none;
	color: #444;
}
a:active{
	text-decoration:underline;
	color:#444;
}
a:hover{
	text-decoration:underline;
	color:#444;
}
/*-----------------------------------
　　 その他設定
-----------------------------------*/
ul, ol {
  list-style: none; /* マーカーを消す */
}
a:hover .hover_img{
    opacity: 0.7;/*要素の透明度を指定*/
    filter: alpha(opacity=70); /*ie6、7の透明度指定*/
    -ms-filter: "alpha(opacity=70)";
}

.sp {
display: block;
clear: both;
height: auto;
overflow: hidden;
}
/*-----------------------------------
　　 フォント
-----------------------------------*/
.font-01{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0em;
}
.font-02{
	font-size: 8px;
	line-height: 10px;
	letter-spacing: 0em;
}
/*-----------------------------------
　　 page-top
-----------------------------------*/
#page-top {
    position: fixed;
    bottom: 0px;
    right: 20px;
	border-radius: 5px;
	z-index: 9999;
	width: 40px;
height: auto;
}

#page-top img {
	display: block;
}

/*-----------------------------------
　　 その他
-----------------------------------*/
.inner {
width: 1000px;
height: auto;
margin: 0px auto 0px;
}

/*-----------------------------------
　　ヘッター			
-----------------------------------*/
.header {
width: 1000px;
height: auto;
margin: 10px auto 0px;
}
.logo {
width: 400px;
height: auto;
margin: 0px auto 0px;
}

/*-----------------------------------
　　メインメニュー			
-----------------------------------*/
.mainmenu {
width: 1000px;
height: auto;
margin: 10px auto 15px;
}


/*-----------------------------------
　　メインメニュースライダー
-----------------------------------*/


/*-----------------------------------
　　 フッター
-----------------------------------*/
.footer {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 60px 0px 60px 0px;
	margin: 80px 0px 0px 0px;
	background-color: #e6e6e6;
}
.fb {
float: left;
width: 330px;
height: 300px;
margin: 0px 0px 0px 0px;
}
.tw {
float: left;
width: 330px;
height: 300px;
margin: 0px 20px 0px 20px;
}
.line {
float: right;
width: 290px;
height: auto;
margin: 0px 0px 0px 0px;
}
.flickr {
float: right;
width: 290px;
height: auto;
margin: 10px 0px 0px 0px;
}

.copyright {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 11px;
	letter-spacing: 0.1em;
	padding: 5px 0px 5px 0px;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px 0px 0px 0px;
}

.footer_icon {
	display: none;
	width: 70%;
	height: auto;
	margin: 0px auto 10px;
}
.footer_icon img {
	width: 100%;
	height: auto;
}
.fi01 {
	width: 14%;
	height: auto;
	margin: 0px 0px 0px 0px;
	float: left;
}
.fi02 {
	width: 14%;
	height: auto;
	margin: 0px 0px 0px 30px;
	float: left;
}
.fi03 {
	width: 14%;
	height: auto;
	margin: 0px 0px 0px 30px;
	float: left;
}
.fi04 {
	width: 14%;
	height: auto;
	margin: 0px 0px 0px 30px;
	float: left;
}
.fi05 {
	width: 14%;
	height: auto;
	margin: 0px 0px 0px 30px;
	float: left;
}
.fi_img a img {
	transition:.6s;
}
.fi_img a:hover img {
	-webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}






/* PC用 */
@media print, screen and (min-width:1000px){
.menu-btn {
	display: none;
}
	
	
	
	
	

}


/* モニター幅1000px以下 */
 @media only screen and (max-width:1000px){
/*-----------------------------------
　　メインメニュースライダー
-----------------------------------*/
.menu{
	display: block;
}
/*-----------------------------------
　　 その他
-----------------------------------*/
.inner {
width: 98%;
height: auto;
margin: 0px auto 0px;
}
/*-----------------------------------
　　ヘッター			
-----------------------------------*/
.header {
width: 100%;
height: auto;
margin: 20px auto 0px;
}
.logo {
width: 310px;
height: auto;
margin: 0px auto 0px;
}
.logo img {
width: 100%;
height: auto;
}	
/*-----------------------------------
　　メインメニュー			
-----------------------------------*/
.mainmenu {
	display: none;
}

.b01 {
width: 70px;
height: auto;
margin: 0px auto 0px;
}	 
.b01 img {
width: 100%;
height: auto;
}	 
	 
	 
/*-----------------------------------
　　 フッター
-----------------------------------*/
.footer {
width: 100%;
height: auto;
text-align: center;
padding: 40px 0px 40px 0px;
margin: 50px 0px 0px 0px;
}
.footer img {
width: 100%;
height: auto;
}
.fb {
width: 31.7%;
height: auto;
margin: 0px 0px 0px 0px;
}
.tw {
width: 31.7%;
height: auto;
margin: 0px 10px 0px 10px;
}
.line {
float: right;
width: 31.7%;
height: auto;
margin: 10px 0px 0px 0px;
}
.flickr {
float: right;
width: 31.7%;
height: auto;
margin: 10px 0px 0px 0px;
}
.copyright {
font-size: 10px;
letter-spacing: 0.1em;
padding: 3px 0px 3px 0px;;
}

	
	
	
}
	

/* iPad 縦 */
@media only screen and (max-width:768px){
/*-----------------------------------
　　 page-top
-----------------------------------*/
#page-top {
    right: 10px;
	width: 35px;
}
#page-top img {
	display: block;
	width: 100%;
	height: auto;
}
/*-----------------------------------
　　ヘッター			
-----------------------------------*/
.header {
margin: 0px auto 0px;
}
.logo {
width: 260px;
height: auto;
margin: 0px auto 0px;
}

	
/*-----------------------------------
　　 フッター
-----------------------------------*/
.footer {
padding: 0px 0px 0px 0px;
margin: 30px 0px 20px 0px;
background-color: #FFFFFF;
}
.fb {
display: none;
}
.tw {
display: none;
}
.line {
float: none;
width: 50%;
height: auto;
margin: 10px auto 0px;
}
.flickr {
float: none;
width: 50%;
height: auto;
margin: 15px auto 0px;
}	
.footer_icon {
	display: block;
}	

.footer_icon {
	display: block;
	width: 65%;
	margin: 0px auto 5px;
}
.fi01 {
	width: 14%;
	margin: 0px 0px 0px 0px;
}
.fi02 {
	width: 14%;
	margin: 0px 0px 0px 23px;
}
.fi03 {
	width: 14%;
	margin: 0px 0px 0px 23px;
}
.fi04 {
	width: 14%;
	margin: 0px 0px 0px 23px;
}
.fi05 {
	width: 14%;
	margin: 0px 0px 0px 23px;
}		

}
	

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
/*-----------------------------------
　　 page-top
-----------------------------------*/
#page-top {
    right: 10px;
	width: 30px;
}
/*-----------------------------------
　　ヘッター			
-----------------------------------*/
.header {
margin: 0px auto 0px;
}
.logo {
width: 180px;
height: auto;
margin: 0px auto 0px;
}	

/*-----------------------------------
　　 フッター
-----------------------------------*/
.footer {
margin: 20px 0px 20px 0px;
}
.line {
width: 82%;
height: auto;
margin: 0px auto 0px;
}
.flickr {
width: 82%;
height: auto;
margin: 5px auto 0px;
}
.footer_icon {
	display: block;
	width: 80%;
	margin: 0px auto 5px;
}
.fi01 {
	width: 15%;
	margin: 0px 0px 0px 0px;
}
.fi02 {
	width: 15%;
	margin: 0px 0px 0px 14px;
}
.fi03 {
	width: 15%;
	margin: 0px 0px 0px 14px;
}
.fi04 {
	width: 15%;
	margin: 0px 0px 0px 14px;
}
.fi05 {
	width: 15%;
	margin: 0px 0px 0px 14px;
}		

.copyright {
font-size: 9px;
letter-spacing: 0em;
padding: 3px 0px 3px 0px;
}
	
	
	
	
	
	
	
	
	
	
	
}