@charset "UTF-8";



/*

Theme Name: gakunan-yuki2021

Theme URI: http://www.gakunanyuki.co.jp/

*/



body {

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

	margin-bottom: 0px;

	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;

	

}

h1{

 float:left;

 color:#CCCCCC;

 font-size:11px;

 margin:5 0 2 0;

 padding:0;

}



h3{

 color:#0067B4;

 font-size:16px;

 line-height:30px;

 margin:0 0 30 0;

 padding:0;

}





h4{

 color:#CC3300;

 font-size:15px;

 letter-spacing:0.1em;

 line-height: 22px;

 margin:0 0 30 0;

 padding:0;

}



h5{

 color:#CC9900;

 font-size:13px;

 letter-spacing:0.1em;

 line-height:28px;

 margin:0;

 padding:0;

}







p {

	line-height: 22px;

	font-size: 13px;

	margin:0;

	clear: both;

	}

	.pink {

	color: #CC9999;

	}

	.red {

	color: #993300;

    }

	.gray {

	color: #333333;

	}

	.yellow {

	color: #FFCC00;

	}

    .gold {

	color: #CC9900;

	}

	.white {

	color: #FFFFFF;

	}

	.blue {

	color: #0066B3;

	}



img{

	border:none;

   }



	



 a:hover img {

	opacity: .8;

	filter: alpha(opacity=80);

	-ms-filter: "alpha(opacity=80)";

	-khtml-opacity: .8;

	-moz-opacity: .8;

	}





/* Style_text

--------------------------------------------------- */

.small {font-size:11px}

.large {font-size:16px}

.bold {font-weight: bold;}

.big {font-size:20px}







/* Style_border

--------------------------------------------------- */

.border {border: 1px solid #CC6633;}

.border_double {border: 3px double #543;}

.border_btm {border-bottom: 1px solid #CC6633;}



.border02 {border: 2px double #CC6633;}



.borderdot {border: 1px dotted #CE8639;}

.borderdot_btm {border-bottom: 1px dotted #CE8639;}



.borderbox01 {

	border: 3px double #543;

	margin: 0px 5px 5px;

	padding: 10px;

	width: 510px;

	}

.line {

	margin: 0px 0px 10px;

	height: 10px;

	width: auto;

	clear: both;

	padding-bottom: 3px;

	line-height: 10px;

	}

hr{

    border:0;

    border-top:dotted 1px #999999;

	width:100%;

    height:1px;

	margin-bottom:10px;

}



body,td,th {

	color: #333;

}

a:link {

	color: #039;

	text-decoration: underline;



}

a:visited {

	color: #039;

	text-decoration: underline;



}

a:hover {

	color: #039;

	text-decoration: underline;



}

a:active {

	color: #039;

	text-decoration: underline;



}



/* Header

-----------------------------------------------------------------------------*/

div#wrap {

	width: 100%;

	}

div#header_wrap {

	width: 100%;

	height: 200px;

	margin: 0px auto;

	}

div#header {

	margin: 0px auto;

	width: 1020px;

	height: 200px;

	padding: 0px;

	margin: 0px auto;

	position: relative;

	}

div#tel {

	float:right;

    width: 290px;

	height: 30px;

	position: absolute;

	right:0;

	top: 50px;

	}



div#working_hour {

	float: right;

	width: 290px;

	height: 60px;

	position: absolute;

	right:0;

	top: 70px;

	}



#logo {

	float:left;

    width: 430px;

	height: 95px;

	position: absolute;

	left:0;

	top: 30px;

	}

	div#logo a {

	font-size: 0.8em;

    width: 430px;

	height: 95px;

	overflow: hidden;

	display: block;

	}



#pankuzu {

	float:left;

    width: 600px;

	height: 15px;

	position: absolute;

	left:0;

	top: 210px;

	}

	

/* Navigation

----------------------------------------------------------------------------*/



/* Main navi *****/



		

div#menu_wrap {

	width: 1020px;

	clear: both;

	height: 70px;

	margin: 130px auto 0px auto;

	position: absolute;

	text-align: center;

	z-index: 20;

	}	

	



