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

/* ----------------------------------------------------
 メモコーーナーー

★画面の大きさで画像を小さくしたい場合は、img2かimg3のタグをhtmlの画像タグに入れてみてください！！
例:<img src="images/ＸＸＸＸ.png" alt="画像の名前" id="img2"/>


---------------------------------------------------- */
/* ----------------------------------------------------

    whole

---------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Lato:700|Noto+Serif+JP');

body {
	font-size: 14px;
	color: #626262;
	line-height: 150%;
	background: url(../images/bg.png);
	background-repeat: repeat;
	background-color: #F4F4F4 !important;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
a {
	color: #626262;
	text-decoration: none;
}
a:hover {
	color: #000000;
	position: relative;
	top: 1px;
	left: 1px;
}
#wrapper {
	margin: 0px auto;
	width: 1160px;
	background-color: #FFF;
}



#container {
	width: 1100px;
	height: auto;
	background-color: #FFF !important;
	margin: 10px auto;
	padding: 10px;
	position: relative;
}
#container_judge {
	width: 1130px;
	height: auto;
	background-color: #FFF !important;
	margin: 10px auto;
	padding: 10px;
	position: relative;
}
#container h2 {
	color: #572223;
	font-size: 16px;
	text-align: center;
	margin:15px auto;
	line-height: 1.6;
}
.logo {
	color: #572223;
	font-size: 16px;
	text-align: center;
	margin: 0 0 0 60px;
	line-height: 1.6;
	background: url(../images/top_logo.png);
	background-repeat: no-repeat;
	padding: 30px 0 0 30px;
	height: 100px;
	width: 1020px;
}
#container h3 {
	color: #572223;
	font-size: 14px;
}
#maincontents_index {
	height: auto;
	margin: 0 auto;
	background-color: #FFF !important;
}
#maincontents {
	height: auto;
	margin: 0 auto;
	background-color: #FFF !important;
}

.maincontents {
	display: block;
	height: auto;
	margin: 0 auto;
	background-color: #FFF !important;
}

.maincontents-title{
	font-size: 1.2em;
	font-weight:bold;
	color: #gray;
	display: block;
  clear: both;
	padding: 10px;
}
.maincontents-cap{
	font-size: 1em;
	color: brown;
	display: block;
  clear: both;
}

#maincontents_4 {
	height: auto;
	width: 730px;
	margin: 0 auto;
	background-color: #FFF !important;
}
#mainimg {
 display: block;
 margin: auto;


}

#mainbg{
width:100%;
height:auto;
background-color:#1D2153;
}

#event_box {
	width: 150px;
	height: 260px;
	margin: 5px;
	padding: 5px;
	float: left;
	background: #F0F0F0;
	box-shadow: 1px 1px 3px 0px #aeaeae;
	border-top: 1px solid #fffbfa;
}

#event_contents{
               width:145px;
               height:100px;
               font-size:11px;
               margin-top:5px;
               line-height:1.3;
               border:1px solid #CCCCCC;
               padding:2px;
               background-color:#FFFFFF;
}


#event2_box {
	width: 300px;
	height: 235px;
	margin: 5px;
	padding: 5px;
	float: left;
	background: #F0F0F0;
	box-shadow: 1px 1px 3px 0px #aeaeae;
	border-top: 1px solid #fffbfa;
}

#event2_contents{
               width:140px;
               height:145px;
               font-size:11px;
               line-height:1.3;
               border:1px solid #CCCCCC;
               padding:2px;
               background-color:#FFFFFF;
float:right;
}
#event2_contents2{
               width:140px;
               height:75px;
               font-size:11px;
               margin-top:5px;
               line-height:1.3;
               border:1px solid #CCCCCC;
               padding:2px;
               background-color:#FFFFFF;
float:right;
}





#contact  {
	margin: 0 auto;
	padding: 10px;
	background-color: #FFF !important;
}


#contact h3 {
	background: url(../images/logo_m.png);
	background-repeat: no-repeat;
	padding: 20px 0 0 55px;
	font-size: 18px;
	height: 36px;
	margin-top: 20px;
}
#contact li {
	display: inline;
	margin: 10px;
}

#navi  {
	margin: 0 auto;
	padding: 10px;
font-size: 12px;
	background-color: #FFF !important;
}

#navi li {
	display: inline;
	margin: 8px;
}

/* ----------------------------------------------------

    slide

---------------------------------------------------- */

