@charset "utf-8";
/* 下層ページの中身のスタイル。もとの layout.css（パンくず以降）と main.css をそのまま引き継ぎ、最後にスマホ用の調整を足したもの（2026-10 作り直し） */
/* ---- もとの base.css（下層ページの前提になっている初期化と clearfix） ---- */
/* =====================================================================
　0.base
===================================================================== */
* {
	margin:0;
	padding:0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#main{clear:both;width:710px;margin:0 auto}
#pan{
	clear:both;
	width:710px;
	margin:0 auto 5px auto;
	color:#333;
	font-size:10px;
}

#pan a{
	color:#336699;
	font-size:10px;
}

.notice {
	display: block;
	margin-bottom:20px;
}

.notice-wrap{
	padding: 15px;
	line-height: 1.3;
	font-weight: normal;
}

.notice-click{
	display: block;
	background: red;
	padding:10px;
}

.notice-click-text{
	text-align: center;
	font-size: 23px;
	color: #fff;
	position: relative;
}

.notice-click-text:after{
	margin-left:20px;
	position: absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0px 10px 12px;
	border-color: transparent transparent transparent #ffffff;
}

.notice-title {
	font-size: 32px;
	text-align: center;
}

.notice-subtext {
	font-size: 24px;
	text-align: center;
}


.notice-text{
	margin-top:10px;
	margin-left:20px;
	font-size: 23px;
	text-align: left;
}


/* ---- ここから main.css ---- */


.blank{
	display: inline-block;
	background: url(img/bt_pdf.gif) no-repeat center right;
	padding-right:25px;
	_padding-right:20px;
	margin-right:5px;
}


/* =====================================================================
　	h2
===================================================================== */
#main h2{
	width:710px;
	height:32px;
	padding-top:3px;
	text-align:center;
	background:url(img/bg_h2.gif) repeat-x;
}

#info #main h2{
	color:#666;
	width:710px;
	height:30px;
	margin-top:10px;
	line-height:20px;
	text-align:left;
	background:url(img/bg_info_h2.gif)  no-repeat bottom;
}

h5{
	margin-bottom: 10px;
	color: #2c3a96;
	font-size: 18px;
	font-weight: bold;
}

/* =====================================================================
　	margin
===================================================================== */
.img_l{
	float:left;
}

.img_r{
	float:right;
}

.img_l10{
	float:left;
	margin-right:10px;
}

.img_r10{
	float:right;
	margin-left:10px;
}

.m_top5{
	margin-top:5px;
}

.m_top10{
	margin-top:10px;
}

.m_top15{
	margin-top:15px;
}

.m_top25{
	margin-top:25px;
}

.m_right10{
	margin-right:10px;
}

.p_t10b10{
padding:10px 0;
}

.m_bottom10{
	margin-bottom:10px;	
}

/* =====================================================================
　	p
===================================================================== */
.f_r{
	color:#369;
	font-size:10px;
	float:right;
	margin:5px 0 0 0;
}

.f_r a,
.f_r a:hover,
.f_r a:active, 
.f_r a:link,
.f_r a:visited
{
	color:#369;
}

.f_l a,
.f_l a:hover,
.f_l a:active, 
.f_l a:link,
.f_l a:visited
{
	color:#369;
}

.base_15{
	color:#48C1C1;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

.p13_333{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

.p14{
	font-size:14px;
	font-weight:bold;
}

.p10{
	font-size:10px;
}

.cap {
width:150px;
float:left;
margin:10px 10px 0 0;
}

.cap p{
font-size:10px;
}

/* =====================================================================
　	1.index.html
===================================================================== */
#home h2{
	width:730px;
	height:308px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:url(img/top_h2_new.jpg) no-repeat;
}

#home .top_l{
	width:360px;
	float:left;
}

#home #main h3{
	color:#666;
	text-align:left;
	width:360px;
	height:30px;
	line-height:20px;
	background:url(img/bg_home_h3.gif) no-repeat;
}


#home .top_r{
	width:330px;
	float:right;
}

.top_r h4{
	width:333px;
	height:35px;
	text-indent:-9999px;
	background:url(img/ti_new.gif) no-repeat;
}

.top_r dl{
	padding:0 15px;
	background:url(img/bg_new.jpg) repeat-x bottom;
	border-bottom:1px #CCC dashed;
	overflow:hidden;
}

.top_r dl dt{
	clear:left;
	float:left;
	width:60px;
	padding:10px 0;

}

.top_r dl dd{
	clear:right;
	width:230px;
	padding:10px 0 10px 60px;
	border-bottom:1px #CCC dashed;

}

.top_r dl dd a,
.top_r dl dd a:active, 
.top_r dl dd a:link,
.top_r dl dd a:visited{
	color:#369;
	text-decoration:none;
}

.top_r dl dd a:hover{
	color:#369;
	text-decoration:underline;
}

#kekka{
	margin-top: 20px;
}
#kekka h4{
	padding: 0 5px;
	margin-bottom: 5px;
	background: #26D4D4;
	color: #FFF;
	font-size:15px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 25px;
	
}
#kekka .day{
	color: #F00;
	font-size: 14px;
	font-weight: bold;
}
#kekka p{
	line-height:1.7;
}


/* =====================================================================
　	2.greeting.html
===================================================================== */
.g_line{
	margin-top:10px;
	border-bottom:1px #CCC solid;
	padding-bottom:10px;
}

