@charset "utf-8";

/* common 
*****************************************/
body {
    color: #fff;
    background-color: #000000;
    line-height: 1.7;
    font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "MS PGothic", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN",  Osaka, sans-serif;
    font-size: 82%;
}

body.on {
	overflow: hidden;
	height: 100%;
}

.pcNone {
	display: none;
}

body {
    word-break: break-all;
    background-color: #7B7B7B;
}

img {
	width: 100%;
}
	

#main{
    width: 900px;
    height: 480px;
    background-color: rgba(248,248,248,1.00);
    margin-left: auto;
    margin-right: auto;
    background-image: url(../../mail/common/images/gf.jpg);
    margin-top: 22px;
}

.ff{
    margin: 0px auto;
    width: 95%;
    height: 400px;
}


.color01{
    font-size: 15px;
    margin-left: 7px;
    color: rgba(255,0,4,1.00);
}

.color012{
    font-size: 15px;
    margin-left: -2px;
    color: rgba(255,0,4,1.00);
}


.ff2{
    width: 170px;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: -29px;
    padding-bottom: 0px;
}


.ff3{
    width: 600px;
    margin-top:0px;
    margin-bottom: 0px;
    padding-top: 0px;
}
.ff4{
    margin:  ;
    width: 250px;
    margin-top: -40px;
    margin-bottom: 0px;
    padding-top: 0px;
}
.ff5{
    margin-top: -45px;
}
.ff6{
    height: 12px;
    vertical-align:bottom;
}
.ff7{
    height: 13px;
    vertical-align: bottom;
    color: rgba(2,2,2,1.00);
    text-align: center;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 900;
    font-size: 18.0px;
    margin-top: 33px;
    letter-spacing: -1px;
    margin-bottom: -2px;
    margin-left: 4px;
}
.ff8{
    vertical-align: bottom;
    color: rgba(0,0,0,1.00);
    text-align: center;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 900;
    font-size: 28px;
    margin-top: -15px;
    margin-bottom: -10px;
    margin-left: auto;
    margin-right: auto;
}
.ff9{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 481px;
    height: 50px;
    padding-bottom: 20px;
}
.ff30{
    background-color: rgba(255,255,255,1.00);
    padding-top: 18px;
    margin-top: -18px;
    padding-bottom: 14px;
    margin-bottom: 44px;
    border: 1px solid rgba(189,184,184,1.00);
}


.container {
    margin: 0px auto;
    width: 100%;
    background-position: 0%;
    background-image: url(../../mail/common/images/rtr.png);
    background-repeat: repeat-x;
    background-size: cover;
}






.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item,
.list16 li {
	float: left;
	margin-right: 20px;
	color: #000;
}

.list17 {
	background: url(../images/bg10.png) repeat-y 16% 0;
}

.list17 dt {
	clear: left;
	float: left;
	width: 80px;
	margin-top: 30px;
}

.list17 dt:first-child,
.list17 dt:first-child + dd {
	margin-top: 0;
}

.list17 dd {
	float: left;
	width: 760px;
	padding-top: 30px;
}

.list17 dd .month {
	clear: left;
	float: left;
	width: 60px;
	margin: 5px 35px 0 0;
}

.list17 dd .text {
	float: left;
	width: 665px;
	margin-top: 5px;
}

.list17 dd .month:first-child,
.list17 dd .month:first-child + .text {
	margin-top: 0;
}

.list18 {
	margin-top: 5px;
}

.list18 li {
	float: left;
	margin-top: 5px;
	width: 303px;
}

.list18 li a {
	display: inline-block;
	padding: 0 0 5px 27px;
	background: url(../images/ic13.png) no-repeat 0 0;
}

.list19 {
	margin-right: -22px;
}




.table01{
	width: 100%;
	border: 6px solid #76d7f7;
	


}


.table02 {
	width: 100%;
	border:  5px #ff0000;
	border: 6px solid #76d7f7;

	
	
	
}


.table01 th {
	padding: 11px 19px;
	width: 14%;
	border-top: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	background-color: #D0FFFE;
	color: #1a1a1d;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	border-left: #2b2f39 solid 1px;
	border-bottom: #2b2f39 solid 1px;
}





.table01 td {
	width: 87%;
	background-color: #ffffff;
	border-top: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	border-bottom: #2b2f39 solid 1px;
	color: #1a1a1d;
	line-height: 1.4;
		padding: 11px 19px;
}


.table01 td a:link,
.table01 td a:visited {
	color: #1a1a1d;
	text-decoration: underline;
}