/* navi *****/



#navi {

	height: 70px;

	width: 1020px;

	margin: 0px auto 0px auto;

	}

	#navi li {

	height: 70px;

	float: left;

	margin: 0px;

	display: block;

	}

	#navi a {

	height: 70px;

	display: block;

	text-indent: -9999px;

	}

	#navi a:hover {

	background-image: url();

	}


#navi01 { width: 121px; background-image:url(images/greeting_on.jpg);}
#navi01 a { background-image:url(images/greeting_off.jpg); }
#navi02 { width: 104px; background-image:url(images/company_on.jpg);}
#navi02 a { background-image:url(images/company_off.jpg); }
#navi03 { width: 118px; background-image:url(images/technology_on.jpg);}
#navi03 a {background-image:url(images/technology_off.jpg); }
#navi04 { width: 103px; background-image:url(images/products_on.jpg);}
#navi04 a {background-image:url(images/products_off.jpg); }
#navi05 { width: 159px; background-image:url(images/ecology_on.jpg); }
#navi05 a {background-image:url(images/ecology_off.jpg);}
#navi06 { width: 173px; background-image:url(images/sdgs_on.jpg); }
#navi06 a {background-image:url(images/sdgs_off.jpg);}
#navi07 { width: 132px; background-image:url(images/inquiry_on.jpg); }
#navi07 a {background-image:url(images/inquiry_off.jpg);}
#navi08 { width: 110px; background-image:url(images/topics_on.jpg); }
#navi08 a {background-image:url(images/topics_off.jpg);}




div#sub_menu {

	float:right;

	width: 290px;

	height: 35px;

	margin: 15px 0 0 0;

	}	





/* Contents

----------------------------------------------------------------------------*/

#top {

	margin: 0px auto 0px auto;

	width: 100%;

	height:500px;

	text-align:center;

	}

	#image:after{content: ""; display: block; clear: both;}

	

#image {

	margin: 40px auto 0px auto;

	width: 100%;

	height:160px;

	text-align:center;

	background-image:url(images/image_bg.jpg);

	background-repeat:repeat-x:

	}

	#image:after{content: ""; display: block; clear: both;}

	

	

#contents {

	margin: 0px auto;

	width: 1020px;

	}

	#contents:after{content: ""; display: block; clear: both;}

	





/* side_column

 **************************************************/

/*#sidecol {

	float: left;

	width: 280px;

	height:100%;

	text-align:center;

	margin-top:0px;

	padding-left: 0px;

	}

	#sidecol:after{content: ""; display: block; clear: both;}

	#sidecol h3 {background:none; padding:0;}

*/





/* main_column

 **************************************************/

#maincol_top {

	width: 1020px;

	margin-top:0px;

	text-align:left;



	}



#maincol {

	width: 1020px;

	margin-top:55px;

	text-align:left;



	}	

	

.contentsbox {

	width: 1020px;

	clear: both;

	margin-bottom: 20px;

	text-align:left;

	}

	#maincol:after,

	.contentsbox:after{

  content: ""; 

  display: block; 

  clear: both;

  }



.contentsbox760 {

	width: 760px;

	clear: both;

	margin-bottom: 20px;

	text-align:left;

	}

	#maincol:after,

	.contentsbox:after{

  content: ""; 

  display: block; 

  clear: both;

  }

  

/*   記事    */

.entry { margin-bottom: 40px; }

.entry_content { 

	margin-bottom: 20px;

	padding-bottom: 20px;

	font-size: 14px;

}

h2.entry_title { 

	font-size: 16px;

	margin-bottom: 10px;

}

h2.entry_title a {

	font-weight: bold;

	color: #039;

}

h2.entry_title a:hover {

	font-weight: bold;

	color: #555;

}

ul.entry_info { 

	padding: 5px 10px;

	background-color: #f4f4f4;

	font-size: 12px;

}

ul.entry_info li { 

	float: left;

	margin-right: 10px;

	color: #999;

}

.paging {

	width:94%;

	margin:8% 3%;	

	float:left;

	text-align:center;

	font-size: 12px;

}

