@charset "utf-8";
html
head
  body{
  margin: 0 auto;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",'Times New Roman', sans-serif;
  font-family: 'Times New Roman','游ゴシック', '游明朝','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background-color:#FFFFFF;
  line-height:130%;
}
/*
html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}*/
.siteidea  {
background-color:#fff;
        border-bottom: solid 4px #009900;
		margin-bottom: 16px;	
	 font-size:32px; 
	font-weight:bold;
		color:#060;
/*		width: 80%;*/
	margin:0 auto;
	text-align: left;
	padding-bottom: 16px;
	padding-top: 10px;
		}

.siteidea  a{
	text-decoration:none;
     }
.siteidea  a:link{
	color:#006600;
     }
.siteidea  a:visited{
	color:#006600;
     }	 
	 
.siteidea  a:hover{
	color:#00FF00;
     }



/*パンくずリスト*/
.breadcrumb {
  margin: 0 auto;
  padding: 10 20 0 20;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.5em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #52b5ee;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
	color:#00FF00;	}
/*パンくずリスト*/



.ideatop{
/*	max-width:800px;*/
	margin: 0 auto; 
	text-align:left; 
}

.title {margin-bottom: 5px;
		padding:6px;
		width:82%;
}

.subtitle{
	padding: 6px;
	font-size: 20px;
	color: #8000ff;
}

.title3{
	padding:10px 6px 6px 6px;
	font-size: 18px;
	color:#139D42;
	text-align: left;
	line-height: 150%;
	vertical-align: middle;
}


.title3t{
	padding:10px 6px 6px 6px;
	font-size: 18px;
	color:#139D42;
	text-align: center;
	line-height: 200%;
	vertical-align: middle;
}

.d-box-t{
background-color:#D2FFC0;
border: 2px solid #060;
font-weight: bold;
font-size:18px;	
	color:#090;
	padding:6px 6px 6px 6px;
	text-align: center;
	max-width:500px;
		margin: 0 auto;

}


.d-box-thin{
/*disply:block;	*/
background-color:#FFFFFF;
border: 1px solid #00F;
border-radius:5px;
line-height: 150%;	
	
/*font-weight: bold;*/
	text-align: left;
}




.infotitle-boxss{
	clear:both;
	position:relative; 
	border: 2px solid #060;
	text-align:left;
    max-width: 200px;
	background-color: #F7FCB6;
	font-weight: bold;
	color: #090;
/*height:70px;*/
	vertical-align: middle;
	text-decoration:none;
    padding: 8px 8px 8px 8px;
}


.infotitle-boxss a {
display: block;
position: absolute;
top: 0;
    right: 0;
    bottom: 0;
    left: 0;
height:100%;
width: 100%;
	margin: auto;
	text-align:center;
	text-decoration:none;
/*    padding:8px;*/
/*	width:760px;*/
}

.infotitle-boxss a:hover{
	clear:both;
	background:#FFFFFF;
	color:#000;
 filter: alpha(opacity=40);
 -moz-opacity:0.4;
 opacity:0.4;
}



.title3-waku{
	    background-color:#F7F9D7; 
    border: solid 2px #060;
    font-weight:bold;
	padding:10px 6px 6px 6px;
	font-size: 18px;
	color:#139D42;
	text-align: left;
	line-height: 150%;
	vertical-align: middle;
}

/**********表ここから**************/
.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
	font-size:16px;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
	font-size:16px;	
}
 
.col-head-type1 th {
  background:#D0FFC2;
  text-align: left;
  width: 120px;
	font-size:16px;	
}
 
@media only screen and (max-width: 500px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8; 
	  	font-size:16px;
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
	 	font-size:16px; 
  }
}
/**********表end*/





.detail1{
	padding: 5px 5px 5px 10px;
	line-height: 150%;
	
}


.detail3{
	padding: 5px 5px 5px 5px;
	line-height: 150%;
	border: solid 1px #0723AC;
	text-align: center;
	background-color: #090;
	color: white;
	
}

