/* -------------ページ全体------------------ */
html { scroll-behavior: smooth;}

body{
  margin : auto;
  background-color: #eeeeee;
  background-repeat: repeat;
  background-attachment:fixed;
	font-size:12px;
	font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
  
}

a:link{
  color:#333333;
}
a:visited{
  color:#333333;
}

a:hover{
  color:#333333;
}
a:active{
  color:#333333;
}
/* -------------ヘッダー------------------ */

div #inner{
  width:970px;
  height:106px;
  margin : 0px;
  background-image : url(images/hedder.gif);
  background-repeat : no-repeat;

}

div #hedder{
  width:970px;
  height:12px;
  font-size:8pt;
  font-style:nomal;
  padding-top:5px;
}


div #hedder-left{
  width:430px;
  height:91px;
  float:left;
  overflow: hidden;
  padding-left:20px;
}

div #hedder-right{
  width:480px;
  height:40px;
  clear:right;
  overflow: hidden;
  padding:41px 0px 0px 0px;
}
/* -------------ヘッダーここまで------------------ */

/* -------------コンテナー------------------ */

#container{
	margin:0;
	padding:0;
	width:970px;
	background-image : url(images/back02.gif);
}


#main_contents_top{
	margin:0;
	padding:0;
	width:970px;
	height:6px;
	background-image : url(images/back_top_02.gif);
}

#main_contents01{
	margin-left:5px;
	padding-bottom:20px;
	width:210px;
	float:left;
}

#main_contents02{
	padding-right:10px;
	width:740px;

	float:left;
}
#main_contents-cu{
	padding-right:0px;
	width:740px;

	float:left;
}

#main_contents_bottom{
	margin:0;
	padding:0;
	width:970px;
	height:6px;
	background-image : url(images/back_bottom_02.gif);
	clear:left;
}

#menu2{
	margin:0;
	padding-top:75px;
	width:200px;
	background : url(images/item01.gif);
	background-repeat:no-repeat;
}

#sch {font-family:Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;} 

#sch table
        {line-height:200%;
	 font-family:Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;} 

#sch table td{
	padding:5px;
	font-size:13px;
        color:#333;
	border-bottom:1px dashed #999999;
}
#sch table td .line{
	border-bottom:none;
}

.sch {font-size:14px;
	color:#009;}

.sch02 {font-size:10px;}

.local{
	background-color:#eeeeee;
	text-align:center;}

.local-left{
	background-color:#eeeeee;
	text-align:left;
	width:360px;}

.tokyo{
	background-color:#ffffff;
	text-align:center;}

.tokyo-left{
	background-color:#ffffff;
	text-align:left;
	width:350px;}


/* -------------アクセスマップ------------------ */


#access {width:650px;
	background-image:url(images/height.gif);
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
	
#access p{padding:20px 0;margin:0;text-align:left;width:600px;}

#accessbana{
	margin:10px 0px 0px 20px;
	width:650px;
}
#accessmap{
	margin-bottom:15px;width:180px;background-color:#fff;text-align:left;font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

#accessmap h1{font-weight:bold;}


/* ------------------------------- */
#op-in-a{width:160px;
	background-image:url(option/images/spbem.gif);
	background-position:center 95%;
	background-repeat: no-repeat;
	border:1px #ccc solid;
	padding:10px;
	text-align:left;
	height:255px;}
	
#op-in-b{width:160px;
	background-image:url(option/images/spm.gif);
	background-position:center 95%;
	background-repeat: no-repeat;
	border:1px #ccc solid;
	padding:10px;
	text-align:left;
	height:255px;}
	
#op-in-c{width:160px;
	background-image:url(option/images/bem.gif);
	background-position:center 95%;
	background-repeat: no-repeat;
	border:1px #ccc solid;
	padding:10px;
	text-align:left;
	height:240px;}


.hb{
	margin:10px 0px 10px 0px;
	padding-bottom:3px;
	font-size:12px;
	text-align:left;
	font-weight: bold;
	line-height:130%;
}