#slideshow {
	width: 1200px;
height:500px;
	margin: 10px 0;
	border: 1px #000000;
}
#viewer {
	margin: 0 auto;
	width: 1200px;
height:500px;
	overflow: hidden;
	position: relative;
}
#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}
/* ----------------------------------------------------

    concours

---------------------------------------------------- */


#judge_box {
	width: 345px;
	height: 120px;
	margin: 5px;
	padding: 5px;
	float: left;
	background: #F2F2F2;
	box-shadow: 1px 1px 3px 0px #aeaeae;
	border-top: 1px solid #fffbfa;
}
#judge_box img {
	width: 100px;
	height: 120px;
	float: left;
}
#judge_contents {
	float: right;
	width: 230px;
line-height:1.5;
}

/* 大きい用 */
.judge_box-b {
	width: 500px;
	height: 220px;
	margin: 5px;
	padding: 5px;
	float: left;
	background: #EEE8AA;
	box-shadow: 1px 1px 3px 0px #aeaeae;
	border-top: 1px solid #fffbfa;
}
.judge_box-b img {
	float: left;
	width: 180px;
}
.judge_contents-b {
	float: right;
	width: 300px;
line-height:1.5;
}
/* 終わり */

.judge_name {
	font-size: 14px;
	font-weight: bold;
	color: #575757;
	border-bottom:  1px dashed;
}
#con_menu {
	margin: 50px 0 0 0;
	padding: 5px;
	float: left;
}
#con_menu li {
	margin-bottom: 5px;
}
#con_contents {
	margin: 50px 0 10px 0;
	width: 800px;
	padding: 5px;
	float: right;
	background-color: #FFF;
	padding: 15px;
	border: 1px solid #999;
}
#con_contents h3 {
	color: #333;
	font-size: 20px;
	background: url(../images/con_h3.png);
	background-repeat: no-repeat;
	padding: 15px 0 0 25px;
	border-bottom: 1px dashed #666666;
	margin: 0 0 10px 0;
}
#con_contents table {
	margin: auto;
	width: 600px;
	text-align: center;
	vertical-align: top;
	color: #333;
	background-color: #FFF;
	border: 1px solid #b9b9b9;
}
td {
	text-align: center;
	vertical-align: middle;
	color: #333;
	background-color: #FFF;
	border: 1px solid #b9b9b9;
	line-height: 1.7;
	margin:;
	padding:5px;
}

.wide{
	text-align: center;
	vertical-align: middle;
	color: #333;
	background-color: #FFF;
	border: 1px solid #b9b9b9;
	line-height: 1.7;
	margin:;
	padding: 15px 5px 15px 5px;
}


tr {
	text-align: center;
	vertical-align: top;
	color: #333;
	background-color: #FFF;
	border: 1px solid #b9b9b9;


}
td.middle {
	vertical-align: middle;
}
.glay {
	background-color: #F3F3F3;
	vertical-align: middle;
}
.glay2 {
	background-color: #DDDDDD;
}
.blue {
	background-color: #e2f1ff;
}
.gold {
	background-color: #E9E5DF;
}
.result {
	width: 600px;
	margin: 0 auto;
}
.pay {
	float: left;
	margin: 20px 10px;
	background-color: #FFFEE2;
	padding: 10px;
	border: thin 1px dotted #B8B8B8;
}
.box {
	padding-left: 100px;
}

.ls1 {
	line-height: 120%;
}

.border-none{
	margin: auto;
	width: 600px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #FFF;
	border: 0px;
}



/* ----------------------------------------------------

    apply コンクール共通応募要項

---------------------------------------------------- */

