@charset "UTF-8";
* {margin:0; padding:0; font-style:normal; font-weight:normal;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@font-face {
	font-family: 'flopdesign-kana';
	src: url(./lib/font/flopdesign-kana.eot);
	src: url(./lib/font/flopdesign-kana.eot?#iefix) format('embedded-opentype'),
	url(./lib/font/flopdesign-kana.woff) format('woff'),
	url(./lib/font/flopdesign-kana.ttf) format('truetype');
}

/*-------- 更新履歴 -------------------------------------------------*/
div#recordbox       {float:left; position:relative; background:#e2f5f9; width:36%; min-width:360px; margin:10px 20px; padding-top:10px; border:#fff dashed 3px;}
div#recordbox h3    {font-size:100%; font-weight:bold; width:100%; margin:0 0 0 1em;}
div#recordbox0      {margin:0.7em 1em; font-size:95%;}
div.recordbox1      {border:1px solid transparent; margin:0 0 0.5em 0.5em; padding:7px;}
div.recordbox1:hover{border-top:1px solid #90a7b5; border-left:1px solid #90a7b5; border-bottom:1px solid #fff; border-right:1px solid #fff; background:#def2fd;}
div.recordbox1 span {font-size:90%; font-weight:bold;}
div.recordbox1 div  {margin:0 0 0 1em;}
div.recordbox1 a    {font-size:90%;}
div.recordbox1 div span       {font-weight:normal;}
div.recordbox1 div span:before{content:"　";}

/*-------- ATTENTION -------------------------------------------------*/
div#attentionbox {width:52%; max-width:520px; padding:10px 20px; position:absolute; right:50px; top:83px;}
div#attentionbox0{background:#e2f5f9; width:100%; line-height: 1.0em; border:#fff dashed 3px; padding:20px;}
div#attentionbox0 img{position:relative; float:left; margin-left:10px; width:200px; height:40px;}
div#attentionbox1{text-align:center; margin:5px; line-height:1.2em; margin-bottom:26px;}
div#attentionbox1 span{color:#000; font-size:70%;}
div#attentionbox2{font-size:70%; color:#d0499c; text-align:left; margin:8px 5px; line-height:1.4em;}
div#attentionbox3{font-size:70%; width:70%; max-width:295px; margin:20px 5px 0 5px; line-height:1.4em;}
div#mailbox{width:211px; margin:0 auto; padding-top:10px; position:relative; left:-45px; margin-bottom:26px;}
div#mailbox img{border:none;}

/*-------- web拍手フォーム -------------------------------------------------*/
div#webclap{width:150px; margin:0 auto; position:relative; float:right; left:5px; top:-220px; z-index:2; margin-bottom:-220px;}
div#webclap img{border:none; background:transparent; margin-bottom:1.2em;}
div#webclap input{background:#7dd1e4; color:#fff; border:solid 1px #5653bb; clear:both;}

/*-------- LINK-BOX （現在未使用） -------------------------------------------------*/
div.linkbox{height:15px;width:181px;background:#e2f5f9;font-weight:bold;text-align:center;margin-bottom:5px;border:1px solid #acacac;}


/*--------  BODY -------------------------------------------------*/
body{
	font-size:16px;
	font-family:'flopdesign-kana', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height:1.4em;
	color: #897d95;
	background:#62bbf0;
	padding:0 8px;
	width:100%;
}
/*--------  Aタグ共通仕様 -------------------------------------------------*/
a,
a:link,
a:visited,
a:active   {color:#5653bb; text-decoration:none;}
a:hover    {color:#5653bb; text-decoration:underline;}


/*-------- タイトルバー -------------------------------------------------*/
div#titlebar {
	color: #fff;
	background-color: #121212;
	width:100%;
	display:table;
	margin:0 auto;
	padding:0;
	position: relative;
	overflow: auto;
}
div#titlebar-lc {position:relative; display:table-cell; width:200px; background:url(./img/banner.gif) 4px 4px no-repeat;}
div#titlebar-cc {position:relative; display:table-cell; vertical-align:middle; font-size:80%; height:48px; padding:0 5px;}
div#titlebar-rc {position:relative; display:table-cell; vertical-align:middle; font-size:80%; text-align:center; padding-right:10px;}
div#titlebar-rc br{display:none;}


/*-------- メインテーブル -------------------------------------------------*/
div#maintable{background:#fff; width:100%;}
div#maintable-inner{
	display:block;
	line-height: 1.2em;
	width:100%;
	max-width:1000px;
	margin:10px auto 0 auto;
	padding:0 5px;
	overflow:hidden;
}

/*-------- メインシアター -------------------------------------------------*/
div#slideshowHolder{margin:10px auto; width:100%;}
div#bxsliderHolder{max-width:1000px; width:100%; margin:5px auto; padding:0 5px; clear:both;}


/*-------- フッター -------------------------------------------------*/
div#footerbar {
	width:100%;
	margin:0;
	padding: 1.2em 0.8em;
	color: #fff;
	background: #121212;
	font-size: 80%;
	line-height:1.4em;
	text-align: center;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

/*-------- 汎用サブタイトルバー -------------------------------------------------*/
div.subtitle{
	background-color: #7dd1e4;
/*	background-image: url('./img/menubar_1.gif');*/
	border-radius:12px;
	width: 340px;
	height: 25px;
	font-size: 120%;
	color: #fff;
	margin-left: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
	line-height:1.3em;
}
div.subtitle span{position: relative; top:1px; left:15px; font-weight: bold;}


/*-------- その他汎用 -------------------------------------------------*/
div#overDiv {position: absolute; visibility: hidden; z-index: 1000; background-image: none; left: 258px; top: 620px;}
noscript {font-size:100%; font-weight: bold;}
.clearfix:after{content: ""; clear: both; display: block;}


/*-------- タブシート -----------------------------------------------*/
div.tabmain{
	display:none;
	border:2px solid #90a7b5;
	border-radius: 0px 5px 5px 5px;
	background-color:#e8f7fa;
	position:relative;
	top:-32px;
	z-index:30;
	clear:both;
}
div.tabmain:hover{}
div.tabctrla{
	display:block;
	text-align:center;
	border-width:2px 2px 0px 2px;
	border-style:solid;
	border-color:#90a7b5;
	border-radius: 5px 5px 0 0;
	width:130px;
	font-weight:bold;
	font-size: 13pt;
	color:#fff;
	background: #e8f6f9;
	background: linear-gradien(top,#96d6e8,#e8f6f9);
	background: -ms-linear-gradient(top,#96d6e8,#e8f6f9);
	background: -moz-linear-gradient(top,#96d6e8,#e8f6f9);
	background: -o-linear-gradient(top,#96d6e8,#e8f6f9);
	background: -webkit-linear-gradient(top,#96d6e8,#e8f6f9);
/*	background-image:url(./img/tabctrlabg.png);*/
	z-index:32;
	position:relative;
	padding:5px 3px;
}
div.tabctrlb{
	display:block;
	text-align:center;
	width:100%;
	background-color:#fff;
	z-index:28;
	position:relative;
	top:-29px;
}
div.tabctrlc{
	width:130px;
	border-width:2px 2px 0 2px;
	border-style:solid;
	border-color:#fff;
	border-radius: 5px 5px 0 0;
	background-color:#e8f7fa;
	z-index:29;
	position:relative;
	float:left;
	padding:4px 0px;
}
div.tabctrlc A:hover{text-decoration:none;}
div.tabctrlc A{
	font-weight:bold;
	font-size: 11pt;
	color:#aac4c9;
}
div.tabctrld{
	display:block;
	text-align:center;
	font-weight:bold;
	font-size: 17.5px;
	padding-top:7px;
	z-index:29;
}
div.tabctrlx{
	width:130px;
	border-width:2px 2px 0 2px;
	border-style:solid;
	border-color:#fff;
	border-radius: 5px 5px 0 0;
	background-color:#444;
	z-index:29;
	position:relative;
	float:left;
	padding:4px 0px;
}
div.tabctrlx A{
	font-weight:bold;
	font-size:14.5px;
	color:#fff;
}
div.tabreport{
	margin:30px;
	padding:15px;
	border:1px solid #fff;
	border-radius: 8px;
	background-color: #fff;
	min-height:450px;
}
div#tabbox2{padding-left:132px;}
div#tabbox3{display:block;}
div#tabbox4{display:none; left:132px;}
div#tabbox5{display:none;}
div#tabbox7{display:none; left:260px;}
div#tabbox8{display:none;}
div.tabbox5ctrl{margin-left:132px;}




/*-------- Firefox・Chorome・Safari等のCSS2.0対応ブラウザ用メニュー ------------------------------------*/
div#menu {
	width: 100%;
	height: 1.7em;
	margin: 0;
	padding: 0;
	color:#fff;
	background: #444;
	border-color: #0b2bd7;
	vertical-align:middle;
	overflow:visible;
}
div#menu a:link,
div#menu a:visited,
div#menu a:active,
div#menu a:hover {
	text-decoration: none;
	color: #fff;
}
div#menu a span{color:#dbdbdb; font-size:70%; font-weight:normal; margin:0 8px; z-index:93; float:right;}
div#menu ul li#menutop {cursor:default; border-left:none; padding-left:0.3em;}
div#menu ul li#menutop:after {content: ">>"; }
div#menu ul li#menutop:hover {color:#fff;}
div#menu ul li#menusub {display:none;}
div#menu div.guide {cursor:default; text-align:center; color:#fff; font-weight:bold;}


/* 1段目 */
div#menu ul {
/*	max-width:1000px;*/
	list-style-type:none;
	margin:0 auto;
	padding:0;
	z-index: 92;
}
div#menu ul li {
	margin-left:10px;
	display: inline;
	vertical-align:middle;
	padding: 0.2em 2.5em 0 0.7em;
	position: relative; 
	float:left;
	font-size: 100%;
	font-weight: bold;
	background:transparent;
	cursor: pointer;
	z-index: 93;
	border-left:4px solid transparent;
}
div#menu ul li:hover {
	text-decoration: none;
	display:block;
	color: #65cade;
	z-index: 93;
	border-left:4px solid #65cade;
}
div#menu ul li a {
	font-size:100%;
	font-weight:bold;
	z-index:93;
}
div#menu ul li a:hover {
	color: #65cade;
	background: #444;
}


/* 2段目 */
div#menu ul ul {display:none; z-index:94;}
div#menu ul li:hover > ul {
	display: block;
	position: absolute;
	color: #fff;
	top: 25px;
	left:10px;
	opacity: .9;
	width: 180px;
	z-index: 94;
}
div#menu ul ul li {
	display: block;
	background-color: #65cade;
	border: thin ridge #d6d6d6;
	width: 170px;
	font-size: 16px;
	font-weight: normal;
	padding: 3px 0;
	z-index: 95;
}
div#menu ul ul li:hover {
	text-decoration: none;
	display:block;
	background:transparent; 
	background-color:#505050;
	font-weight:bold;
	color: #65cade;
	z-index: 96;
}
div#menu ul ul li a {
	font-size:100%;
	font-weight: normal;
	z-index: 96;
}
div#menu ul ul li a:hover {
	text-decoration: none;
	display:block;
	background:transparent; 
	background-color:#424242;
	font-weight:bold;
	color: #65cade;
	z-index: 96;
}