.hbb{margin:5px;
	font-size:10px;
	text-align:left;
	line-height:130%;
	}
	
.hbc{text-align:center;
	margin-top:10px;
	}	

.lh{
	line-height:200%;
}


#on li{
	line-height:150%; margin-top:10px;
}


#goods {
	width:550px;
	 border:solid 1px #999999;
	 padding:10px;
	 margin:0px;
	 line-height:150%;
}

#goods2 {
	width:120px;
	 border:solid 1px #999999;
	 padding:10px;
	 margin:0px;
	 line-height:150%;
}




/* -------------リストの行間------------------ */
#op {
	font-size:12px;
	line-height:150%;
	background-color:#ffffff;
	width:200px;
}
#op ul{
 list-style-image : url(images/arrow.gif);
 margin:0px;
 padding:10px 0px 15px 0px;
}
#op li{
  margin-bottom:8px;
  margin-left:25px;
}

#blog2{
	margin:15px 0px 0px 0px;
	padding:0px;
	width:180px;
	border-bottom:1px #C1C1C1 solid; 
	background-image : url(images/blogback.gif);
	background-repeat:repeat;
}

#blog22{
	width:150px;
	text-align:left;
	font-size:8pt;
}

#blog2 a {
	width:150px;
	display:block;
	padding:10px 0px 3px 0px;
}
#ie{
	margin:20px 0px 0px 0px;
	padding:0px px 0px 5px;
	width:170px;
	text-align:left;
	font-size:8pt;
}
#ie a {
	display:block;
	margin:0px 0px 0px 0px;
}

/* -------------更新履歴------------------ */

#topics{
	margin-top:15px;
	width:600px;
}

#topics-main{
	margin:0px 20px 0px 20px;
	width:580px;
	font-size:10pt;
	text-align:left;
	line-height:150%;
	
}
#topics-main a:link{
    text-decoration:none;
}
#topics-main a:visited{
    text-decoration:none;
}
#topics-main a:hover{
    text-decoration:none;
}

h1 {
	padding: 0px 3px;
	margin:12px 0px 2px 0px;
	border-top: no;
	border-right: no;
	border-bottom: 1px dotted #999999;
	border-left: no;
	background-color: #ffffff;
	font-size: 10pt;
	text-align:left;
	font-weight : normal;
	color:#333333;}



h3 {
	padding: 6px 30px;
	margin:12px 0px 2px 0px;
	width:400px;
	height:20px;
	border-top: no;
	border-right: no;
	border-bottom: no;
	border-left: no;
	background-image : url(images/bar02-4.gif);
	background-repeat: no-repeat;
	font-size: 11pt;
	text-align:left;
	color:#555555;
}

#topics-main font {
	font-size: 10pt;
	text-align:left;
	margin-left:5px;
	font-style : normal ;
	color:#666666;
} 

/* -------------2720------------------ */

#im2720 {
	margin-bottom:10px ;
	width:550px;
} 

#im2720kihon {
	margin:5px 0px 0px 20px;
	line-height:150%;
	font-size: 8pt;
}
#im2720kihon p{font-size:12px;
	color:#ffffff;
	font-weight:bold;
	padding:3px 5px;
	margin:0;}

#im2720 h1 {
	padding: 5px ;
	margin:10px 0px 3px 0px;
	border-top: no;
	border-right: no;
	border-bottom: 1px solid #999999;
	border-left: 3px solid #999999;
	background-color: #ffffff;
	font-size: 10pt;
	text-align:left;
	color:#333333;
}

#im2720 image {
	border: 1px #000000 solid;
	padding: 0px ;
	margin:3px 2px 3px 2px;}

#im2720kihon image {
	border: 1px #000000 solid;
	padding: 0px ;
	margin:2px 2px 2px 2px;}

#im2720osu {
	border:1px solid #333333;
}
#im2720osu a{
	text-decoration:none;
}


/* -------------同人誌ページの罫線ここまで------------------ */


/* -------------イベントアシスト------------------ */

#ia{
	  margin:0;
	width:705px; height:310px;
}