.apply li {
	list-style-type: disc;
	margin-left: 20px;
}
/* ----------------------------------------------------

    top_menu

---------------------------------------------------- */
#top_menu {
	height: 150px;
}
.top_menu {
	height: 800px;
}
#top_menu_box, #top_menu_box2, #top_menu_box3 {
	float: left;
	margin: 0 13px;
	font-size: 12px;
}
.top_menu_box {
	float: left;
	margin: 30px 13px;
	font-size: 12px;
}
.top_menu_box_container {
clear: both;
margin-bottom: 20px;
}
.piano {
	background: url(../images/piano.png);
	background-repeat: no-repeat;
}
.strings {
	background: url(../images/strings.png);
	background-repeat: no-repeat;
}
.wind {
	background: url(../images/wind.png);
	background-repeat: no-repeat;
}
.composition {
	background: url(../images/composition.png);
	background-repeat: no-repeat;
}
.chamber {
	background: url(../images/chamber.png);
	background-repeat: no-repeat;
}
.vocal {
	background: url(../images/vocal.png);
	background-repeat: no-repeat;
}
.piano, .strings, .wind, .composition, .chamber, .vocal {
	background-repeat: no-repeat;
	height: 30px;
	padding: 2px 0 0 30px;
	font-size: 14px;
	font-weight: bold;
}
#menubottom {
	visibility: hidden;
	display: none;
}
/* ----------------------------------------------------

    contents

---------------------------------------------------- */
#sidemenu {
	margin: 10px;
	float: left;
	height: 700px;
	width: 400px;
}

.border {
	border: 1px solid #ccc;
}
.line {
	border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
	width: 1000px;
}
.scr {
	overflow-x: hidden;
overflow-x: scroll;
	background-color: #FFF;
	position: absolute;
}


#sidemenu li {
	line-height: 2.2;
margin:5px auto;
}
#sidemenu li a {
	display: inline;
	color: #666;
	position: relative;
	text-decoration: none;
}
#sidemenu li a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}





#news {
	margin: 10px 20px 0 0;
	padding: 10px;
float: right;
	height: 160px;
	width: 620px;
	font-size: 12px;
	border: 1px solid #D1D1D1;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
overflow-y:scroll;

}
#news li {
	border-bottom: dashed #959595 1px;
	margin: 10px 5px;
	padding-left: 22px;
	background: url(../images/icon1.gif);
	background-repeat: no-repeat;
}

#news_en {
	margin: 10px 20px 0 0;
	padding: 7px;
float: right;
	height: 150px;
	width: 620px;
	font-size: 12px;
	border: 1px solid #D1D1D1;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
overflow-y:scroll;

}
#news_en li {
	border-bottom: dashed #959595 1px;
	margin: 5px 5px;
	padding-left: 22px;
	background: url(../images/icon1.gif);
	background-repeat: no-repeat;
}

#application {
	margin: 10px;
	float: left;
}
#application li {
	display: inline;
	margin-right: 15px;
}


h4 {
	color: #626262;
	background:#e3e3e3;
	font-size: 11pt;
	line-height: 1;
	margin: 10px 0px;
	padding: 5px;
	box-shadow: 1px 1px 3px 0px #aeaeae;
	border-top: 1px solid #fffbfa;
	border-radius: 2px;
}
#comment {
	margin: 20px auto 30px auto;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 2;
background-image:;
	background-repeat: no-repeat;
	background-position: center;
}

#comment_gold {
	padding: 5px;
	margin: 20px auto;
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	background: linear-gradient(to right,#b99b00, #ebde99, #f5eecc, #ebde99, #b99b00);
	background-repeat: no-repeat;
	background-position: center;
}

/* ----------------------------------------------------

　　　button ボタン

---------------------------------------------------- */
.btn_oubo{
  display: inline-block;
  background-color: #a559a5;/*背景色*/
  color: #fff ; /*文字色*/
  font-size: 1.5em;/*文字サイズ*/
  font-weight: bold;
  line-height: 1;
  width: 300px;
  text-decoration: none;
  letter-spacing: 0em;/*字間*/
  padding: 0.8em 1em;/*ボタン内の余白*/
  border: solid 1px #633563;
  border-radius: 5px;/*角の丸み*/
    cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
}

