@charset "utf-8";

/* resets 
------------------------------------------------*/
/*section,nav,article,aside,hgroup,header,footer,figure,figcaption,box { display: block; padding:0; }
caption,th { margin: auto; text-align: left; }
img {
	border: 0;
	border-style:none;
	vertical-align: bottom; 
}

address,caption,th { 
	font-weight: normal; font-style: normal; 
}*/

/*　Main Structure	
------------------------------------------------*/
/*body { 
	margin:0;
	padding:0;
	background-image:url(../images/line.gif), url(../images/line.gif); 
	background-position: center 100px, center bottom -51px;
	background-repeat: no-repeat, no-repeat ;  
	background-size:100% 25px, 100% 25px;     
	color: #222;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

a:link { color: #4183c1; }

a:visited { color: #86abcd; } 

a:hover {
	background: #fffeef;
	color: #ce4646;
	text-decoration: none
}							
*/


a {
	text-decoration: none;
}

/*  clearfix 
------------------------------------------------*/
.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after {
	display: table;
	content:"";
	line-height: 0;
}
.clearfix:after { clear: both; }


/*	common 
------------------------------------------------*/
#container {
	margin: 0 auto;  
	width: 1200px;
	height:auto;
}


/*---------------------------------
  #gallery
---------------------------------*/
body,ul{ 
	margin:0;padding:0;list-style:none;
}
img{border:0}
/* clearfix(削除不可) */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

body #wrapper div#contents article .innerBox #gallery_wrap {
    width: 1190px;
    height: auto;
    margin: 0 auto;
}

body #wrapper div#contents article .innerBox #gallery_list li{
	width: 40%;
	height: auto;
	border:1px solid #ccc;
	float:left;
	margin:0 5px 5px 0;
	overflow:hidden;
	padding:10px 5px;
	text-align:center;
	font-size:16px;
}

body #wrapper div#contents article .innerBox #gallery_list img{
	width: 50%;
	height: 260px;
	/*border:1px solid #ccc;
	float:left;
	margin:0 5px 5px 0;
	overflow:hidden;
	padding:10px 5px;
	text-align:center;
	font-size:16px;*/
}

body #wrapper div#contents article .innerBox #gallery_list a.photo {
    /*width: 204px;
    height: 135px;*/
    margin: 3% auto;
    overflow: hidden;
    display: block;
}

/*---------------------------------
  Pager style
---------------------------------*/
.pager_link{
	text-align:left;
	padding:10px;
}
/*ページャーボタン*/
.pager_link a {
    border: 1px solid #aaa;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}
/*現在のページ、オーバーボタン*/
.pager_link a.current,.pager_link a:hover{
    background: #999;
    color: #FFFFFF;
}
.overPagerPattern{
	padding:0 2px ;	
}

/*---------------------------------
  iframe
---------------------------------*/

@media screen and (min-width: 1000px) {
	.b1{
		width: 980px;
		height: 1100px;
	}
}
@media screen and (min-width: 701px) and (max-width:999px) {
	.b1{
		width: calc(100% - 25px);
		height: 1200px;
	}
}
@media screen and (min-width: 421px) and (max-width:700px) {
	.b1{
		width: calc(100% - 25px);
		height: 1200px;
	}
}
@media screen and (max-width:420px) {
	.b1{
		width: calc(100% - 25px);
		height: 1200px;
	}
}
iframe.b1 {
    width: 880px;
    height: 1060px;
	/*height: 873px;*/
    border-style: none;
    margin-top: -3%;
}