.table01 td a:hover,
.table01 td a:active {
	color: #FF0000;
	text-decoration: none;
}



.table03 {
	width: 100%;
}

.table03 .w01 {
	width: 25%;
}
.table03 .w02 {
	width: 15%;
}
.table03 .w03 {
	width: 12%;
}
.table03 .w04 {
	width: 19%;
}
.table03 .w05 {
	width: 16%;
}
.table03 .w06 {
	width: 52%;
}
.table03 .w07 {
	width: 14%;
}
.table03 .w08 {
	width: 17%;
}
.table03 .w09 {
	width: 26%;
}
.table03 .w10 {
	width: 39%;
}
.table03 .w11 {
	width: 38%;
}
.table03 .w12 {
	width: 20%;
}
.table03 .w13 {
	width: 10%;
}
.table03 .w14 {
	width: 50%;
}
.table03 .w15 {
	width: 24%;
}
.table03 .w16 {
	width: 76%;
}
.table03 .w17 {
	width: 33%;
}
.table03 .w18 {
	width: 84%;
}
.table03 .w19 {
	width: 54%;
}
.table03 .w20 {
	width: 6%;
}

.table03 .bg01 {
	padding: 20px 0;
	background-color: #5b0d11;
}
.table03 .bg02 {
	padding: 20px 0;
	background-color: #006746;
}
.table03 .bg03 {
	padding: 20px 0;
	background-color: #ffffff;
}
.table03 .bg04 {
	padding: 20px 0;
	background-color: #fcf6ca;
}
.table03 .bg05 {
	padding: 20px 0;
	background-color: #cdb276;
}
.table03 .bg06 {
	padding: 20px 0;
	background-color: #231815;
}
.table03 .bg07 {
	padding: 20px 0;
	background-color: #503087;
}
.table03 .bg08 {
	padding: 20px 0;
	background-color: #807F80;
}
.table03 .bg09 {
	padding: 20px 0;
	background-color: #1f3679;
}
.table03 .bg10 {
	padding: 20px 0;
	background-color: #d7000f;
}
.table03 .bg11 {
	padding: 20px 0;
	background-color: #99cc99;
}
.table03 .bg12 {
	padding: 20px 0;
	background-color: #ccc;
}
.table03 .bg13 {
	padding: 20px 0;
	background-color: #9cc;
}
.table03 .bg14 {
	padding: 20px 0;
	background-color: #f99;
}
.table03 .bg15 {
	padding: 20px 0;
	background-color: #003;
}

.table03 .spbg01 {
	padding: 20px 0;
	background-color: #b2de66;
}
.table03 .spbg02 {
	padding: 20px 0;
	background-color: #dd4e2e;
}

.table03 th,
.table03 td {
	padding: 5px 5px 4px;
	border-top: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	border-left: #2b2f39 solid 1px;
	color: #151825;
	text-align: center;
	vertical-align: middle;
}

.table03 th + th {
	border-left: #2b2f39 solid 1px;
}

.table03 th {
	background-color: #acadb0;
}
.table03 th.type01 {
	background-color: #495daf;
	font-weight: bold;
}
.table03 th.type02 {
	background-color: #6777b6;
	font-weight: bold;
	text-align: center;
}
.table03 th.type03 {
	padding-left: 15px;
	background-color: #878787;
	font-weight: bold;
	text-align: left;
}

.table03 td {
	background-color: #dadbdd;
}

.table03 td.type01 {
	padding: 5px 15px 4px;
	text-align: left;
}
.table03 thead td.type01 {
	font-weight: bold;
}
.table03 td.type02 {
	font-weight: bold;
}
.table03 td.type04 {
	border-left: #2b2f39 solid 1px;
}

.table03 .color01,
.table03 .notes01 {
	font-size: 85%;
}

.table04 {
	margin-top: 20px;
	width: 100%;
}

.table04 .w01 {
	width: 12%;
}
.table04 .w02 {
	width: 13%;
}
.table04 .w03 {
	width: 14%;
}
.table04 .w04 {
	width: 50%;
}
.table04 .w05 {
	width: 33%;
}

