@charset "utf-8";
@media screen and (max-width: 599px){

#main h2 {
margin:10px 0 50px 0;
padding:50px 20px;
border:solid 1px #666666;
background:-moz-linear-gradient(to bottom,#999999,#666666 64%,#333333 65%,#666666); 
background:-webkit-linear-gradient(to bottom,#999999,#666666 64%,#333333 65%,#666666); 
background:linear-gradient(to bottom,#999999,#666666 64%,#333333 65%,#666666); 
color:#FFFFFF;
text-shadow:1px 1px 0 #000000;
font-size:x-large;
font-weight:bold;
line-height:100%;
text-align:center;
}





.img,
.img-sp {
text-align:center;
margin-top:20px;
color:#666666;
font-size:small;
}

.img img,
.img-sp img {
width:100%;
}

.img-pc,
.menu-pc,
.pc {
display:none;
}

.menu-sp {
margin:50px 0;
font-size:small;
text-align:center;
	overflow: auto;
}

.menu-sp ul {
/*margin-left:-35px;*/
}

.menu-sp li {
display:block;
float:left;
list-style:none;
margin:5px;
}

.menu-sp .menu-sp2 li {
width:46%;
}

.menu-sp .menu-sp3 li {
width:29%;
}

.menu-sp img {
width:100%;
}

.menu-sp .menu-sp2 li img {
max-width:200px;
}

.menu-sp .menu-sp3 li img {
max-width:100px;
}





/* 見出し */

#main h3 {
clear:both;
	color: #eaeaea;
    background: #143456;
    font-size: 20px;
    padding: 15px;
    border: none;
    margin: 50px 0 20px 0;
    text-align: left;
}

#main h4 {
clear:both;
border:#143456 dotted 2px;
	text-align: left;
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    margin: 30px 0 20px 0;
}

#main h5,
#main h6,
#main .p-h {
clear:both;
font-size:large;
font-weight:bold;
}

#main h5,
#main h6,
#main > .p-h {
margin-top:10px;
}

/* 段落 */

#main .p-none {
margin:10px 5px 0 5px;
}

#main .p-center {
clear:both;
margin:10px 0 0 0;
text-align:center;
}

#main .p-strong {
clear:both;
margin:10px 0 0 0;
color:#FF0000;
font-size:large;
font-weight:bold;
text-align:center;
}

/* 画像 */

#main .span-img {
display:block;
float:left;
margin-bottom:30px;
width:100%;
text-align:center;
font-size:small;
}

/* リスト */

#main > ul,
#main > ol,
#main > dl {
margin:10px 5px 0 5px;
}

#main .ul-none {
list-style:none;
}

#main .ul-none li {
margin-left:-35px;
}

#main .ul-common {
list-style:url(../img/list-common.gif);
}

#main .ul-ast {
list-style:url(../img/list-ast.gif);
}

#main .ul-common li,
#main .ul-ast li,
#main ol li {
margin-left:-20px;
}

#main .dl-br > dt {
clear:both;
margin-top:10px;
padding-left:15px;
background:url(../img/list-common.gif) top left no-repeat;
font-weight:bold;
}

#main .dl-br > dd {
margin-left:15px;
}

#main .dl-float > dt {
clear:both;
float:left;
padding-left:15px;
background:url(../img/list-common.gif) top left no-repeat;
font-weight:bold;
}

#main .dl-float > dd {
float:left;
margin-left:10px;
}

/* テーブル */

#main table,
#main th,
#main td {
border:#999999 solid 1px;
border-collapse:collapse;
}

#main table {
clear:both;
margin:15px 0 0 0;
width:100%;
}

#main th,
#main td {
padding:2px 5px;
text-align:center;
}

#main th {
background:#EEEEEE;
font-weight:bold;
text-align:center;
}

/* フォント */

#main p,
#main ul,
#main ol,
#main dl,
#main table{
color:#000000;
line-height:170%;
}





/* トップへ戻る */

#main .gotop {
margin:50px 0 50px 0;
}





/* お問い合わせ */

#main .contact {
margin-top:10px;
padding:0 5px 0 5px;
background:#F3F3F3;
border:dotted 1px #999999;
}

#main .contact div {
float:left;
margin-right:50px;
}

#main .contact div p.p-h {
margin-top:0;
}

#main .contact dl {
margin:-15px 0 0 0;
}

#main .contact hr + p.p-h,
#main .contact hr + dl {
margin-top:10px;
}

#main .contact .p-none {
margin-top:0;
padding-right:10px;
text-align:right;
}

/* カレンダー */

#main .contact .calendar {
margin:5px;
width:200px;
}

#main .contact .calendar-text {
margin:0;
padding:0;
color:#000000;
line-height:100%;
}

#main .contact .calendar-text span {
color:#ffcccb;
line-height:100%;
}




/* 位置調整 */

#main .dl-float + h3,
#main .dl-float + h4 {
padding-top:30px;
}

#main .dl-float + h5,
#main .dl-float + h6,
#main .dl-float + p-h {
padding-top:10px;
}

#main table + .contact {
margin-top:20px;
}

#main .gotop {
margin-top:30px;
}

#main .contact + .gotop {
margin-top:15px;
}

}