#ia2{
	  margin:0;
	width:350px; height:305px;
	background : url(images/ia02.gif);
	background-repeat:no-repeat;
	float:left;
}
#ia3{
	  margin-left:5px;
	width:350px; height:265px;
	background : url(images/ia03.gif);
	background-repeat:no-repeat;
	float:left;
}
#ia4{
	   margin:30px 0px 50px 0px;
	text-indent:center;
	width:600px; height:30px;
}
#ia5{
	   margin-bottom:20px;
	text-indent:center;
	width:650px;
}
#ia6{
	   margin:255px 0px 0px 170px ;
	text-indent:left;
	width:156px; height:30px;
}
#ia7{
	   margin:196px 0px 0px 170px ;
	text-indent:left;
	width:156px; height:30px;
}
#ia8{
	   border:#80bfff 1px solid;
	line-height:105%;
}
#ia9{
	   border:#00cccc 1px solid;
	line-height:105%;
}

.selector1 {
	   
    border-left: #0062c4 solid 6px;   
	border-bottom: 1px solid #999999;
    padding: 2px 0px 2px 10px ;  
    margin: 0px 0px 5px 0px ; 
}  
.selector2 {
	   
    border-left: #009900 solid 6px;   
	border-bottom: 1px solid #999999;
    padding: 2px 0px 2px 10px ;  
    margin: 0px 0px 5px 0px ; 
}  
.selector3 {
	   
    border-left: #999999 solid 6px;   
	border-bottom: 1px solid #999999;
    padding: 2px 0px 2px 10px ;  
    margin: 0px 0px 5px 0px ; 
}  


/* -------------初めての同人誌------------------ */

.lh{
  line-height:200%;
}
table {
  font-size: 12px;
}
.shima {
  font-size: 12px;
  color: #5f0000;
}
.maya {
  font-size: 14px;
  font-weight: bold;
  color: #ff0000;
}




/* -------------Q&A------------------ */
.qa{
  width:480px;
  height:25px;
  font-size:10pt;
  font-color:white;
  background-color:#d7d7ff;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-left: 1px solid;
  padding:5px 5px 5px 5px;
  margin:0px 0px 5px 0px;
}
.qa-under{
  width:480px;
  height:100px;
  background:#ffffff;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-left: 1px solid;
  padding:5px 0px 5px 5px;
}
/* -------------Q&Aここまで------------------ */

/* -------------フッター------------------ */
#footer{
	width:930px;
	 background-color:#ffffff;
	 border-left:1px solid #454545;
	 border-top:1px solid #454545;
	 border-right:1px solid #454545;
	 padding:10px;
	 margin-top:30px;
}

#footer-inner{
	 	
	 background-color:#eeeeee;
	 padding:15px;
	 text-align:left;
	 font-size:12px;
	 line-height:150%;
}

#cr{
	 background-color:#ffffff;
	 margin:10px 0px 0px 0px;
	 text-align:center;
	 font-size:12px;
	 color:#333333;

}

/* -------------フッターここまで------------------ */

/* -------------オプションページの表------------------ */

#option{
	border:#333333 1px solid;
	background-color:#ffffff;
	margin:3px 0px;
	}
#option #line00 td{
	background-color:#1f54e0;
	text-align:center;
	color:#ffffff;
	font-weight: bold;
	padding:5px;}
	
#option #line01 td{
	border-bottom:#999999 1px dashed;
	background-color:#ffffff;
	text-align:center;
	padding:5px;
	}
#option #line02 td{
	border-bottom:#999999 1px dashed;
	background-color:#eeeeee;
	text-align:center;
	padding:5px;}

#color-ink {border: 1px solid #000000;
	text-align:left;
	width:100px;
	height:25px;
	padding:5px;}


/* -------------イベントアシストリスト------------------ */

#years{background-color:#87CEFA;
	width:200px;
	padding:5px 0 5px 0;
	margin-bottom:0px;
	}
#month{background-color:#999999;
	width:190px;
	padding:5px 0 5px 10px;
	text-align:left;
	margin-top:0px;
	color:#ffffff;
	}

