@charset "Shift_JIS";

body {
margin:0;
padding:0;
background:#B6E5E3 url(images/bg.gif) repeat-x left top;
font-family: Verdana, "ＭＳ Ｐゴシック", Osaka;
}

#document {
width:730px;
margin:0 auto;
padding:20px 30px;
background:url(images/document_bg.gif) repeat-y center top;
}

h1 {
margin:0 auto;
text-align:center;
padding:0;
}

p {
margin:0;
padding:0;
color:#666666;
}

a {
color:#00858D;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

p#main {
padding:0;
margin:0 auto;
text-align:center;
}

h2#read {
margin:20px 0;
padding:0;
}

h2#privilege {
margin:0;
padding:0;
}

h2.flow {
margin:20px auto 0 auto;
padding:0;
text-align:center;
}
p.flow {
margin:0 auto;
padding:0;
text-align:center;
}

#card {
background:url(images/card_bg.gif) no-repeat left top;
padding:15px 10px 15px 15px;
width:705px;
float:left;
height:81px;
margin:20px 0;
}

#card .section1,
#card .section2 {
float:left;
height:81px;
}

#card .section1 {
width:395px;
}

#card .section2 {
width:310px;
}

#card .section1 p {
margin:0;
padding:0;
font-size:14px;
line-height:1.5em;
}

#card .section1 h2 {
margin:0 0 5px 0;
padding:0;
}

#join {
width:730px;
background:#FFF url(images/join_bg.gif) repeat-y 0 0 ;
clear:left;
padding:0 ;
}

#join h2 {
margin:0;
padding:0;
}

#join h3 {
margin:0 0 5px 0;
padding:0 20px;
}

#join p {
font-size:12px;
line-height:1.5em;
padding:0 20px;
}

#service,
#present {
width:331px;
height:215px;
float:left;
}

#service {
background:url(images/es_bg.gif) no-repeat left top;
}

#service h2,
#service p,
#present h2,
#present p {
margin:0;
padding:0;
font-size:65%;
visibility:hidden;
}

#service h2,
#service p {
height:78px;
}

#present h2 {
height:60px;
}

#present p {
height:42px;
}

#present p#note {
width:300px ;
margin:0 auto ;
padding:0;
font-size:10px;
line-height:1.2em ;
visibility:visible;
}

p#note2 {
width:650px ;
margin:0 auto ;
padding:0;
font-size:12px;
color:#FF0000 ;
}



#service ul,
#present ul {
margin:0;
padding:0 0 0 10px;
}

#service ul li,
#present ul li {
list-style-type:none;
}

#service ul li img {
vertical-align:top;
}

#present {
background:url(images/present_bg.gif) no-repeat left top;
margin-left:20px;
}

p.attention {
clear:left;
font-size:12px;
margin:10px 0 20px 0;
padding:0;
}

p.attention strong {
color:#CC0000;
font-weight: normal;
}

#search {
background:url(images/search_bg.gif) no-repeat left top;
width:730px;
height:415px;
}

#search h2 {
margin:0;
padding:0;
font-size:65%;
height:50px;
visibility:hidden;
}

#search #map,
#search #theme {
float:left;
padding:0 0 0 45px;
}

#search #map {
width:324px;
}

#search #map h3,
#search #map p,
#search #theme h3 {
margin:0;
padding:0;
}

#search #theme {
width:258px;
}

#search #theme ul {
margin:25px 0 0 0;
padding:27px 0 0 0;
width:257px;
height:173px;
background:url(images/search_theme_bg.gif) no-repeat left top;
}

#search #theme ul li {
list-style-type:none;
text-align:center;
padding-bottom:10px;
}

#search #theme ul li img {
vertical-align:top;
}

#info {
background:url(images/info_bg.gif) no-repeat left top;
width:730px;
height:157px;
clear:left;
margin:15px 0 5px 0;
}

#info h2 {
margin:0;
padding:0;
font-size:65%;
height:43px;
visibility:hidden;
}

#info #news {
width:700px;
height:100px;
overflow:auto;
margin-left:17px;
}