.g_no_line{
	margin-top:10px;
}

.g_text{
	float:left;
	width:565px;
}

.g_left{
	width:120px;
	float:left;
	margin-right:25px;
}

.g_right{
	width:120px;
	float:right;
}

.yaku_center{
	margin:5px 0;
	font-size:12px;
	line-height:120%;
	text-align:center;
}

.bg_name{
	color:#FFF;
	width:120px;
	text-align:center;
	background:#79D2D2 url(img/bg_greeting_bot.gif) no-repeat bottom;
}

.bg_name .w14{
	font-size:14px;
	font-weight:bold
}

.bg_name .w10{
	font-size:10px;
}

/* =====================================================================
　	3.invitation.html
===================================================================== */
#invitation .box1{
	width:680px;
	margin:10px auto 0 auto;
	padding:10px;
	overflow:hidden;
	background:#D7F1F1 url(img/bg_inv_box1.gif) no-repeat bottom right;
}

.box_wh350{
	width:340px;
	padding:0 5px 5px 5px;
	float:left;
	overflow:hidden;
	background:#FFF url(img/bg_wh_350_bot.gif) no-repeat bottom;
}

.box1 .ad{
	border-left:1px #79D2D2 solid;
	padding:5px 0 0 5px;
}

.box1 .r_box310{
	width:310px;
	float:right;
}

/* .list_pdf{
padding:5px 0 0 0;
}

.list_pdf li{
	padding:1px 0 0px 0;
}

.list_pdf li a,
.list_pdf li a:hover,
.list_pdf li a:active, 
.list_pdf li a:link,
.list_pdf li a:visited{
	color:#369;
} */

.list_pdf{
	padding:5px;
	background:#fff;
	margin:5px;
	border:solid 1px #ddd;
	font-size:13px;
	}
	
	.list_pdf li{
		padding:1px 0 0px 0;
	}
	
	.list_pdf li a,
	.list_pdf li a:hover,
	.list_pdf li a:active, 
	.list_pdf li a:link,
	.list_pdf li a:visited{
		color:#369;
		line-height: 2;
	}

.inv_table{
	margin-top:10px;
	border-collapse:separate;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-spacing: 0;
}

.inv_table th{
	color:#666;
	width:70px;
	padding:5px 5px;
	background-color:#ECE9D8;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
}
	
.inv_table td{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding:5px 10px;
}
	
.inv_table dl.list1 dt{
	float:left;
}

.inv_table dl.list1 dd{
	margin-left:4em;
}

.inv_table .list2 li{
	margin-left:15px;
	list-style:disc;
	padding:5px 0;
}

/* =====================================================================
　	4.archive.html
===================================================================== */
#archive #a_left{
	width:570px;
	float:left;
	overflow:hidden;
}

#archive h2{
	width: 100%;
	height:30px;
	background:url(img/bg_h2.gif) repeat-x;
}

.archive_listbox{
padding-top:10px;
background-color:#FFFBC8;
}

.archive_listbox img{
margin-bottom:10px;
}

.archive_listbox .list_c{
width:505px;
margin:0 auto 0 auto;
}

.a_data{
	clear:both;
	margin:0;
	padding:25px 0 0 0;
}

.a_data img{
	width:310px;
	float:left;
}

.a_data dl{
	width:240px;
	float:right;
}

.a_data_all dl{
	width:100%;
	margin-top:15px;
}

.a_data dt,
.a_data_all dt{
	margin:3px 0 0 0;
	color:#359F9F;
	font-weight:bold;
}

.a_data dd,
.a_data_all dd{
	padding:3px 2px;
	border-bottom:1px #CCC solid;
}

.a_data dd a,
.a_data dd a:hover,
.a_data dd a:active, 
.a_data dd a:link,
.a_data dd a:visited
{
	color:#369;
}

#archive #a_right{
	float:right;
	width:120px;
}

.a_link{
	border:1px #79D2D2 solid;
	margin-bottom:5px;
}

.a_link h3{
	padding:5px 0;
	background:#79D2D2;
	text-align:center;
}

.a_link ul{
	padding:0 10px;
	list-style:none;
}

.a_link li{
	padding:5px 0 5px 10px;
	color:#666;
	font-size:12px;
	border-bottom:1px #79D2D2 dashed;
	background:url(img/ic_kako.gif) no-repeat left center;
}

/*#a_right .a_link li a,
#a_right .a_link li a:active,
#a_right .a_link li a:link{
	color:#666;
}
#a_right .a_link li a:hover,
#a_right .a_link li a:visited{
	color:#996666;
}

.a_link .on{
	color:#996666;
	font-weight:bold;
}*/


#a_right .a_link li a{color:#666; text-decoration:none;}
#a_right .a_link li a:link{color:#336699;font-weight: normal;}
#a_right .a_link li a:visited{color:#336699; font-weight: normal;}
#a_right .a_link li a:active{color:#666; font-weight: normal;}
#a_right .a_link li a:hover{color:#336699; font-weight:bold;}


.work_ti{
	width:450px;
	margin:10px auto 0 auto;
	text-align:left;
}

.work_ti_s{
	width:260px;
	margin:0 auto 10px auto;
	text-align:center;
}

.work{
	margin:10px auto 20px auto;
	text-align:center;
	clear:both;
}

.work2{
	margin:10px auto 0px auto;
	text-align:left;
	clear:both;
}