.btn_oubo:hover{
	color: #fff;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}


/* ----------------------------------------------------

    footer

---------------------------------------------------- */

#footer {
	position: relative;
	left: 8px;
}
#footermain {
	height: 315px;
	margin: 0 auto;
}
#description {
	padding: 5px 10px 5px 10px;
	font-size: 10px;
	line-height: 1.3;
	color: #666;
	text-align: center;
}
#copyright {
	width: 100%;
	padding: 4px 3px 3px 0px;
	height: 20px;
	margin-bottom: 0;
	font-size: 11px;
	color: #fff;
	background-color: #4F4F4F;
	text-align: center;

}
.mail {
	background: url(../images/mail.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-top: 5px;
}
.tel {
	background: url(../images/tel.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-top: 5px;
}
.hp {
	background: url(../images/hp.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-top: 5px;
}
.fax {
	background: url(../images/fax.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-top: 5px;
}
/* ----------------------------------------------------

    under

---------------------------------------------------- */
#kiso_contents {
	width: 750px;
	margin: auto;
}
#kiso_contents a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
.kiso_contents_block {
	font-size: 14px;
	line-height: 150%;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 20px;
}
.kiso_contents_block h2 {
	height: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #ff9574;
	padding: 15px 5px 5px 20px;
	background: url(../images/h2.png);
	background-repeat: no-repeat;
}
.kiso_contents_block h3 {
	height: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #f68670;
	padding: 20px 5px 5px 0;
	margin: 20px auto;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/line.jpg);
	background-repeat: repeat-x;
}
.kiso_contents_block h4 {
	height: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #999;
	margin: 20px 0 10px 0;
	padding: 2px 5px 2px 30px;
	border-bottom: 1px dotted;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/h4.jpg);
	background-repeat: no-repeat;
}
.kiso_contents_block h5 {
	margin-top: 20px;
	width: 80%;
	font-size: 16px;
	color: #333;
}
.kiso_contents_block h5 a {
	text-decoration: none;
	color: #333;
}
.kiso_contents_block h5 a:hover {
	text-decoration: underline;
	color: #333;
}
.kiso_contents_block ul {
	padding: 15px 30px;
}

#iken {
	margin: 10px 10px 0 0;
	padding: 5px;
	height: auto;
	width: auto;
	font-size: 12px;
background-color:#F3F3F3;

}

#iken li {
	border-bottom: dashed #959595 1px;
	margin: 10px 5px;
background-repeat: no-repeat;
list-style:none;
}


/* ----------------------------------------------------

    etc

---------------------------------------------------- */
#pagetop {
	margin-right: 10px;
	height: 90px;
}
#pagetop a:hover {
	position: relative;
	top: 2px;
}
#pan {
	padding: 0 0 10px 0;
	color: #626262;
	font-size: 12px;
	line-height: 150%;
}
#pan img {
	width: 16px;
	height: 16px;
	position: relative;
	top: 2px;
	right: 3px;
}
#pan a {
	text-decoration: underline;
	color: #96F;
}
#pan a:hover {
	color: #fc5b90;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}
.txt-img {
	margin: 5px 10px;
}
.txt-img a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* ----------------------------------------------------

    text

---------------------------------------------------- */
.mp {
	color: #00b4ff;
	font-size: 20px;
	line-height: 120%;
	font-weight: bold;
}
.mb {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}
.mb a {
	color: #00b4ff;
	text-decoration: underline;
}
.mb a:hover {
	color: #f5588a;
}
.bgy {
	background: #ffffdd;
}
.rb {
	color: #F00;
	font-weight: bold;
}
.sp {
	color: #f5588a;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	line-height: 1.5;
}
.new {
	color: #FF4E81
}

.keshi {
	text-decoration: line-through;
}

.ls {
	font-size: 12px;
	color: #b3b3b3;
	line-height: 150%;
}




/* ----------------------------------------------------

    ここからレスポンシブ 大きな画面(パソコン)

---------------------------------------------------- */

