@charset "utf-8";

@import url(reset.css);

/*---------------------------
layout
---------------------------*/

div#wrapper {
	width:800px;
	margin:25px auto;
	padding:0px;
	background:#FFF;
	border:7px solid #DDD;
}

div#privacy {
	width:660px;
	margin:0px auto;
	padding:0px;
	font-size:14px;
	color:#333;
	line-height:150%;
}

div#privacy h1 {
	width:100%;
	margin:50px auto 20px auto;
	padding:0px;
	text-align:center;
}

div#privacy h2 {
	width:100%;
	margin:0px 0px 15px 0px;
	padding:10px 0px 3px 0px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}

div#privacy h3 {
	width:100%;
	margin:0px 0px 15px 0px;
	padding:0px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

div#privacy h4 {
	width:100%;
	margin:0px;
	padding:0px;
	text-align:left;
}

div#privacy p {
	margin:0px auto 15px 0px;
	padding:0px;
}

div#privacy ul {
	width:100%;
	margin:0px auto 15px auto;
	padding:0px;
}

div#privacy li {
	width:100%;
	margin:0px 0px 4px 0px;
	padding:0px;
	list-style:disc inside;
}

table{
	width:100%;
	margin:0 auto;
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;
}

th{
	background:#FCFCFC;
	width:150px;
	padding:10px;
	font-weight:bold;
	border-right:1px solid #EEE;
	border-bottom:1px solid #EEE;
}


th,td{
	padding:10px;
	border-right:1px solid #EEE;
	border-bottom:1px solid #EEE;
}

div#privacy .pfooter {
	color:#333;
	margin:50px 0px 0px 0px;
	padding:20px 0px;
	text-align:center;
	border-top:1px solid #CCC;
}

@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */



div#wrapper {
	width:95%;
	border:none;
	margin:0px auto;
}

div#privacy {
	width:90%;
	border:none;
}

div#privacy h1 {
	margin:30px auto 20px auto;
}


th{
	width:30%;
}



}