@charset "shift_jis";
body,#preview{
	margin           : 0 auto;
	width            : 1024px;
		width            : 100%;
	font-family      : "ŸàƒSƒVƒbƒN",YuGothic,"ƒqƒ‰ƒMƒmŠpƒS ProN W3","Hiragino Kaku Gothic ProN","ƒ�ƒCƒŠƒI",Meiryo;
	font-size        : 12px;
	color            : #3f3f3f;
	background-color : #ffffff;
}
#preview,#preview #contents{

	font-family      : "ŸàƒSƒVƒbƒN" ,YuGothic,"ƒqƒ‰ƒMƒmŠpƒS ProN W3","Hiragino Kaku Gothic ProN","ƒ�ƒCƒŠƒI",Meiryo;

}

.previewsize{
	width            : 420px;
}

#preview *br,*br{
	letter-spacing   : 0;
}

#preview .clear,.clear{
	clear            : both;
}

.fRight{
	float            : right;
}

.fLeft{
	float            : left;
}

a,#preview a{
	text-decoration  : none;
	color            : blue;
}

a:link,
a:visited,
#preview a:link,
#preview a:visited{

	color            : #3f3f3f;
}

.mail,.aghp{
	color            : blue;
	text-decoration  : underline;
	line-height      : 16px;
	*line-height     : 19px;
}

.fonttd {
	font-size        : 18px;
}

li{
	list-style       : none;
}

.center{
	text-align       : center;
}

#header,#preview #header {
	min-height           : 72px;
 	width            : 100%;
	background-color : #f9f9f9;
	padding-bottom:10px;
	border-bottom:15px solid #006c60;
}

.logo1{
	margin-left      : 70px;
	margin-top       : 8px;
	float            : left;
}

.logo1 img{
	width            : 300px;
	height           : 70px;
}

.logo2{
	margin-right     : 70px;
	margin-top       : 8px;
	float            : right;
}

.logo2 img{
	width            : 300px;
	height           : 70px;
}

.logo3, .logo4{
	display          : none;
}

.agentMessage{
	width            : calc( 100% - 45px );
	border           : 1px solid #e9e9e9;

	margin:15px  auto;
	/*max-width:1200px;*/
	box-sizing:border-box;
}

.agentName{
	color            : #006659;
	font-size        : 50px;
	padding     :10px 10px ;
	margin-top       : 20px;
	margin-bottom    : 15px;
	line-height:1.2
}

.photo{
	margin-right     : 10px;
	float            : right;
}

.message{
	font-size        : 16px;
	line-height      : 30px;
	letter-spacing   : 5px;
	padding-left     : 20px;
	font-family      : "ŸàƒSƒVƒbƒN",YuGothic,"ƒqƒ‰ƒMƒmŠpƒS ProN W3","Hiragino Kaku Gothic ProN","ƒ�ƒCƒŠƒI",Meiryo;
	word-wrap        : break-word;
	word-break       : break-all;
}
.none{ display:none !important;}

#wrapper1{
/*	position         : relative;*/
	display          : block;
	width            : 100%;
	text-align       : left;
	padding:0px;
	box-sizing:border-box;
	max-width:900px; margin: 0 auto;
}

#wrapper2{
/*	position         : relative;*/
	/*display          : block;*/
 /* display: -webkit-flex;
  display: flex;

  align-items: flex-start;
   -webkit-justify-content: center;
  justify-content:         center;*/

  display:table;
	width            : 100% ;
	background-color : #f9f9f9;
	text-align       : left;
	padding:0px;
	box-sizing:border-box;
	vertical-align:top;
	border-spacing:20px;
	border-collapse:separate;

	 max-width:900px;
	margin: 0 auto;
}

#main-box{  padding: 0;  display: block;box-sizing:border-box; width: 100%;background-color : #f9f9f9; margin: 0; }

#wrapper3{
	 display:table-cell;
	width            : 100%;
	/*border-right     : 2px solid #e9e9e9;*/
	float            : none;
	font-size        : 18px;
	line-height      : 25px;
	margin           : 0px 0px 10px 0px;
	text-align       : left;
	vertical-align:top;
	padding:0 0px 0 0 ;
	box-sizing:border-box;
}

