@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
div.wrapper{text-align:left}


img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.fluid {
	clear: both;
	margin-left: 0px;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;    
}

.topspace{
	margin-top: 5px;
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
	max-width: 960px;
	background-color: #FFF6D9;
	background-repeat: repeat-x;
	background-image: url(../images2/all_bg.gif);
	border-radius: 10px;
	margin-top: 5px;
}

.gridContainer-top {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
	max-width: 960px;
	background-color: #FFF6D9;
	border-radius: 10px;
	margin-top: 5px;
}

#headVisual {
width: 100%;
}

#headVisual img {
	width: auto;
}


.space1{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.center{
	width: 100%;
	margin-top: -15px;
	margin-bottom: 20px;
}  
.center div   {  
    width: 98%;  
    margin: 0 auto;  
}

.font-red{
	color:#FF0000;
}

.font-blue{
	color: #0084FF;
}

#mainmanu{
	width: 100%;
}

.menuitem {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	background-color: #FFA600;
	border-radius: 6px;
	width: 100%;
	clear: both;
	padding-left: 2px;
	padding-right: 2px;
}

.menuitem p {
	height: 34px;
	overflow: hidden;
	padding-top: 0px;
	margin-top: -2px;
	margin-bottom: -3px;
}


#mainslider {
}
.bxslider {
	padding-top: 0px;
	padding-bottom: 0px;
}
#logo1 {
	width: 100%;
	max-width:100%;
	margin-top: 10px;
	margin-bottom: 5px;
}

#logo2 {
	width: 100%;
	margin-left: 0;
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
}
	
h1, h2, h3 {
	color: #00A3FF;
	font-style: normal;
	font-weight: 600;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1 {
	font-size: 72px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	text-transform: uppercase;
}

h2 {
	margin-top: 0.2em;
	margin-bottom: -0.5em;

}

h3 {
	margin-top: 0.1em;
}

/*--ライン-----------------------*/

section hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

/* #line01 */
.line01 hr {
	border-top: 2px dashed #ffcb59;
	width: 100%;
	margin-bottom: -1px;
	clear: left;
}

/* #line01 */
.line04 hr {
	border-top: 1px dashed #FFF6D9;
	width: 90%;
	margin-bottom: -1px;
	clear: left;
}

/* #line02 */
.line02 hr {
	border-top: 2px dashed #C9B487;
	width: 100%;
	margin-bottom: -1px;
	clear: left;
}

/* #line03 */
.line03 hr {
	height: 1px;
	background: #bbb;
	background-image: -webkit-linear-gradient(left, #ECE5C8, #C1B07F, #ECE5C8);
	background-image: -moz-linear-gradient(left, #ECE5C8, #C1B07F, #ECE5C8);
	background-image: -ms-linear-gradient(left, #ECE5C8, #C1B07F, #ECE5C8);
	background-image: -o-linear-gradient(left, #ECE5C8, #C1B07F, #ECE5C8);
}

/*--ライン-----------------------*/

#maincom2 {
	width: 100%;
	margin-left: 0;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#maincom2 p {
	font-size: 0.95em;
	text-align: left;
}

#maincom1 {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}

#maincom-meister {
	width: 90%;
	margin-left: 10px;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: -22px;
}
#maincom-meister p {
	font-size: 0.95em;
	text-align: left;
}


#attention2{
	color: #F08600;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.95em;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#attention{
	color:#2a0000;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.8em;
	text-align:center;
	}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

#howto {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #e3cc7a;
	border-radius: 15px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: -1px;
	width: 98%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}



#footer {
	color: #320000;
	font-size: 0.75em;
	line-height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.8em;
}
	
#footer a {
	color: #320000;
	text-decoration: none;
	}
#footer a:hover {
	color: #320000;
	text-decoration: none;
	}
#footer a:visited {
	color: #320000;
	text-decoration: none;
	}

.leftmargin1{margin-left:1em;}


.icon01 img {
	vertical-align: -0.12em;
	margin-right: 3px;
	white-space: nowrap;

}

footerlabel{
	display:inline-block;
}

.txtpad1{
	text-align: left;
	text-shadow: 0.1em 0.2em 2px #CCCCCC;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 0px;
	height: 7em;
	line-height: 2;
	font-size: 1em;
	overflow: hidden;
}

.txtpad2{
	text-align: left;
	text-shadow: 0.1em 0.2em 2px #CCCCCC;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 0px;
	height: 5em;
	line-height: 2;
	font-size: 1em;
	overflow: hidden;
}

#howtoimg{
	border-radius: 14px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 10px;
	text-align: left;
}

#meisterimg{
	border-radius: 14px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../images2/meister_i.png);
	background-size: 100% auto;
}

#kidsimg{
	border-radius: 14px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../images2/kids_i.png);
	background-position: 100% 0%;
}

#artimg{
	border-radius: 14px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../images2/art_i.png);
	background-position: 100% 0%;
}

#prizeimg{
	border-radius: 14px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../images2/prize_i.png);	
}

#opimg{
	border-radius: 14px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 4px;
}

