.TopImage1{
	width:100%;
	max-width:600px;
}
IMG.TopImage1{
	width:100%;
	margin:auto;
}
.BottomBox{
	border:solid 2px plum;padding:8px;margin:15px;
	word-break: break-all;
}
.f-1{
	font-size:0.6em;
}
.clientgenre{background-color:#009C61;color:#FFFFFF;padding:4px 12px 4px; 12px;margin:2px 10px 2px 10px;text-align:center;}
.clientnamebg{background: linear-gradient(DarkCyan,LightCyan,Aquamarine);color:#FFFFFF;padding:10px 0px 10px 0px;font-size:1.35em;text-align:center;}
.KikakuTitle{
	font-family: serif;color:#000;font-size:1.4em;font-weight:bold;
	border-bottom:solid 2px #a1d8e6;width:90%;
	padding:4px 6px 4px 12px;margin:0px 0px 8px 0px;
	color:SeaGreen;font-style:italic;
}
.TABRADIO{	display:none;}

.MenuBox{width:100%;height: 100%;}
.MenuBox TD{width:25%;height:100%;}

.MenuBox DIV{
	display: flex;justify-content: center;align-items: center;background-color:lightskyblue;height:100%;min-height:50px;font-size:0.9em;
	-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;
}
.MenuBox DIV:hover{background-color:navy;color:white;}
.MenuButtonList{padding:8px 2px 8px 2px;border-bottom:1px darksalmon dotted;}
A{text-decoration: none;font-family: 'UD デジタル 教科書体 N-R';color:black;}
.MenuButtonList:hover{background-color:plum;}

.WW_ClientLIST{background: linear-gradient(yellow,gold);padding:10px 20px 10px 20px;font-size:1.2em;margin:3px 20px 3px 20px;}
.WW_ClientLIST:hover{background: linear-gradient(gold,orange);}

.DetailDIV{
	margin-top:10px;
}
.PhotoBox{width:100%;}
.PhotoIMG{width:100%;}

	
#DIVMAIN   { display:none;min-height:200px;	font-family: 'UD デジタル 教科書体 N-R';}
#DIVSUB    { display:none;min-height:200px;	font-family: 'UD デジタル 教科書体 N-R';}
#DIVSAIYOU { display:none;min-height:200px;	font-family: 'UD デジタル 教科書体 N-R';}
#DIVCORP   { display:none;min-height:200px;	font-family: 'UD デジタル 教科書体 N-R';}

#TABBUTTON_MAIN{/* display: inline-block;*/
  margin-top: 12px;
  padding: 5px 11px;
}
#TABBUTTON_SUB{/* display: inline-block;*/
  margin-top: 12px;
  padding: 5px 11px;
}
#TABBUTTON_SAIYOU{/* display: inline-block;*/
  margin-top: 12px;
  padding: 5px 11px;
}
#TABBUTTON_CORP{/* display: inline-block;*/
  margin-top: 12px;
  padding: 5px 11px;
}

.data_table1 {
	border-collapse: collapse;border:1px red;width:100%;
}
.data_table1 th{
	padding:3px;
	vertical-align:top;
	display:block;
	background-color:#afeeee;
	border-bottom:#00bfff 1px solid;
	width:100%;
}
.data_table1 td {
	padding:3px;
	vertical-align:top;
	display:block;
	width:100%;
}

.data_table2 {
	border-collapse: collapse;border:1px #000000;
}
.data_table2 th{
	padding:3px;
	vertical-align:top;
}
.data_table2 td {
	padding:3px;
	vertical-align:top;
}


.maintitle1{
font-size:1.8em;
font-weight:BOLD;
background-color:#e0efff;
padding-left:0.5em;
padding-top:0.3em;
border-left:solid 4px #8ec6ff;
}

.maintitle1b{
font-size:1.4em;
font-weight:200;
line-height:1.2em;
background-color:#e0efff;
padding-left:0.5em;
padding-bottom:0.2em;
border-left:solid 4px #8ec6ff;
}
.data_tb_title{font-weight:600;font-size:1.15em;}
@media screen and (max-width:768px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	.maintitle1{font-size:1.4em;}
	.maintitle1b{font-size:1.15em;}
}


.DirectLink{
	background-color:gold;
	padding:7px;
	margin:7px;
	border-radius:4px;
	text-align:center;
}
.DirectLink a:hover{
	background-color:orengered;color:white;
}

.TopCopy{background-color:MediumAquamarine;margin:4px 8px 4px 8px;padding:1.2em;border-radius:8px;
font-size:1.15em;
font-weight:600;
text-shadow:
	#FFF 2px 0px 2px, #FFF -2px 0px 2px,
    #FFF 0px -2px 2px, #FFF -2px 0px 2px,
    #FFF 2px 2px 2px, #FFF -2px 2px 2px,
    #FFF 2px -2px 2px, #FFF -2px -2px 2px,
    #FFF 1px 2px 2px, #FFF -1px 2px 2px,
    #FFF 1px -2px 2px, #FFF -1px -2px 2px,
    #FFF 2px 1px 2px, #FFF -2px 1px 2px,
    #FFF 2px -1px 2px, #FFF -2px -1px 2px,
    #FFF 1px 1px 2px, #FFF -1px 1px 2px,
    #FFF 1px -1px 2px, #FFF -1px -1px 2px;
}

/* チェックボックスをチェックしたときに隠しコンテンツを表示 */
#MAIN_CHECK:checked ~ #DIVMAIN { display:block;}
#SUB_CHECK:checked ~ #DIVSUB {display:block;}
#SAIYOU_CHECK:checked ~ #DIVSAIYOU { display:block;}
#CORP_CHECK:checked ~ #DIVCORP { display:block;}

/* チェックボックスがチェックされていたらボタンにスタイルを適用 */
#MAIN_CHECK:checked ~   .MenuBox #TABBUTTON_MAIN   {background-color: royalblue;color:#FFF;}
#SUB_CHECK:checked ~    .MenuBox #TABBUTTON_SUB    {background-color: royalblue;color:#FFF;}
#SAIYOU_CHECK:checked ~ .MenuBox #TABBUTTON_SAIYOU {background-color: royalblue;color:#FFF;}
#CORP_CHECK:checked ~   .MenuBox #TABBUTTON_CORP   {background-color: royalblue;color:#FFF;}