.work2 .p_13{
	font-size:13px;
	font-weight:bold;
}

.work_l{
	width:260px;
	float:left;
	margin:10px 0 20px 0;
	text-align:center;
	clear:both;
}

.work_r{
	width:260px;
	float:right;
	margin:10px 0 20px 0;
	text-align:center;
}

.work h4,
.work2 h4,
.work_l h4,
.work_r h4{
	margin-top:3px;
	font-size:16px;
	font-weight:bold;
}

.work h5,
.work_l h5,
.work_r h5{
	margin-top:2px;
	font-size:13px;
	font-weight:bold;
}

.bt_list{
width:700px;
margin:20px auto 0 auto;
}

.bt_list li{
float:left;
margin:0 5px 10px 0;
}
#archive p span.ic_p{
	padding: 10px 0;
	background:url(img/ic_paretto.gif) no-repeat 7px 9px;
	padding-left:28px;
}
#archive p span.ic_f{
	padding: 10px 0;
	background:url(img/ic_fude.gif) no-repeat 8px 9px;
	padding-left:28px;
}

table.prize,#news table.prize{
	clear:both;
	margin-top:10px;
	border-collapse:separate;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-spacing: 0;
}

table.prize th,#news table.prize th{
	color:#666;
	padding:2px 5px;
	background-color:#ECE9D8;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align:center;
	font-weight:bold;
}
	
table.prize td,#news table.prize td{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding:2px 10px;
}

table.prize td.ic_p,#news table.prize td.ic_p{
	background:url(img/ic_paretto.gif) no-repeat 7px 4px;
	padding-left:28px;
}

table.prize td.ic_f,#news table.prize td.ic_f{
	background:url(img/ic_fude.gif) no-repeat 8px 5px;
	padding-left:28px;
}

#archive table td a,
#archive table td a:hover,
#archive table td a:active, 
#archive table td a:link,
#archive table td a:visited
{
	color:#369;
}

.list_pdf2 li{
	background:url(img/bt_pdf.jpg) no-repeat 0 5px;
	padding:7px 0 0 25px;
}

.list_pdf2 li a,
.list_pdf2 li a:hover,
.list_pdf2 li a:active, 
.list_pdf2 li a:link,
.list_pdf2 li a:visited {
	color:#369;
}

#archive table.committee{
	margin-top:5px;
	border:1px solid #CCC;
	border-spacing: 0;
	border-collapse:separate;
}

#archive table.committee td{
	padding:5px 10px;
}

.he_1 hr{
	height:1px;
	color:#CCC;
}

.w550{
	width:550px;
	margin:0 auto;
	padding:0;
}

.ceremony_ph{
	clear:both;
}

.ceremony_ph1{
	float:left;
	margin-top:25px;
}

.ceremony_ph2{
	float:right;
	margin-top:25px;
}

.ceremony_ph1_1{
	clear:both;
	float:left;
	margin-top:5px;
}

.ceremony_ph2_1{
	float:right;
	margin-top:5px;
}

.ceremony_ph3{
	clear:both;
	margin:25px auto 0 auto;
}

.ceremony_ph4{
	float:left;
	margin:25px 0 0 12px;
}

.ceremony_box01{
	width:130px;
}

.ceremony_ph p,
.ceremony_ph1 p,
.ceremony_ph2 p,
.ceremony_ph1_1 p,
.ceremony_ph2_1 p,
.ceremony_ph3 p,
.ceremony_ph4 p,
.ceremony_box01 p,
.pic01 p{
	margin-top:5px;
	font-size:10px;
	line-height:120%;
}

.ceremony_ph:after,
.ceremony_ph1:after,
.ceremony_ph2:after,
.ceremony_ph1_1:after,
.ceremony_ph2_1:after,
.ceremony_ph3:after,
.ceremony_ph4:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.bg_green{
	background:#DDF8F8;
	margin-top:20px;
	padding:10px;
}

.bg_green ul{
	list-style:none;
}

.bg_green ul li{
	margin-top:10px;
}

.bg_green dt{
	margin-top:10px;
	color:#349F9F;
	font-weight:bold;
}

.list_12{
	margin-top:15px;
}

.list_12 ul li{
	float:left;
	margin:0;
	padding:5px 0 0 10px;
}

.list_12 .ti_01{
	background:url(img/ti_01.gif) no-repeat;
	width:570px;
	height:25px;
	text-indent:-9999px;
}

.list_12 .ti_02{
	background:url(img/ti_02.gif) no-repeat;
	width:570px;
	height:25px;
	text-indent:-9999px;
}

.list_12 .ti_03{
	background:url(img/ti_03.gif) no-repeat;
	width:570px;
	height:25px;
	text-indent:-9999px;
}

.list_12 .ti_04{
	background:url(img/ti_04.gif) no-repeat;
	width:570px;
	height:25px;
	text-indent:-9999px;
}

.list_12 .ti_05{
	background:url(img/ti_05.gif) no-repeat;
	width:570px;
	height:25px;
	text-indent:-9999px;
}

.list_12 .ti_06{
	background:url(img/ti_06.gif) no-repeat;
	width:570px;
	height:25px;
	text-indent:-9999px;
}

ul.link_event{
	clear:both;
	margin-bottom:10px;
}

ul.link_event li a{
	margin-bottom:5px;
}

/* =====================================================================
　	5.contact.html
===================================================================== */
.c_crnter{
	margin:10px auto 0 auto;
}

