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

/*============================================
全般的なスタイル
============================================*/
* {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


a img {
	border:none;
}

a img :hover {
	border:none;
}

html,body{
    height:100%;
}

body {
	text-align:center;
	padding:0;
	margin:0;
  background: #000000;
background-image:url(../images/bg-line.png);

}


#contents {
	width:880px;
	height:100%;
	margin:0 auto;
	text-align:left;
	min-height:100%;
	padding-bottom:60px;
}

table{
	border:hidden;
}

.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

/*============================================
メニューバー
============================================*/

            
#dd {
  margin: 10px 0 0 0;
}


#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 14px arial;
}

#dd li a.menu {
  display: block;
  text-align: center;
  border-right:solid #FF55DD 1px;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFDDFF;
  width: 80px;
  text-decoration: none;
}

#dd li.menu-home a {
  display: block;
  text-align: left;
  border-right:solid #FF55DD 1px;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFDDFF;
  width: 80px;
  text-decoration: none;
}

#dd li.menu-hover a {
  display: block;
  text-align: center;
  border-right:solid #FF55DD 1px;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFDDFF;
  width: 80px;
  text-decoration: none;
}

#dd li.menu-blog a {
  display: block;
  text-align: center;
  border-right:solid #FF55DD 1px;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFDDFF;
  width: 80px;
  text-decoration: none;
}

#dd li a.menu:hover {
  background: #FF2B77;
}

#dd li.menu-home a:hover {
  background: #FFC000;
    color: #FF0066;
}

#dd li.menu-blog a:hover {
  background: #00b4ff;
}

#dd li.menu-hover a:hover {
  background: #FF2B77;
}

.submenu {
	background-image:url(../images/menu.jpg);
  border: 2px solid #FF007E;
  visibility: hidden;
  position: absolute;
  z-index: 4;
}

.submenu a {
  display: block;
  font: 14px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #FFFFFF;
}

.submenu a:hover {
  background: #FFC000;
  color: #FF0066;
}

          
#ddmenu {
		background-image:url(../images/menu_dot.png);
		  margin-bottom:10px;
		height:30px;
		width:880px;
}

/*============================================
コミケ画像！
============================================*/

#box-c82 {
		background-image:url(../images/c82info_0810.png);
		width:880px;
		height:1231px;
　　　　display:block;
}

/*============================================
BASEのスタイル
============================================*/

#header-info {
		background-color:#510511;
		width:856px;
		border-right:solid 2px #ff3498;
		border-left:solid 2px #ff3498;
		padding:4px 0 4px 20px;
}

#header {
		background-image:url(../images/header.png);
		background-repeat:no-repeat;
		text-align:right;
		width:880px;
		height:100px;
		display:block;
}

#header img {
		margin-top:15px;
}


#main-wapper {
		background-image:url(../images/main-bg.png);
		background-repeat:no-repeat;
		width:880px;
		height:1350px;
		padding-top:50px;
}

#box-header-none {
		background-image:url(../images/box-bg-top-none.png);
		background-repeat:no-repeat;
		width:880px;
		height:100px;
		display:block;
}

#box-header-about {
		background-image:url(../images/box-bg-top-about.png);
		background-repeat:no-repeat;
		width:880px;
		height:100px;
		display:block;
}

#box-header-circle {
		background-image:url(../images/box-bg-top-circle.png);
		background-repeat:no-repeat;
		width:880px;
		height:100px;
		display:block;
}

#box-header-works {
		background-image:url(../images/box-bg-top-works.png);
		background-repeat:no-repeat;
		width:880px;
		height:100px;
		display:block;
}

#box-header-gallery {
		background-image:url(../images/box-bg-top-gallery.png);
		background-repeat:no-repeat;
		width:880px;
		height:100px;
		display:block;
}

#box-body {
		background-image:url(../images/box-bg-body.png);
		background-repeat::repeat-y;
		width:880px;
		margin:0;
		padding:0;
　　　　display:block;
		overflow: auto;
}

#box-body1400 {
		background-image:url(../images/box-bg-body.png);
		width:880px;
		height:1400px;
　　　　display:block;
}


#box-footer {
		background-image:url(../images/box-bg-footer.png);
		background-repeat:no-repeat;
		width:880px;
		height:50px;
		display:block;
}