#wrapper4{
	display:table-cell;
	width:35% !important;
	min-width:345px;
	text-align       : left;
	float            : none;
	margin           : 15px 0px 20px 20px;
	border-left      : 2px solid #ddd;
	vertical-align:top;
	box-sizing: border-box;
	padding:0 0 0 10px;
}

/** ‘ã—�“XˆÄ“à **/
.agentInfo{
	padding          : 0px 0px 15px 0px;
}

.agentBoxTop{
	width            : 100%;
	height           : 0px;
}

.agentBoxMiddle{
	width            : 100%;

}

.agentBoxBottom{
	width            : 100%;
	height           : 0px;
}

.agentBox01{
	background-image : url("../../img/myagent/image/myagentpage/green_topLeft.png");

	background-repeat: no-repeat;
	width            : 5px;
	height           : 10px;
	float            : left;
	display:none;
}

.agentBox02{
	background-image : url("../../img/myagent/image/myagentpage/green_top.png");
	width            : 490px;
	height           : 10px;
	float            : left;
	display:none;
}

.agentBox03{
	background-image : url("../../img/myagent/image/myagentpage/green_topRight.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 10px;
	float            : left;
	display:none;
}

.agentBox04{
	background-image : url("../../img/myagent/image/myagentpage/green_left.png");
	width            : 5px;
	float            : left;
	display:none;
}

.agentBox05{
	border-top:15px solid #289286;
	background-color : #ffffff;
	width            : 100%;
	float            :none;
	padding          : 10px;
	margin:0 0 10px 4px;
	box-shadow:0 2px 4px rgba(0,0,0,0.3);
	border-radius:4px;
	box-sizing:border-box;
}

.agentBox06{
	background-image : url("../../img/myagent/image/myagentpage/green_right.png");
	width            : 5px;
	float            : left;
	display:none;
}

.agentBox07{
	background-image : url("../../img/myagent/image/myagentpage/green_bottomLeft.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 5px;
	float            : left;
	display:none;
}

.agentBox08{
	background-image : url("../../img/myagent/image/myagentpage/green_bottom.png");
	width            : 100%;
	height           : 5px;
	float            : left;
	display:none;

}

.agentBox09{
	background-image : url("../../img/myagent/image/myagentpage/green_bottomRight.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 5px;
	float            : left;
	display:none;
}

.agentBox05 .title{
	height           : 36px;
	color            : #289286;
	font-size        : 20px;
	font-weight      : bold;
	border-bottom    : 1px solid #289286;
}

#agentMark{
	width            : 32px;
	height           : 32px;
	margin-right     : 7px;
	vertical-align   : middle;
}

table.agentTable{
	margin           : 10px 0;
	padding:5px 10px 5px 10px ;
	width            : 100%;
	border-bottom    : 1px solid #e9e9e9;
	border-collapse  : collapse;
	box-sizing:border-box;
/*	table-layout     : fixed;*/
}

.agentTable td{
	border-bottom    : solid 1px #e9e9e9;
	padding-top      : 5px;
	background-color : #FFFFFF;
	word-break       : break-all;
	font-family      : "ŸàƒSƒVƒbƒN",YuGothic,"ƒqƒ‰ƒMƒmŠpƒS ProN W3","Hiragino Kaku Gothic ProN","ƒ�ƒCƒŠƒI",Meiryo;
	color            : #3f3f3f;
}

.td1{
	width            : 100px;
	font-weight      : bold;
	white-space      : nowrap;
	padding-right    : 10px;
	font-size        : 14px;
}

.align{
	vertical-align   : top;
}

/** ŠÖ˜AƒTƒCƒg **/
.siteInfo{
	padding          : 0px 0px 15px 0px;
}

.siteBoxTop{
	width            : 100%;
	height           : 0px;
}

.siteBoxMiddle{
	width            :100%;
	box-sizing:border-box;
}

.siteBoxBottom{
	width            :100%;
	height           : 0px;
}

.siteBox01{
	background-image : url("../../img/myagent/image/myagentpage/blue_topLeft.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 10px;
	float            : left;
	display:none;
}

.siteBox02{
	background-image : url("../../img/myagent/image/myagentpage/blue_top.png");
	width            : 100%;
	height           : 10px;
	float            : left;
	display:none;
}

.siteBox03{
	background-image : url("../../img/myagent/image/myagentpage/blue_topRight.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 10px;
	float            : left;
	display:none;
}

.siteBox04{
	background-image : url("../../img/myagent/image/myagentpage/blue_left.png");
	width            : 5px;
	float            : left;
	display:none;
}

.siteBox05{
	border-top:15px solid #276092;
	background-color : #ffffff;
	width            : 100%;
	float            : left;
	padding          : 10px;
		margin:0 0 0 4px;
	box-shadow:0 2px 4px rgba(0,0,0,0.3);
	border-radius:4px;
	box-sizing:border-box;
}

.siteBox06{
	background-image : url("../../img/myagent/image/myagentpage/blue_right.png");
	width            : 5px;
	float            : left;
	display:none;
}

.siteBox07{
	background-image : url("../image/myagentpage/blue_bottomLeft.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 5px;
	float            : left;
	display:none;
}

.siteBox08{
	background-image : url("../image/myagentpage/blue_bottom.png");
	width            : 490px;
	height           : 5px;
	float            : left;
	display:none;
}

.siteBox09{
	background-image : url("../image/myagentpage/blue_bottomRight.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 5px;
	float            : left;
	display:none;
}

.siteBox05 .title{
	height           : 36px;
	color            : #285b92;
	font-size        : 20px;
	font-weight      : bold;
	border-bottom    : 1px solid #285b92;
}

#siteMark{
	width            : 32px;
	height           : 32px;
	margin-right     : 7px;
	vertical-align   : middle;
}

.siteLink{
	padding          : 10px;
}

.siteTitle{
	background-color : #f5f6f5;
	padding          : 5px;
 	/*width            : 120px;
	*width           : 440px;*/
	width:100%;
	border           : 1px solid #ebebeb;
	box-sizing:border-box;
}
.siteTitle a,.siteTitle a u{ color:blue !important;}

.linkImage{
	padding-right    : 5px;
	border           : 0 none;
}

.siteText{
	padding-top      : 5px;
	/*color            : #818181;*/
	word-wrap        : break-word;
	line-height      : 16px;
	word-break       : break-all;
}

/** FireFox‚Ì‚Ý‚Ì�Ý’è **/
@-moz-document url-prefix(){
	.siteText{
		word-wrap    : anywhere;
	}
}

/** ƒCƒ“ƒ^�[ƒlƒbƒg�\�ž **/
.internetInfo{
	padding          : 0px 0px 0px 10px;
	width            : 100%;
	box-sizing:border-box;
}

.netHoken{
	padding          : 0px 0px 0px 10px;
	width            : 100%;
	box-sizing:border-box;
/*	background-image : url("../../image/myagentpage/internetBack.png");*/
/*	background-repeat: repeat-x;*/
}
.netHoken img{ width:100%;  height:auto; }

.internetText{
	padding          : 5px;
	font-size        : 13px;
}

.netBox{
	background-color : #ffffff;
	padding          : 10px;
	border           : 1px solid #c8c8c8;
	margin-top       : 0px;
	margin-bottom:15px;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
	font-size        : 12px;
}

.box_red{ border:3px solid #D71318; border-radius:10px;}
.box_aqua{ border:3px solid #006AB1; border-radius:10px;}
.box_green2{ border:3px solid #2a8881; border-radius:10px;}
.box_orange{ border:3px solid #F47A45; border-radius:10px;}
.box_green{ border:3px solid #59B747; border-radius:10px;}
.box_pink{ border:3px solid #F6628D; border-radius:10px;}
.box_yellow{ border:3px solid #FFD700; border-radius:10px;}


.netBack{
	background-image : url(../../img/myagent/image/myagentpage/internetBack2.png);
	background-repeat: repaet-x;
	background-position:bottom;
	background-size:10px 100%;
	height           : 120px;
	padding:5px;
	box-sizing:border-box;
}

.travel{
	color            : #df661b;
	font-weight      : bold;
	padding-bottom   : 10px;
}

.cycle{
	color            : #f00343;
	font-weight      : bold;
	padding-bottom   : 10px;
}

.golf{
	color            : #4da118;
	font-weight      : bold;
	padding-bottom   : 10px;
}

.oneday{
	color            : #ff0000;
	font-weight      : bold;
	padding-bottom   : 10px;
}

.onedaysupport{
	color            : #006ab1;
	font-weight      : bold;
	padding-bottom   : 10px;
}

.onedaylesr{
	color            : #2a8881;
	font-weight      : bold;
	padding-bottom   : 10px;
}

.onedaylabal{
	font-size        : 15px;
}

.onedaylesrlabal{
	font-size        : 15px;
}

.travellabal{
	font-size        : 15px;
}

.golflabal{
	font-size        : 15px;
}

.cyclelabal{
	font-size        : 15px;
}


.internetText2{
	padding          : 5px 0 5px 0;
	font-weight      : bold;
}

.internetText2Annotation{
	font-size        : 11px;
	font-weight      : normal;
}

.netImage{

	min-width            : 200px;
	height:80px;
}

.netLink{
	border           : 0 none;
	height           : 45px;
	width            : 200px;
	border-radius:6px;
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
	background-image:url(../../img/myagent/image/myagentpage/icon_white_arrow.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:20px;
	font-size:16px;
	color:#fff !important;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-weight:bold;
	cursor:pointer;
}
.bg_red{ background-color:#d71318;}
.bg_aqua{ background-color:#006ab1;}
.bg_green2{ background-color:#2a8881;}
.bg_orange{ background-color:#f47a45;}
.bg_green{ background-color:#59b747;}
.bg_pink{ background-color:#f6628d;}
.bg_yellow{ background-color:#FFD700;}

#footerLink{
	width            : 100%;
	height           : 40px;
	border-top       : 2px solid #e9e9e9;
	background-color : #f5f7f4;
	color            : #717171;
	font-size:12px;
	vertical-align:middle;
}
#footerLink a{color            : #717171;vertical-align:middle;}
#footerLink a:hover{ background:none;}

#footerLink ul{
	margin-top       : 10px;
}

#footerLink li{
	display          : inline;
}

.footerLink img{
	border:0 none;
}

.footerLink{
	background-image : url("../../img/myagent/image/myagentpage/linkMark.png");
	background-repeat: no-repeat;
	padding-left     : 10px;
	margin           : 0px 10px 10px 10px;
}

#copyRight{
	width            : 100%;
	line-height      : 40px;
	background-color : #01584f;
	color            : #ffffff;
}

.dairitenImage {
	width            : 300px;
	float            : left;
	padding-top      : 0px;
	padding-right    : 0px;
	padding-bottom   : 10px;
	padding-left     : 10px;
}

.text-area-box{ border: 1px solid #aaa; color: #000 !important; font-size: 1.4rem; padding: 10px; width: 100%; box-sizing: border-box;}

.text-area-box .title {
	color            : #066859;
	font-size        : 22px;
	font-weight      : bold;
	font-family      : "ŸàƒSƒVƒbƒN",YuGothic,"ƒqƒ‰ƒMƒmŠpƒS ProN W3","Hiragino Kaku Gothic ProN","ƒ�ƒCƒŠƒI",Meiryo;
}

.text-area-box .message {
	font-size        : 14px;
	line-height      : 20px;
	letter-spacing   : 1px;
	padding-left     : 20px;
	font-family      : "ŸàƒSƒVƒbƒN",YuGothic,"ƒqƒ‰ƒMƒmŠpƒS ProN W3","Hiragino Kaku Gothic ProN","ƒ�ƒCƒŠƒI",Meiryo;
	word-wrap        : break-word;
	word-break       : break-all;
}

label {
	word-break       : break-all;
}

button.errboxbt2 {
  color: #000;
}

/* ƒf�[ƒgƒsƒbƒJ�[ */

/* ”Nƒvƒ‹ƒ_ƒEƒ“‚Ì•Ï�X */
select.ui-datepicker-year{
  height: 2em!important;      /* �‚‚³’²�® */
  margin-right:5px!important; /* �u”N�v‚Æ‚Ì—]”’�Ý’è */
  width:120px!important;       /* •�’²�® */
	font-size: 1.4rem !important;
}
/* ŒŽƒvƒ‹ƒ_ƒEƒ“‚Ì•Ï�X */
select.ui-datepicker-month{
  height: 2em!important;      /* �‚‚³’²�® */
  margin-left:5px!important;  /* �u”N�v‚Æ‚Ì—]”’�Ý’è */
  width:60px!important;       /* •�’²�® */
	font-size: 1.4rem !important;

}