.detail4{
	padding: 5px 5px 5px 5px;
	line-height: 150%;
	border: solid 1px #0723AC;
	text-align: left;
	
}

.index-container{
	display: flex;
	flex-flow: column;
	justify-content: center;
	border: 2px ridge #caca00;
		background-color:#B2FCBE;
		max-width: 800px;
			margin: 0 auto;
}


.index-title{
     flex: 1 1 auto;
	padding: 5px 5px 5px 5px;
	/*background-color:#AEFBCC; */
	/*border: 2px solid #caca00;*/
	margin: 0 auto; 

}


.idea_container {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
/*	border: 2px ridge #caca00;*/
		background-color: #ffffff;
		max-width: 800px;
		margin: 0 auto;
		margin-top: 5px;
}

.idea_container2 {
/*	clear: both;*/
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	/*border: 2px ridge #caca00;*/
		background-color: #FFFFFF;
		max-width: 1000px;
		margin: 0 auto;
		margin-top: 5px;
}
.ideaname{
		flex : 1 1 auto;
		background-color: #ffffff;
	padding-left: 3px;
    padding-top: 3px;}

.logomark{
		background-color: #ffffff;}
		


.img-responsive
        {
			display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 70%;
			height: auto;
			width: auto;
			}

.img-responsive2
        {
			display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 80%;
			height: auto;
			width: auto;
			}



.img-responsive3
        {
			display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 70%;
			height: auto;
			width: auto;
			}

.headNavi {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	margin: 0;
	padding: 0 0 0 0;
	justify-content: center;
    font-size: 16px;
/*	list-style-type: none;*/
}
/* index-tab */


.headNavi li {
	width: 186px;
	height: 42px;	
    line-height: 42px;
	border: 2px solid #66FF33;
    list-style-type: none;
	text-align: center;
	vertical-align: middle;

}

.headNavi li a{
	display: block;
	height: 42px;	
/*	position: relative;*/
	color: #fff;
    background-color:#009900;
	width:186px;
	text-decoration: none;
	vertical-align: middle;
}

.headNavi li a:hover{
	color: #000;
	background-color: #99FF66;
}


.headNavi2 {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	margin: 0;
	padding: 0 0 0 0;
	justify-content: center;
    font-size: 16px;
/*	list-style-type: none;*/
}
/* index-tab */
.headNavi2 li {
	width: 186px;
	height: 100px;	
    line-height: 30px;
	border: 2px solid #66FF33;
    list-style-type: none;
	text-align: center;
	vertical-align: middle;
}

.headNavi2 li a{
	display: block;
	height: 100px;	
/*	position: relative;*/
	color: #fff;
    background-color:#009900;
	width:186px;
	text-decoration: none;
	vertical-align: middle;
}

.headNavi2 li a:hover{
	color: #000;
	background-color: #99FF66;
}



.idea_container3 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	border: 2px ridge #caca00;
		background-color:#87F99C;
		max-width: 800px;
			margin: 0 auto;
		}
.idea_container3 img{
	flex: 1 1 auto;
	vertical-align: middle;
/*    padding-right: 5px;*/}


.idea_container-basic img{
	flex: 1 1 auto;
	vertical-align: middle;
    padding-right: 5px;}


/* index-tab */

.headNavi3 {
	text-align: center;
	display: block;
	height: 240px;	
/*	position: relative;*/
	color: #fff;
    background-color:#009900;
	width:190px;
	text-decoration: none;
	vertical-align: middle;
	border: solid 2px #FAFBF3;

}

.headNavi3 a{
	display: block;
/*	height: 30px;	*/
/*	position: relative;*/
	color: #fff;
	background-color:#009900;
	width:190px;
	text-decoration: none;
	vertical-align: middle;
}
.headNavi3 a:hover{
/*    width:auto;
	height:20px;*/
	color: #000;
	background-color: #99FF66;
}


.headNavi4 {
/*	text-align: center;*/
	display: block;
/*	height: 240px;	*/
/*	position: relative;*/
	color: #000;
    background-color:#ffffff;
    width:280px;
	text-decoration: none;
	vertical-align: middle;
	border: solid 0px #fff;

}