.paging_text a {

	text-decoration:none;

	color: #fff;

	padding: 5px;

	background: #039;

	margin: 1%;

}

.paging_text a:hover { background: #ccc; } 

div.yarpp-related { 

	border-top: 1px dashed #ccc;

	padding-top: 10px;

	font-size: 13px;

}

div.yarpp-related h3 {

	color: #333;

	margin-bottom: 10px;

}

div.yarpp-related ol li { 

	list-style-type: disc;

	list-style-position: inside;

	font-size: 13px;

}

div.yarpp-related ol li a:hover {

	text-decoration: none;

	color: #333;

}



/* Footer

-----------------------------------------------------------------------------*/

div#pagetop_wrap {

	width: 100%;

	height:350px;

	margin: 10px auto 0px auto;

	text-align:right;

	background-image:url(images/footer_bg.jpg);

	background-position:center;

	background-repeat:no-repeat;

	overflow:hidden;

	}



div#pagetop {

	width: 1020px;

	height:350px;

	margin:0px auto;

	}



div#footer_wrap {

	width: 100%;

	height: auto;

	clear: both;

	}

	

div#footer {

	margin: 0px auto;

	width: 1020px;

	height: 200px;

	clear: both;

	padding-top: 20px;

	}

	

div#footer_add {

	float: right;

	height: auto;

	width: 300px;

	text-align: left;

	color:#000;

	vertical-align:top;

	line-height: 1.8em;

	}



div#footernavi {

	margin: 0px auto 0px auto;

	width: 580px;

	padding: 0px;

	color: #039;

	font-size: 13px;

	float: left;

	text-align: left;



	}

	div#footernavi ul {

	border-left: 1px solid #039;

	margin-right: 40px;

	padding-left: 10px;	

	float: left;

	margin-right: 25px;

	margin-bottom: 2px;

	}

	div#footernavi ul .item01, div#footernavi ul.item02, div#footernavi ul.item03, div#footernavi ul.item04 {

    float: left;

	display: block;

	}	

	div#footernavi li {

	padding: 0px;

	display: block;

	list-style:none;

	margin-bottom: 2px;

	}



	div#footernavi a {

	color: #039;

	text-decoration: underline;

	}

	div#footernavi a:hover {

	color: #039;

	text-decoration: underline;

	}



#copyright {

	margin: 0px;

	padding: 3px 0px 0px;

	height: 18px;

	width: 300px;

	color: #000;

	font-size: 12px;

	overflow: hidden;

	float: right;

	}











/* Style float margin padding

--------------------------------------------------- */

.alignleft {text-align:left;}

.alignright {text-align: right;}



.lfloat {float: left;}

.rfloat {float: right;}





img.lfloat {float: left; margin-right: 10px; margin-bottom: 10px;}

img.rfloat {float: right; margin-bottom: 10px; margin-left: 10px;}



.lfloatmrb5 {float: left; margin-right: 5px; margin-bottom: 5px;}

.rfloatmbl5 {float: right; margin-bottom: 5px; margin-left: 5px;}

.lfloatmrb10 {float: left; margin-right: 10px; margin-bottom: 10px;}

.lfloatmrb15 {float: left; margin-right: 15px; margin-bottom: 15px;}

.lfloatmrb20 {float: left; margin-right: 20px; margin-bottom: 20px;}

.rfloatmbl10 {float: right; margin-left: 15px; margin-bottom: 10px; }

.lfloatmr20 {float: left; margin-right: 20px;}

.lfloatmr30 {float: left; margin-right: 30px;}



.lfloatbox {width:240px; float: left; margin-top:5px; margin-right: 0px; margin-bottom: 5px;}

.rfloatbox {width:240px; float: right; margin-top:5px; margin-left: 0px; margin-bottom: 5px; }



.m5 { margin: 5px;}

.m10 { margin: 10px;}

.m15 { margin: 15px;}

.m20 { margin: 20px;}

.m30 { margin: 30px;}

.m40 { margin: 40px;}



.mr5 { margin-right: 5px;}