@media screen and (min-width: 760px) and (max-width: 1200px) {
#wrapper {
	width: 100%;
	overflow: auto;
}
#mainimg {
	position: relative;
	width: 100%;
	height: auto;
}
#container {
	position: relative;
	width: 95%;
}
#container_judge {
	position: relative;
	width:100%;
}
#top_menu {
	position: relative;
	width: 100%;
}
#maincontents_index {
	position: relative;
	width: 840px;
	height: auto;
	margin: auto;
}
#maincontents {
	position: relative;
	width: 750px;
	height: auto;
	margin: auto;
}
#maincontents_4 {
	width: 730px;
	margin: auto;
	position: relative;
}
#img2 {
	position: relative;
	width: 100%;
	height: auto;

}
#con_menu {
	margin: 20px auto 30px auto;
	padding: 5px;
	float: none;
	width: 750px;
}
#con_menu li {
	margin: 2px;
	float: left;
}
#con_contents {
	margin: 50px auto 10px auto;
	padding: 5px;
	width: 700px;
	float: none;
	background-color: #FFF;
	padding: 15px;
	border: none;
	clear: both;
}
.logo {
	font-size: 14px;
	text-align: center;
	margin: 0px;
	line-height: 1.3;
	padding: 30px 10px 0 50px;
	height: 100px;
	width: 100%;
	position: relative;
}
#sidemenu {
	margin: 10px 0 0 60px;
	clear: both;
	height: 500px;
	width: 410px;
	float: left;
}
.scr {
	overflow-x: hidden;

	background-color: #FFF;
	position: relative;
}

#slideshow {
	width: 1000px;
	height: 600px;
	float: none;
	margin: 0 auto;
	clear: both;
}
#viewer {
	margin: 0 auto;
	width: 1000px;
height:600px;
	float: none;
	text-align: left;
	overflow: hidden;
	position: relative;
	clear: both;
}

#viewer img {
	position: relative;
	width: 100%;
}
#container h2 {
	margin: 10px auto;
}
#news {
	margin: 10px;
float:left;
	padding: 10px;
	width: 280px;
	height: 450px;
}

#news_en {
	margin: 20px;
float:none;
	padding: 10px;
	width: 300px;
	height: 450px;
}




#application {
	margin: 10px 0 0 60px;

}
#application li {
	margin-right: 5px;
float:left;
}
#top_menu_box {
	float: left;
	margin: 30px 10px;
	font-size: 13px;
}
#top_menu_box2 {
	clear: both;
	margin: 30px 60px 30px 10px;
	font-size: 13px;
}
#top_menu_box3 {
	clear: both;
	margin: 30px 50px;
	font-size: 13px;
}

.top_menu_box {
	float: left;
	margin: 30px 10px;
	font-size: 13px;
}
.top_menu_box2 {
	clear: both;
	margin: 30px 60px 30px 10px;
	font-size: 13px;
}
.top_menu_box3 {
	clear: both;
	margin: 30px 50px;
	font-size: 13px;
}
.top_menu_box_container {
clear: both;
margin-bottom: 40px;
}
#top_menu {
	/* height: 400px; */
	width: 800px;
margin:auto;
display:block;
}
#navi {
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	font-size: 13px;
}
#navi li {
	margin: 12px;
}

#contact {
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	font-size: 13px;
}
#contact li {
	margin: 12px;
}
#menubottom {
	visibility: visible;
}
.box {
	padding-left: 30px;
}
}

/* ----------------------------------------------------

    ここからレスポンシブ　中～小の画面(タブレット、スマホ)

---------------------------------------------------- */

@media screen and (max-width: 759px) {
#wrapper {
	width: 100%;
	overflow: auto;
}
#mainimg {
	position: relative;
	min-width: 130px;
	height: auto;
}
#maincontents, #maincontents_index, #maincontents_4 {
	position: relative;
	width: 350px;
	height: auto;
	margin: auto;
}
 #container {
 position: relative;
 width: 95%;
}
#container_judge {
	position: relative;
	width:100%;
}
#img2 {
	position: relative;
	width: 100%;
	height: auto;
}
.img2 {
	position: relative;
	width: 100%;
	height: auto;
}