#ib-list {list-style-image : url(campaign/images/arrows.gif);
	padding-left:30px;
	text-align:left;line-height:200%;}

/* -------------紙さま------------------ */

#kamisama {
	width:780px;
	margin-bottom:50px;
}

#kamisama ul{
	padding-left:30px;
	list-style-type : none;}

#kamisama ul li{width:160px;
	float:left;
	line-height:150%;
	margin:10px 5px;
	text-align:left;
	border-bottom:#cccccc 1px solid;}

#kamisama-vew{font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	width:600px;
	margin-top:30px;
 }

#kamisama-vew p{font-size:16px;
	font-weight:bold;
	text-align:left;
	border-bottom:#cccccc 1px solid;}

#kamisama-l{
	width:300px;
	float:left;
	margin:0;
}	
	
#kamisama-l a{
	text-decoration:none;
}	

#kamisama-l ul{
	text-align:left;
	padding-left:10px;
	margin:0;}

#kamisama-l li{
	border-bottom:#cccccc 1px solid;
	text-align:left;
	padding-left:10px;
	margin:3px 0px;}

#kamisama-r{
	width:300px;
	padding-top:50px;
	float:left;
	margin:0;}

#kamisama-b{
	clear: both;
}
	
#keisan{
	padding:10px;
	text-align:left;
	background-color:#eeeeee;
	margin-top:30px;
	margin-bottom:50px;}
	

#mark ul{list-style-type : none;
	font-size:10px;}

#mark ul li{margin:5px;}

#mark p{font-size:11px;
	font-weight: normal;
	text-align:left;
	border-bottom:#cccccc 1px solid;}


#border01 {border-left:1px #999999 solid;border-top:1px #999999 solid;border-right:1px #999999 solid;}


#border02 {border-left:1px #999999 solid;border-bottom:1px #999999 solid;width:110px;padding:10px 0px;}

#border03 {border-right:1px #999999 solid;border-bottom:1px #999999 solid;width:430px;padding:5px;}

#border04 {border:5px #e8f5fd solid;margin-top:20px;}


#table-01 {border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height:150%;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
	
	
	
#maya01 {width:550px;padding:10px 0;
	background-image:url(bungei/images/maya01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:100px;}

#maya02 {width:550px;padding:10px 0;
	background-image:url(bungei/images/maya02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:100px;}
	
#maya03 {width:550px;padding:10px 0;
	background-image:url(bungei/images/maya03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:90px;}
	
#maya04 {width:550px;padding:10px 0;
	background-image:url(bungei/images/maya04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:100px;}
	
#maya05 {width:550px;padding:10px 0;
	background-image:url(bungei/images/maya05.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:120px;}

#maya06 {width:550px;padding:10px 0;
	background-image:url(bungei/images/maya06.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:90px;}
	
#maya07 {width:550px;padding:10px 0;
	background-image:url(bungei/images/maya07.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:90px;}
	
	
#maya08 {width:550px;padding:10px 0;
	background-image:url(bungei/images/maya08.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:100px;}
	
#maya09 {width:550px;padding:10px 0;
	background-image:url(bungei/images/maya09.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:90px;}
	
#shima01 {width:550px;padding:10px 0;
	background-image:url(bungei/images/shima01.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:100px;}

#shima02 {width:550px;padding:10px 0;
	background-image:url(bungei/images/shima02.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:155px;}
	
#shima03 {width:550px;padding:10px 0;
	background-image:url(bungei/images/shima03.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:100px;}
	
#shima04 {width:550px;padding:10px 0;
	background-image:url(bungei/images/shima04.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:100px;}
	
#shima05 {width:550px;padding:10px 0;
	background-image:url(bungei/images/shima05.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:100px;}

#shima06 {width:550px;padding:10px 0;
	background-image:url(bungei/images/shima06.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:100px;}

#shima07 {width:550px;padding:10px 0;
	background-image:url(bungei/images/shima07.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:100px;}
	