.mr10 {	margin-right: 10px;}

.mr15 {	margin-right: 15px;}

.mr20 {	margin-right: 20px;}

.mr25 {	margin-right: 25px;}

.mr30 {	margin-right: 30px;}



.mrb5 { margin-right: 5px; margin-bottom: 5px;}

.mrb10 { margin-right: 10px; margin-bottom: 10px;}

.mrb20 { margin-right: 20px; margin-bottom: 20px;}





.mb0 { margin-bottom: 0px;}

.mb3 { margin-bottom: 3px;}

.mb5 { margin-bottom: 5px;}

.mb10 { margin-bottom: 10px;}

.mb15 { margin-bottom: 15px;}

.mb20 { margin-bottom: 20px;}

.mb25 { margin-bottom: 25px;}

.mb30 { margin-bottom: 30px;}

.mb40 { margin-bottom: 40px;}

.mb50 { margin-bottom: 50px;}

.mb60 { margin-bottom: 60px;}

.mb70 { margin-bottom: 70px;}





.ml10 {	margin-left: 10px;}

.ml20 {	margin-left: 20px;}

.ml30 {	margin-left: 30px;}



.mside10 { margin-right: 10px; margin-left: 10px;}

.mside15 { margin-right: 15px; margin-left: 15px;}

.mside20 { margin-right: 20px; margin-left: 20px;}



.p5 { padding: 5px;}

.p10 { padding: 10px;}

.p20 { padding: 20px;}



.ptb5 { padding-top: 5px; padding-bottom: 5px;}

.ptb10 { padding-top: 10px; padding-bottom: 10px;}

.ptb20 { padding-top: 20px; padding-bottom: 20px;}



.pside10 { padding-right: 10px; padding-left: 10px;}

.pside20 { padding-right: 20px; padding-left: 20px;}



.pt5 { padding-top: 5px}

.pr5 { padding-right: 5px}

.pb5 { padding-bottom: 5px}

.pl5 { padding-left: 5px}



.pt20 { padding-top: 20px}



.clearfix:after {

	content: "."; 

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}

.clearfix { min-height: 1px; }

* html .clearfix {

	height: 1px;

	/*\*//*/

	height: auto;

	overflow: hidden;

	/**/

}

.both { clear:both; }

.inline_block {  

	display: inline-block;  

	*display: inline;  

	*zoom: 1;  

}



/* リストの余計な空白削除 

------------------------------------------------ */

ul, ol, li {

	margin: 0 0 0 0;

	padding: 0;

}

ul, li {

	list-style-type:none;

}



/* h1～h6 の余計な空白削除

------------------------------------------------ */ 

h1, h2, h3, h4, h5, h6 {

	margin: 0;

	padding: 0;

}



/* テーブル

------------------------------------------------ */ 



table.brwsr {

    margin: 0 auto;

    width: 760px;

    border: none;

    border-top: solid 1px #CCC;

    border-bottom: solid 1px #CCC;

    border-collapse: separate;

    border-spacing: 0 10px;

}

 

table.brwsr th {

	vertical-align:top;

    height: auto;

    width: 220px;

    border-right: solid 3px #CCC;

    margin: 0;

    text-align: left;

    color: #666;

    font-size: 14px;

}

 

table.brwsr td.data {

    padding: 0;

    margin: 0;

    height: auto;

    width: 510px;

    border: none;

    color: #666;

	padding-left:20px;

    font-size: 13px;

    line-height: 18px;

    text-align: left;

    vertical-align: middle;

    white-space: nowrap;

    overflow: hidden;

}



table.brwsr td:fst-child {

    padding: 0 0 0 10px;

    vertical-align: middle;

}

 

table.brwsr td.bar {

    height: 1px;

    width: 100%;

    border-top: solid 1px #CCC;

}



/* wordpress用 */

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter {

    display: block;

    margin: 0 auto;

}

img.alignright {

    display: inline-block;

    margin: 0 0 1em 1.5em;

}

img.alignleft {

    display: inline-block;

    margin: 0 1.5em 1em 0;

}