.line2{
   padding: 2px 5px 2px 5px;
	border: solid 2px #060;
	line-height: 130%;
	}

.head2{
   padding: 2px 2px 2px 2px;
	border: solid 2px #060;
	}


.top {position:relative;
	text-align:center;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 10px; 
}

.container-basic1 {
	  	color:#001100;
		background-color:#FFFFFF;
	/*	border: 2px solid #0B21EC;*/
	    max-width: 800px;
		margin: 0 auto;
		padding:5px 6px 5px 6px;

		}

.container-basic1 img{
	flex : 1 1 auto;
	 vertical-align:middle;
	}	


.idea_container-yoko {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
/*	justify-content: center;*/
/*	border: 2px ridge #caca00;*/
	padding: 5px 5px 5px 10px; 
		background-color: #FFFFFF;
		max-width: 800px;
		margin: 0 auto;
	
}


.innertate
{
	flex-flow:column;
}

	
.idea_container-yoko2 {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
/*	justify-content: center;*/
	border: 2px ridge #045A21;
	padding: 5px 5px 5px 10px; 
		background-color: #FFFFFF;
		max-width: 800px;
		margin: 0 auto;
	
}


.idea_container-tate {
	display: flex;
	flex-flow:column;
	justify-content: space-between;
/*	justify-content: center;*/
	border: 2px ridge #045A21;
	padding: 5px 5px 5px 10px; 
		background-color: #FFFFFF;
		max-width: 800px;
		margin: 0 auto;
	
}


.line1{
	padding-left: 1em;
	text-indent: -1em;
	/*padding-right:1px;*/
	}

.line1-1{
	padding-left: 2em;
	/*padding-right:1px;*/
	}


.line2{
	padding-top: 2px;
	border-bottom: solid 1px #FCFCF7;
	/*padding-right:1px;*/
	}
/*イデアのＡＩ時間割の学校別・効果的な運用の背景 */
.line2-1{
	padding: 4px 4px 4px 4px;
	border:2px solid #0C6;
	background-color:#F0FFF0;
	}

.line2-2{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#FFFFE0;
	}

.line2-3{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#FFF5EE;
	}

.line2-4{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#F0FFF0;
	}

.line2-5{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#F0FFFF;
	}

.line2-6{
	padding-top: 2px;
	border:2px solid #0C6;
	background-color:#FFFFF0;
	}

.line21{
	padding: 2px 5px 2px 5px;
	border: solid 2px #060;
	/*padding-right:1px;*/
	}

.line3{
	padding: 2px 5px 2px 5px;
	line-height: 140%;
	font-size: 16px;
	}
.line6{
ordercolordark:"#FFFFFF";
background-color:#CFC; 
font-size:16px;
padding:10px;
}
.updline
{
    padding:10px;
	line-height:130%;
	font-size:18px; 
	color:"#660000";
	border: solid 3px #007E2E;
	background-color:#CFC;

}
.lineblack
{
	font-size: 16px;
	color: "#000000";
	text-align: left;
	padding: 8px;
}


.liform1{
margin-left: 25px;
	padding-left: 5px;	
}



.standard{line-height:140%;
          font-size:18px;
		  padding-left:32px;
		  padding-top:10px;
		  padding-bottom:10px;
		  padding-right:10px;
		  border:2px solid #060;
}
.standard2{line-height:140%;
          font-size:16px;
		  padding-left:10px;
		  padding-top:10px;
		  padding-bottom:10px;
		  padding-right:10px;
		  border:2px solid #060;
}		  


.ideatop{
/*	max-width:800px;*/
	margin: 0 auto; 
	text-align:left; 
}
#wrapdet1{
	width:700px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
}


#wrapdet3{
	width:800px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
	
}

#wrapdet4{
	width:750px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
}



#wrapdet2{
	width:100%;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
}


#wrapdetwide1{
	width:1000px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
}



/* list */



ul {

	margin: 1px 1px;

	padding: 2px 1px;

}