.cornertit{
	margin-top: -2px;
	margin-bottom: 0px;
}

#op h4{
	margin-top: 0em;
	margin-bottom: 0em;
}

#past h4{
	color:#A06800;
	margin-top: 0em;
	margin-bottom: 0em;
}




@media screen and (max-width:479px){
	
#maincom-how-send {
	margin-left: -10px;
	width: 100%;
}
	
.prize-photo{
	width: 98%;
}

.ce-photo{
	width: 98%;
}

.menuitem {
	margin-left: -2px;
}

#footer {
	display:none;
}

#footer2 {
	color: #320000;
	font-size: 0.9em;
	line-height: 100%;
}
	
#footer2 a {
	color: #320000;
	text-decoration: none;
	}
#footer2 a:hover {
	color: #320000;
	text-decoration: none;
	}
#footer2 a:visited {
	color: #320000;
	text-decoration: none;
	}
	
.footer2item {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFE692;
	border-radius: 15px;
	margin-top: 3px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	width: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
	text-align: center;
}

#footercopy {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -6px;
	width: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
	text-align: left;
	
}

/*ステージページ*/
#award-art {
	font-size: 0.8em;
}

#award-kids {
	font-size: 0.8em;
}

#award-idea {
	font-size: 0.8em;
}

#award-meister {
	font-size: 0.8em;
}

#award-comment {
	font-size: 0.8em;
}

#award-team {
	font-size: 0.8em;
}
/*ステージページend*/

}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media screen and (min-width: 481px) {

.gridContainer {
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	margin-top: 5px;
}

.gridContainer-top {
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	margin-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

#headVisual {
width: 100%;
}


.menuitem {
	width: 22.5%;
	clear: none;
	margin-left: 1%;
}

#mainslider {
}
#logo1 {
	width: 38%;
}
#logo2 {
	width: 59%;
	clear: none;
	margin-left: 2.5641%;
	text-align: right;
}

#maincom1 {
width: 48%;
}
#maincom2 {
	width: 98%;
	margin-left: 2%;
	clear: none;
}

/*ステージページ*/
#award-kids {
	font-size: 0.75em;
	width: 45%;
	clear: none;
	float: left;
}

#award-kids {
	font-size: 0.75em;
	width: 45%;
	float: left;
}

#award-idea {
	font-size: 0.75em;
	width: 45%;
	clear: none;
	float: left;
}

#award-meister {
	font-size: 0.75em;
	width: 45%;
	float: left;
}

#award-meister2 {
	font-size: 0.75em;
	width: 45%;
	clear: none;
	float: left;
}

#award-comment {
	font-size: 0.75em;
	width: 45%;
	float: left;
}

#award-team {
	font-size: 0.75em;
	width: 45%;
	clear: none;
	float: left;
}
/*ステージページend*/

#howto {
	width: 98%;
	float: left;
}

#meister {
	width: 57%;
	clear: none;
	float: right;
}
#kids {
	width: 31%;
	float: left;
}
#art {
	width: 30%;
	clear: right;
	float: left;
}
#prize {
	width: 29%;
	clear: right;
	float: right;
}
#op {
	width: 47%;
	float: left;
}
#past {
	width: 46%;
	clear: right;
	float: right;
}

#footer2 {
	display:none;
}

.txtpad1{
height: 6em;
}

.txtpad1{
	text-align: left;
	text-shadow: 0.1em 0.2em 2px #CCCCCC;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 0px;
	height: 13.5em;
	line-height: 2;
	font-size: 0.9em;
	overflow: hidden;
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	max-width: 960px;
	padding-left: 0.5625%;
	padding-right: 0.5625%;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	clear: none;
	float: none;
	width:auto;
	max-width: 960px;
}

.gridContainer-top {
	max-width: 960px;
	padding-left: 0.5625%;
	padding-right: 0.5625%;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	clear: none;
	float: none;
	width:auto;
	max-width: 960px;
}

#headVisual {
width: 36.7088%;
}

.menuitem {
	width: 23.4%;
	clear: none;
	margin-left: 1%;
}

#mainslider {
}
#logo1 {
	width: 38%;
}
#logo2 {
	width: 59%;
	clear: none;
	margin-left: 1.2658%;
}
#maincom1 {
	width: 37%;
}
#maincom2 {
	width: 98%;
	margin-left: 2%;
	clear: none;
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

.award {
	width: 36%;
	float: left;
}

#howto {
	width: 98%;
	float: left;
}

#meister {
	width: 59.1%;
	clear: none;
	float: right;
}
#kids {
	width: 31.5%;
	float: left;
}
#art {
	width: 31.5%;
	clear: right;
	float: left;
}
#prize {
	width: 31%;
	clear: right;
	float: right;
}
#op {
	width: 48%;
	float: left;
}
#past {
	width: 48%;
	clear: right;
	float: right;
}

#footer2 {
	display:none;
}

.txtpad1{
	text-align: left;
	text-shadow: 0.1em 0.2em 2px #CCCCCC;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 0px;
	height: 11em;
	line-height: 2;
	font-size: 1em;
	overflow: hidden;
}


}