@charset "UTF-8";
/* CSS Document */

img {
	border:none;
}
body.paper {
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(../navi/paper-small.jpg)
}

#header {
	margin:1em auto;
	width:90%;
}
#title {
	width:100%;
	text-align:left;
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size:1.5em;
	font-weight: bold;
}
#class_info {
	width:95%;
	padding:5%;
	text-align:left;
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size:0.9em;
}
#comment {
	width:95%;
	text-align:left;
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size:0.9em;
	line-height:1.4em;
}
/*top image or youtube*/
#coverimage {
	width: 100%;
	margin: 15px 0 30px 0;
	text-align:center;
}
#youtubebox {
	display: inline-block;
	width: 100%;
	position: relative;
	margin: 15px auto 30px auto;
}
#youtubebox:after {
	padding-top:75%;
	display:block;
	content:'';
}
.youtube {
	position: absolute;
	width:100%;
	height:100%;
}

.showcase {
	clear:both;
	max-width:720px;
	width:95%;
	margin:0px auto;
}
.showcase div {
	max-width:210px;
	min-width: 150px;
	width:50%;
	float: left;
	padding-bottom:1em;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	text-align: center;
}
.showcase div a {
	border:none;
	color:#484848;
	text-decoration:none;
	width:50%;
	margin:0 auto;
}
.showcase div a:hover {
	color:#000000;
	text-decoration:underline;
}
.showcase div a img {
	max-width: 100%;
	width:95%;　
	height:auto;
	margin:0em auto;
	border:none;
}

#gal-title {
	width:90%;
	padding:5%;
	text-align: center;
}
#gal-title h1 {
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size: 1.5em;
}
.galseparator {
	clear:both;
	width:90%;
	height:2em;
	margin:0 0 1em 0;
	padding-left:10%;
	background-color:#FDCC32;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	/*font-size:12px;*/
	line-height:2em;
}
.galseparator a {
	float:right;
	margin-right:10px;
}
#kensaku {
	/*display:none;*/
}


/*-------NEW RIBBON------*/
.showcase div a.side-corner-tag {
    position: relative;
    display:block;
	width:95%;
	margin:2.5% 1em;
	/*padding:1px;*/
    overflow: hidden;
} 
.showcase div a.side-corner-tag img {
	width:100%;
}
.showcase div a.side-corner-tag p {
    display: inline;    
}
.showcase div a.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    left: -28px;
    text-align: center;
    top: 20px;
    background: #d93131;
	color:#FFF;
    width: 100px;
    padding: 2px 10px;
	font-weight:900;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

/*------individual pages-------*/
html {
	height:100%;
}
body.paper-table {
	width:100%;
	height:100%;
	margin: 0;
	padding:0;
	background-image: url(../navi/paper-small.jpg);
}

div.indi_header {
	display:table;
	width:100%;
	height:10%;
}
div.head_spacer {
	position:absolute;
	top:5em;
	left:38%;
	width:97px;
	padding:0;
	display:table-cell;
}
div.head_spacer a {
	width:100%;
	text-align:right;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size:1em;
	color:#000;
	text-decoration:none;
}
div.indi_title {
	position:absolute;
	top:2.5em;
	width:100%;
	/*display:table-cell;*/
	text-align:center;
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size:1.2em;
}
div.indi_info {
	display:none;
}

div.indi_main {
	position:absolute;
	top:7em;
	width:100%;
	margin:0;
	padding:0;
}

/*In necessary, insert within 'indi_main' before img*/
div.indi_comment {
	width:90%;
	margin:0 auto 1em auto;
	text-align:left;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size:1em;
}

div.indi_main img {
	width:98%;
	margin:0 1% 15% 1%;
}
div.indi_navi {
	position: absolute;  
    top: 0; 
    width: 100%;  
    height: 2em;  
    background-color: #666;  
}
div.indi_navi ul {
	width:100%;
	margin: 0px;
	padding: 0px;
	display: table;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size: 1.2em;
	list-style:none;
}
div.indi_navi ul li {
	display:table-cell;
	width:33.333%;
	/*float: left;*/
}
div.indi_navi ul li a {
	display:block;
	width:100%;
	padding:0.25em 0;
	text-align:center;
	color:white;
	text-decoration:none;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
}


/*-----------FONTS-----------*/
.size12 {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14pt;
	font-weight: normal
}
.min12 {
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14pt;
	font-weight: normal
}
.size14 {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal
}
.size14_min {
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal
}
.size16 {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal
}
.size16_min {
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal
}
.long12 {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16pt;
	font-weight: normal
}
.long12_min {
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16pt;
	font-weight: normal
}
.long13 {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17pt;
	font-weight: normal
}
.long13_min {
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17pt;
	font-weight: normal
}
.long14 {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 19pt;
	font-weight: normal
}
.long14_min {
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size: 14px;
	font-style: normal;
	line-height: 19pt;
	font-weight: normal
}
.long16 {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 24pt;
	font-weight: normal
}
.long16_min {
	font-family: 'Times New Roman', 'Hiragino Mincho Pro', 'Meiryo', 'MS PGothic', serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20pt;
	font-weight: normal