@import url("style.css");
/* ===================================================================
CSS ＴＯＰページのＣＳＳ

  ※ヘッダー・フッターは style.css で一括編集

　　緑：#009a5b　　青：#00a0e9（濃：#2F5376）　　　赤：#A39D58
=================================================================== */

h3 {font-size:220%; }

#ktgmenu { }
#ktgmenu h3 {font-weight:normal; color:#999; text-align:left; }
#ktgmenu .area h3 {margin:0 0 14px 20px; }
#ktgmenu .area+h3 {margin-top:40px; }

#ktgmenu .area {margin:10px 0;} 
#ktgmenu ul {padding:0; }
#ktgmenu li {text-align:left; }
#ktgmenu a {display:block; padding:6px 0; }
#ktgmenu a:hover {}

#japantable {margin:0 auto 0 30px; }
#japantable td {padding:0; }
#japantable td a {width:60px; padding:2px 12px; text-align:center; display:block; }
#japantable td.mid a {color:#999; font-size:88%; font-weight:bold; width:100px; text-align:left; }

#designers {}
#designers h4 {color:#999; font-weight:bold; }

#illustrators {}

#creators {}


@media screen and (max-width:480px) {
#ktgmenu {width:100%; }	
#japantable {display:none; }
#japanform {width:90%; margin:0 auto; }

#ktgmenu li {text-align:left; }
#ktgmenu li a {background-color:#00a0e9; color:white; padding:10px; }
#ktgmenu li a:hover {background-color:#2F5376; text-decoration:none; }
#designers h4 {background-color:#eee; padding:10px; }
}
@media screen and (min-width:481px) {
#ktgmenu {width:900px; }
#ktgmenu .area {border:solid 1px #999; padding:20px 0; }
#japanform {display:none; }

#ktgmenu ul {float:left; }
#designers h3 {width:220px; float:left; }
#designers h4 {font-size:88%; margin-bottom:12px; }
#designers ul {width:320px; margin:0 0 0 0; }
#illustrators ul {}
#illustrators ul.list1 {width:280px; margin-left:140px; }
#illustrators ul.list2 {width:200px; }
#illustrators ul.list3 {width:260px; }
#creators ul {width:320px; }
#creators ul.list1 {margin-left:240px; }
}

/*--- floatについて */

.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}