@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
* { padding: 0;	margin: 0;}
html {overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 1.0em;	font-weight: normal;}
table {	border-collapse: collapse;}
img { border: none; vertical-align: bottom;}
ol, ul, li { list-style-type: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font: 14px/1.8 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#666;
}

/* layout
---------------------------------------------*/
body {
  background:#ffffff;
  text-align:center;
  font-size:14px;
}
#intro{
	width:800px;
	margin:0px auto;
}
.wrap {
	margin:0px auto;
	width:918px;
	
}
#container {
	background-color:#FFFFFF;
	width:800px;
	margin: 0px auto;
   line-height: 180%;
	text-align: left;
}
h2 { font-size:30px; margin-bottom:30px;}
h3 {
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom:30px;
  font-weight:bold;
}

p { margin-bottom:30px;}
ul { margin-bottom:30px;}
.tb01{
	width:600px;
	margin:30px auto 30px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.tb01 .title{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:6px;
	background-color:#e4e4e4;
	width:35%;
}
.tb01 td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:6px;
	text-align:left;
	background-color:#FFFFFF;
}

/* 
------------------------------------------------------*/
#copyright{
	text-align:center;
	padding:15px 0px;
}

@media screen and (max-width : 768px) {
#intro{
	width:90%;
	margin:0px auto;
}
.wrap {
	margin:0px auto;
	width:100%;
	
}
#container {
	background-color:#FFFFFF;
	width:90%;
	margin: 0px auto;
   line-height: 180%;
	text-align: left;
}
.tb01{
	width:100%;
}
.tb01 .title{
	width: auto;
	display:block;
}
.tb01 td{ display:block;}
}