/* 3段目 */
div#menu ul ul li:hover > ul {
	display: block;
	position: absolute;
	font-weight:normal;
	top: 26px;
	left: 50px;
	opacity: .9;
	width:290px;
	z-index: 97;
}
div#menu ul ul ul li {
	display: block;
	background-color: #8b8b8b;
	border: thin;
	border-style: ridge;
	border-color: #d6d6d6;
	font-weight:normal;
	line-height: 1.3em;
	width: 290px;
	padding:2px 0;
	z-index: 98;
	list-style-type: disc;
}
div#menu ul ul ul li:hover {
	text-decoration: none;
	display:block;
	background:transparent; 
	background-color:#525252;
	font-weight:bold;
	color: #d1f9fa;
	width: 290px;
	z-index: 99;
}
div#menu ul ul ul li a:hover {
	text-decoration: none;
	display:block;
	background:transparent; 
	background-color:#525252;
	font-weight:bold;
	color: #d1f9fa;
	width: 100%;
	z-index: 99;
}
div#menu ul ul ul li a:before {content:"・ ";}



/*-------- IE6等、CSS2.0非対応ブラウザ用menu (ほぼ不要)-------------------------------------*/
table#menuContainer {font-size:100%; font-weight:bold; margin:0; padding:0; color: #fff; background: #444; border-color:#0b2bd7; width:100%; border:none;}
li:hover ul ,
li.over  ul {display: block; font-size:100%; font-weight:bold;}