#info #news dl {
margin:0;
padding:0;
}

#info #news ul {
	margin:0 ;
	padding:0 ;
	list-style-type:none;}

#info #news ul li{
	width:680px ;
	margin:0 0 10px 0 ;
	padding:0 ;
	font-size:12px;
	line-height:1.5em;
	clear:both ;}

#info #news ul li span {
	width:580px ;
	float:right ;
	display:block ;}

#info #news ul li span.day {
	width:100px ;
	float:left ;
	display:block ;}

#info #news ul li:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}

#footer {
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
margin:15px 0 5px 0;
}

#footer ul {
margin:0;
padding:0;
font-size:12px;
padding:5px 0;
}

#footer ul li {
display:inline;
}

address {
font-style:normal;
color:#333333;
font-size:10px;
}





/*form用　追記*/

div#form-box {
	margin:0 auto ;
	padding:0 0 20px 0 ;}



h3#h3-form{
	width:634px ;
	margin : 15px auto 10px auto ;
	padding : 0 0 0 10px;
	font-size : 14px ;
	color : #666 ;
	line-height : 2em ;
	border-left : 6px solid #00858D ;
	border-bottom : 1px dashed #999 ;
	background:url(images/x01.gif) ;}

h4#h4-form{
	width:634px ;
	margin : 15px auto 10px auto ;
	padding : 0 0 0 10px;
	font-size : 14px ;
	color : #666 ;
	line-height : 2em ;
	border-left : 6px solid #00858D ;
	border-bottom : 1px dashed #999 ;
	background:url(images/x01.gif) ;}

p.button_oekaki{
margin:30pxauto;
text-align:center;
}


img { border:0 ;}

ul.norm{
	margin:0 ;
	padding:0 0 0 55px ;
line-height:1.8em ;
list-style-type:disc;
font-size:12px;
color:#666 ;
}

p.rule{
width:650px;
margin:0px auto 10px auto ;
font-size:70%;
}


table.regtable{
margin:5px auto 17px auto;
width:650px;
border-collapse:collapse;
}

.regtable td,
.regtable th{
border:1px solid #cdcdcd;
font-size:80%;
color:#333;
text-align:left ;
vertical-align:middle;
}

.regtable th{
clear:both;
font-weight:normal ;
padding:5px 8px 5px 16px;
width:200px;
background:#f6f6f6;
vertical-align:top;
}
.regtable td{
padding:5px 8px 5px 8px;
}
/*nameinput*/
table.nameinput{
border:none;
}
.nameinput td{
padding:0px;
border:none;
}
td.nm{
width:35px;
font-size:100%;
}
td.inputnm{
width:120px;
}
.red{
color:#f00;
}
.necessary2{
float:right;
text-align:right;
}
.headtxt{
float:left;
}

.add{
display:block;
margin-bottom:5px;
}


textarea {
	width:630px ;
	margin:15px 0 0 0 ;
	padding:10px ;
	font-size:12px ;
	background-color:#F9F9F9}
p.agree-text {
padding:0 0 15px 0 ;
font-size:12px ;
text-align:center ;}


p.button_duet , p.b-agree{
text-align:center ;}


.readtxt{
margin:40px 36px 0px 20px;
font-size:80%;
line-height:1.5;
}

#contactbody{
margin:0 auto ;
padding:10px 0px 9px 0px;
width:588px;
}

#contactbody img {
	margin:20px 0 10px 0 ;}

#contactbody p {
margin:0 ;
padding:0 ;
font-size:80%;}

#contactbody ul {
margin:10px 0 0 0 ;
padding:0 ;
list-style-type:none ;
font-size:12px ;
line-height:1.8em ;}

#contactbody ul li {
background:url(https://www.384.co.jp/ee/imgs/m_square.gif) 0px 7px no-repeat;}


.icon-square{
display:block;
float:left;
padding-left:14px;
width:94px;
}


#mylogin{
margin-top:25px;
}

/*ＡＣＧバナー*/
#banner {
	padding:15px 0 0 0 ;
	text-align:center ;}