/* =====================================================================
　	6.privacy.html
===================================================================== */
.p_contact{
	width:300px;
	margin-top:20px;
	text-align:left;
}

/* =====================================================================
　	7.news.html
===================================================================== */
#news h2{
	width:710px;
	height:35px;
	text-indent:-9999px;
	background:url(img/h2_new.gif) no-repeat;
}

#news h3{
	text-align:center;
	font-size:17px;
	font-weight:bold;
}

#news .box_1{
	width:280px;
	margin:10px auto 0 auto;
	padding:15px;
	background:#ECE9D8;
}

#news h4{
	text-align:center;
	font-size:15px;
	font-weight:bold;
}

#news .box_1 ul{
	margin-top:10px;
	text-align:center;
}

#news .box_1 ul li a,
#news .box_1 ul li a:hover,
#news .box_1 ul li a:active, 
#news .box_1 ul li a:link,
#news .box_1 ul li a:visited
{
	color:#369;
}

#news .center{
	width:450px;
	margin:0 auto 0 auto;
}

/* =====================================================================
　	7.出品について（2013.1.16追加）（2013.12.16変更）
===================================================================== */

#w_navi{
	margin:0;
	padding:0;
	width:710;
	height:40px;
}

#w_navi ul{
	position:relative;
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
}

#w_navi li{
	height:40px;
	margin-left:10px;
	float:left;
	list-style:none;
}

#w_navi ul li.w01{
	width:110px;
	background: url(img/btn_work01.gif) no-repeat;
}

#w_navi ul li.w02{
	width:110px;
	background:url(img/btn_work02.gif) no-repeat;
}

#w_navi ul li.w03{
	width:110px;
	background:url(img/btn_work03.gif) no-repeat;
}

#w_navi ul li.w04{
	width:110px;
	background:url(img/btn_work04.gif) no-repeat;}

#w_navi ul li.w05{
	width:210px;
	background:url(img/btn_work05.gif) no-repeat;}

#w_navi ul li a{
	height:40px;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	text-decoration:none;
}

#w_navi ul li.w01 a:hover{background:url(img/btn_work01.gif) no-repeat bottom;}
#w_navi ul li.w02 a:hover{background:url(img/btn_work02.gif) no-repeat bottom;}
#w_navi ul li.w03 a:hover{background:url(img/btn_work03.gif) no-repeat bottom;}
#w_navi ul li.w04 a:hover{background:url(img/btn_work04.gif) no-repeat bottom;}
#w_navi ul li.w05 a:hover{background:url(img/btn_work05.gif) no-repeat bottom;}

.inv01 #w_navi ul li.w01 a{background:url(img/btn_work01.gif) no-repeat bottom;}
.inv02 #w_navi ul li.w02 a{background:url(img/btn_work02.gif) no-repeat bottom;}
.inv03 #w_navi ul li.w03 a{background:url(img/btn_work03.gif) no-repeat bottom;}
.inv04 #w_navi ul li.w04 a{background:url(img/btn_work04.gif) no-repeat bottom;}
.inv05 #w_navi ul li.w05 a{background:url(img/btn_work05.gif) no-repeat bottom;}

.center{
	text-align:center;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}

table.sunpou{
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FFF;
    empty-cells:show;
	margin:10px 0 0 10px;
}
.sunpou th{
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    color:#333;
    background-color:#F0F0F0;
    background-image:url(../img/table-back.gif);
    padding:0.5em 2em;
    text-align:center;
}
.sunpou td{
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:0.5em 2em;
}

#work_02 h4,
#work_03 h4{
	width:300px;
	margin:15px 0 10px 10px;
	padding:5px 10px;
	border-left:10px #211D6A solid;
	border-top:1px #CCC solid;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	font-size:16px;
	color:#211D6A;
	font-weight:bold;
}

#work_03 h4.none_l{
	margin:15px 0 10px 0;	
}

#work_04 h4,
#work_05 h4{
	margin:15px 10px 10px 10px;
	padding:5px 10px;
	border-left:10px #211D6A solid;
	border-top:1px #CCC solid;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	font-size:16px;
	color:#211D6A;
	font-weight:bold;
}

.pa10{
	padding:0 10px;
}

#work_02 ul.img_sho{
	clear:both;
	margin-top:10px;
}

#work_02 ul.img_sho li{
	float:left;
	padding-left:10px;
}

.sho280{
	width:280px;
}

.sho340{
	width:340px;
}

.sho400{
	width:400px;
}

.f_left10{
	float:left;
	padding:0 10px 0 0;
}

.f_left90{
	float:left;
	padding:0 0 0 90px;
}

.f_right10{
	float:right;
	padding:0 0 0 10px;
}

table.sunpou_art{
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FFF;
    empty-cells:show;
	margin:10px 0 0 10px;
}
.sunpou_art th{
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    color:#333;
    background-image:url(../img/table-back.gif);
    padding:0.2em 2em;
    text-align:center;
}
.sunpou_art td{
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:0.2em 2em;
	text-align:center;
}

.sunpou_art tr.even th,
.sunpou_art tr.even td{
	background:#F0F0F0;
}

.art300{
	width:300px;
	float:left;
	margin:0 0 0 10px;
}

.art330{
	width:330px;
	float:right;
	margin:10px 10px 0 0;
	text-align:center;
}
.art340{
	width:340px;
	float:left;
	margin:10px 0 0 10px;
	text-align:center;
}

