@charset "UTF-8";
/*********** common ***********/
body {	font-size: 13px;line-height: 1.5;	background-color: #fff;	margin: 0;	padding: 0;
	font-family: Helvetica, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

div#container { width: 1000px; margin-right: auto; margin-left: auto; }
div#contents { position: relative; width: 800px; float: right; margin-bottom: 10px;}

div#rightArea { float: right; margin-bottom: 20px; padding-top:36px;}
#pageCategory div#rightArea,
#pageDetail div#rightArea{ padding-top:0;}
div#mainArea { width: 630px; float: left; margin-bottom: 0.5em; min-height:900px; overflow:visible;}
ul,
li{margin: 0; padding: 0; list-style-type: none;}

div#mainArea h1{}
div#mainArea p {margin:0 0 0.7em 0; padding:0.15em 0.3em;}
body.moku div#mainArea h1{ margin-bottom: 0;}
body.moku div#mainArea p.gakumei { font-size: 1.1em; margin: 2px 0 0em; font-family: Helvetica; padding:0px 0; text-align:left;}
body.moku div#mainArea p.gakumei span {background-color:#888888; color:#FFFFFF; font-size: 0.9em; padding:1px 7px; margin-left:0;}
div#mainArea .groups{clear: left; overflow:hidden; margin-bottom: 0px; 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;}
body.moku div#mainArea #steplist .groups:first-child{ padding-bottom: 0px; padding-left: 0; border-left:none;}
#steplist{ margin-bottom:1em; min-height:400px;}

body#bio h1,
body#common h1,
body#biocate h1,
body#cate h1,
body.indexlist h1{margin-left:-5px;background:#CCCCCC url(../img/titlebg_others2.png) 0px 0px no-repeat; border:none; height:39px; line-height:40px;text-indent:50px;}
/*{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;/* margin-left: 20px; */}
div#mainArea .groups .cursel{background-color:#3388CC; padding:5px 2px 4px 4px; color:#FFFFFF !important;}

/*種一覧*/
/* body.moku div#mainArea .groups ul{margin-left: 50px;} */
div#mainArea .groups li{width: 113px; height: 110px; float: left; margin-left: 10px; text-align: center; text-indent:0; }
body.moku div#mainArea .groups ul{overflow: hidden; padding-top:10px !important;}
body.moku div#mainArea .groups ul li{width:113px; height: 120px; float: left; margin-left: 4px; text-indent:0;}
body.search div#mainArea .groups ul li{width:120px; height: 130px; float: left; margin-left: 6px; text-indent:0;}
/*div#mainArea .groups span{display: block; position: relative; width: 90%; height: 80px; margin: 0 auto;}*/
div#mainArea .groups div.p1 {width: 111px; height: 65px; /*border:1px solid #CCC;*/ margin-bottom:1px; padding: 2px 2px 1px 2px; display:float;}
div#mainArea .groups div.p1 div{width: 111px; height: 65px; position: relative; overflow: hidden; }
div#mainArea .groups div.p1 p{width: 111px; height: 65px; font-size: 0.85em; position: relative; text-align:center;  display:table-cell;  vertical-align: middle;  layout-grid-line: 0px; }
div#mainArea .groups img{height: 63px; width:auto; line-height:141px; position: relative; margin: auto auto;/*bottom:0; left:0;*/ text-align: center; display:inline-block; border:1px solid #CCC;}

/*種一覧　展開バージョン*/
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;}
.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}
body.paragraphs div#mainArea .groups li.unfold div.ippan_syues_desc span.syues_description{ margin:3px 0px;}

/*索引*/
div#indexlist {overflow: hidden;}
div#indexlist a{width:190px; 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.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 {height:23px; margin:0; vertical-align:middle; padding-left:.3em;width:190px;}
div#indexlist p.cell_title a{ text-decoration: none;}

