@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:'Hiragino Kaku Gothic ProN', 'メイリオ','ＭＳ Ｐゴシック', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', Verdana, Roboto, 'Droid Sans', arial, helvetica, 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 */
}
a:hover{text-decoration: none;}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {background-color: #ffffff; font-color: #333333; text-align : center;  -webkit-text-size-adjust: 100%; }
 

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



/* headings */

h1 {width:99%;
max-width:960px;
 background-color: #808080;
	font-size: 75%;
	text-align: right;
	color:#ffffff;
	padding-right: 1%;
}
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, arial, helvetica, 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; }
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

 .cl {  
        display: inline-block;  
    } 

.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 {background-color:#ffffff; margin: 0 auto; text-align:left; width: 100%; max-width:960px;  
-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);
}
#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;}

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


#menu100{background-color: #ffffff; position: relative; top: 0; width:100%; height: 40px;}


/* 本文 */
#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: 68%; margin-top: 0px; padding: 2% 2% 1% 1%; float:left; min-height: 300px;　padding-bottom: 800px;　margin-bottom: -800px;}
#honmon2{background-color: #ffffff; width: 73%; margin-top: 0px; padding: 2% 2% 1% 1%; float:left; min-height: 300px;　padding-bottom: 800px;　margin-bottom: -800px;}
#honmon_right{background-color: #ffffff; width: 68%; margin-top: 0px; padding: 2% 2% 1% 1%; float:right; min-height: 300px;　padding-bottom: 800px;　margin-bottom: -800px;}
#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;}		
/* サイド */	
#right_side {background-color: #ffffff; margin-top: 0px; width: 28%;  padding:2%  0px  1%  1%;  float: right; }
#left_side {background-color: #ffffff; margin-top: 0px; width: 23%;  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 */		l
#footer {width:100%;
text-align:center; padding: 0;
background-color: #ffffff;

color: #808080;
	
	font-size: 85%; clear:both;}
	
.clear {clear:both;}　/*floatの解除、ここがポイント*/

#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, arial, helvetica, sans-serif; font-size: 74%; letter-spacing: -0.1em;}	
.touroku {color: #808080; font-family: Verdana, arial, helvetica, sans-serif; font-size: 74%; letter-spacing: -0.1em;}	
.touroku_top {color: #808080; font-family: Verdana, arial, helvetica, 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; 
}
.clearRight { 
clear: right; 
}
	

/*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:#ffffff; margin: 0 auto; text-align:left; width: 100%; font-size:10px;}
#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, arial, helvetica, 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: 98%; margin-top: 0px; padding:2px 1% 1% 1%; }
#honmon2{width: 98%; margin-top: 0px; padding:2px 1% 1% 1%; }	
#honmon3{width: 99%; margin-top: 0px; padding:2px 2% 2% 2%;}		
/* サイド */	
#left_side {  width: 97%; margin-top: 0px; padding:2px 1% 2% 1%;}
#right_side {  width: 97%; margin-top: 0px; padding:2px 1% 2% 1%;}
#left_side3 {  width: 100%; margin-top: 0px; padding:2px 1% 2% 1%;}

/* footer */		
#footer  {  width: 100%; margin-top: 0px; padding:2px 1% 2% 1%;
	background-color:: #fff;
	color: #808080;

	font-size: 85%; clear:both;}
#footer a {
	color: #808080;
	}
	
#menu-link{width:90%;
    padding:0;
    font-size:0px;}
    }
#menu-link ul { list-style: none;  }
#menu-link li{
float: left;
    font-size:85%;}

.clear1{display: block;}  

.touroku {color: #808080; font-family: Verdana, arial, helvetica, sans-serif; font-size: 74%; letter-spacing: -0.1em;}
.touroku1 {font-family: Verdana, arial, helvetica, sans-serif; font-size: 70%;}	
.gotop{ padding:10px 20px; }

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

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


#header-menu{
width:100%;
font-size: 70%;}
#header-menu ul{vertical-align: top; text-align:right; padding-right: 5px;}
#header-menu li {display: inline ; vertical-align: middle;}
.sankaku{font-size:70%; color: #a31205;}

header-logo{width:100%; margin-bottom:2px; text-align: left;}

#side_menu_home{width:95%; align:left; padding-right: 5px; font-size:80%;}
#side_menu_home li {display: inline-block ; float-left}
#side_menu_home li img{float: right;}
@media only screen and (max-width: 479px) {
#header-menu{
width:100%;
font-size: 10px;}
}


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-mojimigi {
float: right;
   margin: 0 0 0 15px !important;
   padding: 0 !important;
   border: 0 !important;
}

img.fuchi-mojihidari {
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, arial, helvetica, sans-serif; font-size: 85%;}
.touroku1 {font-family: Verdana, arial, helvetica, sans-serif; font-size: 70%;}


