@charset "Shift_JIS";


body{
	margin: 0;
	padding: 0;
	background-image: url(../img/back.jpg);
	background-attachment: fixed;
	color: rgba(255,255,255,1);
	font-size: 14px;
	line-height: 1.5;
	height: 100%;
  scrollbar-arrow-color:#464646;
  scrollbar-face-color:#464646;
}


a:visited,a:link {
	color: rgba(20,183,210,1);
}

a:hover {
	color: #CCC;
	background-color: rgba(0,0,0,0);
}
#wrapper {
	text-align: center;
	margin: 0 auto;
	padding: 20px;
	font-size: 14px;
	background-image: url(../mainback-b.png);
	background-repeat: repeat-y;
	background-position: right;
	background-attachment: fixed;
}

#pictyoko,#pict{
	margin:0 7%;
}

h1 {
	display: none;
}

hr {
	display: none;
	background-image: url(../img/w-line.gif);
}

h2{
	background: rgba(0,0,0,0.8);
	text-align: center;
	margin: 0 auto;
	padding: 5px;
	color: rgba(255,255,255,1);
        font-family: serif,'ＭＳ Ｐ明朝';
}

#pict p:nth-child(4){
	text-align: center;
	margin: 20px auto;
	padding: 50px 40px;
	background: rgba(0,0,0,1);
}

#pict img.border {
	border: 1px solid white;
}

#pictyoko p:nth-child(4){
	text-align: center;
	margin: 20px auto;
	padding: 50px 40px;
	background: rgba(0,0,0,1);
}

#sofa p{
	background: rgba(0,0,0,0);
}

ul.pagetop {
text-align:center;
margin: 0px auto 0px auto;
padding:45px 5px 30px 5px;
background:url(../img/w-line.gif) repeat-x top;/* ドットライン */
}

ul.pagetop li {
padding:0px 2px;
display:inline;/*横並び指定*/
}

#pict div {
	background-color: rgba(0,0,0,1);
	padding: 20px;
	margin: 20px 0;
}
p.jump {
	text-align: left;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/*コミックページ設定
------------------------------------------------------------------------------------------------------------------*/

/*カラム設定
-----------------------------------------------------------------------------------------------------------------*/

html,body{
	margin: 0;
	padding: 0;
	width: 100%;
}

#comic{
	margin: 0;
	padding: 0;

	width: 100%;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: flex;
	
	background-color: rgba(255,255,255,0);
}

#comic #main {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	flex: 1;
	
	width: -webkit-flex(1);
	width: -moz-flex(1);
	width: -ms-flex(1);
	width: flex(1);
	margin: 0;
	padding: 0;
}

#comic #main iframe {
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	overflow: scroll;
	height: 1500px;
}

#comic #menu {
	width: 100px;
	padding: 0 0;
	border-right: 1px solid black;
	background-color: rgba(0,0,0,0.6);
}

#comic #menu ul {
	margin: 0;
	padding: 0;
}

#comic #menu li {
	border-bottom: 1px solid black;
	padding: 5px;
}

#comic #menu li,#comic #menu a{
	text-align: center;
	margin: 0 auto;
	display: block;
	text-decoration: none;
}