@charset "UTF-8";
/*********** common ***********/
body {	font-size: 13px;line-height: 1.5em;	background-color: #fff;	margin: 0;	padding: 0; font-feature-settings: "palt";
	font-family: Helvetica, Arial, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
input[type="text"],input[type="search"]{font-size: 16px;}

hr.dotted{border-top: 1px dotted #8c8b8b; margin-top:0.2em;}
div#container { width: 1000px; margin-right: auto; margin-left: auto; }
div#contents { position: relative;  margin-bottom: 0;/*display: flex; justify-content:space-between;*/}

div#rightArea {margin-bottom: 15px; padding-top:85px;order:3; margin-bottom:114px;}
body.2col div#rightArea {margin-bottom: 15px; padding-top:0; order:3;}
body.twocol div#rightArea {margin-bottom: 15px; padding-top:0; order:3;}
div#rightnavi{order:3; margin-bottom: 15px; padding-top:95px;}
div#leftnavi{ width: 190px; float: left; margin-right: 5px; margin-bottom: 10px; order:1;}
DIV#wrap01{width:800px; float:right;/* display:flex; flex-direction:column;*/}
body.2col DIV#wrap01{width:780px; order:2; display:flex; flex-direction:column;}
body.twocol DIV#wrap01{width:780px; order:2; display:flex; flex-direction:column;}
div#wrap01-03{order:3;}
DIV#wrapMainAndRight{order:2; display: flex; justify-content:space-between; align-items:strech;flex-grow:10;}
DIV#wrap2colMain{order:2;}
div.flexWrap{display: flex; justify-content:space-between; align-items:strech;}
div.flexBox01{order:1;}
div.flexBox02{order:2;}
div.flexBox03{order:3;}
div.flexBox04{order:4;}

#pageCategory div#rightArea,
#pageDetail div#rightArea{ padding-top:0;}
div#mainArea {order:2; width: 630px; float: left; margin-bottom: 0.5em; min-height:700px; overflow:visible;}
ul,
li{margin: 0; padding: 0; list-style-type: none;}
#errorMessage{font-weight:bold; color:#2158f1; padding-top:1em;padding-bottom:10em;}
#message{font-size:1.1em;}





h1{font-size: 28px;margin-left:-5px;background:#FFFFFF url(../img/titlebg_others2.png) 0px 100% no-repeat; border:none;  line-height:1.15em; margin-top:0.6em; padding: 10px 5px 2px 48px;}
div#mainArea p {/*margin:0 0 0.7em 0; padding:0.15em 0 0 0;*/}
body.moku div#mainArea h1{ margin-bottom: 0;}
body.moku div#mainArea p.gakumei {color:#333333; font-size: 2em; margin: 4px 0 0em; font-family: Helvetica; padding:0px 0; text-align:left; line-height:1.3em;}
body.moku div#mainArea p.gakumei span {vertical-align:middle; font-size:0.5em;background-color:#888888; color:#FFFFFF;  padding:5px 7px 3px 7px; margin-top:0;margin-left:0; line-height:1.3em; }




/*新トップドロップダウンメニュー*/
.ddmenu{  *zoom: 1;  list-style-type: none;  width: 1000px;  margin: 1px auto;  padding: 0;}
.ddmenu:before, .ddmenu:after{  content: "";  display: table;}
.ddmenu:after{  clear: both;}
.ddmenu li{  position: relative;  width: 198px;  float: left;  margin: 0;  padding: 0;  text-align: center; margin: 0 2px 2px 0}
.ddmenu li a{  display: block;  margin: 0; line-height:1.5em; padding: 10px 0 8px; font-size: 1.3em; background: #87c621;  color: #44506b; line-height: 1; font-weight:bold; text-decoration: none;}
.ddmenu li a#plant_a{  position: relative;  width: 166px;}
.ddmenu li ul{  list-style: none;  position: absolute;  z-index: 9999;  top: 100%;  left: 0;  margin: 0;  padding: 0;}
.ddmenu li ul li{  width: 100%;}
.ddmenu li ul li a{ font-size: 1em;  padding: 10px 10px;  border-top: 1px solid #FFF;  background: #B8DE8E;  text-align: left;}
.ddmenu li ul#plant_ul{  width: 167px;}
.ddmenu li:hover > a{  background: #9CD938;}
.ddmenu li a:hover{  background: #B0F244;}
#dropmenu li ul li{  overflow: hidden;  height: 0;  transition: .2s;}
#dropmenu li:hover ul li{  overflow: visible;  height: 32px;}
body.fishes #header_menu .ddmenu li a.fishes {background-color: #eeff84;}

.ddmenu2{  *zoom: 1;  list-style-type: none;  width: 1000px;  margin: 0 auto 1px auto;  padding: 0;}
.ddmenu2:before, .ddmenu:after{  content: "";  display: table;}
.ddmenu2:after{  clear: both;}
.ddmenu2 li{ position: relative;  width: 166px;  float: left;  margin: 0;  padding: 0;  text-align: center; margin: 0 0 2px 0;}
.ddmenu2 li.xx{width: 167px;}
.ddmenu2 li:first-of-type{width: 166px; }
.ddmenu2 li:last-of-type{width: 166px; }
.ddmenu2 li div.menuCategory,
.ddmenu2 li ul li a{ display: block;  margin: 0;  padding: 11px 0 6px; font-size: 1.4em;
  border: solid 1px #CFCFCF; border-left:none;
  cursor:pointer;
  color:#1772b7;  font-weight:normal; text-decoration: none;
	background: #74b5f7;
	background: -moz-linear-gradient(top,  #74b5f7 0%, #5392d6 100%);
	background: -webkit-linear-gradient(top,  #74b5f7 0%,#5392d6 100%);
	background: linear-gradient(to bottom,  #74b5f7 0%,#5392d6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74b5f7', endColorstr='#5392d6',GradientType=0 );
	color:#FFFFFF;
 box-shadow: 1px 0px 0px rgba(245,245,245,0.3) inset, -1px 0px 0px rgba(245,245,245,0.3) inset, 0px 1px 1px rgba(245,245,245,0.1) inset,0px -1px 1px rgba(245,245,245,0.3) inset;
}
.ddmenu2 li.headMenuColumn div.menuCategory{
background: rgb(211,90,4);
background: -moz-linear-gradient(0deg, rgba(211,90,4,1) 0%, rgba(244,158,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(211,90,4,1) 0%, rgba(244,158,0,1) 100%);
background: linear-gradient(0deg, rgba(211,90,4,1) 0%, rgba(244,158,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d35a04",endColorstr="#f49e00",GradientType=1);
	}
.ddmenu2 li a{text-decoration:none; }
.ddmenu2 li:first-child div{ border-left: solid 1px #CFCFCF; }
.ddmenu2 li div#plant_a{  position: relative;  width: 167px;}
.ddmenu2 li a.fishes{
	background: #c14343;
	background: -moz-linear-gradient(top,  #c14343 0%, #ad0000 100%);
	background: -webkit-linear-gradient(top,  #c14343 0%,#ad0000 100%);
	background: linear-gradient(to bottom,  #c14343 0%,#ad0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c14343', endColorstr='#ad0000',GradientType=0 );
	 box-shadow: 1px 0px 0px rgba(245,245,245,0.3) inset,
	             -1px 0px 0px rgba(245,245,245,0.3) inset,
	              0px 1px 1px rgba(245,245,245,0.1) inset,
	              0px -1px 1px rgba(245,245,245,0.3) inset;
	              padding: 3px 0 3px;
	              text-align:center;
}
.ddmenu2 li a.fishes div{margin:0 auto; padding:4px 12px 1px 12px; border:3px solid rgba(255,255,255, .0); width:80%;}
.ddmenu2 li ul{  list-style: none;  position: absolute;  z-index: 9999;  top: 100%;  left: 0;  margin: 0;  padding: 0;}
.ddmenu2 li ul li{   line-height:auto;}
.ddmenu2 li ul li a{ font-size: 1em; padding: 7px 10px 5px 10px;   border: solid 1px #CFCFCF; border-top: 1px solid #FFF;  background: #EFEFEF;  text-align: left;
box-shadow: none; color:#0053BF;}
.ddmenu2 li ul#plant_ul{  width: 167px;}
.ddmenu2 li:hover > div.menuCategory,
.ddmenu2 li:hover > a div.menuCategory{
	background: #c14343;
	background: -moz-linear-gradient(top,  #c14343 0%, #ad0000 100%);
	background: -webkit-linear-gradient(top,  #c14343 0%,#ad0000 100%);
	background: linear-gradient(to bottom,  #c14343 0%,#ad0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c14343', endColorstr='#ad0000',GradientType=0 );

	color:#FFFFFF;
	box-shadow: none;
}


.ddmenu2 li ul li a:hover{  background: #c60000; color:#FFFFFF;}
#dropmenu2 li ul li{  overflow: hidden;  height: 0;  transition: .2s;}
#dropmenu2 li:hover ul li{  overflow: visible;  height: auto;}


/*旧トップドロップダウンメニュー*/
/*
.ddmenu{  *zoom: 1;  list-style-type: none;  width: 1000px;  margin: 1px auto;  padding: 0;}
.ddmenu:before, .ddmenu:after{  content: "";  display: table;}
.ddmenu:after{  clear: both;}
.ddmenu li{  position: relative;  width: 198px;  float: left;  margin: 0;  padding: 0;  text-align: center; margin: 0 2px 2px 0}
.ddmenu li a{  display: block;  margin: 0; line-height:1.5em; padding: 10px 0 8px; font-size: 1.3em; background: #87c621;  color: #44506b; line-height: 1; font-weight:bold; text-decoration: none;}
.ddmenu li a#plant_a{  position: relative;  width: 200px;}
.ddmenu li ul{  list-style: none;  position: absolute;  z-index: 9999;  top: 100%;  left: 0;  margin: 0;  padding: 0;}
.ddmenu li ul li{  width: 100%;}
.ddmenu li ul li a{ font-size: 1em;  padding: 10px 10px;  border-top: 1px solid #FFF;  background: #B8DE8E;  text-align: left;}
.ddmenu li ul#plant_ul{  width: 200px;}
.ddmenu li:hover > a{  background: #9CD938;}
.ddmenu li a:hover{  background: #B0F244;}
#dropmenu li ul li{  overflow: hidden;  height: 0;  transition: .2s;}
#dropmenu li:hover ul li{  overflow: visible;  height: 32px;}
body.fishes #header_menu .ddmenu li a.fishes {background-color: #eeff84;}

.ddmenu2{  *zoom: 1;  list-style-type: none;  width: 1000px;  margin: 0 auto 1px auto;  padding: 0;}
.ddmenu2:before, .ddmenu:after{  content: "";  display: table;}
.ddmenu2:after{  clear: both;}
.ddmenu2 li{  position: relative;  width: 200px;  float: left;  margin: 0;  padding: 0;  text-align: center; margin: 0 0 2px 0 border-right:1px solid #777777;}
.ddmenu2 li div.menuCategory,
.ddmenu2 li a{ display: block;  margin: 0;  padding: 11px 0 6px; font-size: 1.4em;
  border: solid 1px #CFCFCF; border-left:none;
  cursor:pointer;
  color:#1772b7;  font-weight:normal; text-decoration: none;

	background: #74b5f7;
	background: -moz-linear-gradient(top,  #74b5f7 0%, #5392d6 100%);
	background: -webkit-linear-gradient(top,  #74b5f7 0%,#5392d6 100%);
	background: linear-gradient(to bottom,  #74b5f7 0%,#5392d6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74b5f7', endColorstr='#5392d6',GradientType=0 );
	color:#FFFFFF;

 box-shadow: 1px 0px 0px rgba(245,245,245,0.3) inset,
             -1px 0px 0px rgba(245,245,245,0.3) inset,
              0px 1px 1px rgba(245,245,245,0.1) inset,
              0px -1px 1px rgba(245,245,245,0.3) inset;
  }
.ddmenu2 li:first-child div{ border-left: solid 1px #CFCFCF; }
.ddmenu2 li div#plant_a{  position: relative;  width: 199px;}
.ddmenu2 li a.fishes{
	background: #c14343;
	background: -moz-linear-gradient(top,  #c14343 0%, #ad0000 100%);
	background: -webkit-linear-gradient(top,  #c14343 0%,#ad0000 100%);
	background: linear-gradient(to bottom,  #c14343 0%,#ad0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c14343', endColorstr='#ad0000',GradientType=0 );

	 box-shadow: 1px 0px 0px rgba(245,245,245,0.3) inset,
	             -1px 0px 0px rgba(245,245,245,0.3) inset,
	              0px 1px 1px rgba(245,245,245,0.1) inset,
	              0px -1px 1px rgba(245,245,245,0.3) inset;
	              padding: 3px 0 3px;
	              text-align:center;
}
.ddmenu2 li a.fishes div{margin:0 auto; padding:4px 12px 1px 12px; border:3px solid rgba(255,255,255, .0); width:80%;}
.ddmenu2 li ul{  list-style: none;  position: absolute;  z-index: 9999;  top: 100%;  left: 0;  margin: 0;  padding: 0;}
.ddmenu2 li ul li{  width: 100%; line-height:auto;}
.ddmenu2 li ul li a{ font-size: 1em; padding: 7px 10px 5px 10px;   border: solid 1px #CFCFCF; border-top: 1px solid #FFF;  background: #EFEFEF;  text-align: left;
box-shadow: none; color:#0053BF;}
.ddmenu2 li ul#plant_ul{  width: 200px;}
.ddmenu2 li:hover > div{
	background: #74b5f7;
	background: -moz-linear-gradient(top,  #74b5f7 0%, #5392d6 100%);
	background: -webkit-linear-gradient(top,  #74b5f7 0%,#5392d6 100%);
	background: linear-gradient(to bottom,  #74b5f7 0%,#5392d6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74b5f7', endColorstr='#5392d6',GradientType=0 );

	background: #c14343;
	background: -moz-linear-gradient(top,  #c14343 0%, #ad0000 100%);
	background: -webkit-linear-gradient(top,  #c14343 0%,#ad0000 100%);
	background: linear-gradient(to bottom,  #c14343 0%,#ad0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c14343', endColorstr='#ad0000',GradientType=0 );

	color:#FFFFFF;
	box-shadow: none;
}

.ddmenu2 li ul li a:hover{  background: #c60000; color:#FFFFFF;}
#dropmenu2 li ul li{  overflow: hidden;  height: 0;  transition: .2s;}
#dropmenu2 li:hover ul li{  overflow: visible;  height: auto;}
*/


/*
body#bio h1,
body#member h1,
body#common h1,
body#biocate h1,
body#cate h1,
body.indexlist h1,
body#article #contents h1{font-size: 28px;margin-left:-5px;background:#CCCCCC url(../img/titlebg_others2.png) 0px 0px no-repeat; border:none; height:39px; line-height:40px;text-indent:48px; margin-top:0.6em;}
*/
body.indexlist h2{border-left: 2px solid #3388CC;border-bottom: 1px solid #000;line-height:1.7em; text-indent:0.4em; margin-top:1.3em; margin-bottom:0.5em; }


/*{border-left:2px solid #3388CC; border-bottom:1px solid #000; padding:2px 2px 1px 0.3em; color:#000; }*/
div#mainArea .groups h2{background-color:#EFEFEF; padding:5px 2px 4px 4px; border-bottom: 1px solid #131083; }
div#mainArea .groups h3,
div#mainArea .groups h4,
div#mainArea .groups h5{background-color:#EFEFEF; padding:5px 2px 4px 4px; margin-top:0.6em; margin-bottom: 0.3em;/* margin-left: 20px; */}
div#mainArea .groups .cursel{background-color:#3388CC; padding:5px 2px 4px 4px; color:#FFFFFF !important;}


/*一般分類写真リスト*/
div#mainArea .groups{clear: left; overflow:hidden; margin-bottom: 1.5em; width: 100%; }
div#mainArea .groups p{margin-top:0; }
body.moku div#mainArea .groups{ padding-bottom: 0px; padding-left: 15px; border-left:1px dotted #CECECE;}

/*leftnavi*/
div#leftnavi ul,div#leftnavi li { margin: 0; padding: 0;}
div#leftnavi li { list-style-type: none; }
div#leftnavi h2,div#leftnavi h3 { font-size: 13px; margin: 0;  padding: 1px 3px; }
#index div#leftnavi h2,#member div#leftnavi h2,#mailmagazine div#leftnavi h2,#sponsor div#leftnavi h2,#article div#leftnavi h2 { padding: 0; }
div#leftArea h3.sideTitle,
div#leftnavi h3.sideTitle,
div#leftnavi2 h3.sideTitle,
div#ranking_title,
div#rightnavi h3.sideTitle,
div#jenreList h3.sideTitle { line-height:1.5em;  border-left:4px double #3388CC;overflow:hidden;margin-top:0; padding: 8px 3px 3px 5px; font-weight:bold;
/* background-color: #90a4d7;color: #000b8e; background-color: #3388CC; */color:#2f7dbd;color: #0053BF;color:#0053BF;

background: #4193DA; /* Old browsers */
background: -moz-linear-gradient(top,  #4193DA 0%, #5392d6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4193DA 0%,#5392d6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4193DA 0%,#5392d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4193DA', endColorstr='#5392d6',GradientType=0 ); /* IE6-9 */
/*color: #FFFFFF;*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6f1f7+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e6f1f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6f1f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e6f1f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f1f7',GradientType=0 ); /* IE6-9 */

background: #EFEFEF;
background: -moz-linear-gradient(top,  #FFFFFF 0%, #dfdfdf 100%);
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#dfdfdf 100%);
background: linear-gradient(to bottom,  #FFFFFF 0%,#dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#dfdfdf',GradientType=0 );

border:1px solid #CCCCCC;
border-left:5px double #3388CC;
margin-bottom:1px;overflow:hidden; text-align:left;
}
div#leftArea h3#sideTitleColumn,
div#leftnavi h3#sideTitleColumn{
  border-left-color:#d77b15;
  color:#bf3e00;
}

div#leftnavi ul.indent{margin-left:15px;}
div#leftnavi ul li{ text-indent:2px;}

div#exmenuleft a { background-color: #f3f3f3; text-decoration: none; width: 190px; padding-top:2px;line-height:1.7em;  border-bottom: 1px solid #131083; display: block; }
div#exmenuleft li.sakuin a{ background-color: #dbdbdb; }
div#exmenuleft h2 a, div#exmenuleft h3 a { text-indent: -9999px; width: 190px; overflow: hidden; }
div#exmenuleft h2 a  {
	background-image: url(../img/tit_mokuji.gif); height: 28px; }
div#exmenuleft div#mokuji1 h3 { border:none; padding:0; background-image: url(../img/tit_gyorui.gif); text-indent: -9999px; overflow: hidden; }
div#exmenuleft div#mokuji2 h3 { border:none; padding:0; background-image: url(../img/tit_nantai.gif);  text-indent: -9999px; overflow: hidden; }
div#exmenuleft div#mokuji3 h3 { border:none; padding:0; background-image: url(../img/tit_koukaku.gif);  text-indent: -9999px; overflow: hidden; }
div#exmenuleft div#mokuji4 h3 { border:none; padding:0; background-image: url(../img/tit_sonota.gif);  text-indent: -9999px; overflow: hidden; }
div#exmenuleft div#mokuji5 h3 { border:none; padding:0; background-image: url(../img/tit_yunyu.gif); text-indent: -9999px; overflow: hidden;  }

div#leftnavi2{ margin-top: 0; }
div#leftnavi2 li { margin-top: 5px;  margin-bottom: 0.5em;}


/*new exmenu*/
div#exmenuleft2 h3 a, div#exmenuleft2 h4 a {width: 190px; overflow: hidden; text-decoration:none;}
div#exmenuleft2 h3 ul a  { background-color:transparent; border:none;}
div#exmenuleft2 div ul { margin-bottom:5px;}
div#exmenuleft2 div h4 { margin:2px 0; padding:5px 2px 1px; border:none; background-color:#EFEFEF; font-weight:normal; line-height:1.7em;}
div#exmenuleft2 ul a {text-decoration: none; width: 190px; height: 20px; border-bottom: 1px dotted #666666; display: block; }
div#exmenuleft2 li.sakuin a{}
div#exmenuleft2 div#mokuji1 h4 { border:none; background-image: url(../img/exleftmenu_01.png); overflow: hidden; }
div#exmenuleft2 div#mokuji2 h4 { border:none; background-image: url(../img/exleftmenu_03.png); overflow: hidden; }
div#exmenuleft2 div#mokuji3 h4 { border:none; background-image: url(../img/exleftmenu_02.png); overflow: hidden; }
div#exmenuleft2 div#mokuji4 h4 { border:none; background-image: url(../img/exleftmenu_04.png); overflow: hidden; }
div#exmenuleft2 div#mokuji5 h4 { border:none; background-image: url(../img/exleftmenu_05.png); overflow: hidden; }
div#exmenuleft2 div#mokuji6 h4 { border:none;  overflow: hidden; background-color:#d7c9a4;}
div#exmenuleft2 div#mokuji7 h4 { border:none;  overflow: hidden; background-color:#d5d7a4;}
div#exmenuleft2 ul li{margin-top: 5px; margin-bottom: 5px;}

/*article left menu*/
div#articleMenuleft h3 a, div#exmenuleft2 h4 a {width: 190px; overflow: hidden; text-decoration:none;}
div#articleMenuleft h3 ul a  { background-color:transparent; border:none;}
div#articleMenuleft div ul { margin-bottom:5px;}
div#articleMenuleft div h4 { margin:2px 0; padding:5px 2px 1px; border:none; background-color:#e7d1be; font-weight:normal; line-height:1.7em;}
div#articleMenuleft div h4.article_menu {}
div#articleMenuleft ul a {text-decoration: none; width: 190px; height: auto; border-bottom: 1px dotted #666666; display: block; }
div#articleMenuleft li.sakuin a{}
div#articleMenuleft ul li{margin-top: 3px; margin-bottom: 3px;}
div#articleMenuleft ul li:last-of-type{margin-bottom: 0;}
div#articleMenuleft ul li a{text-indent:0;}
div#articleMenuleft ul li a span{text-indent:0; padding:2px 3px 0;  display:block;margin-bottom: 2px; line-height: 18px;}
div#articleMenuleft ul li a:link,
div#articleMenuleft ul li a:visited,
div#articleMenuleft ul li a:hover,
div#articleMenuleft ul li a:link{color:#2f7dbd;}
div#articleMenuleft ul li a:hover span{ text-indent: 0; background-color: #cf7120;  border-radius: 4px; color: white;padding:2px 3px 0;}
div#articleMenuleft ul li a.selected span{text-indent:0;background-color:#cf7120;  border-radius:4px; color:white;padding:2px 3px 0;}

/*種一覧*/
/* body.moku div#mainArea .groups ul{margin-left: 50px;} */
/*div#mainArea .groups li{width: 113px;  margin-left: 10px; text-align: center; text-indent:0; }
body.moku div#mainArea .groups ul{padding-top:10px !important; display:flex; width:595px;flex-wrap: wrap;}
body.moku div#mainArea .groups ul li{width:113px;  margin-left: 4px; text-indent:0;}*/


/*種一覧　展開バージョン*/
body.paragraphs div#mainArea .groups ul li.unfold{width:auto; height: auto; margin-left: 0px; text-indent:0; float:none; padding-bottom:0.4em; margin-bottom:0.4em;border-bottom:1px dotted #CCC;}
/*div#mainArea .groups span{display: block; position: relative; width: 90%; height: 80px; margin: 0 auto;}*/
body.paragraphs div#mainArea .groups li.unfold div.p1 {width: 152px; height: 106px; /*border:1px solid #CCC;*/ margin-bottom:1px; padding: 2px 2px 1px 0px; display:block; float:left;}
body.paragraphs div#mainArea .groups li.unfold div.p1 div.innerPhoto{width: 152px; height: 106px; position: relative; overflow: hidden; }
body.paragraphs div#mainArea .groups li.unfold div.p1 p{width: 152px; height: 106px; padding:0; margin:0;font-size: 0.85em; position: relative; text-align:center;  display:table-cell;  vertical-align: top;  layout-grid-line: 0px; }
body.paragraphs div#mainArea .groups li.unfold img{height:auto; width: 150px; line-height:121px; position: relative; margin: auto auto;/*bottom:0; left:0;*/ text-align: center; display:inline-block; border:1px solid #CCC;}
body.paragraphs div#mainArea .groups li.unfold div.ippan_syues_desc{ float:left; position:relative;}
.ippan_syues_desc{margin-left:0.4em; text-align:left; width:470px;}
body.paragraphs div#mainArea .groups li.unfold div.ippan_syues_desc h3{margin-top:0; padding:1px 5px; background-color:#e5e5e5; line-height:1.5em;}
body.paragraphs div#mainArea .groups li.unfold div.ippan_syues_desc span.syues_description{ margin:3px 0px;}

#article #mainArea h2,
body.paragraphs #paragraphs h2,
body.paragraphs h2.listTitle{font-size:1.5em; padding-top:2px; background-color:#efefef;line-height:2.5em; text-indent:0.4em; margin-top:1.3em; margin-bottom:0.5em; }
body.paragraphs h2.listTitle{
background-color:62b6ff;
}
#article #mainArea h2 + div.description,
body.paragraphs #paragraphs h2 + div.description{padding:3px 0.2em;}
#article #mainArea h3,
body.paragraphs #paragraphs h3{ border-left: 2px solid #3388CC;border-bottom: 1px solid #000;line-height:1.9em; text-indent:0.3em; margin:0.8em 0.5em 0.3em 0.5em;  font-size:1.1em; }
#article #mainArea h3 + div.description,
body.paragraphs #paragraphs h3 + div.description{padding:3px 0.6em;}
#article #mainArea h4,
body.paragraphs #paragraphs h4{border-bottom: 1px dotted #CCCCCC;line-height:1.4em; text-indent:0.3em;  margin:0.6em 0.5em 0.2em;  font-size:1em;}
#article #mainArea h4 + div.description,
body.paragraphs #paragraphs h4 + div.description{padding:3px 0.6em;;}
#article #mainArea #paragraphs h4::before,
body.paragraphs #paragraphs h4::before {
	content: "\f0c8";
    font-family: FontAwesome;
    color:#3388CC;
    font-size:0.6em;
    padding-right:0.3em;

}
body.paragraphs  div.description br.col_clear,
#article #mainArea div.description br.col_clear{ line-height:0; }

/*索引*/
div#indexlist {overflow: hidden;}
div#indexlist .note{margin:0.2em 0.5em; text-align:left;}
div#indexlist a{ height: 18px; margin-bottom:3px;text-indent:0; text-align:left; float:none;}
div#indexlist div.idxcol{width:193px;float:left; margin-left:0.3em;}
div#indexlist div.idxcol3{width:193px;float:left; margin-left:0.3em;}
div#indexlist div.idxcol4{width:143px;float:left; margin-left:1em;text-indent:-1em; }
div#indexlist div.idxcol4 a{margin:3px 0;}
div#indexlist div.p1 {width: 33px; height: 33px; /*border:1px solid #CCC;*/ margin-bottom:1px; padding: 2px 2px 1px 2px; float:left;}
div#indexlist div.p1 div{width: 33px; height: 33px; position: relative; overflow: hidden; }
div#indexlist div.p1 p{width: 33px; height: 33px; font-size: 0.85em; position: relative; text-align:center;  display:table-cell;  vertical-align: middle;  layout-grid-line: 0px; margin:0;}
div#indexlist img{height: 100%; width:auto; position: relative; margin: auto auto;/*bottom:0; left:0;*/ text-align: center; display:inline-block;}
div#indexlist p {margin:0; vertical-align:middle; padding-left:.3em;width:143px;}
div#indexlist p.cell_title a{ text-decoration: none;}

div#indexlist div#indexlist_menu {margin:1em 0.5em; overflow:hidden; display:flex; flex-direction:column;flex-wrap: wrap;height: 18em;}
div#indexlist div#indexlist_menu a {line-height:1.6em; display: block; width:50px; min-width:1.3em; padding:9px 0; float:left; text-align:center; margin: 0.2em 0.2em; border-radius: 4px; background-color:#3388CC; color:#FFF !important; text-decoration:none; color:#0053BF;}
div#indexlist div#indexlist_menu a:last-child {font-size:10px;line-height:15px; padding:5px 0 14px;}
div#indexlist div#indexlist_menu a.nolink { color:#FFF !important; text-decoration:none; color:#0053BF;background-color: #c5e0f5;}
div#indexlist p.initial{width:100%; line-height:2em; background-color:#CCC; margin-top: 1.5em;margin-bottom: .5em;}
div#indexlist div#indexlist_menu a.selected{background-color:#990000;}

ul.tab{	padding:0;}
body#biocate ul.panel,
body#cate ul.panel{ border:none;}
ul.tab {overflow: hidden; margin-bottom:.7em; border-bottom:2px solid #3388CC;}
ul.tab li{display: block;; width:20%;float:left; background-color: #fff; position: relative; bottom: -1px; float:left; padding-right: 0.7em;}
ul.tab li a.tablink{outline:none;display:block;line-height:35px;text-align:center;text-decoration:none; font-weight:normal; border-bottom: none;margin-bottom: 0;background-color: #DFDFDF; color:#0053BF; height: 32px; margin-top:3px;}
ul.tab li a:hover{	background: #3388CC;color:#FFF; height:35px; margin-top:0;}
ul.tab li a.selected{text-decoration:none;color:#333;cursor:default; color:#FFF; background: #3388CC; height:35px; margin-top:0; font-weight: bold;}

ul.tab li.rakutenlink{ float:right; width:auto; min-width:23%;}
ul.tab li.rakutenlink a{outline:none;display:block;line-height:35px;text-align:center;text-decoration:none; font-weight:normal; border-bottom: none;margin-bottom: 0;background-color: #bf0000; color:#FFFFFF; height: 32px; margin-top:3px; padding:0 0.7em; float:left;}
ul.tab li.rakutenlink a:hover{background: #3388CC;color:#FFF; height:35px; margin-top:0;}
ul.tab li.rakutenlink a.selected{text-decoration:none;cursor:default; color:#FFF; background: #bf0000; height:35px; margin-top:0; font-weight: normal;}


ul.panel{ clear:both;	/*padding:5px; border: 1px solid #555555;*/ background-color:#FFF;}
/* Flex リスト*/
ul.flex_groups{display:flex; flex-flow: row wrap;}
ul.flex_groups li{margin-left: 10px;margin-bottom: 0.4em; text-align: center; text-indent:0;　zoom:1; flex-grow:0; width:111px;}
ul.flex_groups img{object-fit:cover; object-position:0 50%; height: 75px; width:111px; position: relative;   border-radius:6px; margin-bottom:2px;}
ul.flex_groups .no_image img{object-position:50% 50%;}
ul.panel li ul li p{min-height: 22px; margin:0;}
div.photo_title{padding-top:1px; line-height: 1.3em; text-decoration:none;}

a.zoku,
a.zoku:link,
a.zoku:visited{  line-height: 12px;display:inline-block;background-color:#81B3DB; margin:0 0 2px 0 ;font-size:0.8em; padding:3px 5px 0; border-radius:2px; text-decoration:none; font-weight:normal !important; color:#0053BF; color:#FFF;}
a.syu{text-decoration:none; border-radius:2px; }

/*stepリスト*/
body#bio div#mainArea #steplist .groups{margin-bottom:0;}
#steplist ul.flex_groups li{margin-left: 0; margin-right:10px;}
body.moku div#mainArea #steplist .groups:first-child{ padding-bottom: 0px; padding-left: 0; border-left:none;}
#steplist{ margin-bottom:1em; min-height:400px;}

div#mainArea table.exp {float:none !important;  overflow: auto;}

div.search_byname h2 {margin-bottom: 20px;}
div.search_byname input.txt_search_box {margin:0;padding:4px 4px 5px; width:300px; }
div.search_byname select#ddKWMatch2 {margin:0;padding:2px 3px 7px; line-height:20px;}
div.search_byname input.submit_button {padding:2px 10px 1px 10px;}
div.search_byname p.comment {margin-left: 10%}



div#jenreList { width: 190px; margin-bottom:4px;}
div#jenreList a {text-decoration: none; }
div#jenreList h3{ padding: 5px 1px 0 4px; font-size: 13px; background-color: #dfdfdf; border: 0px; border-bottom:0px solid #3388CC; margin: 0; margin: 2px 0 3px;
    }
div#jenreList h4{ padding: 6px 10px 0;font-size: 13px; background-color: #efefef; margin: 2px 0 3px; font-weight: bold;}
div#jenreList ul,
div#jenreList ol,
div#jenreList li{margin: 0; padding: 0; list-style-type: none;}
div#jenreList ol{padding-bottom: 5px;}
div#jenreList ol li{padding-left: 10px; line-height:1.4em; text-decoration:underline;}

td { }
img { border-style: none; }
a:link { color: #0053BF; color:#2f7dbd;}
a:visited {  color: #0053BF; color:#2f7dbd;
/*color: #44506b;*/ }
a:hover { color: #d80000; }
a:active { color: #d80000; }
p{	margin-top: 10px;margin-bottom: 10px;}
.center{ text-align: center; }
.red{ color: #E00000; }


h1{ font-size: 24px; margin-top: 10px; margin-bottom: 10px; }
h1 .h1_eng{ font-size:16px;}
h2{ font-size: 16px; margin-top: 10px; margin-bottom: 10px; }
h3{ font-size: 14px; margin-top: 10px; margin-bottom: 10px; }
h4{ font-size: 13px; margin-top: 10px; margin-bottom: 10px; }
h5{ font-size: 12px; margin-top: 10px; margin-bottom: 10px; }
h6{ font-size: 12px; margin-top: 10px; margin-bottom: 10px; }
p.notice { color: #a70000; font-size: 12px; }
a.yaji{ background-image: url(/common/img/bt_yaji.gif); background-repeat: no-repeat; background-position: 0 0; height: 1.5em;  padding-left: 18px; display: block; }
a.yaji:hover{ background-position: 0 -20px; }
.clear{clear:both;}

/*search */
body.search div#mainArea .groups ul {min-height:10em;}
body#common div#mainArea .groups ul {min-height:0;}

/*common syu list*/
body.search span.photo_title{display:block; line-height:1.3em;padding-top:1px; margin-bottom:1em;}

p.searchResultComment{	margin-left:0.1em; color:#0000FF; line-height:3em;}
div.search_box {font-size: 11px; color: #FF9900; }
div.search_box form { margin:0px; padding:0px;}
table.default{ margin: 0; padding: 0; border-collapse:collapse; }
table.default td { margin: 0; padding: 2px; border: solid 1px #666; }
.fll { float: left; margin-right: 10px;}
.flr { float: right; margin-left: 10px;}
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mtb20 { margin-top: 20px; margin-bottom: 20px; }
span.search_result{font-size:1.2em; font-weight:bold;}

/*radio*/
fieldset {  padding: 0.7rem 0;  border:none;}
fieldset input[type="radio"] {  position: absolute;  opacity: 0;}
fieldset input[type="radio"] + .radio-label:before {
  content: '';  background: #f4f4f4;  border-radius: 100%;  border: 1px solid #b4b4b4;  display: inline-block;  width: 1.4em;  height: 1.4em;
  position: relative;  top: -0.2em;  margin-right: 0.4em;  vertical-align: top;  cursor: pointer;  text-align: center;  transition: all 250ms ease;}
fieldset input[type="radio"]:checked + .radio-label:before {  background-color: #3197EE;  box-shadow: inset 0 0 0 4px #f4f4f4;}
fieldset input[type="radio"]:focus + .radio-label:before {  outline: none;  border-color: #3197EE;}
fieldset input[type="radio"]:disabled + .radio-label:before {  box-shadow: inset 0 0 0 4px #f4f4f4;  border-color: #b4b4b4;  background: #b4b4b4;}
fieldset input[type="radio"] + .radio-label:empty:before {  margin-right: 0;}
fieldset input[type="radio"] + .radio-label {margin-right:1em;}

/*Custom 検索*/
div.search_byname{
	margin-top:1em;
}
div.paging {width:610px; padding: 0.6em 10px 0.6em 10px; line-height: 2em; position:relative; margin:1em 0; overflow: hidden; background-color:#F9F9F9;}
div.paging p.page_mes{line-height:1.4em; }
div.paging ul {width:100%; position:relative; margin:5px 0px;}
div.paging li.current_page,
div.paging a{display: block; min-width:2em; min-height:2em; float:left; text-align:center; margin: 0.2em 0.2em; border-radius: 2px; background-color:#DDD;  color:#0053BF;text-decoration:none; color:#0053BF;}
div.paging li.current_page{ background-color:#3388CC; color:#FFF; }

/*********** for ruby ***********/
ruby {
  display:inline-table !important;
  text-align:center !important;
  white-space:nowrap !important;
  text-indent:0 !important;
  margin:0 !important;
  vertical-align:text-bottom !important;
  line-height:1 !important;
}

ruby>rb,ruby>rbc {
  display:table-row-group !important;
  line-height:1.0 !important;
}

ruby>rt,ruby>rbc+rtc {
  display:table-header-group !important;
  font-size:71% !important;
  line-height:1.0 !important;
  letter-spacing:0 !important;
}

ruby>rbc+rtc+rtc {
  display:table-footer-group !important;
  font-size:71% !important;
  line-height:1.0 !important;
  letter-spacing:0 !important;
}

rbc>rb,rtc>rt {
  display:table-cell !important;
  letter-spacing:0 !important;
}
rp {
  display:none !important;
}

/*********** header ***********/
div#header_top #logo {width: 263px;}
div#header { position: relative; width: 1000px; height: 100px; margin-bottom: 10px; border-bottom: 1px solid #131083; }
div#header_top { position: relative; width: 1000px; height: 100px; margin-bottom: 1px; border-bottom: 1px solid #131083; margin-bottom: 5px;}
div#header #header_logo,div#header_top #header_logo { position: relative; top: 4px; }
div#header #fm { position: absolute; top: 5px; right: 5px; line-height:1em; width:300px !important;}
div#header #header_index { font-weight: bold; position: absolute; top: 40px; left: 620px; }
div#header #header_index a{ color: #8e2ed2; }
div#top_header {float:right; padding-top:5px;}

div#header #mailmagazine_banner,
div#header_top #mailmagazine_banner {position: absolute; top: 53px; right: 280px; line-height:1em; width:300px !important;}
div#header_top div.top_banner {position: absolute; top: 5px; right: 0px; line-height:1em; width:728px;}

/*new*/
div#header #header_mokuji { font-weight: bold; position: absolute; top: 40px; left: 740px; }
div#header #header_mokuji a{ color: #8e2ed2; }
div#header p#lead1 { font-size: 11px; line-height:14px; width: 302px; position: absolute; top: 41px; right: 3px; }
div#header p#lead2 { font-size: 11px; line-height:13px; width: 460px; position: absolute; top: -220px; left: 20px; }
div#header p#lead2.off {top: -200px;}
div#header p#lead2.on {top: 64px;}


div#lead1 { display:block; float:left; font-size: 11px; line-height:14px; width:460px;}


div#header2 { width: 100%; margin-bottom: 10px; text-align:center; order:1;flex-grow:0;}
div#header2 table { width: 100%; }
div#header2 td{ text-align: center; height: 40px; }

div#header_sakuin { width: 100%; margin-bottom: 10px; }
div#header_sakuin table { width: 100%; }
div#header_sakuin td{ text-align: center; height: 30px; }

/*new*/
div#header_menu { width: 100%; margin-bottom: 10px; position:relative;margin-top:2px;}
div#header_menu #new_navi { background-color: #cdeea8; font-size:1em; line-height:1em; width: 100%; margin-bottom: 2px; margin-top:13px;}
div#header_menu #new_navi_top { font-size:1em; line-height:1em; width: 100%; border-bottom: 1px solid #4193da;}

/*ヘッダログインメニュー*/
span#lead2 { font-size: 11px; line-height:1.6em;}
div#header_member_menu::before{  content: ''; display: block; width: 0.5em;  height: 0; border-style: solid; border-width: 32px 15px 0 0; border-color: #FFFFFF #e9e9e9 transparent transparent; float:left;}
div#header_member_menu{text-align:right;border-top:1px solid #FFFFFF;	font-size:14px;float:right; background-color: #4193da; background-color:#e9e9e9;}
div#header_member_menu a{ color:#3c86d3; text-decoration:none; display:block; float:right; padding:2px 2px 0px 23px; margin:7px 13px 0px 17px; line-height: 20px; over-flow:hidden;}
div#header_member_menu a#linkFavorite{background: url("../img/header_membermenu_icon03.png") no-repeat left 1px}
div#header_member_menu a#linkComment{background: url("../img/header_membermenu_icon02.png") no-repeat left 1px; margin-right:0px;}
div#header_member_menu a#linkMypage{background: url("../img/header_membermenu_icon01.png") no-repeat left 1px; margin-left:10px;}
div#header_member_menu a#linkSettings{background: url("../img/header_membermenu_icon04.png") no-repeat left 1px; margin-left:5px;}
div#header_member_menu a#linkFavorite:hover,
div#header_member_menu a#linkComment:hover,
div#header_member_menu a#linkMypage:hover,
div#header_member_menu a#linkSettings:hover{background-position: left  -20px; color:#c60000;}

div#header_menu { width: 100%; margin-bottom: 10px; position:relative; margin-top:2px;}
div#header_menu #new_navi { font-size:1em; line-height:1em; width: 100%; margin-bottom: 2px; margin-top:13px;}
div#header_menu #new_navi_top { font-size:1em; line-height:1em; width: 100%; border-bottom: 1px solid #e9e9e9;}
div#header_menu #new_navi_top #new_contents_img{padding-top:8px;}

div#header_member_menu a.btnMypage{border-radius: 3px;   display: inline-block;   cursor: pointer;   font-size: 11px;padding: 1px 10px 0px; text-decoration: none; border: 0px solid #CCC; line-height:18px; text-align:center; margin:8px 8px 0px 1px;}
div#header_member_menu a#btnLogin{color:#FFFFFF; border-color:#d37e00; background-color:#d37e00;}
div#header_member_menu a#btnNewRegist{border-color: #03ad96;	color:#FFFFFF;background-color: #03ad96;}
div#header_member_menu a#btnLogout{	border-color: #597b87;	color:#FFFFFF;background-color: #597b87;}


/*ヘッダログインメニュー*/
div#header_member_menu2 {text-align:right;border-top:1px solid #FFFFFF;	font-size:13px;float:right; margin-top:5px;}
div#header_member_menu2 div{ background-color:#4193da;display:block; float:right; padding:0px 0px 1px; margin:7px 0px 0px; }
div#header_member_menu2 div::before{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 32px 0;
  border-color: transparent #FFFFFF #4193da  transparent;
 float:right;}
div#header_member_menu2 div a{display:block; padding: 12px 38px 7px 18px; color:#FFFFFF; text-decoration:none; white-space:nowrap;}




/*サイト内検索*/
input.gsc-input {background-image:none !important;}
td.gsc-search-button{padding-top:2px;}
td.gsc-input{height:29px;}
#leftnavi2 td.gsc-input{ padding:3px 1px 0 0}
#leftnavi2 div#fm{margin-bottom:7px;}
.gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    width: 13px; height: 13px; padding: 6px 8px; min-width: 13px; border-radius:3px;}
.gsc-search-button button.gsc-search-button-v2, button.gsc-search-button-v2 {
    width: 26px; height: 26px; padding: 0px; min-width: 13px; border-radius:3px;}
.gsc-search-box-tools .gsc-search-box .gsc-input {padding-right: 1px !important;}
.gsc-input {text-indent:0 !important;}
table.gsc-search-box tr td.gsc-input{line-height:1em;}
/*
div#header_menu ul {margin: 0; padding: 0; font-weight: bold;}
div#header_menu ul li {float: left; margin: 0 2px 2px 0; list-style-type: none;}
div#header_menu ul li:last-child {margin: 0 0 2px 0; width: 200px; background-color: #87c621}
div#header_menu ul li a{ width: 198px; text-align: center; font-size: 1.3em; background-color: #87c621; padding: 5px 0; display: block; text-decoration: none;}
*/

div#footer { position: relative; width: 1000px; /* height: 100px;  */clear: both; margin-top: 1em; margin-bottom: 1px; border-top: 1px solid #131083; }
div#footer ul,div#footer li{ margin: 0; padding: 0; }
div#footer li{ float: left; margin-right: 1em; list-style-type: none; }
div#footer_navi{margin:1em 0 0.6em;}
div#footer_info{}
div#footer_info{width:100%; display:flex; justify-content:space-between;}
div#footer_info div h4 { display:block;font-size: 12px; margin-top: 0; margin-bottom: 3px;　width:300px; background-color: #EEEEEE; line-height:1.7em; padding:0.2em 0.4em; border-radius: 3px;}
div#footer_info_box01 ul{ margin-left:1.2em;text-indent:3px; margin-top:8px;}
div#footer_info_box01 ul li{text-indent:-0.9em; margin-right:3px;}
div#footer_info_box01{width:760px; padding-right:5px;}
div.mail_address{margin-top:6px;}
div#footer_info_box01 p{margin:0; line-height:1em;}
div#footer_info_box01 div.fll{float:left; line-height: 1em; border-left: 2px solid #777; margin: 8px 0 5px 5px; padding: 0.2em 0.5em 0 3px;}
div#footer_info_box02{width:368px; padding-left:5px; display:flex; flex-direction:column;}
  div.footer_logos{display:flex;justify-content:space-around; flex-wrap:wrap; align-content:center; align-items:center;}

div.footer_powered{margin-bottom:0.7em;}
div.footer_powered h5{display:inline-block; background-color:#FFFFFF; padding:2px 4px; font-family: helvetica; font-weight: normal; font-style: italic; margin:6px 2px 2px 1px; line-height:1em;}
div.poweredby{border: 2px dotted #eeeeee;line-height:3px; margin:-15px 1px 5px 5px;padding:12px 3px;border-radius:6px;}
div.footer_powered div a{text-decoration: none; display: block; font-size:11px; text-align:center;}
div.footer_powered h4 {display:block;font-size: 12px; margin-top: 0;　width:300px; background-color: #EEEEEE; line-height:1.7em; padding:0.2em 0.4em; border-radius: 3px;margin-bottom: 6px;}
div.footer_powered h4 a {color:#000000; text-decoration:none;}
 a#footer_bouz{flex-basis:440px;text-indent:0.3em; display:flex; align-items:center;}
 a#footer_bouz img{width: 50px; height:auto;}
 a#footer_gaiado img{width: 115px; height:auto;}
 a#footer_ars img{width: 60px; height:auto;}
 a#footer_giga img{width: 84px; height:auto;}
 div.footer_logos_sponsors {justify-content:space-between; padding:8px 8px 0;}
 div#footer_hachimenroppi {}
 div#footer_hachimenroppi a{background: url(/common/img/logo_hachimenroppi.png) center 0px; background-size:contain; background-repeat: no-repeat; width: 114px; padding-top:32px;}

div.footer_powered div#search_bottom { clear: left; line-height:1em;}

#copyright, address{display:block; box-sizing:border-box; text-align:center; padding:5px; background-color:#74b5f7;width:100%; font-family: helvetica;margin-top:5px;line-height:15px; color:#FFFFFF;}

/*adsense*/
div#adsense_top728 { margin-top: 1em; margin-bottom: 0.5em; }
div#adsense_sub160 { float: right; }
div#adsense_sub200 { float: right; }
div#adsense_sub200:after {content : ""; display : block; height : 0; clear : both; }
div.koukoku_footx2{float:left; margin:7px 7px 0;}

div#adsense_gyorui { margin-top: 10px; text-align:center;}
div.ad_foot_728x90{margin-bottom:0.6em;}
div#adsense_nantai { margin-top: 10px; }
div#adsense_koukaku { margin-top: 10px; }
div.adsense_sakuin_rectangle { margin: 5px 0 5px 5px; float:right;}
div.adsense_sakuin { margin-top: 10px; margin-bottom: 10px; }
div.adsense_sonota { float: left; margin-top: 10px; margin-right: 40px; }
div.adsense_sonota table{ margin: 0; padding: 0; border-width: 0; }
div#container  div#contents div.ad_kanren_contents { margin-top:1em;}
div#container  div#contents div.ad_kanren_contents h3{ background-color:#dd7246; margin-top:1.5em; margin-left:0; line-height:2.2em; text-indent:0.5em; width:630px; color:#FFF; border:none;}

.ad_detail_left { margin-right:10px; margin-bottom:15px; text-align:center;}


/*-----------------------------------------------------
bottom_navi
-------------------------------------------------------*/
#bottom_navi{ clear:both; overflow: auto; border-top: 1px solid #D9D9D9; margin-top:20px; padding: 20px;}
#bottom_navi p{margin: 0!important;}
#bottom_navi p.bt_back{ float: left;}
#bottom_navi p.bt_totop{ float: right;}

/*sub*/
div#titles { font-size: 14px; background-color: #ffffdf; width: 778px; margin-bottom: 10px; padding: 5px 10px; /*float:left;*/ border-top: 1px solid #f5a100; border-bottom: 1px solid #f5a100; }
div#titles div.adsense_mid{ background-color: #fff; width: 300px; height: 250px; float: right; margin: 5px; padding: 5px; }
div#titles:after {content : ""; display : block; height : 0; clear : both; }

body.wide div#titles {	background-color: #cee4e4;	width: 100%;	border-color: #669999;}
div#titles_thin { font-size: 14px; background-color: #ffffdf; width: 510px; margin-bottom: 10px; padding: 5px 10px 10px 5px; border: solid 1px #f5a100; float:left;margin-right: 0}
div#titles_thin2 { font-size: 14px; background-color: #ffffdf; margin-right: 0; margin-bottom: 10px; padding: 5px 10px 10px 5px; width: 470px; float: left; border: solid 1px #f5a100; }
div#titles.sakuin { background-color: #e9faff; border-color: #94d0f8; }


#pageDetail div.p1 {margin: 4px 0 1px 0;}
table.exp { border-collapse: collapse; width: 630px; float: left; border: solid 2px #000b8e; }
table.exp th,
table.exp td { vertical-align: top; padding: 5px; border: solid 0px #000b8e; }
table.exp td.title { color: #fff; font-weight: bold; background-color: #dd7246; }
table.exp td.title2 { width:130px; color: #000b8e; font-weight: bold; background-color: #ffc100; }

table.exp1 { border-collapse: collapse; width: 100%; border: solid 1px #666666; margin-right: 2%;  margin-bottom: 10px; background-color:white;}
table.exp1 th { width:80%; vertical-align: top; padding: 6px 0.5em; border: solid 1px #666666; background-color: #FFFFFF; }
table.exp1 td { width:80%; vertical-align: top; padding: 1px 0.5em; border: solid 1px #666666; background-color: #FFFFFF; }
table.exp1 th { width:20%; color: #fff; font-weight: bold; background-color: #dd7246; }
div.notes{border:1px dotted #CCCCCC; padding:4px; margin:4px 3px 4px; background-color:#f4f4f4;}
div.coltitle1 { margin-bottom:0.2em; padding-top:2px; font-weight:bold; background-color:#DEDDB1; border-top:3px solid #FFF; padding-left:0.3em; line-height: 2em;}
span.coltitle2 {line-height:1.7em; background-color:#DfDfDf; margin-top:5px; margin-right:2px; padding:0.3em 0.5em 0.1em 0.5em; border-radius:4px; font-weight:bold;}
span.coltitle2 {background-color:#e6d998;}
span.coltitleKisaisya { line-height:1.7em;  margin-top:5px; padding:0.4em 0.5em 0.15em 0.3em; border-radius:0px; font-weight:bold; border-left:2px solid #3388CC; border-bottom:1px dotted #999999;}
span.coltitle_s{font-size:10px;  border:1px solid #0089ce; color:#0089ce;margin-right:1px; padding:3px 2px 1px 2px; }


div#recipe_menu{ padding: 0.5em; margin:1em auto; border: 0px dotted #CCCCCC;}
div#recipe_menu_title{ padding:0.3em 0.7em; background-color:#efefef; color:#000; font-weight:bold; margin-bottom:0.3em;}
div#recipe_menu li{ line-height:2.5em; display:block; width:100%; text-align:left;}
div#recipe_menu span{ border: solid 1px #BFA44D; border-radius:4px; padding:1px 7px; background-color:#FFFFFF; margin-right: 0.5em; color: #BFA44D;}

div.recipe_menu_detail {
box-shadow:1px 1px 2px 0px #cfcfcf;
-moz-box-shadow:1px 1px 2px 0px #cfcfcf;
-webkit-box-shadow:1px 1px 2px 0px #cfcfcf;

/* border-radius
border-radius:17px;
-moz-border-radius:17px;
-webkit-border-radius:17px;
*/
/* border */
border-top:1px solid #000000;
/*border-bottom:1px solid #000000;*/
clear: left;
background-color: #FFFFFF;
padding:1em; }
div.recipe_menu_detail h2{font-size:130%; margin-bottom:0; line-height:1.2em; margin-top:0; border-bottom:1px dotted #CCCCCC;}
div.recipe_menu_detail span.kana{font-size:90%; line-height:1.3em; color:#888888;}
div.recipe_menu_detail div{ margin:8px 0;}
div.recipe_menu_detail span.title{background-color:#000000; border-radius:3px; padding:2px 0.5em; margin-right:3px; color:#FFFFFF;}
div.recipe_menu_detail img {padding-top: 0;}
div.recipe_menu_detail div.title{ line-height:3em; background-color:#efefef; color:#000000; text-indent:3px; font-size:14px; font-weight:bold;}

div.recipe_box {
box-shadow:1px 1px 2px 0px #cfcfcf;
-moz-box-shadow:1px 1px 2px 0px #cfcfcf;
-webkit-box-shadow:1px 1px 2px 0px #cfcfcf;

/* border-radius
border-radius:17px;
-moz-border-radius:17px;
-webkit-border-radius:17px;
*/
/* border */
border-top:1px solid #000000;
border-bottom:1px solid #000000;
margin-bottom: 2em;
clear: left;
background-color: #FFFFFF;
padding:1em; }
div.recipe_box h2{font-size:130%; margin-bottom:0; line-height:1.2em;}
div.recipe_box span.kana{font-size:90%; line-height:1.3em;}
div.recipe_box div{ margin:8px 0;}
div.recipe_box span.title{background-color:#000000; border-radius:3px; padding:2px 0.5em; margin-right:3px; color:#FFFFFF;}
div.recipe_box img {padding-top: 0;}
div.recipe_box div.title{ line-height:3em; background-color:#efefef; color:#000000; text-indent:3px; font-size:14px; font-weight:bold;}

img.col_img_right {padding:0 0 4px; float:right; border-left:0.5em solid #FFFFFF;}
img.col_img_left {padding:0 0 4px; float:left; border-right:0.5em solid #FFFFFF;}
img.col_img_ {padding:4px 0 0;  border:none;}
br.col_clear{clear: both; }
div.photoes { border-collapse: collapse; font-size: 14px; margin: 10px 0;}
div.photoes h2,
#neta h2 { padding: 5px; color: #fff; font-weight: bold; background-color: #dd7246; margin: 0; font-size: 1em;  border-bottom: solid 1px #000b8e;}
#neta h2 { background-color: #8c5108; line-height:2em;}
div.photoes p { padding: 5px;}
div.photoes p.pho img{ text-align: center; max-width:50%;}
div.photoes p.pho { text-align: left;}

span.refer { color: #f56700; }
table caption { font-size: 16px; font-weight: bold; margin-bottom: 5px; }

/*sakuin*/
body.sakuin div#contents h2{color: #5e3011;	margin-top: 15px;	padding-top: 2px;	padding-left: 5px;	border-top: 2px solid #915911;	border-left: 5px solid #915911;	clear: both;}
body.sakuin div#contents h3{ color: #131083; margin-bottom: 3px; }
body.sakuin table.sakuin{ border-collapse: collapse; width: 100%; border: solid 1px #131083; }
body.sakuin table.sakuin th { text-decoration: none; background-color: #99cc66; text-align: left; width: 50px; vertical-align: top; padding: 2px; border: solid 1px #666; }
body.sakuin table.sakuin td { background-color: #f9ffdf; vertical-align: top; padding: 2px; border: solid 1px #666; }

body.zkan div#contents table { clear: both;}

/*company*/
body.company div#center_content{ width: 590px; padding: 0 20px;}
body.company table#company_table{ width: 100%; background-color:#F2F3F4; border-collapse:collapse;
line-height:30px;}
body.company table#company_table td{ padding:10px; background-color:#F2F3F4;border: 1px solid #FFF;}

/*mail magazine*/
#mailmagazine #center_content{ width: 590px; padding:0 15px;}
h1.title{width:580px; background-color: #6f574a; color:#FFF; line-height:2em; padding:0.4em; margin-top:0;}
#mailmagazine #center_content h2 { line-height:2em; padding:0.3em; border:1px solid #CCC; color:#6d5200;
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
}
#mailmagazine #center_content h4 { font-size: 15px; background-color:#d87500; padding:0.5em 0.5em; margin-bottom:0.2em; color:#FFF; border-radius:3px;}
#mailmagazine ul.center_ul {　display:block; width:100%;}
#mailmagazine ul.center_ul li { font-size: 15px; line-height:1.4em;}

/*about_banner*/
body#sponsor div#center_content{ margin:0; padding:0;}
body#sponsor div#center_content{ width: 775px; padding: 0 0 0 20px; margin:0;}
body#sponsor div#center_content h2{ margin:0; line-height:3em; padding: .5em .75em;
	background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
	background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);}

/*mokuji*/
/*body.mokuji div#contents div.kk{width:150px; float:left;line-height:1.2em;margin-bottom:5px;}
body.mokuji div#contents td { line-height: 1.2em; margin-bottom: 5px; width: 190px; float: left; }
body.mokuji div#contents a{text-decoration: none;}*/

/*body.mokuji div#contents h2,
body.mokuji div#contents h3,
body.mokuji div#contents h4,
body.mokuji div#contents h5,
body.mokuji div#contents h6{clear:left; border-bottom: solid 1px #131083; }*/
body.mokuji table.zukantable { border: solid 1px #000000; border-spacing: 0; border-collapse: collapse;}
body.mokuji table.zukantable th { font-size: 15px; background-color: #ffdc96; border: solid 1px #000000; padding: 3px; }
body.mokuji table.zukantable td { border: solid 1px #000000;  width:190px; background-color: #fff9e2; margin:0; padding: 0; border-collapse: collapse; }
body.mokuji table.zukantable td.tit { font-size: 13px; text-align: center; padding-top: 3px; padding-bottom: 3px; }
body.mokuji table.zukantable td img { width: 190px; height: 143px; }
/*table.zukantable { table-layout: fixed;   border: solid 1px #000000;border-spacing: 0;border-collapse: collapse;}
table.zukantable th { font-size: 15px; background-color: #ffdc96; border: solid 1px #000000; padding: 3px; }
table.zukantable td { border: solid 1px #000000;  width:190px; background-color: #fff9e2; width: 174px; margin:0; padding: 0; border-collapse: collapse; }
table.zukantable td.tit { font-size: 13px; text-align: center; padding-top: 3px; padding-bottom: 3px; }*/
/*current link*/
body.gyorui a.sakuin_gyorui  { color: #8e2ed2; text-decoration: none; }
body.nantai a.sakuin_nantai  { color: #8e2ed2; text-decoration: none; }
body.koukaku a.sakuin_koukaku  { color: #8e2ed2; text-decoration: none; }
body.sonota a.sakuin_sonota  { color: #8e2ed2; text-decoration: none; }

body.mokuji a.menu_mokuji  { color: #8e2ed2; text-decoration: none; }
body.hougen a.menu_hougen  { color: #8e2ed2; text-decoration: none; }
body.tokyo a.menu_tokyo  { color: #8e2ed2; text-decoration: none; }
body.ajicon a.menu_ajicon  { color: #8e2ed2; text-decoration: none; }
body.ikimono a.menu_ikimono  { color: #8e2ed2; text-decoration: none; }
body.about a.menu_about  { color: #8e2ed2; text-decoration: none; }
body.sitemap a.menu_sitemap  { color: #8e2ed2; text-decoration: none; }

body.gyorui1 a.menu_gyorui1 { color: #8e2ed2; text-decoration: none; }
body.gyorui2 a.menu_gyorui2 { color: #8e2ed2; text-decoration: none; }
body.gyorui3 a.menu_gyorui3 { color: #8e2ed2; text-decoration: none; }
body.gyorui4 a.menu_gyorui4 { color: #8e2ed2; text-decoration: none; }
body.gyorui5 a.menu_gyorui5 { color: #8e2ed2; text-decoration: none; }
body.gyorui6 a.menu_gyorui6 { color: #8e2ed2; text-decoration: none; }

body.nantai1 a.menu_nantai1  { color: #8e2ed2; text-decoration: none; }
body.nantai2 a.menu_nantai2  { color: #8e2ed2; text-decoration: none; }
body.nantai3 a.menu_nantai3  { color: #8e2ed2; text-decoration: none; }

body.koukaku1 a.menu_koukaku1  { color: #8e2ed2; text-decoration: none; }
body.koukaku2 a.menu_koukaku2  { color: #8e2ed2; text-decoration: none; }

body.sonota1 a.menu_sonota1  { color: #8e2ed2; text-decoration: none; }
body.sonota2 a.menu_sonota2  { color: #8e2ed2; text-decoration: none; }


body.yunyu_gyorui a.menu_yunyu_gyorui { color: #8e2ed2; text-decoration: none; }
body.yunyu_koukaku a.menu_yunyu_koukaku { color: #8e2ed2; text-decoration: none; }
body.yunyu_nantai a.menu_yunyu_nantai { color: #8e2ed2; text-decoration: none; }
body.ajicon #container #contents table td {
	padding: 3px;
}
div .afe_kani {
	margin-top: 10px;
	margin-bottom: 20px;
}

/*div.bouzafe160_120 { width: 160px; height: 120px; margin-bottom: 20px; border: solid 1px #333; }
div.bouzafe180-140 { width: 180px; height: 140px; margin-bottom: 20px; border: solid 1px #333; }
div.bouzafe300-250 { width: 300px; height: 250px; margin-bottom: 20px; border: solid 1px #333; }*/


/* Custom ----------------------------------------------------------------- */
div#bouz_kanren_center{    width: 100%;    margin-top: 0px;    padding-top: 0px; margin-bottom:1.5em;}
div#bouz_kanren_center ul.bouz_kanren li{float:left; }
div#bouz_kanren_center ul.bouz_kanren li.title{
	width:800px;  display: block; box-sizing:border-box;

line-height:1.5em;  border-left:4px double #3388CC;overflow:hidden;margin-top:0; padding: 8px 3px 3px 5px; font-weight:bold;
/* background-color: #90a4d7;color: #000b8e; background-color: #3388CC; */color:#2f7dbd;color: #0053BF;color:#0053BF;

background: #4193DA; /* Old browsers */
background: -moz-linear-gradient(top,  #4193DA 0%, #5392d6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4193DA 0%,#5392d6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4193DA 0%,#5392d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4193DA', endColorstr='#5392d6',GradientType=0 ); /* IE6-9 */
/*color: #FFFFFF;*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6f1f7+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e6f1f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6f1f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e6f1f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f1f7',GradientType=0 ); /* IE6-9 */


background: #EFEFEF;
background: -moz-linear-gradient(top,  #FFFFFF 0%, #dfdfdf 100%);
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#dfdfdf 100%);
background: linear-gradient(to bottom,  #FFFFFF 0%,#dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#dfdfdf',GradientType=0 );

border:1px solid #CCCCCC;
border-left:5px double #3388CC;
margin-bottom:1px;overflow:hidden;
}
ul.bouz_kanren, ul.bouz_kanren li { margin: 0; padding: 0; }
ul.bouz_kanren li { list-style-type: none; margin-top: 5px;  margin-right:6px;}
div#bouz_kanren_center ul li:last-of-type{margin-right:0;}
a.bt_zukan,
a.bt_zukan02,
a.bt_zukan03,
a.bt_zukan04,
a.bt_zukan05,
a.bt_zukan06,
a.bt_zukan07{background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; width: 188px; height: 42px; margin: 0; padding: 0; border: solid 1px #CCCCCC; display: block; }
a.bt_zukans,
a.bt_zukan02s,
a.bt_zukan03s,
a.bt_zukan04s,
a.bt_zukan05s,
a.bt_zukan06s,
a.bt_zukan07s{background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; width: 153px; height: 34px; margin: 0; padding: 0; border: solid 1px #CCCCCC; display: block; }

a.bt_zukan:hover,
a.bt_zukan02:hover,
a.bt_zukan03:hover,
a.bt_zukan04:hover,
a.bt_zukan05:hover,
a.bt_zukan06:hover,
a.bt_zukan07:hover{background-position: 0 -42px; width: 188px; height: 42px; border: solid 1px #CCCCCC; display: block; }
a.bt_zukans:hover,
a.bt_zukan02s:hover,
a.bt_zukan03s:hover,
a.bt_zukan04s:hover,
a.bt_zukan05s:hover,
a.bt_zukan06s:hover,
a.bt_zukan07s:hover{background-position: 0 -34px; width: 153px; height: 34px; border: solid 1px #CCCCCC; display: block; }

a.bt_zukan{ background-image: url(/common/img/bt_zukan.gif);}
a.bt_zukan:hover{ background-image: url(/common/img/bt_zukan.gif);}
a.bt_zukan02{ background-image: url(/common/img/bt_zukan02.gif);}
a.bt_zukan02:hover{ background-image: url(/common/img/bt_zukan02.gif);}
a.bt_zukan03{ background-image: url(/common/img/bt_zukan03.gif);}
a.bt_zukan03:hover{ background-image: url(/common/img/bt_zukan03.gif);}
a.bt_zukan04{ background-image: url(/common/img/bt_zukan04.gif);}
a.bt_zukan04:hover{ background-image: url(/common/img/bt_zukan04.gif);}
a.bt_zukan05{ background-image: url(/common/img/bt_zukan05.gif);}
a.bt_zukan05:hover{ background-image: url(/common/img/bt_zukan05.gif);}
a.bt_zukan06{ background-image: url(/common/img/bt_zukan06.gif);}
a.bt_zukan06:hover{ background-image: url(/common/img/bt_zukan06.gif);}
a.bt_zukan07{ background-image: url(/common/img/bt_zukan07.gif);}
a.bt_zukan07:hover{ background-image: url(/common/img/bt_zukan07.gif);}

a.bt_zukans{ background-image: url(/common/img/bt_zukan_s.gif);}
a.bt_zukans:hover{ background-image: url(/common/img/bt_zukan_s.gif);}
a.bt_zukan02s{ background-image: url(/common/img/bt_zukan02_s.gif);}
a.bt_zukan02s:hover{ background-image: url(/common/img/bt_zukan02_s.gif);}
a.bt_zukan03s{ background-image: url(/common/img/bt_zukan03_s.gif);}
a.bt_zukan03s:hover{ background-image: url(/common/img/bt_zukan03_s.gif);}
a.bt_zukan04s{ background-image: url(/common/img/bt_zukan04_s.gif);}
a.bt_zukan04s:hover{ background-image: url(/common/img/bt_zukan04_s.gif);}
a.bt_zukan05s{ background-image: url(/common/img/bt_zukan05_s.gif);}
a.bt_zukan05s:hover{ background-image: url(/common/img/bt_zukan05_s.gif);}
a.bt_zukan06s{ background-image: url(/common/img/bt_zukan06_s.gif);}
a.bt_zukan06s:hover{ background-image: url(/common/img/bt_zukan06_s.gif);}
a.bt_zukan07s{ background-image: url(/common/img/bt_zukan07_s.gif);}
a.bt_zukan07s:hover{ background-image: url(/common/img/bt_zukan07_s.gif);}


/***** current *****/
#jenreList li.current {color:#FFF; margin-top: 2px; margin-bottom: 2px; text-decoration:none;}
#jenreList li.current a {color:#FFF; background-color: #CF0000; padding: 4px 4px 2px 4px; margin-left: -4px; border-radius:3px;}


/***** amazon_booklist *****/
div#amazonbook{
	background-color:#EFEFEF;
	padding: 0px 0;
}
div#amazonbook a{
	color: #000B8E;
	display: block;
	padding: 3px 2px;
	line-height:1.3em;
}
div#amazonbook div.book{
	padding: 3px 0;
}

div#amazonbook2{
	background-color:#EFEFEF;
	padding: 0px 0;
	text-align:center;
}
div#amazonbook2 div.book{
	padding: 3px 0;
}
div#amazonbook2 div.books_intro_book{
	text-align:left;
	font-size: 0.95em;
	line-height:1.3em;
	padding:0.6em 2px;
	border-bottom:2px dotted #cbcbcb;
}
div#amazonbook2 div.books_intro_book:last-child{
	border-bottom:none;
}
div#amazonbook2 div.books_intro_book img.book_cover{
	padding:2px 3px 2px 1px;
	width:80px;
	height:auto;
	float:left;
}
div#amazonbook2 div.books_intro_book img.link_amazon{
	float:right;
	width:100px;
	height:auto;
}
/****種寿司****/
aside#neta {margin: 1em 0;border: 1px solid #000000;}
aside#netaｇ ul{background-color: #000;overflow: hidden;list-style-type: none;
	margin: 0;padding: 10px;}
aside#neta h3{padding-top: 20px;margin-bottom: 0.5em;	font-size: 1.3em;	border-bottom: solid 2px #000b8e;}
ul#otherphoto{	list-style-type: none;margin-top:0.3em 1em;	padding: 3px;
	display:flex;	flex-wrap:wrap;}
ul#otherphoto div.p1{padding:5px;	overflow: hidden;}
aside#neta ul li,
ul#otherphoto li{width: 25%;list-style-type: none;	margin: 0;line-height: 1.6em;
	margin:0 0px 5px 0;  padding: 0;}
ul#otherphoto li div{	max-height:107px;	overflow:hidden;}
aside#neta img {width:140px; height:107px; object-fit:cover; object-position: 50% 50%;}

/*-----------------------
-------汎用
------------------------------*/
.noinfo{ padding:5px; font-size:12px; line-height:3em;}
.algnr{float:right;}
.algnl{float:left;}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.lh1{
	line-height:2em;
}
.lh2{
	line-height:2.5em;
}
.lh3{
	line-height:3em;
}
.small1{
	font-size:0.9em;
}
.small2{
	font-size:0.85em;
}
.small3{
	font-size:0.8em;
}
div.setumei{
	padding-top:0.3em;
	font-size: 0.8em;
	line-height: 140%;
}
.btn {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:12px;
	margin-top: 0.3em;
	padding:4px 10px 4px 32px;
	line-height:25px;
	text-decoration:none;
	border:1px solid #d6d6d6;
	background:url(images/logo_bouz_head_s3_trp.png) 6px 50% no-repeat;
	background-color:#f7f7f7;
}
.btnL{display:inline-block;	padding:0.7em 2em 0.4em;	border:2px solid #CCCCCC;	background-color: #a9a9a9;text-align:center;font-size:1.2em;}
.btnBack{background-color: #a9a9a9; }
.btnL:link{text-decoration:none;color:#FFFFFF;}

div.btn2{line-height: 16px; position:absolute; bottom:0; border:1px solid #2f7dbd; right:1px; background-color:#FFFFFF;font-weight:normal;  padding:2px 10px  0 7px;; white-space:nowrap;}
a.btn2{height:24px; position:absolute; bottom:0; right:0; width: 11.4em; background-color: #FFFFFF;}

.arrow{ position: relative; display: inline-block; color: #000; text-decoration: none; font-size: 15px;}
.arrow::before,
.arrow::after{position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
.small_arrow::before {left: 5px; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #118acf;}


button.circle{    display: inline-block;    text-decoration: none;    color: #FFFFFF;    border: dashed 1px #67c5ff;
    background: #1B95E0;	width: 100px;	height: 100px;	line-height: 100px;	border-radius: 50%;
	text-align: center;	vertical-align: middle;	over-flow:hidden;    transition: .4s;font-size:15px;cursor:pointer;}
button.circle:hover{
	background-color:#1B95E0;
	color: #FFFFFF;
}
div.title_round{background-color:#1B95E0; padding:1em 3em; border-radius:15px; margin:2em 0em 0.4em; font-size:18px; color:#FFFFFF;}
div.title_round_red{background-color:#ff0027; padding:1em 3em; border-radius:15px; margin:2em 0em 0.4em; font-size:18px; color:#FFFFFF;}
span.title_red{background-color:#aa0000; padding:0.5em 3em; font-size:18px; color:#FFFFFF; line-height:3em;}

div.pdg10{
	padding-right:10px;
	padding-left: 10px;
}
.def{line-height:1.7em; background-color:#888888; color:#ffffff;padding:4px 0.4em 1px; margin-right:0.5em;border-radius:0.2em;}
.icon_inline{
	padding-left:0.2em;
}


/*テーブル*/
table.forms {border-collapse: collapse; background-color: #EFEFEF; width:100%;}
table.forms tr td{	border: 4px solid #FFFFFF;  vertical-align:top; 	padding:0.5em 8px;line-height: 1.9em;}
button.circle{font-size:15px;}
table.forms tr td.item{ white-space:nowrap; background-color: #E6E6E6; width:158px;}

/*UPLOAD関連*/
#upload_wrap .box_upload_steps{margin-bottom:2em;}
#upload_wrap .box_upload_steps select{	line-height:2em;	padding:2px 2px 3px;}
#upload_wrap .box_upload_steps input[type=text]{line-height:1.2em;	padding:2px 2px 3px;}
#upload_wrap .upload_steps{border-bottom: 1px solid #CCCCCC;	font-size:16px;font-weight:bold;	margin-bottom: 0.7em;}
#upload_wrap .upload_steps span.step{display:inline-block; text-align:center; background-color:#00ba94; padding:0.3em 0 0.2em; width:120px; color:#FFFFFF; line-height:1.7em; margin-right:0.5em;}
#box_upload_button{	text-align:center; margin:1em 0;}

/*  Remodal - v1.0.3*/
html.remodal-is-locked{overflow:hidden}
.remodal,[data-remodal-id]{display:none}
.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}
.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}
.remodal-wrapper:after{display:inline-block;height:1%;margin-left:-.05em;content:""}
.remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.remodal{position:relative;outline:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
.remodal-is-initialized{display:inline-block}
.remodal-bg.remodal-is-opening,.remodal-bg.remodal-is-opened{-webkit-filter:blur(3px);filter:blur(3px)}
.remodal-overlay{background:rgba(43,46,56,0.9)}
.remodal-overlay.remodal-is-opening,.remodal-overlay.remodal-is-closing{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.remodal-overlay.remodal-is-opening{-webkit-animation:remodal-overlay-opening-keyframes .3s;animation:remodal-overlay-opening-keyframes .3s}
.remodal-overlay.remodal-is-closing{-webkit-animation:remodal-overlay-closing-keyframes .3s;animation:remodal-overlay-closing-keyframes .3s}
.remodal-wrapper{padding:10px 10px 0}
.remodal{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:10px;padding:15px 35px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);color:#2b2e38;background:#fff}
.remodal.remodal-is-opening,.remodal.remodal-is-closing{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.remodal.remodal-is-opening{-webkit-animation:remodal-opening-keyframes .3s;animation:remodal-opening-keyframes .3s}
.remodal.remodal-is-closing{-webkit-animation:remodal-closing-keyframes .3s;animation:remodal-closing-keyframes .3s}
.remodal,.remodal-wrapper:after{vertical-align:middle}
.remodal-close{position:absolute;top:0;left:0;display:block;overflow:visible;width:35px;height:35px;margin:0;padding:0;cursor:pointer;-webkit-transition:color .2s;transition:color .2s;text-decoration:none;color:#95979c;border:0;outline:0;background:transparent}
.remodal-close:hover,.remodal-close:focus{color:#2b2e38}
.remodal-close:before{font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;font-size:25px;line-height:35px;position:absolute;top:0;left:0;display:block;width:35px;content:"\00d7";text-align:center}
.remodal-confirm,.remodal-cancel{font:inherit;display:inline-block;overflow:visible;min-width:110px;margin:0;padding:12px 0;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;text-align:center;vertical-align:middle;text-decoration:none;border:0;outline:0}
.remodal-confirm{color:#fff;background:#2DB4E0}
.remodal-confirm:hover,.remodal-confirm:focus{background:#00A4DB}
.remodal-cancel{color:#fff;background:#e57373}
.remodal-cancel:hover,.remodal-cancel:focus{background:#ef5350}
.remodal-confirm::-moz-focus-inner,.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner{padding:0;border:0}
.remodal img{width:630px;}
@-webkit-keyframes remodal-opening-keyframes {
from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}
to{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes remodal-opening-keyframes {
from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}
to{-webkit-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes remodal-closing-keyframes {
from{-webkit-transform:scale(1);transform:scale(1);opacity:1}
to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0}
}
@keyframes remodal-closing-keyframes {
from{-webkit-transform:scale(1);transform:scale(1);opacity:1}
to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from{opacity:0}
to{opacity:1}
}
@keyframes remodal-overlay-opening-keyframes {
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from{opacity:1}
to{opacity:0}
}
@keyframes remodal-overlay-closing-keyframes {
from{opacity:1}
to{opacity:0}
}
@media only screen and (min-width: 641px) {
.remodal{max-width:900px}
}

/*detail page*/
.lt-ie9 .remodal-overlay{background:#2b2e38}
.lt-ie9 .remodal{width:700px}
img.w130{width:130px;}
img.w150{width:150px;}
img.w180{width:33%;}
img.w200{width:200px;}
img.w220{width:220px;}
img.w250{width:250px;}
img.w280{width:50%;}
img.w300{width:300px;}
img.w350{width:350px;}
img.w380{width:380px;}
img.w400{width:400px;padding-bottom: 5px;}
img.w450{width:476px;padding-bottom: 5px;}
img.w500{width:100%; border-right:none;padding-bottom: 5px;}

/*BreadCrumb*/
.breadcrumb { display:inline-block; float: left;  width: 100%; padding:0; padding-right:0.75em; margin: 0.1em 0 0.3em 0 !important; font-size:1em;}
.breadcrumb ul {padding:0; margin: 0;};
.breadcrumb li {list-style-type:none;}
.breadcrumb li { display:inline-block; margin:2px 0 2px !important; line-height:1.5em;  color:#777;background:url(images/breadarrow.png) no-repeat right center;}
.breadcrumb li a {  display:block;  padding:6px 4px 2px; border:dotted 1px #CCC; margin:0 8px 0 2px; background-color:#efefef; border-radius:4px; text-decoration:none; color:#0088BB;}
.breadcrumb li select { height:32px; display:block;  padding:4px 1px 5px ; border:dotted 1px #CCC; margin:0 8px 0 2px; background-color:#efefef; border-radius:4px; color:#0088BB;}
.breadcrumb li select.current{ background-color:#f5eced; font-weight:bold;}
.breadcrumb li a:hover, #crumbs li a:focus { color:#dd2c0d;}
.breadcrumb li:last-child {background:none;}
.breadcrumb li a.current {font-weight:bold;}
.breadcrumb li a.current:hover { color:#0088BB; }
.breadcrumb li span.optionvalue{display:none;}

body#common div#mainArea .groups .breadcrumbLight {margin:3px 0 4px -2px;}
body#common div#mainArea .groups .breadcrumbLight li{height:20px; width:auto; display: inline-block; margin: 2px 0 2px !important; line-height: 1.5em; color: #777; background: url(images/breadarrow.png) no-repeat right center;}
body#common div#mainArea .groups .breadcrumbLight li a,
body#common div#mainArea .groups .breadcrumbLight li a:link,
body#common div#mainArea .groups .breadcrumbLight li a:visited{display:block;  padding:1px 4px 0px ; border:dotted 1px #CCC; margin:0 8px 0 2px; background-color:#efefef; border-radius:4px; text-decoration:none; color:#0088BB; font-size:11px;}
body#common div#mainArea .groups .breadcrumbLight li:last-child {background:none;}

#breadcrumb li.current {padding:5px 4px 7px ;}

/*ランキング　右からむ*/
div#ranking_wrap{ width:160px;}
div.rankings{ width:100%; margin-bottom:.8em; padding:2px 0; background-color:#FFFFFF; margin: 1px;}
div.rankings p.title{ margin:0; padding:5px 2px 1px; background-color:#dbe5f5; font-weight: bold; }
div.rankingsSyu{ width: 100%; }
div.rankingsSyu ul { position:relative; margin:4px 1px 4px 1px; clear: both;}
div.rankingsSyu ul li{ padding: 0; vertical-align:middle; float:left; }
div.rankingsSyu div.rankingsyubox{ width: 100%; margin-right: 0; text-align: center; text-indent:0; clear: both;}
div.rankingsSyu div.rankingsyubox p {margin:2px 0 ;}

span.rank_num,
span.rank_num4, span.rank_num5  {background-color:#ededed; color:#000000;border-radius: 2px; padding:2px 4px 1px; color:#777777; font-size:11px; white-space: nowrap;}
span.rank_num1 { background-color:#bdb258; color:#FFFFFF;}
span.rank_num2 { background-color:#979797; color:#FFFFFF;}
span.rank_num3 { background-color:#a09857; color:#FFFFFF;}

div.rankingsSyu div.p1 {margin: 0; width: 50px; height: 30px; margin:0 0 1px !important; padding: 2px 2px 1px 0; display:float; float:left;}
div.rankingsSyu div.p1 img { width: 100%; height: auto; max-width: 100%; max-height: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
@supports (object-fit: cover) {
  div.rankingsSyu div.p1   img { position: static; height: 100%; width: 100%; object-fit: cover; -ms-transform: none; -webkit-transform: none; transform: none; }
}
div.rankingsSyu div.photo_title { width:104px; line-height:1.2em; padding-top: 2px; padding-left:2px; white-space:normal; height: auto;}

li.rankingsyubox:hover {border:0; /* IE6 needs this to show large image */	z-index:1;}
li.rankingsyubox a span { 	position:absolute;	visibility:hidden;}
li.rankingsyubox a:hover span { /*visibility:visible;	top:0px; left:0px; 	z-index:1;*/}

/*右関連コラム*/
.right_article{ margin-bottom: 1em; width:160px;  padding:0; }
.right_article p.title { background-color: #3388CC; color: #FFF; line-height:1.8em; padding: 0.3em 2px; margin:0;}
.right_article ul {list-style:disc outside;}
.right_article ul li{ list-style:disc outside;}

/*スポンサー*/
#sponsor h3{
	margin: 2em 0 1em 0;
	border-bottom: 1px solid #888;
}
#sponsor div.contactbox{
	margin: 2em 0 1em 0;
	border: 1px solid #888;
	padding: 0.5em;
}

/*ログインリンク*/
div#login_link_right{
	padding:5px 0.3em ;
	background-color: #efefef;
	text-align:center;
	vertical-align:middle;
	line-height:1.5em;
	margin-bottom:3px;
}
div#login_link_right a{
	border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    padding: 2px 30px 1px;
    text-decoration: none;
    border: 1px solid #CCC;
}

div#login_link_right a#btnLogin{
	background-color: #d37e00;
	color:#FFFFFF;
}
div#login_link_right a#btnNewRegist{
	background-color: #03ad96;
	color:#FFFFFF;
}
div#login_link_right a#btnLogout{
	background-color: #597b87;
	color:#FFFFFF;
}
/*メインコンテンツログインメニュー*/
div#mypage_link_2col{	padding:0px 0.3em 0;vertical-align:middle;line-height:1.5em;margin-bottom:0px;width:521px;float:left;}
div#mypage_link_2col a{	text-decoration:none;}
div#mypage_link_2col a.tabMypage{	display:block;	margin:11px 4px 0px ;background-color:#CCCCCC;	padding:6px 13px 2px 13px;	float:left;	width:100px;text-align:center;	text-decoration:none;}
div#mypage_link_2col a.current{	margin:7px 4px 0px ;	background-color:#3388CC;	padding:8px 13px 4px 13px;color:#FFFFFF;}
div#login_link_2col{padding:4px 0.3em ;vertical-align:middle;line-height:1.5em;margin:3px 0px;width:245px;float:right;}
div#login_link_2col a{border-radius: 3px;   display: inline-block;   cursor: pointer;   font-size: 12px;padding: 2px 30px 1px; text-decoration: none; border: 1px solid #CCC;
	text-align:center;}
div#login_link_2col a#btnLogin{background-color: #03ad96;color:#FFFFFF;}
div#login_link_2col a#btnNewRegist{background-color: #009ed3;	color:#FFFFFF;}
div#login_link_2col a#btnLogout{	background-color: #597b87;	color:#FFFFFF;}

/*ログインMYPAGeメニュー*/
div#member_menu{background-color: #efefef;text-align:right;border-bottom:2px solid #3388CC;	font-size:13px;}
div#mypage_link_2col{	padding:0px 0.3em 0;vertical-align:middle;line-height:1.5em;margin-bottom:0px;width:521px;float:left;}
div#mypage_link_2col a{	text-decoration:none;}
div#mypage_link_2col a.tabMypage{	display:block;	margin:11px 4px 0px ;background-color:#CCCCCC;	padding:6px 13px 2px 13px;	float:left;	width:100px;text-align:center;	text-decoration:none;}
div#mypage_link_2col a.current{	margin:7px 4px 0px ;	background-color:#3388CC;	padding:8px 13px 4px 13px;color:#FFFFFF;}



/*ページ内リンク*/
#pageMenu{	width: auto;margin:0 0 0 0;text-indent:0.5em;border:1px solid #C3DFE8;border-radius:2px;}
div#pageMenu p { margin:0; padding:4px 3px; background-color: #D2E8FA;
	border-radius:2px 2px 0 0;}
#pageMenu ol{
	margin:0;
	text-indent:0;
	padding:0.5em 1em 0.5em 2em; list-style-type:square;
	color:#0053BF;
}
#pageMenu ol li{line-height:1.5em;list-style-type:square; font-weight:bold;}
#pageMenu ol li a{text-decoration: none;}

#pageMenu ol ol{padding:0em 1em 0em 1em; list-style-type:circle;}
#pageMenu ol ol li{font-weight:normal;}




/*SOCIAL BUTTONS*/
.socialButtons{	padding: 1px 3px;	text-align: right;	height:23px; margin-bottom:10px;}
.socialButtons ul{	margin-top:4px;}
.socialButtons ul li{	display:block;	float:left;	margin-right:0.4em;}

/*説明*/
.socialButtons + p{
	margin:0 1em 0.5em;
}

/* =Tooltip Style -------------------- */
/*tooltip no jq starts*/
span.tooltip{display:inline-block; top:-2px; font-size: 0.7em; background-color: #444444;width:15px; height:15px; text-align:center;border-radius: 3px; line-height: 18px; color: #FFF; margin: 0 5px 3px 0;}
.tooltip { position: relative;}
.tooltip::before,
.tooltip::after { position: absolute; transition: all 0.3s ease 0s; opacity: 0;}
.tooltip:hover::before {content: ""; border: 10px solid transparent; border-bottom-color: #000; top: 10px; left: 10px;}
.tooltip:hover::after { content: attr(data-tooltip); display: block; padding: 0.8em; background: #000; color: #fff;
  border-radius: 5px; top: 30px; left: 0; width:280px; font-family: Helvetica, Arial, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;  font-size:12px;}
.tooltip:hover::before{ top: 16px; opacity: 1;}
.tooltip:hover::after{ top: 36px; opacity: 1;}
/*tooltip ends*/

/*広告*/
div.adRightSide{position:-webkit-sticky;position: sticky;top: 0;}

/*モバイル版へのボタン*/