dl {

	margin: 1px 1px;

	padding: 10px 1px;

}



/* h1 h2 h3*/



.headerfont1 { color: black; font-size:18px; font-family:'Times New Roman','游ゴシック', '游明朝','ヒラギノ角ゴ pro W3', 'Hiragino Kaku Gothic pro', 'メイリオ', 'Meiryo',
 'Osaka', 'ＭＳ Ｐゴシック', 'MS pGothic';line-height: 140%; }
.headerfont2 { color: black; font-size:18px; font-family:'Times New Roman','游ゴシック', '游明朝','ヒラギノ角ゴ pro W3', 'Hiragino Kaku Gothic pro', 'メイリオ', 'Meiryo',
 'Osaka', 'ＭＳ Ｐゴシック', 'MS pGothic';line-height: 120%;}


h1 {
	font-size: 20px;
	color: #009900;
	padding: 0 0 0 6px;
	text-align: center;
}

h2 {

	text-align: center;

	font-size: 17pt;

	clear: both;

	color: #009900;
	padding-right: 10px;
}
h2 a{
	text-decoration:none;
	
     }
h2 a:link{
	color:#006600;
     }
h2 a:visited{
	color:#006600;
     }	 
	 
h2 a:hover{
	color:#00CC00;
     }



h3 {

	font-size: 16px;
	color: #cc0000;

	padding: 0 0 0 6px

}

h4 {

	font-size: 16px;

	color: #009900;

	padding: 0 0 0 10px

}


.title2{
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#009900;
}

.divline1{
	padding:10px;
	font-size:16px;
	line-height:130%;

}





/* header */




div#small_container {

/*	border: 2px solid #ccc;*/

	padding: 10px 6px 6px 6px;
	border: 2px ridge #009933;


	position: relative;

	width: 100%;

	background-color: #FFF;

}




div#header {

/*	padding: 5px 5px 5px 10px;*/

	width: 500px;
	height:228px;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	margin: 4px 20px;

	border: 2px solid #caca00;

}



div#header2 {

/*		clear: both; */
	margin: 4px;
	width: 680px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #caca00;

    font-size: 16px;
}

div#header3 {

/*		clear: both; */
	margin: 4px;
	width: 680px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #caca00;

    font-size: 16px;
	line-height:130%;
	
}

.idea_container-basic {
	display: flex;
	flex-flow:column;
	justify-content: center;
border:solid 1px #0033FF;
/*border-radius:5px;*/
		background-color: #ffffff;
		max-width: 1000px;
			margin: 0 auto;
	padding:5px;
		}

.header2 {
    flex: 1 1 auto;
	margin:2px;
/*	width: 680px;*/
	padding: 0px 8px 5px 8px;
	border: 2px solid #caca00;
    line-height: 130%; 
    font-size: 16px;
}
.header2 img{
	 padding-right: 5px;
}

.header3 {
    flex: 1 1 auto;
	margin: 4px;
/*	width: 680px;*/
	padding: 5px 5px 5px 5px;
	border: 2px solid #caca00;

    font-size: 16px;
	line-height:130%;


	
}
.headNavi {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	font-size: 16px;
	margin: 0;
	padding: 0 0 0 0;
	justify-content: center;
/*	list-style-type: none;*/
}
/* index-tab */　
.sub_index {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	font-size: 16px;
	margin: 0;
	padding: 0 0 0 0;
	justify-content: center;
/* list-style-type: none;*/
}

.sub_index li a{
  display:block;
  padding: 10px 12px;
  margin:3px;
  vertical-align:middle;
  font-size:16px;
  text-align:center;
  background:#009900;
  color:#fff;
  border:2px solid #00FF00;
  text-decoration:none;
  font-weight:bold

}
.sub_index a:hover { 
   background-color:#cbfe33;
   color:#000;
   font-weight:normal
}

.sub_index ul:after {
	content:"";
	display:block;
	clear:both
}
.sub_index  li {
	float:left;
    width:auto
}