.table04 th {
	padding: 10px;
	border-top: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	background-color: #acadb0;
	color: #1a1a1d;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.table04 td {
	padding: 10px;
	background-color: #dadbdd;
	border-top: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	color: #1a1a1d;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}






.tabList01 {
	display: none;
	margin: 27px 10px 0;
}

.tabList01 li {
	float: left;
	padding: 11px 0;
	width: 50%;
	height: auto;
	background-color: #888;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



.tabArea01 {
	position: inherit;
	margin-top: 15px;
	padding: 0 10px;
	width: 100%;
	height: auto;
	background: none;
	z-index: 1000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tabArea01 .title {
	display: block;
	padding: 0 10px;
	background-color: #191b24;
}

.tabArea01 .title span {
	display: block;
	padding: 10px 0;
	border-bottom: #888 solid 1px;
	text-align: center;
	font-size: 116%;
}



.formBlock01,
.formBlock02,
.formBlock03 {
	display: block;
	margin: 10px 0 0 0;
}
.confirm .formBlock01,
.confirm .formBlock02,
.confirm .formBlock03 {
	display:inline;
}

#btn_confirm,
.formButton01:last-child {
	padding-bottom: 25px;
}

.formButton01 input {
	padding: 7px 0;
	background: url(../images/bg01s.png) no-repeat 35px center;
	background-size: 9px 13px;
	font-size: 131%;
}

.formButton01 span {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd9711), color-stop(100%,#987806));
	background: -webkit-linear-gradient(top,  #bd9711 0%,#987806 100%);
	background: linear-gradient(to bottom,  #bd9711 0%,#987806 100%);
}

.formButton01 span:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd9711), color-stop(100%,#987806));
	background: -webkit-linear-gradient(top,  #bd9711 0%,#987806 100%);
	background: linear-gradient(to bottom,  #bd9711 0%,#987806 100%);
}

.formButtonArea01 .back {
	position: inherit;
	top: 0;
	left: 0;
	margin: 20px auto 0;
	padding-bottom: 25px;
	width: 210px;
}

.formButtonArea01 .back input {
    display: block;
    padding: 0 0 0 10px;
    width: 210px;
    height: 36px;
    border: 0;
    background-position: left top;
    background-image: url(../images/bg06s.png);
    background-size: cover;
    font-size: 131%;
}




@media screen and (max-width: 767px){
#main{
    width: 100%;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
    background-image: url(../../mail/common/images/gf_mo.jpg);
    margin-top: -23px;
    background-position: center 0%;
    background-size: cover;
    background-repeat: repeat-y;
}
body {
    color: #fff;
    background-color: #FFFFFF;
    line-height: 1.7;
    font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "MS PGothic", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN",  Osaka, sans-serif;
    font-size: 82%;
}

.ff{
    margin: 0px auto;
    width: 95%;
    height: 100px;
}


.color01{
    font-size: 15px;
    margin-left: 7px;
    color: rgba(255,0,4,1.00);
}

.color012{
    font-size: 15px;
    margin-left: -2px;
    margin-left: -2px;
    color: rgba(221,14,17,1.00);
}


.ff2{
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: -40px;
    padding-bottom: 0px;
    width: 75%;
}


.ff3{
    width: 40%;
    margin-top:0px;
    margin-bottom: 0px;
    padding-top: 0px;
}
.ff4{
    margin:  ;
    width: 25%;
    margin-top: -40px;
    margin-bottom: 0px;
    padding-top: 0px;
}
.ff5{
    margin-top: -45px;
}
.ff6{
    height: 12px;
    vertical-align:bottom;
}
.ff7{
    height: 13px;
    vertical-align: bottom;
    color: rgba(2,2,2,1.00);
    text-align: center;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 900;
    font-size: 14px;
    margin-top: 13px;
    letter-spacing: -1px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    line-height: 18px;
}
.ff8{
    width: 60%;
    vertical-align: bottom;
    color: rgba(0,0,0,1.00);
    text-align: center;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 900;
    font-size: 18px;
    margin-top: 17px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
}
.ff9{
    vertical-align: bottom;
    color: rgba(255,0,4,1.00);
    text-align: center;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 14px;
    margin-left: -15px;
    margin-right: auto;
    padding-top: 18px;
    width: 380px;
    height: 30px;
}
.ff30{
    background-color: rgba(255,255,255,1.00);
    padding-top: 18px;
    margin-top: -18px;
    padding-bottom: 14px;
    margin-bottom: 44px;
    border: 1px solid rgba(189,184,184,1.00);
}
.ff16 {
    font-size: 16px;
    margin-top: 10px;
    margin-left: 0px;
    padding-top: 0px;
    text-align: center;
    line-height: 22px;
    padding-left: 0px;
}

.container {
  
    width: 900px;
    
    background-image: url(../../mail/common/images/rtr.png);
    
    
}

.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item,
.list16 li {
	float: left;
	margin-right: 20px;
	color: #000;
}

.list17 {
	background: url(../images/bg10.png) repeat-y 16% 0;
}

.list17 dt {
	clear: left;
	float: left;
	width: 80px;
	margin-top: 30px;
}

.list17 dt:first-child,
.list17 dt:first-child + dd {
	margin-top: 0;
}

.list17 dd {
	float: left;
	width: 760px;
	padding-top: 30px;
}

.list17 dd .month {
	clear: left;
	float: left;
	width: 60px;
	margin: 5px 35px 0 0;
}

.list17 dd .text {
	float: left;
	width: 665px;
	margin-top: 5px;
}

.list17 dd .month:first-child,
.list17 dd .month:first-child + .text {
	margin-top: 0;
}

.list18 {
	margin-top: 5px;
}

.list18 li {
	float: left;
	margin-top: 5px;
	width: 303px;
}

.list18 li a {
	display: inline-block;
	padding: 0 0 5px 27px;
	background: url(../images/ic13.png) no-repeat 0 0;
}

.list19 {
	margin-right: -22px;
}




.table01{
	width: 100%;
	border: 6px solid #76d7f7;
	


}


.table02 {
	width: 100%;
	border:  5px #ff0000;
	border: 6px solid #76d7f7;

	
	
	
}


.table01 th {
	padding: 11px 19px;
	width: 14%;
	border-top: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	background-color: #D0FFFE;
	color: #1a1a1d;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	border-left: #2b2f39 solid 1px;
	border-bottom: #2b2f39 solid 1px;
}





.table01 td {
	width: 87%;
	background-color: #ffffff;
	border-top: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	border-bottom: #2b2f39 solid 1px;
	color: #1a1a1d;
	line-height: 1.4;
		padding: 11px 19px;
}


.table01 td a:link,
.table01 td a:visited {
	color: #1a1a1d;
	text-decoration: underline;
}

.table01 td a:hover,
.table01 td a:active {
	color: #FF0000;
	text-decoration: none;
}



.table03 {
	width: 100%;
}

.table03 .w01 {
	width: 25%;
}
.table03 .w02 {
	width: 15%;
}
.table03 .w03 {
	width: 12%;
}
.table03 .w04 {
	width: 19%;
}
.table03 .w05 {
	width: 16%;
}
.table03 .w06 {
	width: 52%;
}
.table03 .w07 {
	width: 14%;
}
.table03 .w08 {
	width: 17%;
}
.table03 .w09 {
	width: 26%;
}
.table03 .w10 {
	width: 39%;
}
.table03 .w11 {
	width: 38%;
}
.table03 .w12 {
	width: 20%;
}
.table03 .w13 {
	width: 10%;
}
.table03 .w14 {
	width: 50%;
}
.table03 .w15 {
	width: 24%;
}
.table03 .w16 {
	width: 76%;
}
.table03 .w17 {
	width: 33%;
}
.table03 .w18 {
	width: 84%;
}
.table03 .w19 {
	width: 54%;
}
.table03 .w20 {
	width: 6%;
}

.table03 .bg01 {
	padding: 20px 0;
	background-color: #5b0d11;
}
.table03 .bg02 {
	padding: 20px 0;
	background-color: #006746;
}
.table03 .bg03 {
	padding: 20px 0;
	background-color: #ffffff;
}
.table03 .bg04 {
	padding: 20px 0;
	background-color: #fcf6ca;
}
.table03 .bg05 {
	padding: 20px 0;
	background-color: #cdb276;
}
.table03 .bg06 {
	padding: 20px 0;
	background-color: #231815;
}
.table03 .bg07 {
	padding: 20px 0;
	background-color: #503087;
}
.table03 .bg08 {
	padding: 20px 0;
	background-color: #807F80;
}
.table03 .bg09 {
	padding: 20px 0;
	background-color: #1f3679;
}
.table03 .bg10 {
	padding: 20px 0;
	background-color: #d7000f;
}
.table03 .bg11 {
	padding: 20px 0;
	background-color: #99cc99;
}
.table03 .bg12 {
	padding: 20px 0;
	background-color: #ccc;
}
.table03 .bg13 {
	padding: 20px 0;
	background-color: #9cc;
}
.table03 .bg14 {
	padding: 20px 0;
	background-color: #f99;
}
.table03 .bg15 {
	padding: 20px 0;
	background-color: #003;
}

.table03 .spbg01 {
	padding: 20px 0;
	background-color: #b2de66;
}
.table03 .spbg02 {
	padding: 20px 0;
	background-color: #dd4e2e;
}

.table03 th,
.table03 td {
	padding: 5px 5px 4px;
	border-top: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	border-left: #2b2f39 solid 1px;
	color: #151825;
	text-align: center;
	vertical-align: middle;
}

.table03 th + th {
	border-left: #2b2f39 solid 1px;
}

.table03 th {
	background-color: #acadb0;
}
.table03 th.type01 {
	background-color: #495daf;
	font-weight: bold;
}
.table03 th.type02 {
	background-color: #6777b6;
	font-weight: bold;
	text-align: center;
}
.table03 th.type03 {
	padding-left: 15px;
	background-color: #878787;
	font-weight: bold;
	text-align: left;
}

.table03 td {
	background-color: #dadbdd;
}

.table03 td.type01 {
	padding: 5px 15px 4px;
	text-align: left;
}
.table03 thead td.type01 {
	font-weight: bold;
}
.table03 td.type02 {
	font-weight: bold;
}
.table03 td.type04 {
	border-left: #2b2f39 solid 1px;
}

.table03 .color01,
.table03 .notes01 {
	font-size: 85%;
}

.table04 {
	margin-top: 20px;
	width: 100%;
}

.table04 .w01 {
	width: 12%;
}
.table04 .w02 {
	width: 13%;
}
.table04 .w03 {
	width: 14%;
}
.table04 .w04 {
	width: 50%;
}
.table04 .w05 {
	width: 33%;
}

.table04 th {
	padding: 10px;
	border-top: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	background-color: #acadb0;
	color: #1a1a1d;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.table04 td {
	padding: 10px;
	background-color: #dadbdd;
	border-top: #2b2f39 solid 1px;
	border-right: #2b2f39 solid 1px;
	color: #1a1a1d;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}






.tabList01 {
	display: none;
	margin: 27px 10px 0;
}

.tabList01 li {
	float: left;
	padding: 11px 0;
	width: 50%;
	height: auto;
	background-color: #888;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



.tabArea01 {
	position: inherit;
	margin-top: 15px;
	padding: 0 10px;
	width: 100%;
	height: auto;
	background: none;
	z-index: 1000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tabArea01 .title {
	display: block;
	padding: 0 10px;
	background-color: #191b24;
}

.tabArea01 .title span {
	display: block;
	padding: 10px 0;
	border-bottom: #888 solid 1px;
	text-align: center;
	font-size: 116%;
}



.formBlock01,
.formBlock02,
.formBlock03 {
	display: block;
	margin: 10px 0 0 0;
}
.confirm .formBlock01,
.confirm .formBlock02,
.confirm .formBlock03 {
	display:inline;
}

#btn_confirm,
.formButton01:last-child {
	padding-bottom: 25px;
}

.formButton01 input {
	padding: 7px 0;
	background: url(../images/bg01s.png) no-repeat 35px center;
	background-size: 9px 13px;
	font-size: 131%;
}

.formButton01 span {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd9711), color-stop(100%,#987806));
	background: -webkit-linear-gradient(top,  #bd9711 0%,#987806 100%);
	background: linear-gradient(to bottom,  #bd9711 0%,#987806 100%);
}

.formButton01 span:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd9711), color-stop(100%,#987806));
	background: -webkit-linear-gradient(top,  #bd9711 0%,#987806 100%);
	background: linear-gradient(to bottom,  #bd9711 0%,#987806 100%);
}

.formButtonArea01 .back {
	position: inherit;
	top: 0;
	left: 0;
	margin: 20px auto 0;
	padding-bottom: 25px;
	width: 40%;
}

.formButtonArea01 .back input {
	display: block;
	padding: 0 0 0 10px;
	width: 40%;
	height: 36px;
	border: 0;
	background: url(../images/bg06s.png) no-repeat left top;
	background-size: 210px 36px;
	font-size: 131%;
}
#contents {
    width: 390px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
}
#wrapper {
    width: 390px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -60px;
}
 .con {
    width: 380px;
    
    
}   
    
 .con1 {
    width: 380px;
    height: 90px;
}      
    
}




#contents {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

#wrapper {
      width: 900px;
    margin-left: auto;
    margin-right: auto;  
    margin-right: auto;  
}

.con {
     
}

.ff16 {
    font-size: 14px;
    margin-top: 10px;
    margin-left: 16px;
    padding-top: 0px;
    text-align: center;
}

.ff65 {
    padding-bottom: 12px;
    padding-top: 0px;
}