.box_g400{
	width:380px;
	margin-left:10px;
	padding:10px;
	float:left;
	background-color:#F0F0F0;
}

.box_g270{
	width:250px;
	margin-right:10px;
	padding:10px;
	float:right;
	background-color:#F0F0F0;
}

.p_bl14{
	color:#211D6A;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
}

.or_15{
text-align:left;
color:#FF6600;
border:1px #FF6600 solid;
margin-top:20px;
padding:5px;
font-weight:bold;
}

#btn_move{
	width:670px;
	margin:0 auto;
}

#btn_move ul{
	margin:10px 0 0 -10px;
	padding:0;
	list-style:none;
}

#btn_move li{
	height:30px;
	margin-left:10px;
	float:left;
	list-style:none;
}

.boxRed{
	width:710px;
	padding:0 0 10px 0;
/*	float:left;
*/	background:#FAECEC;
}
.boxBlue{
	width:360px;
	padding:0 0 10px 0;
	float:right;
	background:#E5EFF2;
}

ul.list_youshiki{
	clear:both;
	width:330px;
/*	height:35px;
*/	margin:0 auto;
/*    float: left;
*/}
ul.list_youshiki li{
	float:left;
	margin:0 5px;
	padding:0;
}
/*.boxRed p,
.boxBlue p{
	margin-left:10px;
	margin-right:10px
}*/

.blue{
	color:#005F84;
}

.w155l{
	width:340px;
	float:left;
	margin-left:10px;
}

.w155r{
	width:340px;
	float:right;
	margin-right:10px;
}

.w180{
	width:180px;
}

.w220{
	width:220px;
}

.w240{
	width:240px;
}

.h4_Red{
	text-align:center;
	margin:10px 10px 5px 10px;
	padding:10px 0;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	background:#D97375;
}

.h4_Red2{
	text-align:center;
	margin:10px 0 5px 0;
	padding:10px 0;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	background:#D97375;
}

.h4_Blue{
	text-align:center;
	margin:10px 10px 5px 10px;
	padding:3px 0;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	background:#448CA5;
}

.p_red{
	color:#F00;
}

p.ml_none{
	margin-left:0;
}

p.mlr_none{
	margin-left:0;
	margin-right:0;
}

.ic_blue li{
	background:url(img/ic_list_blue.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
	margin-bottom:2px;	
}

.ic_blue2 li{	/* 13.12.17追記 */
	background:url(img/ic_list_blue2.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
	margin-bottom:2px;	
}


.boxLineRed{
	padding:10px;
	border:1px solid #F00;
	background:#FFF;
}

/*----0214追加-----*/
.ttl_aqua{
	text-align:center;
	font-weight:bold;
	color:#189898;
	clear:both;
	display:block;
}


.pic01{
	width:130px;
	float:left;	
	margin:25px 10px 10px 0;
}

.pic01 img{
	display:block;
}

.syou01{
	width:270px;
	float:left;
}

.syou01 dt{
	font-weight:bold;	
}

.syou01 dd{
	margin-top:5px;
	font-size:10px;
	line-height:120%;	
}

.strong {
    font-weight: bold;
    color: red;
}

.text01{
	float:left;
	width:249px;
	margin:25px 10px 0 0;	
}

.text02{
	float:right;
	width:249px;
	margin:25px 0 0 10px;	
}

.center{
	text-align:center;	
}

.mg-r10{
	margin-right:10px;	
}

/* 13.12.17追記 */
.boxBlueWide{
	padding: 15px 20px;
	background-color:#211D6A;
}
.boxBlueWide p{
	color:#FFF;
	font-weight:bold;
	font-size: 16px;
	line-height: 1.6;
}
.list2 li{
	margin-left:15px;
	list-style:disc;
	padding:5px 0;
}

/* 15.02.12追記 */
.top_qr{
	margin-bottom:20px;
	padding:10px;
	background:#FFFBC8;
	line-height:1.8;
}
.top_qr h4{
	margin-bottom:10px;
	padding-left:10px;
	border-top:1px solid #221B68;
	border-right:1px solid #221B68;
	border-bottom:1px solid #221B68;
	border-left:5px solid #221B68;
	background:#FFF;
	color:#221B68;
	font-size:16px;
	font-weight:bold;
	line-height:1.8;
}
.red{ color:#F00;}

.inv_qr{
	margin:15px 0 25px 0;
	padding:15px;
	border:1px solid #221B68;
	line-height:1.8;
}
.inv_qr h3{
	margin-bottom:15px;
	padding-bottom:10px;
	color:#221B68;
	font-size:17px;
	font-weight:bold;
	border-bottom:1px dashed #221B68;
	text-align:center;
}

.p_big{
	font-size:18px;
	font-weight:bold;
}
.inv_qr img{ margin-right:10px;}

/* 17.03.28 トップ学校コード追記 */

#school_code{
	width: 328px;
	margin-bottom: 20px;
	border: 1px solid #3C5EA7;
	background: #C9D1E7;
	text-align: center;
}
	.code_in{
		width: 318px;
		margin: 0 auto;
	}
	#school_code h3{
		width: 328px !important;
		height: auto !important;
		margin-bottom: 10px;
		padding: 10px 0;
		background: #3C5EA7 !important;
		background-image: none !important;
		text-align: center !important;
	}
	#school_code p.lead{
		margin-bottom: 10px;
		font-weight: bold;
		vertical-align: middle;
	}
		span.search_no{
			margin-right: 5px;
			vertical-align: middle;
		}
		p.lead span.search_no img{ width: 13px; }

	#SchoolPrefCd{
		width: 100px;
		margin: 0 auto 10px;
		padding: 5px 10px;
	}
	#school_code input{
		width: 270px;
		margin-bottom: 5px;
		padding: 5px 10px;
	}
	p.chui{
		margin-bottom: 10px;
		color: #666;
		font-size: 12px;
	}
	p.err{
		margin-bottom: 10px;
		color: #E00;
		border: 1px solid #E00;
		background: #FFF;
	}


	table.school {
		width: 318px;
		margin-bottom: 10px;
		background: #FFF;
		border-collapse: collapse;
		line-height: 1.5;
		text-align: left;
	}
		table.school th {
			width: 40px;
			padding: 10px;
			border: 1px solid #CCC;
			font-weight: bold;
			text-align: center;
		}
		table.school td {
			padding: 10px;
			border: 1px solid #CCC;
		}
	#school_code input[type="button"]{
		width:130px;
		height:35px;
		margin-bottom: 10px;
		border:none;
		background:url(img/btn_search.gif) no-repeat left top;
	}
	#school_code input[type="button"]:hover{
		width:130px;
		height:35px;
		margin-bottom: 10px;
		border:none;
		background:url(img/btn_search_on.gif) no-repeat left top;
		cursor: pointer;
	}

	/*12月10日追加*/

	.flex01{
		display: -webkit-box;  /*//この辺が*/
		display: -webkit-flex; /*//Android2.3~とか*/
		display: -ms-flexbox; /*//IE9~用*/
		display: flex;
		justify-content: center;
	}


	/*中川追加*/