/*モバイルナビゲーション*/
/*
@media (max-width: 599px){

}
*/



/*sub index2 */

.sub_index2{
    width:100%;
    margin:0 auto;
  list-style:none;
}

.sub_index2 li a{
	display:block;
  justify-content: center;
  padding: 10px 17px;
  font-size:16px;
  margin:3px;
  vertical-align:middle;
  text-align:center;
  background:#228b22;
  color:#fff;
  border:2px solid #66FF33;
  text-decoration:none;
}

.sub_index2 a:hover { 
   background-color:#cbfe33;
   color:#000;
   font-weight:normal;
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;	
}
.sub_index2 ul:after {
	content:"";
	display:block;
	clear:both;
}
.sub_index2  li {
	float:left;
    width:auto;
}


/*sub index3 */
.sub_index3{
    width:100%;
    margin:0 auto;
  list-style:none;

}
 
 
.sub_index3 li a{
  display:block;
  justify-content: center;
  padding: 10px 12px;
  font-size:16px;
  margin:3px;
  vertical-align:middle;
  text-align:center;
  background-color:#0033FF;
  color:#fff;
  border:2px solid #0FF;
  text-decoration:none;
 
}

.sub_index3 a:hover { 
   background-color:#00ffff; 
   color:#000;
   font-weight:normal;
  filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;	
}
.sub_index3 ul:after {
	content:"";
	display:block;
	clear:both
}
.sub_index3  li {
	float:left;
    width:auto
}




/* underbar */
.interval1{
 	text-align: center;
	clear: both;
	border-bottom: 1px solid #03F;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.intervalw{
 	text-align: center;
	clear: both;
	border-bottom: 1px solid #FFF;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.guide1{
  margin:0 auto;
  display:table;
}
  
.guide1 a{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  background:#FFF;
  color:#333333;
  border:1px solid #66FF33;
  text-decoration:none;
  padding:4px;
}

.guidetxt {
	text-align:left;
	line-height:120%;
/*	padding:4px;*/
padding-left: 1em;
text-indent: -1em;
	margin:3px;
}
.guidetxt2 {
	text-align:center;
	line-height:120%;
	padding:4px;
	margin:3px;
	color:#0F1023;
	background-color: #C7FFAE;
}

.guidetitle {
	font-size:16px;
	font-weight:bold;
	color:green;
	line-height:130%;
/*	border-bottom: solid 1px #0A24BB;*/
	padding:4px 4px 4px 8px;
/*	margin-bottom:4px;*/
}	
  

.block ul {
	display: table;
    margin: 0;
    padding: 0;
/*    display: block;*/
    border: 1px solid gray;
    width: 100%;
}
 
