@charset 'UTF-8';

html, body, div, span, h1, h2, h3, h4, h5, h6,p, blockquote, pre, address,ul, ol, li, dl, dt, dd,table, th, td, form, fieldset {
list-style: none;
margin: 0;
zoom: 1;
line-height: 1.4;
font-family:
  font-family: 'メイリオ','ＭＳ Ｐゴシック', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', Verdana, Roboto, 'Droid Sans', sans-serif; font-size : 100%;
font-weight:normal;font-style:normal;
}
ul {list-style: none;}
a {text-decoration: none;}
img {border: 0;}
em {visibility: hidden;}
/* set image max width to 100% */
img:not(.non) {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
img.qr {
	min-width: 20px;
	height: auto;
	width: auto\9; /* ie8 */
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {text-align : center; -webkit-text-size-adjust: 100%; background-color: #fffffff; word-wrap:break-word;}
 

 
a {
	color: 	#556b2f;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}



/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

.logo_gazou{
	position: relative; top: 0px; bottom: 0px ; left: 0px;
	width="840px";
	 }	 
.logo{
	position: relative; top: 0px; bottom: 5px ; left: 5px;
	margin:5px 5px 5px 0px;
	float:left;
	width="171px";
	 }	 
.logo_text{color:#F08300; font-size: 40px; line-height: 50px;  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 900;text-decoration: none; padding:10px 5px 7px 5px;}
.logo_text a{color:#F08300;text-decoration: none;}



.title_text {color: gray; font-size: 15px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; line-height: 3mm; margin:0px 50px 4px 5px;}

/* メニュー */
#menu_box{width: 100%; margin: 0 auto; text-align:left; }



.kakomi	{
	border:6px solid #999;
	padding: 5px;
	margin-bottom:5px;
	text-align: center;
	 border-radius:  20px;	/* Safari,Google Chrome用 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;	/* Firefox用 */
}
.red1{border: 3px solid #ff0000;}
.maroon1{border: 3px solid #800000;}
.olive1{border: 3px solid #808000;}
.orange1{border: 3px solid #ffa500;}
.darkgreen1{border: 3px solid #006400;}
.navy1{border: 3px solid #000080;}

/* color */
.red{color:#ff0000;}
.maroon{color:#800000;}
.olive{color:#808000;}
.orange{color:#ffa500;}
.darkgreen{color:#006400;}
.navy{color:#000080;}



#photo{margin:0px; width:840px; height:470px;}

#wrapper {margin: 0 auto; text-align:left; width: 100%; max-width:960px; border: solid 1px #000080;}
#wrapper2 {background-color:#ffffff; margin: 0 auto; text-align:left; width: 100%; max-width:960px;}
#wrapper3 {background-color:#ffffff; margin: 0 auto; text-align:left; width: 100%; max-width:960px;}

#sita-header{ background-color:#000; margin: 0 auto; text-align:left; width: 100%; }
#ue2-header{ margin: 0 auto; text-align:left; width: 100%; }

#ue-header{height: 0;
     /*表示画像の高さ ÷ 表示画像の幅 × 100*/
    padding-top: 48.62%;
    background: url('../images/top.jpg') 0 0 no-repeat;
    background-size: contain;}
#yoyaku-map{height: 0;
	/*表示画像の高さ ÷ 表示画像の幅 × 100*/
	padding-top: 100%;
	background: url('../yoyakumap/map.png') 0 0 no-repeat;
background-size: contain;}

#header{ /*height: 0;
	 表示画像の高さ ÷ 表示画像の幅 × 100*/
    padding-top: 48.62%; 
	background: url('../images/Top.jpg') 0 0 no-repeat;
background-size: contain;}

#header2{ background-color:#000000; margin: 0 auto; text-align:left; width: 100%;  }


#menu100{background-color: #ffffff; position: relative; top: 0; width:100%; height: 40px;}
div{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
p{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}

/* 本文 */
#main {background-color: #ffffff;　margin: 0 auto; text-align:left; width: 100%; }
#main_m {background-color: #ffffff;　margin: 0 auto; text-align:left; width: 100%;}

#honmon{background-color: #ffffff; width: 66%; margin-top: 0px; padding: 1% 2% 2% 2%; float:left; min-height: 600px;　padding-bottom: 800px;　margin-bottom: -800px;}
#honmon2{background-color: #ffffff; width: 92%; margin-top: 0px; padding:1px  4% 4% 4%; text-align: center; max-width: 960px;}
#honmon3{background-color: #ffffff; width: 54%; margin-top: 0px; padding: 6% 2% 3% 3%; float:left; min-height: 600px;}
#honmon_top{width: 622px; margin-top: 0px; padding:1px 4px 10px 4px; float:left;}		
/* サイド */	
#left_side {background-color: #ffffff; margin-top: 0px; width: 28%;  padding:2%  0px  1%  1%;  float:left;}
#left_side3 {background-color: #ffffff; margin-top: 0px; width: 38%;  padding:2%  0px  1%  1%;  float:left;}
#leftside_top {margin-top: 0px; padding-right: 2px; padding-left: 2px; padding-top: 10px; width: 322px;  float:left;}

	
/* footer */		
#footer {width:100%; padding: 0;
background-color: #ffffff;
border-top: 1px solid #376397; 
	color: #808080;
	font-size: 85%; clear:both;}
#footer a {
	color: #808080;
	}
#footer_m {width: 920px; height:40px; padding-right: 40px; padding-bottom: 4px; border-top: 1px solid #376397;
	background: #fff;
	color: #808080;
	font-size: 85%; clear:both;}
#footer_m a {
	color: #fff;
	}
.touroku_m {color: #808080; font-family: Verdana, sans-serif; font-size: 74%; letter-spacing: -0.1em;}	
.touroku {color: #808080; font-family: Verdana, sans-serif; font-size: 74%; letter-spacing: -0.1em;}	
.touroku_top {color: #808080; font-family: Verdana, sans-serif; font-size: 85%;}	

.gotop{color: #808080; padding:10px 20px; font-size: 90%; }

.gotop a{color: #808080; text-decoration: none;}

ul.blog_top {
margin: 0;
padding: 2px;
list-style-type: none;
}

ul.blog_top li {
float: left;
width: 100%;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

.clearLeft { 
clear: left; 
}
	

/*780px以下*/
	
@media only screen and (max-width: 700px) {

.photo1{margin:0px; max-width: 680px; width:100％;  height: auto;}
.tab{margin:0px; max-width: 488px; width:100％;  height: auto;}

#wrapper {background-color: #ffffff; margin: 0 auto; text-align:left; width: 100%; max-width:760px;}


#header {background-color:#000000; margin: 0 auto; text-align:left; width: 100%;}
#header2{ background-image:url(../images/tablet.jpg);  background-position:top center; background-repeat: no-repeat; width:100%;  height :100%; max-height: 448px;}

.logo{position: relative; top: 0px; bottom: 5px ; left: 5px;
	margin:5px 5px 5px 0px;
	float:left; width: 120px; height: auto;}

.logo_text{color:#F08300; font-size: 15px; line-height: 25px;  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 700; text-decoration: none; padding:10px 5px 7px 5px;}
.logo_text a{color:#F08300;text-decoration: none;}


.title_text {color: gray; font-size: 10px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; line-height: 15px; margin:0px 2px 4px 5px;}

/* 本文 */
#main {background-color: #ffffff; margin: 0 auto; text-align:left; width: 100%; }

#honmon{width: 97%; margin-top: 0px; padding:6% 1% 2% 1%; }
#honmon2{width: 96%; margin-top: 0px; padding:2px 2% 2% 2%;}	
#honmon3{width: 99%; margin-top: 0px; padding:2px 2% 2% 2%;}		
/* サイド */	
#left_side {  width: 95%; margin-top: 0px; padding:2px 1% 3% 2%;}
#left_side3 {  width: 100%; margin-top: 0px; padding:2px 1% 2% 1%;}

/* footer */		
#footer  {  width: 98%; margin-top: 0px; padding:2px 1% 2% 1%;
	background-color:: #fff;
	color: #808080;
	font-size: 85%; clear:both;}
#footer a {
	color: #808080;
	}
.touroku {color: #808080; font-family: Verdana, sans-serif; font-size: 74%; letter-spacing: -0.1em;}
.touroku1 {font-family: Verdana, sans-serif; font-size: 70%;}	
.gotop{ padding:10px 20px; }

.gotop a{text-decoration: none;font-size:100%; }

	}
/*780px以下終わり*/



#footer_menu ul {
text-align: center;
}
#footer_menu ul li {
display: inline;
padding:6px 24px;
font-size: 90%;
}








select{font-size: 1rem;}

img.right1{
text-align: center;
padding-right: 10px;
padding-top: 20px;
float: left;/*画像の配置場所*/
 font-size: 80%;/*キャプションの文字サイズ*/
 color: gray;/*キャプションの文字色*/
}


img.fuchi {
padding: 5px;
float: right;/*画像の配置場所*/
   font-size: 80%;/*キャプションの文字サイズ*/
   color: gray;/*キャプションの文字色*/
}

img.fuchi-moojimigi {
float: right;
   margin: 0 0 0 15px !important;
   padding: 0 !important;
   border: 0 !important;
}

img.fuchi-moojihidari {
float: left;
   margin: 0 15px 0 0 !important;
   padding: 0 !important;
   border: 0 !important;
}

strong { font-weight: bold;}
em { font-style: italic;}

table#keinasi{border-collapse: collapse;border-collapse: collapse;}
table#keinasi th{background-color: #cccccc; color: #000000;}
table#keinasi td{border-top:#cccccc solid 1px; border-bottom:#cccccc solid 1px; color: #808080; border-collapse: collapse;}

.touroku {font-family: Verdana, sans-serif; font-size: 85%;}
.touroku1 {font-family: Verdana, sans-serif; font-size: 70%;}


table.sotokei { border: solid 2px #f90; border-collapse: collapse; color: #333; font-size: 90%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 130%; padding: 3px;}
table.sotokei1 { border: solid 2px #f90; border-collapse: collapse;}
td.kei { border-right: 1px dotted gray; border-bottom: 1px dotted gray; border-left: 1px dotted gray; border-collapse: collapse; }
td.kei1 { border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse; }
td.kei2 { border-top: 1px dotted gray;  border-right: 1px dotted gray; border-bottom: 1px dotted gray; border-left: 1px dotted gray; border-collapse: collapse; }
td.kei3 { border-top: 1px solid #f90; border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse; }
td.beta1 {background-color:#F08300; color: #FFFFFF; font-weight: bold; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-collapse: collapse;}
td.beta {background-color:gray; color: #FFFFFF; font-weight: bold; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-collapse: collapse;}
td.kei5 { border-top: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse; }
.kei_ue { border-top: 1px solid #f90; border-collapse: collapse; }
.kei_sita { padding: 6px 3px; border-bottom: 1px solid #f90; border-collapse: collapse; }
.kei_sita2 { padding: 6px 3px; border-bottom: 1px solid #008080; border-collapse: collapse; }

.kei_sita_pan { padding: 6px 3px; border-bottom: 2px solid orange; border-collapse: collapse; }
.kei_sita_pan2 { padding: 6px 3px; border-bottom: 2px solid gray; border-collapse: collapse; }
.kei_sita_pan3 { padding: 6px 3px; border-top: 3px solid gray; border-bottom:1px solid silver;  border-collapse: collapse; }
.bg_pan { padding: 6px 3px; background-color:orange; color:#ffffff; font-weight: bold; font-size:100%;}
.bg_pan2 {  border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse;  background-color:#ff7f50; color:#ffffff; font-weight: bold;}
.bg_pan3 {  border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse;  background-color:#008080; color:#ffffff; font-weight: bold;}


td.kei11 { padding: 8px; border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-left: 1px solid #f90; border-collapse: collapse; }


.bun08{ color: #333; font-size: 80%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 150%; padding: 3px;}
.bun08h{ color: #333; font-size: 80%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 150%; padding: 3px;}
.bun09{ color: #333; font-size: 90%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 140%; padding: 3px;}
.bun09h{ color: #333; font-size: 90%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 140%; padding:  3px;}
.bun1{ color: #333; font-size: 100%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 140%; padding: 3px;}
.bun11{ color: #333; font-size: 110%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 150%; padding:  3px;}
.bun12{ color: #333; font-size: 120%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 160%; padding:  3px;}
.bun16{ color: #333; font-size: 160%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 200%; padding:  3px;}
.bun075{ color: #333; font-size: 75%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 120%; padding:  3px;}
.bun075hh{ color: #333; font-size: 75%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 95%; padding:  3px;}
.bun075g{ color: #dcdcdc; font-size: 75%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 120%; padding:  3px;}
.bun07{ color: #333; font-size: 70%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 110%; padding:  3px;}
.bun085h{ color: #333; font-size85%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 150%; padding:  3px;}

.bunk1{ color: #333; font-size: 75%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 120%; padding: 3px;  border-top: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse;}

.topicpath ol li {
    /* liを横並び＆ブレットを消す */
    display: inline;
    list-style-type: none;
 font-size100%;
 font-weight: bold;
 color: #000080;
}

.topicpath ol li a {
    /* aの背景画像に記号の画像を指定 */

    /* 右寄せ＆リピート無し */
   
    padding-left: 8px; 
 font-size:90%;
}

   
   table.right1{float:left; margin-right: 10px; }
table.left1{float:right; margin-left: 10px; }

.
ul#pho{width: 100%;}
ul#pho li {
	margin: 0; padding: 0; display: inline-block;
 width: 30%; }


.cen{text-align: center; }	



.ta09{ color:#808080;  font-size: 90%;  line-height: 200%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; padding: 5px;}
.ta10{ color: #008080; font-size: 120%; line-height: 150%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-weight: bold;}
.ta09r{ color : #800000;  font-weight:bold; font-size: 90%;  line-height: 200%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; margin-top: 40px;}
.ta09m{ color:  #b8860b;  font-weight:bold; font-size: 90%; line-height: 200%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  margin-top: 40px;}
.ta09ml{ color: #556b2f;  font-weight:bold; font-size: 90%;  line-height: 200%; ; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; margin-top: 40px; }


 


 
#news100{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.89, #d7d8d5), color-stop(0.48, #fff), color-stop(0.08, #d7d8d5));
background: -webkit-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
background: -moz-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
background: -o-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
background: -ms-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
background: linear-gradient(to bottom, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);

color: #000000;
font-size: 100%;
}

#company-bar{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.89, #d7d8d5), color-stop(0.48, #fff), color-stop(0.08, #d7d8d5));
background: -webkit-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
background: -moz-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
background: -o-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
background: -ms-linear-gradient(top, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);
background: linear-gradient(to bottom, #d7d8d5 8%, #fff 48%, #d7d8d5 89%);

color: #000000;
font-size: 100%;
}
#news-waku {
	width:95%;
	height:40px;
	padding:0;
	text-align:left;
	line-height:40px;
	font-size:90%;
	font-weight: bold;
	text-indent:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.60, #ED6D1F), color-stop(0.00, #ffAD5D));
background: -webkit-linear-gradient(top, #ffAD5D 0%, #ED6D1F 60%);
background: -moz-linear-gradient(top, #ffAD5D 0%, #ED6D1F 60%);
background: -o-linear-gradient(top, #ffAD5D 0%, #ED6D1F 60%);
background: -ms-linear-gradient(top, #ffAD5D 0%, #ED6D1F 60%);
background: linear-gradient(to bottom, #ffAD5D 0%, #ED6D1F 60%);
-webkit-box-shadow: 19px 17px 15px -15px rgba(0,0,0,0.63);
-moz-box-shadow: 19px 17px 15px -15px rgba(0,0,0,0.63);
box-shadow: 19px 17px 15px -15px rgba(0,0,0,0.63);

	color:#FFF;
	}
	
.illust {
    
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.illust ul {
    -style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
.illust ul li {
    float: left;
    margin-right: 5px;
    padding: 5px;
    position: relative;
    left: -50%;
}

.cl   {
         clear: both;
      }
      

.list {
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.list ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
.list ul li {
    float: left;
    margin-right: 1px;
    padding: 4px;
    position: relative;
    left: -50%;
}

div.list-box{text-align: center;}
.inline-block li {
	display: inline-block;
	margin: auto; 
	padding: 1%;
	
} 
html*.inline-block {
	display: inline;
	zoom: 1;
}
.inline li {
	display: inline;
	margin: auto; 
	padding: 1%;
	
} 
html*.inline {
	display: inline;
	zoom: 1;
}


input[type="button"] {
	/* input要素のうちtype属性値がbuttonのものに対して装飾 */
	font-size: 90%;
	padding: 2px;
	margin: 2px;
	background-color:#ffffff;; /* グラデーション */
	border: 1px solid #3c7fb1; /* 枠線 */
	border-radius: 0.3em;      /* 角丸 */
}