#topics ul {
	height:150px;
	overflow-y: scroll;
 	scrollbar-width: thin;}
#topics ul{
	width: 100%;
	margin: 30px auto;
	border-top:1px solid #ebe9e1;
}

#topics .grey{
  background-color:#666 !important;
}


#topics li{
  display: flex;
  padding:15px;
  border-bottom:1px solid #ebe9e1;
}


#topics .label{
  border-radius:3px;
  color:#fff;
  padding:2px 5px;
  margin:0 20px;
  background-color:#2B3996;
height: 1.4em;
}


#topics a{
	text-decoration: none;
	color:#333;
  
}

#topics h4{
    color: #4a5c94;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 30px 10px;
}

.top-banner {
	overflow: hidden;
	width: 100%;
}

.top-banner li {
	float: left;
	width: calc(100%/3);/*←画像を横に3つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}


.top-banner2 li {
	float: left;
	width: calc(100%/2);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.top-banner2 li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}

.link {
      color: blue;
      text-decoration: underline;
}

#topics .day {
    width: 55px;
}

.old {    background-color: #808080 !important;}
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center
}

/* ボタン（デザインはお好みで） */
.my_modal_btn{
    display: block;
    width: 100%;
    padding: 11px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 18px;
    text-align: center;
}

/* チェックボックスを非表示 */
#my_modal1{
    display: none;
}
/* モーダル */
.my_modal_body1{    
    display: none;
    position: fixed;
    z-index: 100000;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    display: none;
    background-color: #FFF;
    overflow-y: auto;
    /* スマホ用スクロール */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    /* お好みで */
    width: 90%;
    max-height: 80%;
    max-width: 600px;
}

/* モーダル内ヘッダー */
.my_modal_header{
    padding: 15px 10px;
    background-color: #23282D;
    color: #FFF;
    font-weight: bold;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    text-align: center;
 margin-bottom:-12px;
}

/* クローズアイコン */
.my_modal_close{
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
}
.my_modal_close_icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}
.my_modal_close_icon span::before,
.my_modal_close_icon span::after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84%;
    height: 16%;
    margin: -8% 0 0 -42%;
    background: #FFF;
}
.my_modal_close_icon span::before{
    transform: rotate(-45deg);
}
.my_modal_close_icon span::after{
    transform: rotate(45deg);
}

/* コンテンツ表示 */
.my_modal_content{
    padding: 30px;
font-size: 1.2em;
}


.my_modal_content dt {
  margin-top: 1em;
  padding:0.5em;
  color: #FFF;
  text-shadow: 1px 1px rgba(0,0,0,.4);
  background-color: #2B3996;
}
.my_modal_content dd {
padding: 0.5em;
  margin-left: 0;
  border-width: 0 0.5px 0.5px;
  border-style: none solid solid;
  border-color: #2B3996;
}

/* 背景を暗くする */
.my_modal_overlay{
    display: none;
    position: fixed;
    z-index: 90000;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-color: #111;
    opacity: 0.3;
    cursor: pointer;
}

/* チェック時オーバーレイとコンテンツを表示 */
#my_modal1:checked ~ .my_modal_body1, #my_modal1:checked ~ .my_modal_overlay{
    display: block;
}
/* =====================================================================
   スマホ（820px未満）：固定幅の中身を画面に合わせる
   ===================================================================== */
