/*　　　　　横幅　1000px　以下（スマホ）用の場合のスタイル　　　　　*/

	.wrapper {
		margin:0 auto;
		text-align:center ;
	}

	#contents{
		margin: 0 auto;
		vertical-align:middle;
		width: 100%;
	}

	#footer{
		clear: both;
		text-align: center;
		color:#000;
	}

	#footer a, a:visited, a:link, a:active {
		color: #000000;
		text-decoration:none;
	}


		/*
		div{
			border: 1px solid #333333;
		}
		*/

/*　　　　　横幅　1000px　以上の場合のスタイル　　　　　*/


@media(min-width: 1000px) {

	.wrapper {
		max-width:1000px;
		margin:0 auto;
		text-align:center ;
	}

	#contents{
		display:table;
	}

	.arrow_box {
		padding: 5px 25px;
		vertical-align:middle;
		position: relative;
		border: 2px solid #000000;
		border-radius: 1em;
	}
	.arrow_box:after, .arrow_box:before {
		right: 100%;
		top: 20%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #FFFFFF;
		border-width: 15px 30px 2px 0px;
		margin-top: -15px;
	}
	.arrow_box:before {
		border-color: rgba(0, 0, 0, 0);
		border-right-color: #000000;
		border-width: 18px 33px 3px 0px;
		margin-top: -17px;
	}

        #mail_form {
                display: none;
        }

        #p-title {
                width:90%;
                text-align:center;
                margin:0 auto;
		margin-top:15px;
		padding:1px;
		margin-bottom:-5px;
                border-radius:10px;
        }

}
/*　　　　　　　　　min-1000px　　　　　　　　　　　　*/