#img3 {
	position: relative;
	width: 100%;
	height: auto;
}

#con_menu {
	margin: 20px auto 30px auto;
	padding: 5px;
	float: none;
	width: 260px;
	padding-top: 0;
}
#con_menu li {
	margin: 2px;
	float: left;
}
#con_contents {
	margin: 50px auto 10px auto;
	padding: 5px;
	width: 80%;
	float: none;
	background-color: #FFF;
	padding: 15px;
	border: none;
	clear: both;
}
#con_contents table {
	width: 100%;
	text-align: center;
}
.logo {
	font-size: 12px;
	text-align: center;
	margin: 0px;
	line-height: 1.3;
	padding: 15px 10px 0 50px;
	width: 85%;
	position: relative;
	background: url(../images/logo_m.png);
	background-repeat: no-repeat;
}
#sidemenu {
	margin: 15px 0;
	float: none;
	clear: both;
	height: 500px;
	width: 355px;
	position: block;
}

#sidemenu img {
width:98%;
}

.scr {

	background-color: #FFF;
	position: relative;
width:350px;
}
#slideshow {
	width: 100%;
	height: 200px;
	float: none;
	margin: 0 auto;
	clear: both;
}
#viewer {
	margin: 0 auto;
	float: none;
	text-align: left;
	overflow: hidden;
	position: relative;
	clear: both;
}
#viewer img {
	position: relative;
	width: 100%;
}
#container h2 {
	margin: 10px auto;
}
#news, #news_en {
	margin: 10px auto;
	padding: 10px;
	float: none;
	clear: both;
	width: 93%;
	height: 200px;

}
#application {
	margin: 10px 0;
	clear: both;
width:360px;
}

#app {
width:97%;
}

#app2 {
width:170px;
height:auto;
}

#application li {
	margin-right: 10px;
}



#top_menu_box, #top_menu_box2, #top_menu_box3 {
	float: none;
	margin: 40px 0 0 30px;
	font-size: 13px;
}
.top_menu_box, .top_menu_box2, .top_menu_box3 {
	float: none;
	margin: 40px 0 0 30px;
	font-size: 13px;
}
#top_menu {
	height: auto;
}
#top_menu li {
	line-height: 2.3;
}
#comment {
	margin: 20px auto 10px auto;
	display: block;
	font-size: 12px;
	text-align: center;
	line-height: 1.5;
}
#contact {
	margin: 0 auto;
	padding: 10px;
	width: 90%;
	font-size: 13px;
}
#contact li {
	display: block;
	margin: 10px 0 0 100px;
}

#navi {
	margin: 0 auto;
	padding: 10px;
	width: 90%;
	font-size: 13px;
}
#navi li {
	display: block;
	margin: 10px 0 0 100px;
}
#description {
	padding: 5px;
}
#copyright {
	width: 100%;
	font-size: 10px;
}
/* #menutop {
	visibility: hidden;
	display: none;
} */
#menubottom {
	visibility: visible;
	display: block;
}
.box {
	padding-left: 10px;
}

.img3 {
	text-align:center;
	 display: block;
	 position:relative;
}

#judge_box {
	width: 335px;
	height: 120px;

}

#judge_contents {
	width: 230px;
}

#judge_box img {
	width: 100px;
height:auto;
}

.judge_name {
	font-size: 13px;
}

.img4 {
width:100%;
	position:relative;
}



/* 大きい用 */
.judge_box-b {
	width: 345px;
	height: 120px;
	margin: 5px;
	padding: 5px;
	float: left;
	background: #EEE8AA;
	box-shadow: 1px 1px 3px 0px #aeaeae;
	border-top: 1px solid #fffbfa;
}
.judge_box-b img {
	width: 100px;
	height: 120px;
	float: left;
}

.judge_contents-b {
	float: right;
	width: 230px;
line-height:1.5;
}

/* 終わり */

}