.block ul li {
	display: table-cell;
    width: 20%;
    text-align: center;
    border: 1px solid green;
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
 
.block ul li a {
	height: 100%;
	
    padding: 10px;
    text-decoration: none;
    display: block;
    background: #ffffff
}
 
.block ul li a:hover {
	/*display: block;*/
	background:#CCFFCC;
	color: #000000;
	text-decoration: none;

}

.block ul li a:hover img{
	clear:both;
/*	display: block;*/
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}

.block-na ul {
	display: table;
    margin: 0;
    padding: 0;
/*    display: block;*/
    border: 1px solid green;
    max-width: 800px;
}
 
.block-na ul li {
	display: table-cell;
    width: 20%;
    text-align: center;
    border: 1px solid green;
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
 

.go_subindex {
	clear:both;
        border: solid 2px #009900;
		margin-bottom: 8px;
	/*	box-sizing:border-box;*/
        border-radius:5px;
		margin-left:auto;
		margin-right:auto
}

.go_subindex h1 {
	    font-size:16px;
		font-weight:bold; 
		color:#060;
		padding:6px 12px 6px 12px;
		margin-left:auto;
		margin-right:auto

		}
.go_subindex h1 a{
	text-decoration:none;
     }
	 
.go_subindex h1 a:link{
	color:#006600;
     }
	 
.go_subindex h1 a:visited{
	color:#006600;
     }	 
	 
.go_subindex h1 a:hover{
	color:#00FF00;
     }


.hoverimg a:hover img{
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}

.tophover {
    flex: 1 1 auto;
	margin: 4px;
	padding: 5px 5px 5px 5px;
	/*border: 2px solid #caca00;*/
	margin: 0 auto; 
}


.tophover a:hover img{
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;

 	
}
.adjustimg{
			display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 80%;
			height: auto;
			width: auto;

}

.adjustimg2{
			display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 20%;
			height: auto;
			width: auto;

}


.hoverimgdiv {
   display: flex;
	flex-flow: row wrap;
	max-width: 100%;
	height: auto;
	width: auto;
}

.infotitle1{
	padding:8px;
	text-decoration:none;
	border: 1px solid #060;
	width:740px;
	text-align:center;
	margin: 0 auto;

}

.infotitle1 a {
	display:block;
	text-decoration:none;
/*	width:760px;*/

}

.infotitle1 a:hover{
	clear:both;
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}


.infotitle2{
	clear:both;
	border: 2px solid #060;
	text-align:left;
	margin: 0 auto;
	font-size: 18px;
	color: #009900;
	/*padding: 6px 6px 6px 6px;	*/
}

.infotitle2 a {
	display:block;
	text-decoration:none;
    padding:8px;
	padding-left:30px;
/*	width:760px;*/
}

.infotitle2 a:hover{
	clear:both;
	background:#CCFFCC;
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}

.infotitle6{
	clear:both;
	position:relative; 
	border: 2px solid #060;
	text-align:center;
max-width: 800px;
/*height:70px;*/
	vertical-align: middle;
	text-decoration:none;
/*	margin: 0 auto;*/
	font-size: 18px;
	color: #009900;
/*    padding:8px;*/
}


.infotitle6 a {
display: block;
position: absolute;
top: 0;
    right: 0;
    bottom: 0;
    left: 0;
height:100%;
width: 100%;
	margin: auto;
	text-align:center;
	text-decoration:none;
/*    padding:8px;*/
/*	width:760px;*/
}

.infotitle6 a:hover{
	clear:both;
	background:#CCFFCC;
	color:#000;
 filter: alpha(opacity=40);
 -moz-opacity:0.4;
 opacity:0.4;
}

.infotitle3{
	clear:both;
	border: 1px solid #060;
	text-align:left;
	margin: 0 auto;

}
.infotitle7{
	clear:both;
	position:relative; 
	border: 2px solid #060;
	text-align:center;
max-width: 800px;
height:70px;
	vertical-align: middle;
	text-decoration:none;
/*	margin: 0 auto;*/
	font-size: 24pt;
	color: #009900;
	background: #F8F5D7;
/*    padding:8px;*/
}
.infotitle3 a {
	display:table-cell;
	vertical-align:middle;
	text-decoration:none;
    padding:6px;
/*	width:760px;*/

}

.infotitle3 a:hover{
	clear:both;
	background:#CCFFCC;
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}

.infotitle4{
	clear:both;
	border: 1px solid #060;
	text-align:left;
	margin: 0 auto;

}

.infotitle4 a {
	display:block;
	vertical-align:middle;
	text-decoration:none;
    padding:6px;
/*	width:760px;*/

}

.infotitle4 a:hover{
	clear:both;
	background:#CCFFCC;
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}
/**********表ここから**************/
.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.col-head-type1 th {
  background:#D0FFC2;
  text-align: left;
  width: 120px;
}
 
@media only screen and (max-width: 500px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}
/**********表end*/

.infotitle_nl{
	clear:both;
	padding:8px;
	border: 2px solid #060;
	max-width:100%;
	text-align:left;
	/*overflow:hidden;*/
	/*margin: 0 auto;*/
}
.infotitle_nl2{
	font-size: 18px;
	color: #009900;
}

.infotitle_nlnl{
	clear:both;
	font-size: 18px;
	color: #009900;
	padding: 0 0 0 8px;
	text-align:left;
	overflow:hidden;
	margin: 0 auto;
}

.infotitle_nl_strong{
background: #FCF6C5;
font-size:16px;
font-weight:bold; 
color:#CC0000;
padding:6px 12px 6px 12px;	
}

.infotitle-noborder{
	clear:both;
	position:relative;
	padding:8px;
	border: 1px solid #060;
	max-width:600px;
/*max-width: 600px;*/
	
/*	width:100%;*/
	text-align:left;
	overflow:hidden;
	margin: 0 auto;
	background-color: #FFFFFF; 
}



.linegreen1{
	border: 1px solid #090;
}

.linegreen1 h1{
	font-size:18px;
	font-weight:bold;
	color:#009900;
}
	

.go_subindex {
	clear:both;
	background-color:#fff;
        border: solid 2px #009900;
		margin-bottom: 8px;
	/*	box-sizing:border-box;*/
        border-radius:5px;
		margin-left:auto;
		margin-right:auto
}

.go_subindex h1 {
	    font-size:16px;
		font-weight:bold; 
		color:#060;
		padding:6px 12px 6px 12px;
		margin-left:auto;
		margin-right:auto

		}
.go_subindex h1 a{
	text-decoration:none;
     }
	 
.go_subindex h1 a:link{
	color:#006600;
     }
	 
.go_subindex h1 a:visited{
	color:#006600;
     }	 
	 
.go_subindex h1 a:hover{
	color:#00FF00;
     }


/* content */

div#content {

	width: 710px;

}


.article 
{
	clear:both;
	color:#000000;
	
	background-color:#FFFFFF;
/*width:100%;*/
margin-left:auto;
margin-right:auto;
margin:10px 0px 0px 0px;
border:solid 1px #0033FF;
padding:15px;
box-sizing:border-box;
margin-bottom: 10px;
border-radius:5px;
overflow:hidden

}

.detail_box1{
	padding:10px;
	border: 2px solid #060;
}

div#content_container1 {

	float: left;

	width: 360px;

   height: 1630px; 

	padding: 10px 6px 6px 6px;

	border: 2px solid #caca00;
	line-height: 130%;

}