div#indexlist div#indexlist_menu {margin:1em 0.5em; overflow:hidden;}
div#indexlist div#indexlist_menu a {display: block; width:auto; min-width:1.3em; padding:6px; 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 p.initial{width:100%; background-color:#CCC; margin-top: 1.5em;margin-bottom: .5em;}


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:22%;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;}
ul.panel li ul.groups{}
ul.panel li ul li{width: 33%; text-align: center; /display:inline; /zoom:1; display: inline-block; }
ul.panel li ul li p{margin: 1px 0 0 0;height: 30px;}
div.photo_title{line-height: 1.4em; height: 30px; text-decoration:none;}
a.zoku,
a.zoku:link,
a.zoku:visited{/*border:1px solid #999; border:1px solid #0053BF;*/background-color:#81B3DB; font-size:0.85em; padding:1px 5px; border-radius:2px; text-decoration:none; font-weight:normal !important; color:#0053BF; color:#FFF;}
a.syu{text-decoration:none; border-radius:2px; }

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

div.search_byname h2 {margin-bottom: 20px;}
div.search_byname input.input_area {width:60%; margin-left: 10%;}
div.search_byname input.bt_search {width:20%;}
div.search_byname p.comment {margin-left: 10%}

div#leftArea { float: left; overflow: auto;}

div#jenreList { width: 190px; margin-bottom:1em;}
div#jenreList a {text-decoration: none; }
div#jenreList h3{ padding: 4px 5px; font-size: 13px; background-color: #3388CC; color: #fff; margin: 0; text-decoration:none;}
div#jenreList h4{ padding: 3px 10px 0; font-size: 13px; background-color: #dbe5f5; color: ##44506b; margin: 0; text-decoration:none; 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; }
a:visited {  color: #0053BF;
/*color: #44506b;*/ }
a:hover { color: #f56700; }
a:active { color: #f00; }
p{	margin-top: 10px;margin-bottom: 10px;}
.center{ text-align: center; }
.red{ color: #E00000; }


h1{ font-size: 18px; margin-top: 10px; margin-bottom: 10px; }
h1 .h1_eng{ font-size:16px;}
h2{ font-size: 16px; margin-top: 10px; margin-bottom: 10px; }
h2 span {  font-size: 14px; background-color: #dd7246; padding: 4px 6px; border-radius: 3px; line-height: 18px; color: #FFF; margin: 0 5px 3px 0;}
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 */
p.searchResultComment{	margin-left:1em; color:#0000FF;}
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; }

/*********** 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: 267px;}
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; }
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#lead2 { display:block;font-size: 11px; line-height:14px;}

div#header2 { width: 100%; margin-bottom: 10px; text-align:center;}
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;}
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 #fm{ position: absolute; top: 5px; right: 5px; line-height:1em; width:400px !important;}
div#header_menu .search_box_title{position:absolute; top: 5px; right:410px; width:220px; text-align:right; line-height:2.7em; font-size:11px; color:#FF9900;}

/*new top*/
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 { background-color: #cdeea8; font-size:1em; line-height:1em; width: 100%; margin-bottom: 2px;}
div#header_menu #fm{ position: absolute; top: 5px; right: 5px; line-height:1em; width:400px !important;}
div#header_menu .search_box_title{position:absolute; top: 5px; right:410px; width:220px; text-align:right; line-height:2.7em; font-size:11px; color:#FF9900;}

/*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;}
*//*top ddmenu*/
.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;}

div#footer { position: relative; width: 1000px; /* height: 100px;  */clear: both; margin-top: 20px; margin-bottom: 20px; padding-top: 10px; border-top: 1px solid #131083; }
div#footer ul,div#footer li{ margin: 0; padding: 0; }
div#footer li{ float: left; margin-left: 6px; list-style-type: none; }
div#footer_navi li{ height: 2em; }
div#footer_powered{ position: absolute; top: 35px; right: 0; width: 220px; height: 100px; }
div#footer_powered h5{  font-family: helvetica; font-weight: normal; font-style: italic; margin-right: 5px; }
div#footer_powered ul{ height: 50px; }
div#footer_powered div{ white-space: nowrap;}
div#footer_powered div a{ text-indent:0; margin-left:0; text-decoration: none; text-align: center; margin-bottom: 10px; padding-top: 33px; display: block; font-size:11px;}
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;}
div#footer_powered div#footer_ars a {float:left; background: url(/common/img/logo_ars.gif) 5px 0px; background-size:70px; background-repeat: no-repeat; width: 89px; }
div#footer_powered div#footer_giga a{float:left; background: url(/common/img/logo_giga.gif) 5px 0px; background-size:96px; background-repeat: no-repeat; width: 104px; }
div#footer_powered div#search_bottom { clear: left; line-height:1em;}
div#footer_info{ clear: both; margin-left: 5px; width:760px;}
div#footer_info 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 p{ font-size: 12px; margin: 0; }
div#footer address{	font-family: helvetica;	margin-top: 1px;text-align: right;	line-height:1em;}

/*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#adsense_gyorui { margin-top: 10px; text-align:center;}
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.ad_kanren_contents { margin-top:1em;}
div.ad_kanren_contents h3{ background-color:#dd7246; margin-top:1.5em; line-height:2.2em; text-indent:0.5em; width:630px; color:#FFF;}

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

/*leftnavi*/
div#leftnavi{ width: 190px; float: left; margin-right: 5px; margin-bottom: 10px; }
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,#mailmagazine div#leftnavi h2,#sponsor div#leftnavi h2,#article div#leftnavi h2,div#leftnavi h3 { padding: 0; }
div#leftnavi1 a { background-color: #f3f3f3; text-decoration: none; width: 190px; height: 20px; border-bottom: 1px solid #131083; display: block; }
div#leftnavi1 li.sakuin a{ background-color: #dbdbdb; }
div#leftnavi1 h2 a, div#leftnavi1 h3 a { text-indent: -9999px; width: 190px; overflow: hidden; }
div#leftnavi1 h2 a  { background-image: url(../img/tit_mokuji.gif); height: 28px; }
div#leftnavi1 h3 { background-image: url(../img/tit_gyorui.gif); text-indent: -9999px; overflow: hidden; }
div#leftnavi1 div#mokuji2 h3 { background-image: url(../img/tit_nantai.gif); }
div#leftnavi1 div#mokuji3 h3 { background-image: url(../img/tit_koukaku.gif); }
div#leftnavi1 div#mokuji4 h3 { background-image: url(../img/tit_sonota.gif); }
div#leftnavi1 div#mokuji5 h3 { background-image: url(../img/tit_yunyu.gif); }

div#leftnavi2{ margin-top: 0; margin-bottom: 15px; }
div#leftnavi2 li { margin-top: 5px;  margin-bottom: 0.5em;}
div#leftnavi2 h3 { margin-top:0; padding: 4px 3px; /* background-color: #90a4d7;color: #000b8e;*/ background-color: #3388CC; color: #FFFFFF;}


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

/*-----------------------------------------------------
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.coltitle1 { margin-bottom:0.2em; padding:0.1em; font-weight:bold; background-color:#DEDDB1; border-top:3px solid #FFF; text-indent:0.2em;}
span.coltitle2 {line-height:1.7em; background-color:#DfDfDf; margin-top:5px; padding:0.1em 0.6em; border-radius:4px; font-weight:bold;}
div.exp1_1 { background-color:#dd7246; border: solid 1px #666666; position:relative; clear:all; clear: both;}
div.exp1_2 { width: 150px; border: solid 1px #FFFFFF; float:left; height:100%;}

table.exp2 { border-collapse: collapse; font-size: 12px; width: 100%; border: solid 1px #666666; margin-bottom: 10px; background-color:white;}
table.exp2 th { vertical-align: top; padding: 4px 0.5em; border: solid 1px #666666; line-height:1.3em; /*background-color: #efefef;*/}
table.exp2 td { vertical-align: top; padding: 4px 0.5em; border: solid 1px #666666; line-height:1.3em; /*background-color: #efefef;*/}
table.exp2 th { min-width:130px; color: #fff; font-weight: bold; background-color: #888DC5; /*background-color: #b4b173;*/ text-align:left;}
#pageDetail table.exp2 td p { margin:0; }

table.exp2 td p {margin: 0; color: #0088BB; font-size:1.3em; text-indent:-0.1em;}
table.exp2 td p.star2 {color: #66A523;}
table.exp2 td p.star3 {color: #CD0A0A;}

table.exp3 { border-collapse: collapse; width: 100%; border: solid 1px #666666; margin: 10px 0; clear: left; background-color:white;}
table.exp3 th { width:80%; vertical-align: top; padding: 6px 0.7em; border: solid 1px #666666; background-color: #FFFFFF; }
table.exp3 td { width:80%; vertical-align: top; padding: 1px 0.7em; border: solid 1px #666666; background-color: #FFFFFF; }
table.exp3 th { width:20%; width:130px; color: #000b8e; font-weight: bold; background-color: #ffc100; }
table.exp3 th span{ font-weight: normal; font-size: 0.7em; }

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:3px 0 4px; float:right; border-left:0.5em solid #FFFFFF;}
img.col_img_left {padding:3px 0 1px; float:left; border-right:0.5em solid #FFFFFF;}
img.col_img_ {padding:4px 3px;}
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: #000; }
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; }*/

/* photo */
#mainphoto_sub_tab {  padding:5px 5px 0px 5px; color: #333; font-size:12px; line-height:1.2em; border:1px solid #CCC; background-color:#efefef; }
#mainphoto_sub_wrap { border:1px solid #CCC; border-top:none; overflow-x: auto; margin-bottom: 15px;}
#mainphoto_sub {  padding:1px 3px 3px 3px; white-space: nowrap; margin:0;}
img.mainphoto_sub_img{ height:66px;  padding:2px; overflow:hidden; margin: 0.7% 0.5% 0 0.5%; cursor:pointer;}

/* Custom ----------------------------------------------------------------- */
ul.bouz_kanren, ul.bouz_kanren li { margin: 0; padding: 0; }
ul.bouz_kanren li { list-style-type: none; margin-top: 5px; }
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: 190px; height: 42px; margin: 0; padding: 0; border: solid 1px #000b8e; 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: 190px; height: 42px; border: solid 1px #000b8e; display: block; }

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


/***** current *****/
body.fishes #header_menu li a.fishes {background-color: #eeff84;}
#jenreList li.current {color:#FFF; margin-top: 2px; margin-bottom: 2px; text-decoration:none;}
#jenreList li.current a {color:#FFF; background-color: #CF0000; padding: 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{
	margin-bottom: 5px;
}
div#amazonbook h3 { padding: 4px 3px; background-color: #3388CC; color:#FFFFFF;}
/****寿司****/

aside#neta {
	margin-bottom: 1em;
	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;
		/*
background-image: url(http://sushi2.zukan-bouz.com/common/img/tit_others.gif);
		text-indent: -9999px;
*/
}

ul#otherphoto{
	margin-top:0.3em 1em;
	overflow: hidden;
}
ul#otherphoto div.p1{
	padding:5px;
	overflow: hidden;
}
aside#neta ul li,
ul#otherphoto li{
	float: left;
	width: 25%;
	height: 142px;
	list-style-type: none;
	margin: 0;
	line-height: 1.6em;
	margin:5px 0px 5px 0;
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0;
}

aside#neta img {
max-width: 100%;
}

/*汎用*/
.noinfo{ padding:5px; font-size:12px; line-height:3em;}
.algnr{float:right;}
.algnl{float:left;}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.btn {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:12px;
	margin-top: 0.3em;
	padding:2px 9px 1px 24px;
	text-decoration:none;
	border:1px solid #CCC;
	background:url(images/logo_ss.png) 8px 50% no-repeat;
}

.btn span{
	background:url(images/link_arrow02_s_blue.png) 96% 50% no-repeat;
	padding: 1px 6px 1px 4px;
}

div.pdg10{
	padding-right:10px;
	padding-left: 10px;
}
/**/
	/*
 *  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:100%;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:180px;}
img.w200{width:200px;}
img.w220{width:220px;}
img.w250{width:250px;}
img.w280{width:280px;}
img.w300{width:300px;}
img.w350{width:350px;}
img.w400{width:400px;}
img.w450{width:476px;}
img.w500{width:500px;}
#ad_detail_right2{position:absolute; top:2050px; right:0;}

/*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:4px 4px 5px ; border:dotted 1px #CCC; margin:0 8px 0 2px; background-color:#efefef; border-radius:4px; text-decoration:none; color:#0088BB;}
#breadcrumb li select { height:31px; 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:#ffe8ff; 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; }

div#mainArea .groups #breadcrumbLight {margin:1px 0 2px -2px;}
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;}
div#mainArea .groups #breadcrumbLight li a,
div#mainArea .groups #breadcrumbLight li a:link,
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;}
div#mainArea .groups #breadcrumbLight li:last-child {background:none;}

/*グループ*/
div.syuGroups{ width:100%; margin-bottom:.8em;}
div.syuGroups p.title{ margin:0; padding:1px 2px; background-color:#000000; color:#FFFFFF;}
div.syuGroupsSyu{ white-space: nowrap; overflow: auto; }
div.syuGroupsSyu ul{}
div.syuGroupsSyu ul li{display:inline;width: 113px; height: 89px; float: left; margin-right: 4px; text-align: center; text-indent:0; }
div.syuGroupsSyu ul li p {margin:2px 0 ;}

div.syuGroupsSyu div.p1 {width: 111px; height: 65px; margin-bottom:1px; padding: 2px 2px 1px 0; display:float;}
div.syuGroupsSyu div.p1 div{width: 111px; height: 65px; position: relative; overflow: hidden; }
div.syuGroupsSyu div.p1 p{width: 111px; height: 65px; font-size: 0.85em; position: relative; text-align:center;  display:table-cell;  vertical-align: middle;  layout-grid-line: 0px;}
div.syuGroupsSyu img{height: 63px; width:auto; line-height:141px; position: relative; margin: auto auto; text-align: center; display:inline-block; border:1px solid #CCC;}
div.syuGroupsSyu div.photo_title { line-height: 1.3em; height: 1em;}

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

/*ランキング*/
div#ranking_wrap{ margin-top: 5px; width:160px;}
div#ranking_title{ background-color: #3388CC; color: #FFF; line-height:1.8em; padding: 0.3em 2px; text-align: center;}
div.rankings{ width:100%; margin-bottom:.8em; padding:2px 0; background-color:#FFFFFF; margin: 1px;}
div.rankings p.title{ margin:0; padding:1px 2px; 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_num1,
span.rank_num2,
span.rank_num3,
span.rank_num4,
span.rank_num5 {border-radius: 2px; padding:1px 4px; color:#777777; font-size:11px;}
span.rank_num1 { background-color:#bdb258; color:#FFFFFF;}
span.rank_num2 { background-color:#979797; color:#FFFFFF;}
span.rank_num3 { background-color:#a09857; color:#FFFFFF;}
span.rank_num4, span.rank_num5 { background-color:#ededed; color:#000000;}

div.rankingsSyu div.p1 {margin: 0; width: 30px; height: 30px; margin:0 0 1px !important; padding: 2px 2px 1px 0; display:float; float:left;}
div.rankingsSyu div.p1 div{width: 30px; height: 30px; position: relative; overflow: hidden; }
div.rankingsSyu div.p1 p{width: 30px; height: 30px; font-size: 0.85em; position: relative; text-align:center;  display:table-cell;  vertical-align: middle;  layout-grid-line: 0px;}
div.rankingsSyu div.p1 p img{height: 30px; width:auto; line-height:141px; position: relative; margin: auto auto; text-align: center; display:inline-block; border:1px solid #CCC;}
div.rankingsSyu div.photo_title { width:124px; line-height:1.2em; padding-top: 2px; padding-left:2px; white-space:normal; height: auto;}
div.rankingsSyu div.photo_title span.rank_num { color:#777777;}
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; font-size:14px; 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;}
.center_article_link ul li{ list-style:disc outside;}

/*中関連コラム*/
.center_article_link{ display:block; border:1px dotted #CCCCCC; margin-bottom: 1em;  font-size:14px; padding:4px 3px 4px 3px; }
#mainArea .center_article_link p.title { background-color: #6b7e98; color: #FFF; padding: 2px 6px; margin: 2px 0; display:block; float:left; margin-right: 2em; border-radius: 3px;}
.center_article_link ul { float:left; padding-top:0.25em; list-style:disc outside;}
.center_article_link ul li{ list-style:disc outside;}

/*コラム*/
#article #contents{ font-size:15px;}
#contents #breadcrumb {font-size:13px;}
#article #contents h1{ text-indent:0.5em;}
#article #contents h2,
body.paragraphs #paragraphs h2,
body.paragraphs h2.listTitle{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; }
#article #contents h3,
body.paragraphs #paragraphs h3{ background-color:#D2E8FA;line-height:1.9em; text-indent:0.2em; margin:0.8em 0.5em 0.3em 0.5em;  font-size:1.1em; }
#article #contents h3 + div.description,
body.paragraphs #paragraphs h3 + div.description{padding:3px 0.6em;}
#article #contents 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 #contents h4 + div.description,
body.paragraphs #paragraphs h4 + div.description{padding:3px 0.6em;;}
#article #contents #paragraphs h4::before,
body.paragraphs #paragraphs h4::before {
	content: "\f0c8";
    font-family: FontAwesome;
    color:#3388CC;
    font-size:0.6em;
    padding-right:0.3em;

}
#article #contents .p1{ font-size:14px;}
#article #contents div.syuGroupsSyu{	background-color:#efefef; border:1px solid #CCCCCC;}



/*スポンサー*/
#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;
}

/*ページ内リンク*/
#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;}