#footer {
		bottom:0;
		background-image:url(../images/footer.png);
		width:880px;
		margin-top:15px;
		height:60px;
		text-align:center;
}

address {
		font-size:10px;
		padding-top:40px;
		font-style:normal;
		color:#FF77AA;
}

.works-box-left {
	width:300px;
	float:left;
	margin-left:40px;
}

.works-box-right {
	width:380px;
	float:left;
	margin-left:20px;
}

.works-box-left img{
	width:300px;
	height:424px;
	margin-top:5px;
}

#shinobi{
	width:880px;
	text-align:center;
}

.form {
	width:600px;
}

.formthr form{
	width:200px;
	font-size:0.7em;
}

.formtd {
	width:auto;
}
/*============================================
TEXTのスタイル
============================================*/

.red {
	color:#C00;
}

h1 {
		font-size:10px;
		font-weight:normal;
		display:inline;
		color:#FFFFFF;

}

h2 {
		font-size:10px;
		font-weight:normal;
		display:inline;
		color:#FFFFFF;

}

h3 {
	color:#603;

}

.h3main-wapper {
	font-size:24px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", serif;
		margin:0;
		padding:0;

}

h3.works {
	font-size:16px;
	display:block;
	width:300px;
	line-height:20px;
	color:#000;
	border-bottom:solid 2px #F06;
}

.h3p {
		font-size:12px;
		margin:0;
		padding:0;
}

.h1-span {
		font-size:10px;
		color:#FFFFFF;
}

p.works-sample {
	font-size:11px;
	display:block;
	text-align:center;
	width:300px;
	margin-top:10px;
	line-height:20px;
}

p.works-date {
	font-size:16px;
	display:block;
	width:360px;
	line-height:20px;
	border-bottom:solid 2px #533;
}

p.works-data {
	font-size:12px;
	display:block;
	width:360px;
	margin-top:10px;
	border-bottom:double 1px #533;
}

p.works-text {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:11px;
	line-height:1.5em;
	display:block;
	width:360px;
	height:218px;
	margin-top:30px;
	margin-bottom:30px;
}

.dot-line {
	margin-left:40px;
}



#header-info li {
	float:none
}


.text-box {

	color:#333;
	margin-left:30px;
	width:650px;
}

.text-box p{
	font-size:0.8em;
}

p.font-s-gray {
	font-size:0.7em;
	color:#555555;
}

/*============================================
TABLEのスタイル
============================================*/


.table-trth {
	background-color:#9e8686;
}

.table-s{
	margin-top:20px;
	font-size:0.7em;
}

.table-m{
	margin-top:10px;
	font-size:0.8em;
}

.event-info{
	margin-top:10px;
	font-size:0.8em;
}	

.table-td700 {
	width:100px;
}

.table-tdauto {
	width:auto;
}

.table-tdl{
	width:100px;
	text-align:left;
}


.table-tdr{
	width:700px;
	text-align:left;
}


.table3-tdl{
	width:150px;
	text-align:left;
}

.table3-tdc{
	width:350px;
	text-align:left;
}

.table3-tdr{
	width:200px;
	text-align:left;
}

.shoplist{
	border:none;
	}
	
th,td .shoplist {
	border:none;
}

.shoplist th{
	font-size:0.8em;
	text-decoration:none;
}

.thshop{
	width:240px;
	text-align:left;
}


.thstock{
	width:60px;
	text-align:center;
}


.thhp{
	width:60px;
	text-align:center;
}

.tdshop{
	width:220px;
	text-align:left;
}


.tdstock{
	width:70px;
	text-align:center;
}


.tdhp{
	width:70px;
	text-align:center;
}

.tdshop-zin{
	height:20px;
	font-size:0.8em;
	background-color:#fb9191;
	display:block;
}

.tdshop-melon{
	height:20px;
	font-size:0.8em;
	background-color:#d1ff9f;
	display:block;
}

.tdshop-tora{
	height:20px;
	font-size:0.8em;
	background-color:#ffe59f;
	display:block;
}

.tdshop-home{
	height:20px;
	font-size:0.8em;
	background-color:#b5f6ff;
	display:block;
}