table.sotokei { border: solid 2px #f90; border-collapse: collapse; color: #333333; font-size: 100%; font-family:"Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial, helvetica, sans-serif; line-height: 130%; padding: 6px; text-align: left;}
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.kei7{ border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-collapse: collapse; font-size: 80%;}
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%;}

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


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

.news{font-size: 90%;line-height: 120%; margin-top: 8px;  padding: 3px; text-indent: 1%; ont-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial, helvetica, sans-serif;}

.topicpath ol li {
    /* liを横並び＆ブレットを消す */
    display: inline; 
    list-style-type: none;
}

.topicpath ol li a {
    /* aの背景画像に記号の画像を指定 */
    background-image: url(../hp_images/pan1.png);

    /* 右寄せ＆リピート無し */
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 10px;
}

   
   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; }	

#menubar{width: 100%; margin: 0 auto; text-align:left; }
.pamph1{font-size: 70%; color: #808080; font-weight: bold;}




#news-waku {
	width:95%;
	height:autox;
	padding-left:5px;
	text-indent: -20px;
	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;
	}
	
	@media only screen and (max-width: 767px) {
#news-waku {
    line-height:20px;
    padding-left:30px;
	text-indent: -22px;
  }
}
	
#news-waku2 {
	width:100%;
	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;
	}
	
.tume{letter-spacing: -0.5em;}

.top_image{background-image:url(../img/top-image.jpg);   background-repeat: no-repeat; width:100%; max-width:960px; height:100%; max-height:280px;}

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

.kakomi1{background: #808080; color: #ffffff; font-size: 100%; font-weight: bold; padding:2px; }

#side_menu_main{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #b14a0b), color-stop(0.92, #ED6D1F), color-stop(0.85, #f4a371), color-stop(0.78, #f39359), color-stop(0.14, #ef7830), color-stop(0.07, #f4a371), color-stop(0.00, #ED6D1F));
background: -webkit-linear-gradient(top, #ED6D1F 0%, #f4a371 7%, #ef7830 14%, #f39359 78%, #f4a371 85%, #ED6D1F 92%, #b14a0b 99%);
background: -moz-linear-gradient(top, #ED6D1F 0%, #f4a371 7%, #ef7830 14%, #f39359 78%, #f4a371 85%, #ED6D1F 92%, #b14a0b 99%);
background: -o-linear-gradient(top, #ED6D1F 0%, #f4a371 7%, #ef7830 14%, #f39359 78%, #f4a371 85%, #ED6D1F 92%, #b14a0b 99%);
background: -ms-linear-gradient(top, #ED6D1F 0%, #f4a371 7%, #ef7830 14%, #f39359 78%, #f4a371 85%, #ED6D1F 92%, #b14a0b 99%);
background: linear-gradient(to bottom, #ED6D1F 0%, #f4a371 7%, #ef7830 14%, #f39359 78%, #f4a371 85%, #ED6D1F 92%, #b14a0b 99%);
}






#item-list {
  width: 95%;
}

#item-list ul{
  margin:-1%;/*１カラムのpadding分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}

#item-list ul li {

  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding:1%;/*カラム間のガター*/
  margin-right: 1%;
  margin-bottom:20px;
  text-align:left;
  font-size: 90%;
}

ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 46.5%;}
ul.cols-3 li {width: 30%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

.inner{ /*カラムの内側*/
  margin:0 auto;
  height:100%;
  background:white;
}



@media only screen and (max-width: 767px) {
  ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
    width: 33%;/*４列以上は３列に*/
  }
  ul.cols-3 li{
    width:95%;/*３列は２列に*/
  }
}

@media only screen and (max-width: 479px) {
  ul[class*='cols-'] > li{
    width: 95%;/*すべて１列に*/
 }
}
#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%;
}

#products-bar{
background: #707070;
-webkit-box-shadow: 7px 10px 14px 0px rgba(150,144,150,0.66);
-moz-box-shadow: 7px 10px 14px 0px rgba(150,144,150,0.66);
box-shadow: 7px 10px 14px 0px rgba(150,144,150,0.66);
}

.now{font-size: 90%; color: #ff8c00; font-weight: bold;}



.list {
width: 95%;
text-align: center;
font-size: 85%;
    padding: 3px;
    position: relative;
    overflow: hidden;
margin:0 auto;
}
.list ul {
position: relative;
    display: inline-block;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
.list ul li {
position: relative;
    float: left;
    margin-right: 4px;
    margin-bottom: 5px;
    padding: 1px;
border-right: 1px solid #999;
    position: relative;
    left: -50%;
}
.list ul li:first-child {
border-left: 1px solid #999;
}

#bar10 {
width: 100%;
	font-size: 16px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF9900;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9933;
	color: #FF9900;
	padding-left: 10px;
	
}
#bar95 {
width: 93%;
	font-size: 16px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF9900;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9933;
	color: #FF9900;
	padding-left: 10px;
	
}

.pankuzu a{
font-size: 80%;
font-decoration: underline;
}