table#menuContainer > div#MainMenu{width:100%;}

li#liA{cursor:default; padding-left:0.3em;margin:0 50px 0 5px;}
li#liA span:after {content: ">>"; }
li#liA:hover {color:#fff;}
li#liB {display:none;}
li#liB,li#liD,li#liE,li#liF{position:relative; /*top:1px;*/}

ul.ulMenuLevel1{list-style-type:none; margin:0; padding:0; font-size:100%; z-index:92;}
li.liMenuLevel1{list-style-type:none; float:left; margin-right:15px; font-size:100%; z-index:93;}
span.linkMenuLevel1  {display:block; font-size:100%; font-weight:bold; color: #fff; margin-right:2em;}
span.linkMenuLevel1 a{display:block; font-size:100%; font-weight:bold; color: #fff;}

ul.ulMenuLevel2{list-style-type:none; position:absolute; margin:0; padding:0; display:none; background:#84afff; filter:alpha(opacity=90); font-size:100%; z-index:94;}
li.liMenuLevel2{line-height:22px; border:thin; border-style:ridge; border-color:#d6d6d6; width:180px; font-size:100%; font-weight:normal; z-index:95;}
li.liMenuLevel2 a        {text-decoration:none; display:block; color:#fff; width:100%; padding-left:15px; font-size:100%; z-index:96; font-weight:bold;}
li.liMenuLevel2 a:visited{text-decoration:none; display:block; color:#fff; width:100%; padding-left:15px; font-size:100%; z-index:96; font-weight:bold;}
li.liMenuLevel2 a:hover  {text-decoration:none; display:block; color:#91c4ff; width:100%; background:#424242; font-size:100%; z-index:96;}
span.linkMenuLevel2{display:block;font-size:100%;}

ul.ulMenuLevel3{list-style-type:none; display:block; position:relative; top:5px; left:30px; z-index:99; margin:0; padding:0; background:#88cdf6; filter:alpha(opacity=90); width:300px; font-size:100%;font-weight:normal; z-index: 97;}
li.liMenuLevel3{line-height:22px; border:thin; border-style:ridge; border-color:#d6d6d6; width:300px; font-size:100%; font-weight:normal; color: #fff; z-index: 98;}
li.liMenuLevel3 a        {text-decoration:none; display:block; color:#fff; width:100%; padding-left:15px; font-size:100%; z-index:99;}
li.liMenuLevel3 a:visited{text-decoration:none; display:block; color:#fff; width:100%; padding-left:15px; font-size:100%; z-index:99;}
li.liMenuLevel3 a:hover  {text-decoration:none; display:block; color:#91c4ff; width:100%; background:#424242; font-size:100%;z-index:99;}


/*-------- 折り畳みボタン ---------------------------------------*/
div.fold{
	background: linear-gradient(left,#e8f7fa,#fff);
	background: -ms-linear-gradient(left,#e8f7fa,#fff);
	background: -moz-linear-gradient(left,#e8f7fa,#fff);
	background: -o-linear-gradient(left,#e8f7fa,#fff);
	background: -webkit-linear-gradient(left,#e8f7fa,#fff);
	margin:0 20px 15px 20px;
	padding:8px;
	border:2px solid #fff;
	border-radius: 10px;
	line-height: 1.4em;
}
div.fold:hover{
	background-image:none;
	background-color:#f6f0ff;
	background: linear-gradien(left,#f6f0ff,#fff);
	background: -ms-linear-gradient(left,#f6f0ff,#fff);
	background: -moz-linear-gradient(left,#f6f0ff,#fff);
	background: -o-linear-gradient(left,#f6f0ff,#fff);
	background: -webkit-linear-gradient(left,#f6f0ff,#fff);
	border:2px solid #ededed;
}
div.fold_btn                    {float:left; padding:4px 8px 4px 4px;}
div.fold_btn a img              {border:none;}
div.fold div.headline           {font-size:120%; font-weight:bold; margin-bottom:3px;}								/* ヘッドライン */
div.fold_area                   {display:block; margin:0 15px; font-size:90%;}										/* 折り畳みエリア */
div.fold_area img               {float:left; margin:0 30px 20px 0; display:block;}									/* サークルカット他 */
div.fold_area img.worksthumbnail {border:2px solid gray; width:300px; margin:5px 15px 5px 8px; float:left;} 		/* 商業作品サムネイル */
div.fold_area img.worksthumbnail2{border:2px solid gray; width:300px; margin:5px 15px 5px 8px; float:right;} 		/* 商業作品サムネイル */
div.fold_area p                 {font-size:100%; padding:1em 0.8em 0.3em; line-height:1.4em;}							/* 記事 */
div.fold_area p span.spaceno    {font-weight: bold; font-size:130%; line-height:1.6em; display:block; position:relative; left:20px;} 	/* スペースNo. */
div.fold_area ul.sublist        {list-style:circle; position:relative; left:35px; line-height:1.4em;}			 	/* 注意事項等 */
div.subsheet                    {margin-left:15px; width:94%;}														/* 囲み記事 */
div.subsheet hr                 {background:#dde; border:none; margin:20px 0 5px 5px; display:none;}
div.subsheet span.header        {font-size:120%; font-weight:bold; background:#fff; width:90%; border:1px solid violet; border-radius:7px; padding:1px 15px; margin:0.2em 0 0.7em; display:block;}
div.subsheet span.article       {padding:1px 15px; display:block;}
div.subsheet span.article:before{content:"+ ";}
div#worksfb                     {text-align:right; margin:15px; width:95%;}											/* 過去作品へのリンク */


/*-------- DLコンテンツ用テーブル ----------------------------------------------*/
div.dltableoutline    {background-color:#fff; padding:3px; border:dashed 1px gray; margin:8px 0; width:100%; max-width:650px;}
div.dltableoutline img{margin:0 0 8px 0;}
div.dltablecaption    {background-color:#897d95; color:#fff;padding:3px; font-weight:bold;}
div.dltablecaption:before {content:"■ ";}
div.dltablemessage    {margin:10px 0 0 15px; font-weight:bold;}
div.dltablemain       {margin:3px 10px; position:relative; display:table;}
div.dltabledata       {float:left; margin:1em auto; text-align:center;}
div.dltabledata img   {margin:2px; width:150px; border-radius:6px;}
div.dltabledata img:hover {opacity:0.8;}
div.dltabledata img.icon  {width:16px; border:1px #888 solid;}
div.dltabledata img.sale  {width:20px; border:2px solid crimson; position:relative; top:-2px;}
div.dltabledata a     {font-size:85%;}
div.dltabledata p     {text-align:left; padding:0.8em 0; clear:both;}
div.dltabledata p.title {font-size:95%; padding:0.4em 0 0 0; font-weight:bold; line-height:1.2em; text-align:center; vertical-align:middle; height:2.7em;}
div.dltabledata span  {font-size:70%; font-weight:normal;}
div.dltabledata span.newtag     {font-size:100%; font-style:normal; font-weight:bold; color:#e087c8;}
div.dltablesubdata    {width:205px; margin:-0.6em 0 0 0.4em; float:left;}
div.dltablesubdata span  {font-size:70%; font-weight:normal; line-height:1.2em; display:block;}
div.dltablesubdata ul {list-style:none; margin:0 auto; width:100%;}
div.dltablesubdata ul li        {text-align:center; font-weight:bold; width:100%;}
div.dltablesubdata ul li.margin {padding-top:0.3em;}
div.dltablesubdata ul li.margin:before {content:"▼ ";}
div.dltablesubdata ul li.margin:after  {content:" ▼";}
div.dltablesubdata ul li img    {width:200px; margin-bottom:2px;}
div.dltablesubdata ul li img.nonreg {opacity:.2;}
div.dltablesubdata2   {margin:15px; text-align:right; width:97%;}
div.dltablesubdata3   {margin:15px; text-align:left;  width:410px;}
div.dltabledate       {font-weight: bold;color:#897d95; padding-top:8px;}
ul.iconarea           {list-style:none; margin:0.4em auto 0.8em; text-align:center; width:90px;}
ul.iconarea li        {float:left;}
ul#dlsitelist         {list-style:none; margin-bottom:1em;}
ul#dlsitelist a       {display:block;}
ul#dlsitelist a li    {height:31px; padding:3px 0 0 95px; margin:3px; font-size:100%; font-weight:bold;}
ul#dlsitelist a li span{font-size:80%; color:#e087c8;}


/*-------- Inline-attentionBOX用 ------------------------------------------------*/
div#inline_attention{width:500px; display:none; background:#fff; color:#7b68ee; padding:30px; border:1px solid #fff; border-radius:8px;}
div#inline_attention div.head{font-size:125%; font-weight: bold; text-align:center; background:#6b65a2; color:#fff; padding:0.3em 0;}
div#inline_attention div.body{font-size:100%; border:#6b65a2 1px solid; padding:8px; color:#6b65a2;}
div#inline_attention div.body ul{font-size:90%; list-style:square outside; width:90%; margin:0 auto;}
div#inline_attention div.body ul li{margin-bottom:1em;}
div#inline_attention div.body ul li.sline{margin-bottom:0;}
div#inline_attention span.pointup{color:#ff2350;}
div#inline_attention span.explain{font-size:75%; display:block;}


/*-------- 装飾関係 ----------------------------------*/
span.wisp {font-size:60%; line-height:1.1em;}
span.textbold {font-weight: bold;}
span.newtag {font-size:120%; font-style:normal; font-weight:bold; color:#e087c8;}
br.clear{clear:both; line-height:0;}
img.comikebanner{position:relative; left:15px; display:block; height:100px; width:320px;}		/* コミケ頒布リストバナー */
img.comikebanner:hover{opacity:0.8;}															/* コミケ頒布リストバナー */
img.shotenban {width:200px; border:none; margin-bottom:5px; background:#fff;}					/* 書店バナー関係 */




/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/*-------- ATTENTION -------------------------------------------------*/
	div#recordbox    {width: 95%; float:none; display:block;}
	div#attentionbox {width: 95%; float:none; display:block; position:static; max-width:100%; margin:10px 20px; padding:0;}
	div#attentionbox0{width:100%;}
	div#attentionbox3{max-width:70%;}

	/*-------- メニューバー ------------*/
	div#menu ul li {margin-left:7px; padding: 0.2em 1.8em 0.1em 0.5em; }
	div#menu ul li:hover > ul {top: 27px;}

	/*-------- 折り畳みボタン ---------------------------------------*/
	div.fold_area img.worksthumbnail {float:none;}
	div.fold_area img.worksthumbnail2{margin-top:0;}
	div.fold_area img                {margin:0 1em 1em 0;}
	div.fold_area p                  {width:100%;}
	div.subsheet                     {width:100%; margin-top:15px;margin-left:0;}
	div.dltabledata img.icon         {margin:2px;}

	/*-------- DLコンテンツ用テーブル ----------------------------------------------*/
	ul#dlsitelist a li    {height:auto; min-height:31px;}
	ul#dlsitelist a li span{display:block;}
}


/************************************************************************************
smaller than 800 
*************************************************************************************/
@media screen and (max-width:800px) {
	div#titlebar-rc{width:7em;}
	div#titlebar-rc br{display:inline;}
}


/************************************************************************************
smaller than 740 
*************************************************************************************/
@media screen and (max-width:740px) {
	/*-------- メニューバー ------------*/
	div#menu ul li {margin-left:5px; padding: 0.2em 1.0em 0.1em 0.5em;}

	/*-------- ATTENTION -------------------------------------------------*/
	div#attentionbox3{width:65%; max-width:100%}

	/*-------- 折り畳みボタン ---------------------------------------*/
	div.fold_area p span.spaceno {left:10px;}
	img.comikebanner{left:0; margin-right:0;}
}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/*-------- タイトルバー -------------------------------------------------*/
	div#titlebar-lc {display:inherit; float:left; width:200px; height:48px; background:url(./img/banner.gif) 4px 4px no-repeat;}
	div#titlebar-cc {display:inherit; float:left; font-size:80%; vertical-align:middle; line-height:1.4em; padding:5px 10px 10px 10px; }
	div#titlebar-rc {display:block;   float:none; font-size:80%; vertical-align:middle; line-height:1.2em; padding:10px; width:100%; text-align:right; list-style:none;}
	div#titlebar-rc p:after{content:"　";}

	/*-------- メニューバー ------------------------------------*/
	div#menu {height:2.4em; font-size:80%; padding-left:1em;}
	div#menu ul li#menutop {display:none;}
	div#menu ul li {margin-left:1px; padding: 0.2em 1.0em 0.1em 0.5em; height:2.4em;}
	div#menu ul li:hover > ul {left:0.5em; top:2.15em;}
	div#menu ul li:hover > ul li {font-size:90%; width:80%;}
	div#menu ul ul li:hover > ul {}
	div#menu ul ul ul li {line-height:1.4em; height:100%; padding:0.5em 0;}
	div#menu a span{margin:2px 3px;}

	/*-------- タブシート -----------------------------------------------*/
	div.tabmain{top:-31px;}
	div.tabctrla{width:110px; font-size:90%;}
	div.tabctrlb{height:1.8em; min-width:410px; background:transparent;}
	div.tabctrlc{width:110px; font-size:90%;}
	div.tabbox5ctrl{margin-left:112px;}
	div#tabbox2{padding-left:112px;}
	div#tabbox4{left:112px;}
	div#tabbox7{left:220px;}

	/*-------- 更新履歴 -------------------------------------------------*/
	div#recordbox {min-width:100%; margin:10px 5px;}

	/*-------- ATTENTION -------------------------------------------------*/
	div#attentionbox {min-width:100%; margin:10px 5px;}
	div#attentionbox3{width:62%; max-width:100%}

	/*-------- 折り畳みボタン ---------------------------------------*/
	div.fold         {margin:0 5px 15px 5px; overflow:hidden;}
	div.fold_area    {margin:0;}
	div.fold_area img.worksthumbnail2{float:none; margin-bottom:2px;}
	div.subsheet     {margin:0;}
	div.subsheet hr  {margin:-5px 0 5px 0; /*display:block;*/}
	div.subsheet p   {padding:0.5em 0.5em 0 0.5em;}
	div.subsheet span.header {width:90%; /*max-width:300px; min-width:300px; *display:inline;*/ margin:0 0 0 10px;}
	div.subsheet span.journal{padding:0.5em 0 1.2em 1.2em; display:block;}
	div.dltablesubdata   	 {float:none; text-align:left;}
	div.dltablesubdata2      {width:95%; }
	div.dltablesubdata3      {width:95%; margin-top:0;}
	div.dltabledata          {margin:0.3em 0;}
	div.fold_area p img              {float:none; margin:0 0 1em 0;}
	div.fold_area p                  {padding:0.3em;}
	div.fold_area p span.spaceno     {left:0.8em; margin:0;}
	img.comikebanner                 {padding-left:0;}
	div.dltabledata img.icon {width:80%; margin:0 4px;}
	div.dltabledata img.sale {width:80%; position:static; top:0;}
	ul.iconarea           {width:90%; margin:0.2em 0 1em 1em; /*display:inline;*/}

	/*-------- Inline-attentionBOX用 ------------------------------------------------*/
	div#inline_attention{width:95%; padding:0.5em;}
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	body{padding:0 4px;}

	/*-------- タイトルバー -------------------------------------------------*/
	div#titlebar-rc {padding:10px;}

	/*-------- メニューバー ------------------------------------*/
	div#menu {height:2.5em; font-size:75%; padding-left:0;}
	div#menu a span{display:none;}
	div#menu ul li {margin-left:1px; padding: 0.2em 0.8em 0.1em 0.3em; height:2.5em;}
	div#menu ul li:hover > ul {left:0.5em; top:2em;}
	div#menu ul li:hover > ul li {font-size:90%; width:80%;}
	div#menu ul ul li:hover > ul {}

	/*-------- ATTENTION -------------------------------------------------*/
	div#recordbox0 {margin:0.5em 0.2em;}
	div.recordbox1 {margin:0 0.2em 0.5em 0.1em;}
	div#attentionbox0    {padding:20px 12px; overflow:hidden; text-align:center;}
	div#attentionbox0 img{position:static; float:none; margin:0 auto;}
	div#attentionbox3    {width:95%; max-width:100%; text-align:left;}
	div#webclap    {width:40%; top:-100px; margin-bottom:-100px;}
	div#webclap img{width:95%}

	/*-------- タブシート -----------------------------------------------*/
	div.tabreport{margin:15px; padding:8px;}

	/*-------- 汎用サブタイトルバー -------------------------------------------------*/
	div.subtitle{width:100%;}

	/*-------- 折り畳みボタン ---------------------------------------*/
	div.fold{margin:0 0 10px 0; padding:5px; width:100%;}
	div.fold div.headline            {font-size:100%;}
	div.fold_area img.worksthumbnail {width:90%;}
	div.fold_area img.worksthumbnail2{width:90%;}
	div.subsheet span.header         {font-size:100%;}
	img.comikebanner                 {width:100%; height:100%;}

	/*-------- DLコンテンツ用テーブル ----------------------------------------------*/
	div.dltablecaption    {padding:3px 5px;}
	div.dltablemessage    {margin:10px;}
	div.dltablemain       {margin:3px}
	div.dltabledata img   {margin:0 5px;}
	div.dltabledata img.f {width:115px;}
	div.dltablesubdata2   {text-align:left; width:85%;}
}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
	/*-------- メニューバー ------------------------------------*/
	div#menu {height:5em;}
}




div#inline_attention div.head:before{content:">>> ";}
div#inline_attention div.head:after{content:" <<<";}