@media (max-width:819px){
  #main,#home #main,#pan{width:auto !important;margin:0 16px}
  #main *{max-width:100%}
  #main img{height:auto}
  #main h2{width:auto !important;height:auto !important;background-size:100% 100%}
  #main table{display:block;width:auto !important;overflow-x:auto;-webkit-overflow-scrolling:touch}
  #main [style*="width"]{width:auto !important}
  #main .float_l,#main .float_r,#main .top_l,#main .top_r{float:none !important;width:auto !important}
  #pan{font-size:12px}
  #pan a{font-size:12px}
}

/* 下層ページは、もとの文字の見え方（字体・行間）をそのまま使う */
body{font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;font-size:small;line-height:140%}
@media (max-width:819px){body{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;font-size:15px;line-height:1.6}}
/* もとの CSS は幅の計算が content-box 前提 */
#main,#main *,#main *::before,#main *::after,#pan{box-sizing:content-box}
/* もとの layout.css の基本部分から引き継ぐ */
.none{display:none}
a img{text-decoration:none;border:none}
@media (max-width:819px){
  /* 回り込みの写真は、スマホでは本文の上に1枚で置く */
  #main [style*="float"],#main .img_l,#main .img_r,#main .img_l10,#main .img_r10,#main img[align]{float:none !important;display:block;margin:12px auto !important;width:auto !important}
}
#main::after{content:"";display:block;clear:both}
@media (max-width:819px){
  /* 左右に振り分けた箱は、スマホでは上から順に並べる */
  #main .f_left,#main .f_right{float:none !important;margin:8px auto !important;text-align:center;width:auto !important}
  #main [style*="margin-left"],#main [style*="margin-right"]{margin-left:auto !important;margin-right:auto !important}
  #main div,#main ul,#main p,#main h3,#main h4{width:auto !important;max-width:100%}
  #main .flex01{flex-wrap:wrap;justify-content:center}
}
@media (max-width:819px){
  /* ---- スマホの余白と左ぞろえ（2026-10-16 社長の指摘で調整） ---- */
  /* 縦に並んだ画像のバナー・ボタンの間をあける */
  #main a > img{display:inline-block}
  #main div > a > img,#main p > a > img,#main li > a > img,#main .f_left img,#main .f_right img{margin:0 0 10px}
  #main .flex01 li,#main .flex01 > div{margin:0 4px 8px !important}
  #main ul.list_youshiki li{float:none;display:inline-block;margin:0 4px 8px}
  /* 文章の段落・見出しの上下に間をとる */
  #main p + p,#main p + ul,#main ul + p,#main div + p{margin-top:.8em}
  #main h3,#main h4{margin-top:14px !important;margin-bottom:8px !important;line-height:1.5}
  #main h2{margin-bottom:12px}
  /* 公募規定の「資料請求・問い合わせ先」の箱 */
  #invitation .box1{width:auto;padding:12px;background-image:none}
  .box_wh350,.box1 .r_box310{float:none;width:auto !important;padding:12px 14px;margin:0 0 12px;background-image:none;background-color:#fff}
  #main img[src*="bg_wh_350"],#main img[src*="ic_dan"]{display:none}
  .box1 .ad{margin:10px 0 0;padding:0 0 0 10px}
  .box1 .ad p{line-height:1.7}
  .box1 .r_box310 > img{display:block;margin:0 0 8px}
  .list_pdf li{padding:0;margin:0 0 8px}
  .list_pdf li a{display:block;padding:8px 10px !important;margin:0 !important}
  .box1 .r_box310 > div{margin:12px 0 8px}
}
@media (max-width:819px){
  #btn_move{width:auto}
  #btn_move ul{margin:10px 0 0}
  #btn_move li{height:auto;float:none;margin:0 0 8px}
  #btn_move li img{margin:0}
  #w_navi li{margin:0 6px 6px 0 !important}
}
@media (max-width:819px){
  #w_navi,#w_navi ul{height:auto !important;overflow:visible;margin-bottom:14px}
  #w_navi::after,#w_navi ul::after{content:"";display:block;clear:both}
  /* 見出しと中身の2列の表は、スマホでは上下に積む */
  #main table.inv_table{display:block;overflow:visible}
  #main table.inv_table tbody,#main table.inv_table tr,#main table.inv_table > tbody > tr > th,#main table.inv_table > tbody > tr > td{display:block;width:auto !important}
  #main table.inv_table > tbody > tr > th{text-align:left;padding:8px 10px}
  #main table.inv_table > tbody > tr > td{padding:8px 10px 12px}
  #main table.inv_table td table{display:table;width:100% !important}
}
/* 出品の流れの矢印の上下に余白（2026-10-16 社長の指摘） */
#main img[src*="yajirushi"]{margin:10px 0 4px}
/* 第24回以降の過去の美術展ページ（2026-10-16 新設） */
#main h2.arc-h2{height:auto;padding:8px 10px;background:#2b3996;color:#fff;font-size:16px;font-weight:bold;text-align:left;width:auto}
#main h2.arc-h2 small{font-size:12px;font-weight:normal;margin-left:6px}
.arc-sec{margin:18px 0}
.arc-sec h3{font-size:14px;font-weight:bold;color:#2b3996;border-left:5px solid #2b3996;padding:2px 8px;margin-bottom:8px}
.arc-links li{border-bottom:1px dotted #ccc}
.arc-links a{display:block;padding:8px 6px;font-size:13px}
@media (max-width:819px){.arc-links a{font-size:15px;padding:10px 4px}}
.arc-data{display:grid;grid-template-columns:4em 1fr;gap:6px 10px;margin:14px 0;padding:12px 14px;background:#f4f5fa;border:1px solid #d9dcef;font-size:13px;line-height:1.7}
.arc-data dt{font-weight:bold;color:#2b3996}
.arc-data dd{margin:0}
@media (max-width:819px){.arc-data{font-size:15px}}
/* 下層ページのゴシックも Noto Sans JP にそろえる（表などの読み物） */
body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif}
@media (max-width:819px){body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif}}
/* 雰囲気を伝える短い文は明朝 */
.arc-data,#greeting #main p,.arc-h2{font-family:"Zen Old Mincho","Hiragino Mincho ProN","Yu Mincho",serif}
.arc-data dt{font-family:"Noto Sans JP",sans-serif}

/* ---- 見出しを画像から文字に（2026-10-16 社長の指摘） ---- */
#main h2.ttl{width:auto;height:auto;min-height:32px;padding:6px 12px 5px;color:#fff;font:bold 16px/1.5 "Noto Sans JP",sans-serif;letter-spacing:.08em;text-align:center;text-shadow:0 1px 2px rgba(0,70,80,.45);background:url(img/bg_h2.gif) repeat-x;background-size:auto 100%}
#main h3.ttl-red{background:#cf4547;color:#fff;font:bold 15px/1.5 "Noto Sans JP",sans-serif;text-align:center;padding:5px 10px;letter-spacing:.06em}
@media (max-width:819px){
  #pan{margin:12px 16px 14px !important;line-height:1.6}
  /* 箱と箱の間に残っていた改行タグの空きを消す */
  #main > br,#main .clearfix + br{display:none}
  #w_navi,#w_navi ul{margin-top:0 !important;margin-bottom:6px !important}
  #main h2.ttl{font-size:15px;letter-spacing:.04em}
  #main h2.ttl + *{margin-top:12px}
}
/* 古いページ別の h2 指定（#invitation #main h2 など）より強くする */
body #main h2.ttl{width:auto !important;height:auto !important;min-height:32px;margin-bottom:12px;padding:6px 12px 5px !important;color:#fff !important;font:bold 16px/1.5 "Noto Sans JP",sans-serif !important;letter-spacing:.08em;text-align:center !important;text-shadow:0 1px 2px rgba(0,70,80,.45);background:url(img/bg_h2.gif) repeat-x !important;background-size:auto 100% !important;border:0 !important}
body #main h3.ttl-red{width:auto !important;height:auto !important;background:#cf4547 !important;color:#fff !important;font:bold 15px/1.5 "Noto Sans JP",sans-serif !important;text-align:center !important;padding:5px 10px !important;letter-spacing:.06em}
@media (max-width:819px){body #main h2.ttl{font-size:15px !important}}

/* ==== 2026-10-16 社長の指摘で調整（読みやすさ・帯・リンク） ==== */
/* 赤い帯：上の帯も、下の帯と同じく左右に10pxの余白 */
.h4_Red2{margin:10px 10px 5px !important}
/* 文字の見出しの帯：文字を上下の真ん中に */
body #main h2.ttl{display:flex !important;align-items:center;justify-content:center;min-height:42px;padding:8px 12px 7px !important;line-height:1.4 !important}
/* 下層ページの文字を大きく（画像のボタンや図はそのまま） */
body #main{font-size:15px;line-height:1.8}
#main p,#main td,#main th,#main li,#main dd,#main dt,#main .p14,#main .p13_333{font-size:15px}
#main table.inv_table th,#main table.inv_table td{padding:10px 14px;line-height:1.75}
#pan,#pan a{font-size:12px}
/* リンク：一覧として並ぶリンクは下線なし、文章の中のリンクだけ控えめな下線 */
#main a{color:#1f4fa0;text-decoration:none}
#main a:hover{color:#0d2f6e;text-decoration:underline}
#main p a,#main td a,#main dd a{text-decoration:underline;text-decoration-color:rgba(31,79,160,.35);text-underline-offset:3px}
#main p a:hover,#main td a:hover,#main dd a:hover{text-decoration-color:currentColor}
#main .list_pdf a,#main .arc-links a,#main #w_navi a,#main #btn_move a{text-decoration:none !important}
/* 出品の流れの図の中は、図の幅に合わせて文字を少し控えめに、並びを保つ */
#main ul.list_youshiki{width:auto !important;display:flex;justify-content:center;gap:14px}
#main ul.list_youshiki li{float:none;margin:0}
#main .boxRed p,#main .boxRed li,#main .boxRed td{font-size:14px;line-height:1.7}
#main .boxRed .clearfix .f_left + .f_right,#main .boxRed .f_right{width:auto !important;float:none !important;overflow:hidden;padding-left:10px}

/* ==== 仕上げ（2026-10-16 社長の指摘：余白のリズムと共通パーツのトンマナ） ==== */
/* パンくずの下を少し広く */
#pan{margin-bottom:12px !important;padding-top:2px}
/* 右の「過去の美術展」一覧は、どのページでも同じ文字サイズ・行間（古いページに合わせる） */
/* 第24回以降の見出しは、ほかのページと同じ青緑の帯に */
body #main h2.ttl.arc-h2 small{font-size:12px;font-weight:normal;margin-left:8px;color:#fff}
#a_left > h2:first-child{margin-top:0 !important}
body #main h2.ttl.arc-h2{min-height:36px;padding:5px 12px 4px !important}