html,body { height : auto ;}
#contener{
	margin:auto;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	max-height: 999999px;
}
div#contents {
  margin-top: 100px;
}

#header{
	margin:-22px -10px 0 -8px;
	background-color:#0082c8;
	/*border-bottom:5px solid #4B4B4B;*/
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	}

#footer{
	border-top:3px solid #999;
	margin-top:15px;
	padding-top:20px;
	}

.rogo{
    font-size:28px;
    font-weight:bold;
	padding-left:30px;
	padding-top:35px;
	padding-bottom:25px;
	margin-bottom:5px;
	color:#fff;
	}
#moji-now{
	padding-top:8px;
	padding-left:3px;
	font-size:18px;
	font-weight:bold;
	}

#moji{
	padding-left:8px;
	font-size:16px;
	line-height: 150%;
	}

#moji-foot{
	font-size:12px;
	line-height: 150%;
	}
#moji-foot a{
	text-decoration: none;
    color:#00a0e9;	
	}
#moji-foot a:visited{
	text-decoration: none;
    color:#00a0e9;	
	}
.moji-tel{
	font-size:24px;
	padding-top:8px;
	padding-bottom:8px;
	display:block;
	}


#bottun{
    width:45%;
	margin:auto;
	margin-top:100px;
    font-size:24px;
	font-weight:bold;
	text-decoration:none;
    display:block;
    text-align:center;
    padding:15px 0 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    border-radius:50px;
	margin-bottom:25px;
	border:1px solid #c0c0c0;
	outline:0;
	color:#333; 
}


a {
text-decoration: none;
color:#808080;
}

a:visited{
text-decoration: none;
color:#fff;	
	}

.taisetu{
	color:#e5004f;
	font-weight:bold;
	font-size:18px;

	}
.ation{
line-height: 120%;
padding-bottom:8px;
color:#F00;
}

.image{
	border:#c1c1c1;
	padding-right:15px;
	
	}

.kyoutyou{
	color:#F00;
	}


#bottun a:hover{
text-decoration: none;
color:#fff8dc;	
outline:0; 
	}
	
	
	
#counter{
text-align:right;
margin-top:5px;
}

#rogoicon{
margin-right:3px;
	}

.goods_table{
width:100%;
margin-bottom:30px;
margin-top:40px;
border-spacing: 10px 0;
}
	
.goods_table td.goods_name{
border:2px solid #c1c1c1;
width:180px;
height:100px;
text-align:center;
border-radius: 8px;
}
.company_name{
font-size:22px;
font-weight:bold;
text-align:center;
padding-top:20px;
line-height: 128%;
}
span.font-size-small {
    font-size: 19px;
}
#bango{
	font-size:65px;
	font-weight:bold;
	color:#e54b4b;
font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial;
height:135px;
	}
#contener{
margin-top:-10px;
}

.foot-moji{
font-size:28px;
}
.red{
color:#ff0000;
}
.foot-msg02{
font-size:24px!important;
}
.maru_half,.maru_half2size {
	color: #fff;
    background-color: #00a0e9;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 20px;
}
/*.maru_half2size{
    border-radius: 50%;
    padding-left: 0.3em;
    padding-right: 0.3em;
    color: #fff;
    margin-right:0.1em;
    background: #00a0e9;
    font-size:20px;
    display: inline-block;
    vertical-align: text-top;
}
*/
span.midle-name {
    font-size: 22px;
}
span.long-name {
    font-size: 19px;
}
.flex-waku-name {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}
.flex-item-num {
    width: 16%;
}
@media screen and (max-width: 480px){
/*スマホ表示*/
.company_name{
font-size:16px;
line-height:120%;
}

.company_name1{
line-height:120%;
font-size:16px;
}

.goods_table td{
width:55px!important;

}

.goods_table td.goods_name{
width:55px!important;
}
.goods_table td#bango{
width:55px!important;
height:35px!important;
font-size:18px!important;
}
.foot-moji{
font-size:16px;
line-height:160%;
}
}
