
body {
  background-color:#f5f5f5;
  border-width:0;
  color:#3c3c3c;
  margin:0;
  padding:0;
  text-align:left;
  line-height : 140%;
  font-family: 'Meiryo UI','メイリオ','ＭＳ Ｐゴシック',sans-serif;
}
html>body body {
  background-color:#f5f5f5;
  border-width:0;
  color:#3c3c3c;
  margin:0;
  padding:0;
  text-align:left;
  line-height : 140%;
}
table {
  border:none;
 border-collapse: collapse; 
  height:auto;
  margin:0;
  padding:0;
  width:auto;
}

h1 {
  color:navy;
  font-size:medium;
  margin:20px 0 0 70px;
  text-align:left;
  vertical-align:baseline;
}
h2 {
  color:#670527;
  font-size:x-small;
  margin:0;
  vertical-align:baseline;
}
html>body h2 {
  color:#670527;
  font-size:small;
  margin:0;
  vertical-align:baseline;
}
h3 {
  background-color:navy;
  color:#e4e4e4;
  font-size:x-small;
  margin : 8px 0px 8px 0px;
  padding:5px 0px 2px 5px;
  width:auto;
}
html>body h3 {
  background-color:navy;
  color:#e4e4e4;
  font-size:small;
  margin : 8px 0px 8px 0px;
  padding:5px 0px 2px 5px;
  width:auto;
}
h4 {
  color:navy;
  font-size:x-small;
  line-height:-10%;
  margin:0;
}
html>body h4 {
  color:navy;
  font-size:small;
  line-height:-10%;
  margin:0;
}
p {
  font-size:x-small;
  line-height:130%;
  text-align:left;
}
html>body p{
	font-size:small;
  line-height:135%;
  text-align:left;
}
li {
  margin:0;
  padding:1px;
}
ol {
  margin:0 0 0 35px;
  padding:0;
}
ul {
  margin:0 0 0 25px;
  padding:0;
}
img,a img {
  border:none;
}
td {
  font-size:x-small;
  line-height:130%;
}
html>body td{
  font-size:90%;
  line-height:130%;
}
/*レイアウト*/
.outline {
position: relative;
  background:#ffffff url(../img/leftmenuback.gif) repeat-y;
  border:none;
  margin:0;
  padding:0 0 20px 0;
  width : 800px;
}
.header {
  position: relative; 
  background-color:navy;
  border:none;
  color:#f2f2f2;
  font-size:8pt;
	font-family: 'Meiryo UI','メイリオ','HGPゴシック',sans-serif;
  margin:0;
  padding : 2px 0px 2px 2px;
  text-align:left;
  vertical-align:middle;
  width: auto;
  height :20px;
}
.upper1 {
	position: absolute; 
  background-color:navy;
  color:#fff;
	top:1px;
	right:3px;
  width : 70px;
	margin-top:1px;
	margin-right:10px;
	display:inline;
}

.outline-margin {
  background-color:#ccc;
  margin:0 10px;
}
.logo {
  background-color:#FFF;
  background-image:url(../img/logo1.jpg);
  background-repeat:repeat-x;
  margin:0;
  padding:0;
  text-align:left;
  vertical-align:baseline;
  width:100%;
}
.logo2 {
	position: relative; 
  background-color:#FFF;
  background-image:url(../img/leftmenuback.gif);
  background-repeat:repeat-y;
  border-width:0;
  height:40px;
  margin:0;
  padding:3px 0 0;
  width:100%;
}
.main {
  background-color:#FFF;
  border-width:0;
  float:right;
  font-size:x-small;
  height:auto;
  margin:0;
  padding:10px 0px ;
  text-align:center;
  vertical-align:top;
  width : 645px;
  display:inline;
}
html>body .main {
  background-color:#FFF;
  border-width:0;
  float:right;
  font-size:small;
  height:auto;
  margin:0;
  padding:10px 0px ;
  text-align:center;
  vertical-align:top;
  width : 645px;
  display:inline;
}
.side {
  position: relative; 
  background:#ffffff url(../img/leftmenuback.gif) repeat-y;
  border-width:0;
  float:left;
  margin:0;
  padding:0;
  text-align:left;
  width:131px;
  display:inline;
}
.c-both { clear:both; }

.footer {
  position: absolute;
  bottom:0px;
  margin:0;
  width:100%;
  text-align:center;
  padding-top:10px;
  font-size:smaller;
}
.footer span{
	padding:5px 5px 5px 140px;
}
.footer span a {
 margin:0 5px;
}
#copy {
  position: relative;
  top:4px;
  background-color:navy;
  border-width:0;
  color:#f2f2f2;
  font-size:8pt;
  height:18px;
  margin:0;
  padding-right:10px;
  text-align:right;
  width:100%;
}
/*インナーフレーム風 topページ*/

.new2 {
  background-color:#e5e5ff;
  border:silver solid 1px;
  margin:8px auto 10px;
  overflow:auto;
  padding:10px 5px 10px 0;
  text-align:left;
  width:500px;
	height: 150px; 
	font-size:90%;
}
/*インナーフレーム風 フォーム個人情報用*/
.new3 {
  border:silver solid 1px;
  margin:8px auto 10px;
  overflow:auto;
  padding:10px 5px 10px 5px;
  text-align:left;
  width:480px;
  height: 200px; 
  line-height: 1.5em; 
}
 * :first-child+html .new3 {
  border:silver solid 1px;
  margin:8px auto 10px;
  overflow:auto;
  padding:10px 5px 10px 5px;
  text-align:left;
  width:500px;
  height: 200px; 
  line-height: 1.5em; 
}
 /*firefox用*/
.new3,  x:-moz-any-link   {
  border:silver solid 1px;
  margin:8px auto 10px;
  overflow:auto;
  padding:10px 5px 10px 5px;
  text-align:left;
  width:460px;
  height: 200px; 
  line-height: 1.5em; 
}
 /*Safari 3以上, Chrome用*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.new3 {
	  border:silver solid 1px;
	  margin:8px auto 10px;
	  overflow:auto;
	  padding:10px 5px 10px 5px;
	  text-align:left;
	  width:480px;
	  height: 200px; 
	  line-height: 1.5em; 
	}
}
.new3 hr{
	width:95%;
}
.new3 p{
	font-weight:600;
	color:navy;
	margin:0;
}
/*プライバシーマーク関連*/
.p_mark{
	font-weight:600;
	color:navy;
	line-height: 1.5em;
	margin-top:1em;
}
.plist{
	font-weight:400;
  	color:#3c3c3c; 
	line-height: 1.5em;
}
.plist ol li{
	font-weight:400;
  	color:#3c3c3c; 
	line-height: 1.5em;
}
#p_name{
	width:100%;
	padding-left:22em; 
	font-weight:400;
  	color:#3c3c3c; 
}

/*CILC*/
.cilcp {
  background-color:#2b2b57;
  color:#fff;
  height:auto;
  line-height:130%;
  padding:3px 5px;
  width:65%;
}