#serihu-hedder {width:550px;
	height:30px;
	background-image:url(bungei/images/serihu-hedder.gif);}

#serihu-center {width:520px;text-align:left;padding-left:30px;
	background-image:url(bungei/images/serihu-center.gif);}
	
#serihu-bottom {width:550px;
	height:30px;
	background-image:url(bungei/images/serihu-bottom.gif);}	
	
	
	
#serihu2-hedder {width:550px;
	height:30px;
	background-image:url(bungei/images/serihu2-hedder.gif);}

#serihu2-center {width:500px;text-align:left;padding-left:20px;padding-right:30px;
	background-image:url(bungei/images/serihu2-center.gif);}
	
#serihu2-bottom {width:550px;
	height:30px;
	background-image:url(bungei/images/serihu2-bottom.gif);}
	
	
#note td{border-bottom:1px dotted #999999;padding:5px 5px;text-align:left;}

#note {line-height:150%;}


#list {list-style-image : url(images/arrow.gif);
	text-align:left;
	margin:10px;
	padding-left:20px;
	line-height:24px;}

	
#list_p{background-color:#999999;
	width:180px;
	padding:8px 10px;
	text-align:left;
	margin:0;
	color:#ffffff;}
	
	
	a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}

#plice-table{
	border-collapse: collapse;
	border-spacing: 0px;
	border:1px solid #333;}
	
#plice-table th{
	background-color:#6495ed;
	text-align:left;
	height:30px;
	border:1px solid #333;}
	
#plice-table td{
	padding:5px;
	border:1px solid #333;
	text-align:center;}

#bar,#bar td,#bar th {
    border-collapse: collapse;
    border:1px solid #999;
    font-size:10px;
    }

    #bar tr:nth-child(odd) {  
      background-color: #ffffff;
    }  
    #bar tr:nth-child(even) {  
      background-color: #eeeeee;  
    }  
    #bar tr:hover {
      background-color: #fdf5e6;
    }

/* -------------tb^[?------------------ */




	
#pickup{width:520px;
	margin:10px;
	color:#333333;
	line-height:150%;
	}

#pickup-left{
	width:235px;
	border:#cccccc 1px solid;
	background-color:#f5f5f5;
	float:left;padding:10px;
	margin-right:6px;
	margin-bottom:6px;
	text-align:left;
	}
	
#pickup-right{
	width:235px;
	border:#cccccc 1px solid;
	background-color:#f5f5f5;
	float:left;
	padding:10px;
	text-align:left;
	}
	
#pickup-left h1{
	font-weight:bold;
	margin:0 0 5px 0;
	padding-bottom:3px;
	background-color:#f5f5f5;
	color:#1e50a2;
	}
	
#pickup-right h1{
	font-weight:bold;
	margin:0 0 5px 0;
	padding-bottom:3px;
	background-color:#f5f5f5;
	color:#1e50a2;
	}
	
	
	a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none!important;
}





#access {width:650px;
	background-image:url(images/height.gif);
}
	
#access p{padding:20px 0;margin:0;text-align:left;width:600px;}

#accessbana{
	margin:10px 0px 0px 20px;
	width:650px;
}
#accessmap{
	margin-bottom:15px;width:180px;background-color:#fff;text-align:left;
}

#accessmap h1{font-weight:bold;}



/* -------------制作事例ボタン------------------ */

.button014 a {
    background: #00a1e9;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px auto;
    width:300px;
    padding: 12px 43px 18px 37px;
    color: #000;
    transition: 0.3s ease-in-out;
    font-size:14pt;
    font-weight: 800;
    letter-spacing: 0.1em
    line-height:20px;
    text-decoration:none;

}
.button014 a::before {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 3px solid #000;
  transition: 0.2s;

}

.button014 a::after {
  content: '';
  width: 6px;
  height: 6px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);

}

.button014 a:hover::before {
  top: 0;
  left: 0;
}

.button014 a:hover {
    color: #000;
  text-decoration: none;
  background-color: #00a1e9;
    padding: 15px 40px;
}