div#content_container2 {

	float: right;

	width: 300px;
    height: 1606px; 

	padding: 10px 6px 30px 6px;

	border: 2px solid #caca00;
	line-height: 130%;

}


div.message1 {

	font-size: 16px;
	width: 340px;

	padding: 10px 6px 30px 6px;
	line-height: 130%;

/*	border: 2px solid #009933;	*/
    
}

div.message2 {

/*    margin: 8;*/

	font-size: 16px;
	width: 286px;
	line-height: 130%;
	padding: 10px 6px 30px 6px;

/*	border: 2px solid #009933; */

}


div.message3 {

/*    margin: 8;*/

	font-size: 16px;
	width: 700px;

	padding: 6px 6px 30px 6px;

	border: 2px solid #009933;

}



div.image {

	width: 286px;
    hight: 200px;
	padding: 30px 0px 50px 0px;

	border: none;


}

div#content_container3 {

    font-size:16px;
　　clear: both;

	width: 680px;

	padding: 10px;

	border: 2px solid #caca00;
	line-height: 130%;

}


/* footer */



ul#siteinfo {

	list-style-type: square;
}

.line2{
	padding-left: 1em;
}


@media screen and (max-width: 600px)
     {
	.idea_container-basic {
		flex-flow: column;}
	.block-na {
		flex-flow: column;} 
	.idea_container3 {
		flex-flow: column;}	 
	.header2 {
		flex: 1 1 auto;}
	.tophover{
		flex:1 1 auto;}
/*		flex: 0 0 99px;}*/
}

@media screen and (max-width: 500px)
{
	.idea_container {
		flex-flow: column;}
	.ideaname {
		flex: 1 1 auto;}
	.hoverimg{
		flex:1 1 auto;}
/*		flex: 0 0 99px;}*/
}

@media screen and (max-width: 500px)
{
    .img-responsive2{
		display:none;}
	

    .img-responsive3{
		display:none;}	
}