@charset "Shift_JIS";
/*
 * intense-image-viewer
/*********************************************
 *
 *********************************************/

.gallery{
   margin-top : 24px;
   text-align : center;
   margin-bottom : 0px;
   width : 920px;
}
.gallery_2{
   margin-top : 24px;
   text-align : center;
   margin-bottom : 0px;
   width : 920px;
}
.demo-image_w2{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 376px;
   height : 263px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 13px;
   margin-right : 13px;
   margin-bottom : 0px;
   margin-top : 0px;
   border-radius: 8px;
   /* CSS3草案 */  
-webkit-border-radius: 8px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 8px;
   /* Firefox用 */  

border-width : 1px;
   border-style : solid;
   border-color : #c8c8be;
}
.demo-image_w2a{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 376px;
   height : 308px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 13px;
   margin-right : 13px;
   margin-bottom : 0px;
   margin-top : 0px;
}
.demo-image_lw{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 780px;
   height : 344px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 13px;
   margin-right : 13px;
   margin-bottom : 0px;
   margin-top : 0px;
}
.demo-image_w3{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 290px;
   height : 203px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 6px;
   margin-right : 6px;
   margin-bottom : 0px;
   margin-top : 0px;
   border-radius: 6px;
   /* CSS3草案 */  
-webkit-border-radius: 6px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;
/* Firefox用 */  

}
.demo-image_t2{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 350px;
   height : 619px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 46px;
   margin-right : 40px;
   margin-bottom : 0px;
   margin-top : 0px;
}
.demo-image_t2a{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 350px;
   height : 427px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 40px;
   margin-right : 40px;
   margin-bottom : 0px;
   margin-top : 0px;
}
.demo-image_t3{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 240px;
   height : 290px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 13px;
   margin-right : 13px;
   margin-bottom : 0px;
   margin-top : 0px;
}
.demo-image_t3a{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 240px;
   height : 343px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 13px;
   margin-right : 13px;
   margin-bottom : 0px;
   margin-top : 0px;
}
.demo-image_l{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 780px;
   height : 258px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 0px;
   margin-right : 6px;
   margin-bottom : 0px;
   margin-top : 0px;
   border-radius: 8px;
   /* CSS3草案 */  
-webkit-border-radius: 8px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 8px;
/* Firefox用 */  

}
.demo-image_l2{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 780px;
   height : 780px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 6px;
   margin-right : 6px;
   margin-bottom : 0px;
   margin-top : 0px;
   border-radius: 8px;
   /* CSS3草案 */  
-webkit-border-radius: 8px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 8px;
/* Firefox用 */  

}
.demo-image_l2a{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 780px;
   height : 275px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 6px;
   margin-right : 6px;
   margin-bottom : 0px;
   margin-top : 0px;
   border-radius: 8px;
   /* CSS3草案 */  
-webkit-border-radius: 8px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 8px;
/* Firefox用 */  

}
.demo-image_l3{
   cursor: url("../img/plus_cursor.png") 50 50, pointer;
   cursor: -webkit-image-set(
  url('../img/plus_cursor.png') 2x), auto;
   display: inline-block;
   width : 600px;
   height : 420px;
   background-size: cover;
   background-position : 40% 40%;
   margin-left : 6px;
   margin-right : 6px;
   margin-bottom : 0px;
   margin-top : 0px;
   border-radius: 8px;
   /* CSS3草案 */  
-webkit-border-radius: 8px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 8px;
/* Firefox用 */  

}
.theme{
   font-size: 14px;
   line-height : 24px;
   color : #0f0f0f;
   font-weight : normal;
   background-color : #f5f5f4;
   padding-top : 8px;
   padding-left : 30px;
   padding-right: 14px;
   padding-bottom : 10px;
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   border-color : #666666;
   margin-left : 18px;
   margin-top : -6px;
   box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.12) inset;
   text-align: left;
   border-radius: 6px;
   /* CSS3草案 */
	-webkit-border-radius: 6px;
   /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;
   /* Firefox用 */
      text-shadow: 1px 1px 2px #c8c8c8;
   　-webkit-text-shadow: 1px 1px 2px #c8c8c8;
   /* Safari,Google Chrome用 */  
    　-moz-text-shadow: 1px 1px 2px #c8c8c8;
   /* Firefox用 */  

   margin-right : 16px;
   font-family: century;
}
.hover{
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20004), color-stop(1.00, #130505));
   background: -webkit-linear-gradient(#d20004, #130505);
   background: -moz-linear-gradient(#d20004, #130505);
   background: -o-linear-gradient(#d20004, #130505);
   background: -ms-linear-gradient(#d20004, #130505);
   background: linear-gradient(#d20004, #130505);
   font-size : 13px;
   color : white;
   padding-top : 3px;
   padding-left : 12px;
   padding-right : 12px;
   padding-bottom : 4px;
   margin-left : 10px;
   margin-right : 10px;
   font-weight : normal;
   text-decoration : none;
   border-radius: 6px;
   /* CSS3草案 */  
-webkit-border-radius: 6px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;
   /* Firefox用 */  
border-width : 1px;
   border-style : solid;
   border-color : black;
   letter-spacing : 2px;
   text-align : center;
   font-family: century;
}
.next_page{
   margin-top : 10px;
   text-align : center;
   margin-bottom : 0px;
}
.toptextlink2_1{
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #303030), color-stop(1.00, #000));
   background: -webkit-linear-gradient(#303030, #000);
   background: -moz-linear-gradient(#303030, #000);
   background: -o-linear-gradient(#303030, #000);
   background: -ms-linear-gradient(#303030, #000);
   background: linear-gradient(#303030, #000);
   font-size : 13px;
   color : white;
   padding-top : 3px;
   padding-left : 12px;
   padding-right : 12px;
   padding-bottom : 4px;
   margin-left : 10px;
   margin-right : 10px;
   font-weight : normal;
   text-decoration : none;
   border-radius: 6px;
   /* CSS3草案 */  
-webkit-border-radius: 6px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;
   /* Firefox用 */  

transition: 1.0s;
   border-width : 1px;
   border-style : solid;
   border-color : #3c3c3c;
   letter-spacing : 2px;
   text-align : center;
   font-family: century;
}
.toptextlink2_1:hover{
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20004), color-stop(1.00, #130505));
   background: -webkit-linear-gradient(#d20004, #130505);
   background: -moz-linear-gradient(#d20004, #130505);
   background: -o-linear-gradient(#d20004, #130505);
   background: -ms-linear-gradient(#d20004, #130505);
   background: linear-gradient(#d20004, #130505);
   font-size : 13px;
   color : white;
   padding-top : 3px;
   padding-left : 16px;
   padding-right : 16px;
   padding-bottom : 4px;
   margin-left : 10px;
   margin-right : 10px;
   font-weight : normal;
   text-decoration : none;
   border-radius: 6px;
   /* CSS3草案 */  
-webkit-border-radius: 6px;
   /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;
   /* Firefox用 */  
border-width : 1px;
   border-style : solid;
   border-color : black;
   letter-spacing : 2px;
   text-align : center;
   font-family: century;
}
html, body{
   margin: 0px;
   height: 100%;
   width: 100%;
   font-family: Meiryo, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   font-weight : bold;
}
.logo{
   width: 55px;
   height: 55px;
   background : none 0% 0% / auto auto repeat scroll padding-box border-box #222222;
   color : white;
   text-align: center;
   line-height: 56px;
   border-radius: 100%;
   font-size : 28px;
   letter-spacing: -7px;
   text-indent: -6px;
   margin : 20px auto;
   font-weight : bold;
   font-family: Meiryo, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
}
header h1, footer h1{
   font-weight: normal;
   width : 850px;
   background : none 0% 0% / auto auto repeat scroll padding-box border-box #222222;
   color : white;
   font-size : 20px;
   height: 55px;
   line-height: 55px;
   margin : 0px auto 20px;
   font-family: Meiryo, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
}
footer h1{
   padding-left: 20px;
   background: #e9e9e9;
   color: #222222;
   font-size: 16px;
}
footer h1 a{
   color: #222222;
}
iframe{
   margin-bottom: -5px;
   margin-left: 2px;
}
.github-link{
   position: fixed;
   z-index: 2;
   top: 0;
   right: 0;
   border: 0;
}
@font-face {
   font-family: 'Ubuntu Mono';
   font-style: normal;
   font-weight: 400;
   src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(http://fonts.gstatic.com/s/ubuntumono/v6/ViZhet7Ak-LRXZMXzuAfkYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
   font-family: 'Ubuntu Mono';
   font-style: normal;
   font-weight: 700;
   src: local('Ubuntu Mono Bold'), local('UbuntuMono-Bold'), url(http://fonts.gstatic.com/s/ubuntumono/v6/ceqTZGKHipo8pJj4molytjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}
.font11{
   font-size : 14px;
   color : #0f0f0f;
   line-height : 20px;
   text-align : center;
   list-style-position: outside;
   text-shadow : 1px 1px 2px #c8c8c8;
   -webkit- text-shadow: 1px 1px 1px  #efefef;
   /* Safari,Google Chrome用 */-moz- text-shadow: 1px 1px 1px  #efefef;
   /* Firefox用 */
	font-weight : normal;
   　　  letter-spacing : 2px;
   -webkit-text-shadow: 1px 1px 2px #c8c8c8;
   /* Safari,Google Chrome用 */  
-moz-text-shadow: 1px 1px 2px #c8c8c8;
   /* Firefox用 */ 

   margin-top : 0px;
   margin-bottom : 12px;
   font-family: century;
}
.font11_1{
   font-size : 14px;
   color : #0f0f0f;
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   line-height : 20px;
   text-align : center;
   list-style-position: outside;
   text-shadow : 1px 1px 2px #c8c8c8;
   -webkit- text-shadow: 1px 1px 1px  #efefef;
   /* Safari,Google Chrome用 */-moz- text-shadow: 1px 1px 1px  #efefef;
   /* Firefox用 */
	font-weight : normal;
   　　  letter-spacing : 2px;
   -webkit-text-shadow: 1px 1px 2px #c8c8c8;
   /* Safari,Google Chrome用 */  
-moz-text-shadow: 1px 1px 2px #c8c8c8;
   /* Firefox用 */ 

   margin-top : 8px;
   margin-bottom : 12px;
}
.font12{
   color : #990000;
   line-height : 25px;
   text-align : center;
   margin-top : 0px;
   text-shadow: 1px 1px 1px #efefef;
   -webkit- text-shadow: 1px 1px 1px  #efefef;
   /* Safari,Google Chrome用 */-moz- text-shadow: 1px 1px 1px  #efefef;
   /* Firefox用 */
	font-weight : normal;
   margin-bottom : 0px;
   position : relative;
   top : 6px;
   font-size : 14px;
   font-family: century;
}
#small_1{
   font-size : 90%;
}
.large2{
   font-size : 130%;
   font-weight : bold;
   letter-spacing : 1px;
   text-align : left;
}
.large4{
   font-size : 104%;
   text-align : right;
   position : relative;
   left : 600px;
   text-decoration : none;
}
.subtitle_1_0{
   margin-left : 0px;
   color : #0a0a0a;
   font-weight : bold;
   padding-top : 10px;
   padding-left : 20px;
   border-top-width : 1px;
   border-top-style : solid;
   border-top-color : #a01e32;
   text-align : left;
   background-repeat : no-repeat;
   background-position : 0px 0px;
   margin-top : 0px;
   background-image : url(../../img/title_1.png);
   font-family:Meiryo,  ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   font-size : 106%;
   letter-spacing : 6px;
   margin-right : 0px;
}
.cap{
   width : 780px;
   margin-top : 0px;
   margin-bottom : 0px;
   margin-left : 70px;
   margin-right : 0px;
   border : medium none;
   position : relative;
   bottom : inherit;
   text-align : center;
   float : left;
}
.cap_1{
   width : 212px;
   margin : 0px 0px 0px 0px;
   float: left;
   text-align : center;
}
.cap_2{
   width : 212px;
   margin : 0px 0px 0px 14px;
   float: left;
   text-align : center;
}
.cap_3{
   width : 212px;
   margin : 0px 0px 0px 14px;
   float: left;
   text-align : center;
}
.cap_4{
   width : 210px;
   margin : 0px 0px 0px 16px;
   float: left;
   text-align : center;
}
.cap_1w{
   width : 240px;
   margin : 0px;
   float: left;
   text-align : center;
}
.cap_2w{
   width : 240px;
   margin : 0px 0px 0px 30px;
   float: left;
   text-align : center;
}
.cap_3w{
   width : 240px;
   margin : 0px 0px 0px 30px;
   float: left;
   text-align : center;
}
.cap_1_2{
   width : 350px;
   margin : 0px;
   float: left;
   text-align : center;
}
.cap_2_2{
   width : 350px;
   margin : 0px 0px 0px 80px;
   float: left;
   text-align : center;
}
.cap_1_2t{
   width : 350px;
   margin : 0px;
   float: left;
   text-align : center;
}
.cap_2_2t{
   width : 350px;
   margin : 0px 0px 0px 80px;
   float: left;
   text-align : center;
}
.small{
   font-size : 85%;
}
.cap_a{
   width : 800px;
   margin-top : 0px;
   margin-bottom : 0px;
   margin-left : 60px;
   margin-right : 0px;
   border : medium none;
   position : relative;
   bottom : inherit;
   text-align : center;
   float : left;
}
.cap_1_2a{
   width : 400px;
   margin : 0px;
   float: left;
   text-align : center;
}
.cap_2_2a{
   width : 350px;
   margin : 0px 0px 0px 30px;
   float: left;
   text-align : center;
}
