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

html {
	height: 100%
	
}



body {
	margin: 0;
	padding: 0;	
	color: #999;
	line-height: 2;
	position:relative;
	min-height:100%;
	
}



header {
	margin: 0 auto;
	width: 960px;
	height: 100px;
}



img {
	vertical-align: bottom;
}


image-vw {
  width : 50vw ; 
}


ul {
	margin-right: 0;
    margin-left: 0;
	list-style-type: none;
	padding-left: 0
}




/*--------------------------------------------------------------
___Main Menu
--------------------------------------------------------------*/
body, div, td, span {
	font-size: 10px;
	font-family:  "Yu Mincho", "YuMincho", serif;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333;	
}



#wrap {
	clear: both;
    position: absolute;
	height: 55%;
	width: 100%;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


#wrap1 {
	clear: both;
    position: absolute;
	height: 750px;
	width: 1100px;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


#wrap2 {
	clear: both;
	position: absolute;
	height: 750px;
	width: 1100px;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-image:url("../roman/back.jpg");	
}



#wrap3 {
	clear: both;
	position: absolute;
	height:
	width: 1000px;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

}



.content {
	width:960px;
	margin: 0 auto;
}



a img {border:none;}



.word {
	font-size: 10px;
	font-family:  "Yu Mincho", "YuMincho", serif;
	letter-spacing: 0.1em;
	color: #333;
	margin-top: 30px;	
}



.word2 {
	font-size: 10px;
	font-family:  "Yu Mincho", "YuMincho", serif;
	letter-spacing: 0.1em;
	color: #999;
	margin-top: 30px;	
}

	
	
/*__link  btn
------------------------------------*/
.btn {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 11px;
}


.btn2 {
	margin-top: 30px;
	margin-bottom: 70px;
	font-size: 11px;
	letter-spacing: 0.2em;

}



a:link { 
  color: #cccccc;
  text-decoration: none;
}



a:visited {
  color: #cccccc;
  text-decoration: none;
}



a:hover,a:active {
  color : #333333;
  text-decoration: none;
}



/*__ roman
------------------------------------*/
#roman {
	background-image: url(../roman/1.jpg);
	background-repeat: no-repeat;
	background-position:  center;
	background-attachment: fixed;
	background-size: contain;
	background-color: #000;
	
}


.romanlogo {
	margin: 80px 0 30px 0;

}


.roman {
	font-size: 11px;
	font-family:  "Yu Mincho", "YuMincho", serif;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #CCC;
	margin-top: 30px;
}



.romanga {
	margin: 100px 0;
}




/*__ ryuryu
------------------------------------*/



.ryuryu1 {
	font-size: 15px;
	font-family: 'IM Fell Double Pica', serif;
	letter-spacing: 0.2em;
	margin-top: 10%;

}



.ryuryu2 li {
	display: inline-block;
	margin: 0 10px;
	list-style: none;
	margin-top: -10px;
	margin-bottom: 20px;

}



.ryuryulink a {
	font-size: 13px;
	font-family: 'IM Fell Double Pica', serif;
	color: #009999;
	text-decoration:none;

}



.ryuryulink a:hover {
    color: #FC0;
	padding-bottom: 3px;
	text-decoration: none;
}



/*__ lightbox
------------------------------------*/

#lightbox {
	background-color: #000;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}



#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}



#lightboxIndicator {
	border: 1px solid white;
}



#lightboxOverallView,
#overlay {
	background-color: #000;
	opacity: 0.5;
}



* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	filter: Alpha(opacity=50);
}



/*--------------------------------------------------------------
___Footer Menu
--------------------------------------------------------------*/

footer {
	margin-bottom: 2%;
	margin-left: 3%;
    position: fixed;
    bottom: 0;
    width: 100%;
}



footer small {
	font-size: 12px;
	font-family: 'IM Fell Double Pica', serif;
    letter-spacing: 0.3em;
	color: #999;
}