@charset "utf-8";

/* reset
------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
html{ width: 100%; height: 100%; }
li {list-style-type: none;}

body{
font-family: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 90%;
line-height: 1.5em;
letter-spacing: 0.05em;
color: #333333;
border-top: 10px solid #e60012;
border-bottom: 10px solid #e60012;
}
/*
a{ color: #e60012; text-decoration: none; }
a:hover{ color: #ca0002; text-decoration: underline; }
*/
a{ color: #0073ae; text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none }

p {font-size: 85%;}

table {border-collapse: collapse;}

.clearfix:after { clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden }
.clearfix { display:inline-block }
/* start commented backslash hack \*/
* html .clearfix { height:1% }
.clearfix { display:block }
/* close commented backslash hack */
.clear { clear:both }




/* font-size change
------------------------------------*/
.fontS #content_left,
.fontS #leaf-body,
.fontS #sitemap {font-size: 75%;}
.fontS #sitemap dt {font-size: 130%;}

.fontM {font-size: 90%;}

.fontL #content_left,
.fontL #leaf-body,
.fontL #sitemap {font-size: 110%;}
.fontL #sitemap dt {font-size: 90%;}


/* header
------------------------------------*/
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}

#header {
margin: 5px 0;
overflow: hidden;
}
#header_inner {
width: 1000px;
margin: 0 auto;
}

#logo_bellmark {
float: left;
height: 50px;
width: 305px;
background: url(/static/img/logo_bellmark.png) no-repeat top left;
text-indent: -9999px;
}

#sub_nav {
float: left;
margin-top: 15px;
margin-left: 40px;
}
#sub_nav li {
display: inline;
margin-left: 5px;
padding-left: 12px;
font-size: 90%;
background: url(/static/img/controls.png) no-repeat -84px -30px;
}
#sub_nav li a {
font-weight: bold;
color: #000000;
}
#sub_nav li a:hover {
text-decoration :none;
color: #ca0002;
}

#header_right {
float: right;
width: 370px;
margin-top: 5px;
}

.search {
display :inline;
float: right;
margin-left: 10px;
}
.search {*width: 250px;}
form.search {margin: 0;}

/* --- ボックス --- */
form.search div {
width: 250px;
height: 30px;
background-color: #ffffff;
border: 1px #e6ac9d solid;
}

/* --- テキストボックス --- */
form.search input.textBox {
width: 210px;
height: 25px;
height: auto\9;
margin: 0 5px 0 5px;
padding: 0;
border: none;
color: #000000;
}

/* --- ボタン --- */
form.search input.btn {
width: 30px;
height: 30px;
padding: 0;
background: #e6ac9d url(/static/img/icon_search.gif) no-repeat center center;
border: 1px solid #e6ac9d;
text-indent: -9999px;
}

.text_zoom {float: right;}
.text_zoom li {
display: block;
float: left;
width: 30px;
height: 25px;
margin-left: 1px;
padding: 5px 0 0;
border: 1px solid #e60012;
font-weight: bold;
text-align: center;
color: #e60012;
}
.text_zoom li#fontS {font-size: 80%;}
.text_zoom li#fontL {font-size: 120%;}
.text_zoom li:hover {
background-color: #e60012;
color: #ffffff;
text-decoration: none;
cursor: pointer;
}

.fontS .text_zoom #fontS,
.fontM .text_zoom #fontM,
.fontL .text_zoom #fontL {background-color: #e60012;color: #ffffff;}

/* main_nav
------------------------------------*/
#main_nav,#bottom_nav
{
position: relative;
width: 1000px;
list-style: none;
}

#main_nav li
{
display: block;
float: left;
position: relative;
width: 20%;
}

#main_nav a,.bottom_nav a {
display: block;
width: 100%;
height: 30px;
padding-top: 15px;
float: left;
color: #333333;
font-weight: bold;
text-decoration: none;
text-align: center;
}

#main_nav li.nav_pink {background-color: #ffe9e9; border-bottom: 5px solid #ea6868;}
#main_nav li.nav_orange {background-color: #ffefd1; border-bottom: 5px solid #ffa800;}
#main_nav li.nav_green {background-color: #f6ffe7; border-bottom: 5px solid #8ed412;}
#main_nav li.nav_red {background-color: #fee5f3; border-bottom: 5px solid #e12b8e;}
#main_nav li.nav_purple {background-color: #f7efff; border-bottom: 5px solid #a448ff;}

#bottom_nav {
clear: both;
padding-top: 20px;
margin-bottom: 0;
border-collapse: collapse;
/*font-size: 90%;*/
}
#bottom_nav td {width: 20%; vertical-align: top;}
#bottom_nav td.pink {border-left: 1px solid #ea6868;}
#bottom_nav td.orange {border-left: 1px solid #ffa800;}
#bottom_nav td.green {border-left: 1px solid #8ed412;}
#bottom_nav td.red {border-left: 1px solid #e12b8e;}
#bottom_nav td.purple {border-left: 1px solid #a448ff;}

/*.bottom_nav a {text-align: left;}*/

.bottom_nav li.nav_pink a {background-color: #ffe9e9; border-top: 5px solid #ea6868;}
.bottom_nav li.nav_orange a {background-color: #ffefd1; border-top: 5px solid #ffa800;}
.bottom_nav li.nav_green a {background-color: #f6ffe7; border-top: 5px solid #8ed412;}
.bottom_nav li.nav_red a {background-color: #fee5f3; border-top: 5px solid #e12b8e;}
.bottom_nav li.nav_purple a {background-color: #f7efff; border-top: 5px solid #a448ff;}

.bottom_nav li.nav_pink li a {background-color: #ffffff;border: none;}
.bottom_nav li.nav_orange li a {background-color: #ffffff;border: none;}
.bottom_nav li.nav_green li a {background-color: #ffffff;border: none;}
.bottom_nav li.nav_red li a {background-color: #ffffff;border: none;}
.bottom_nav li.nav_purple li a {background-color: #ffffff;border: none;}

#main_nav li:hover > ul {display: block;}

#main_nav > li:hover:after,
#about #main_nav > li.nav_pink:after,
#collect #main_nav > li.nav_orange:after,
#thanks #main_nav > li.nav_green:after,
#companies #main_nav > li.nav_red:after,
#download #main_nav > li.nav_purple:after
{
content: '';
position: absolute;
left: 42%;
bottom: -15px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
z-index: 99999;
}
#main_nav > li.nav_pink:hover:after,
#about #main_nav > li.nav_pink:after {border-top: 15px solid #ea6868;}
#main_nav > li.nav_orange:hover:after,
#collect #main_nav > li.nav_orange:after {border-top: 15px solid #ffa800;}
#main_nav > li.nav_green:hover:after,
#thanks #main_nav > li.nav_green:after {border-top: 15px solid #8ed412;}
#main_nav > li.nav_red:hover:after,
#companies #main_nav > li.nav_red:after {border-top: 15px solid #e12b8e;}
#main_nav > li.nav_purple:hover:after,
#download #main_nav > li.nav_purple:after {border-top: 15px solid #a448ff;}



/* Sub-main_nav */
#main_nav ul
{
width: 100%;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 50px;
left: 0;
z-index: 9999;
}
.bottom_nav ul {
display: block;
position: static;
}

#main_nav ul li,.bottom_nav ul li
{
width: 100%;
float: none;
margin: 0;
padding: 0;
display: block;
}
#main_nav ul li:first-child a {padding-top: 20px;}

#main_nav ul a
{
padding: 10px 0;
height: auto;
line-height: 1;
display: block;
float: none;
text-transform: none;
}
#main_nav ul a {*line-height: normal;}

.bottom_nav ul a {
height: auto;
padding: 5px 0;
}

#main_nav ul a:hover {
margin-top: 0;
padding: 10px 0;
}

#main_nav li.nav_pink ul a,.bottom_nav li.nav_pink ul a:hover {background-color: #ffe9e9; border-bottom: 1px solid #ffffff;}
#main_nav li.nav_orange ul a,.bottom_nav li.nav_orange ul a:hover {background-color: #ffefd1; border-bottom: 1px solid #ffffff;}
#main_nav li.nav_green ul a,.bottom_nav li.nav_green ul a:hover {background-color: #f6ffe7; border-bottom: 1px solid #ffffff;}
#main_nav li.nav_red ul a,.bottom_nav li.nav_red ul a:hover {background-color: #fee5f3; border-bottom: 1px solid #ffffff;}
#main_nav li.nav_purple ul a,.bottom_nav li.nav_purple ul a:hover {background-color: #f7efff; border-bottom: 1px solid #ffffff;}

.bottom_nav li ul a:hover {border-bottom: none !important;}

#main_nav li.nav_pink ul a:hover {background-color: #ea6868; color: #ffffff;}
#main_nav li.nav_orange ul a:hover {background-color: #ffa800; color: #ffffff;}
#main_nav li.nav_green ul a:hover {background-color: #8ed412; color: #ffffff;}
#main_nav li.nav_red ul a:hover {background-color: #e12b8e; color: #ffffff;}
#main_nav li.nav_purple ul a:hover {background-color: #a448ff; color: #ffffff;}

/* Clear floated elements */
#main_nav:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

* html #main_nav             { zoom: 1; } /* IE6 */
*:first-child+html #main_nav { zoom: 1; } /* IE7 */

/* slider */
.bx-wrapper {
overflow: hidden;
text-align: center;
}

.bx-wrapper {
background: url(/static/img/img_mainbg.png) no-repeat center center;
background-size: cover;
}
.bx-wrapper .bx-viewport {background: transparent !important;}
.bxslider li {
background-size: cover;
text-align: center;
*position: static !important;
}
.bxslider li img {
display: inline;
max-height: 280px;
}
.bxslider li.img_main_bellmark {
background: url(/static/img/img_main_1000.png) no-repeat center center;
background-size: cover;
}
.bx-wrapper .bx-caption {
width: auto !important;
bottom: 5% !important;
background:rgba(145, 186, 73, 0.75) !important;
background:#A9CB78\9 !important;
*background:#A9CB78 !important;
}

/* content
------------------------------------*/
#content {
clear: both;
width: 1000px;
margin: 0 auto;
position: relative;
}


/* left col */
#content_left {
width: 780px;
float: left;
margin-top: 10px;
}

.photo_2col {
width: 400px;
float: left;
clear: both;
margin-bottom: 20px;
}

.photo_box {
width: 165px;
float: left;
position: relative;
padding: 10px;
margin: 0 10px 20px 0;
border: 1px solid #cccccc;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-moz-box-shadow: 0 0 3px #cccccc;
-webkit-box-shadow: 0 0 3px #cccccc;
box-shadow: 0 0 3px #cccccc;
}
.photo_box .pin {
position: absolute;
top: -5px;
left: 48%;
display: block;
height: 10px;
width: 10px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-box-shadow: 0 2px 2px #cccccc;
-webkit-box-shadow: 0 2px 2px #cccccc;
box-shadow: 0 2px 2px #cccccc;
background: #9dd53a;
background: -moz-radial-gradient(center, ellipse cover,  #9dd53a 0%, #7cbc0a 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#9dd53a), color-stop(100%,#7cbc0a));
background: -webkit-radial-gradient(center, ellipse cover,  #9dd53a 0%,#7cbc0a 100%);
background: -o-radial-gradient(center, ellipse cover,  #9dd53a 0%,#7cbc0a 100%);
background: -ms-radial-gradient(center, ellipse cover,  #9dd53a 0%,#7cbc0a 100%);
background: radial-gradient(ellipse at center,  #9dd53a 0%,#7cbc0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 );
}
.photo_box .photo {
width: 100%;
height: 100px;
background-repeat: no-repeat;
background-position: center center;
background-color: #f5f5f5;
background-size: contain;
text-indent: -9999px;
}
.photo_box h3 {
margin-top: 5px;
font-size: 90%;
color: #333333;
line-height: 1.2;
height: 2.3em;
overflow: hidden;
}
/* photo_box 201503追記 */
.photo_box .badge_about,
.photo_box .badge_collect,
.photo_box .badge_thanks,
.photo_box .badge_companies,
.photo_box .badge_download, 
.photo_box .badge_other,
.photo_box .badge_recommend {
position: relative;
margin: 15px 0;
border-top: 3px solid #EA6868;
text-align: center;
font-weight: bold;
font-size: 85%;
color:  #EA6868;
}
.photo_box .badge_collect {border-top: 3px solid #e19400;color: #e19400;}
.photo_box .badge_thanks {border-top: 3px solid #72b200;color: #72b200;}
.photo_box .badge_companies {border-top: 3px solid #c20b6e;color: #c20b6e;}
.photo_box .badge_download {border-top: 3px solid #6300c4;color: #6300c4;}
.photo_box .badge_recommend {border-top: 3px solid #1ca6cf;color: #1ca6cf;}

.photo_box .badge_about span,
.photo_box .badge_collect span,
.photo_box .badge_thanks span,
.photo_box .badge_companies span,
.photo_box .badge_download span,
.photo_box .badge_recommend span {
position: absolute;
top: -15px;
left: 10px;
padding: 5px;
background-color: #ffffff;
}
/* photo_box 201503追記 ここまで */


.photo_2col a:hover .photo_box h3 {
color: #ca0002;
}

.info_area {
width: 380px;
float: right;
}
.info_box {
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #cccccc;
overflow: hidden;
}

.t_red {
clear: both;
padding: 3px 5px;
margin-bottom: 5px;
background-color: #e60012;
color: #ffffff;
font-weight: bold;
}
.list_newstext2 {
margin-top:10px;
}
.list_newstext dt,.list_newstext2 dt {
width: 75%;
float: right;
}
.list_newstext dt a,.list_newstext2 dt a {
color: #0073ae;
font-weight: bold;
}
.list_newstext dd,.list_newstext2 dd {
width: 20%;
float: left;
white-space: nowrap;
}
.list_newstext2 dt {width: 85%;}
.list_newstext2 dd {width: 10%;}

.list_newstext dd img {width: 100%}

.date {
font-size: 80%;
letter-spacing: 0;
color: #000000;
}

.more,.pagetop {
float: right;
*margin: -25px 5px 0 0;
}
.more a,.pagetop a {
padding: 0px 20px;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
font-size: 90%;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
color: #e60012;
white-space: nowrap;
}
.pagetop a {
border: 1px solid #cccccc;
margin-bottom: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.more a:hover,.pagetop a:hover {
text-decoration: none;
}
.more a .arrow,.pagetop a .arrow {
display: block;
width: 10px;
height: 11px;
float: left;
margin: 5px 5px 0 0;
background: url(/static/img/controls.png) no-repeat -86px -11px;
}
.pagetop a .arrow {
background: url(/static/img/controls.png) no-repeat -86px -90px;
}
/* right col */
#content_right {
width: 200px;
float: right;
margin-top: 30px;
}
.section_right {
margin-bottom: 10px;
padding-top: 10px;
border-top: 2px solid #e60012;
}
.section_right:last-child {
border-bottom: 2px solid #e60012;
}
.section_right h4 {
margin: -10px 0 10px;
border-top: 2px solid #e60012;
color: #333333;
font-weight: bold;
line-height: 2.0;
text-align: center;
}

#bellmark_product_top {display: none;}
#bellmark_product_top div, #bellmark_product_bottom div {
text-align: center;
height: 150px;
}
#bellmark_product_top img, #bellmark_product_bottom img {
max-width: 200px;
max-height: 130px;
margin-top: 10px;
}

.nav_right {margin-top: -10px;}
.nav_right li a {
clear: both;
display: block;
overflow: hidden;
border-bottom: 1px dotted #e60012;
background: #dddddd;
background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(50%,#ffffff));
background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 50%);
background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 50%);
background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 50%);
background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
line-height: 3.0;
color: #333333;
}
#about .nav_right li a {
background: #ffe9e9;
background: -moz-linear-gradient(top,  #ffe9e9 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe9e9), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #ffe9e9 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #ffe9e9 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #ffe9e9 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffe9e9 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe9e9', endColorstr='#ffffff',GradientType=0 );
}
#collect .nav_right li a {
background: #ffefd1;
background: -moz-linear-gradient(top,  #ffefd1 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefd1), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #ffefd1 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #ffefd1 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #ffefd1 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffefd1 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefd1', endColorstr='#ffffff',GradientType=0 );
}
#thanks .nav_right li a {
background: #f6ffe7;
background: -moz-linear-gradient(top,  #f6ffe7 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6ffe7), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #f6ffe7 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #f6ffe7 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #f6ffe7 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #f6ffe7 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ffe7', endColorstr='#ffffff',GradientType=0 );
}
#companies .nav_right li a {
background: #fee5f3;
background: -moz-linear-gradient(top,  #fee5f3 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fee5f3), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #fee5f3 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #fee5f3 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #fee5f3 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #fee5f3 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee5f3', endColorstr='#ffffff',GradientType=0 );
}
#download .nav_right li a {
background: #f7efff;
background: -moz-linear-gradient(top,  #f7efff 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7efff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #f7efff 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #f7efff 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #f7efff 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #f7efff 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7efff', endColorstr='#ffffff',GradientType=0 );
}


.nav_right li a:hover {
text-decoration: none;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 50%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #ffffff 50%,#dddddd 100%);
background: -o-linear-gradient(top,  #ffffff 50%,#dddddd 100%);
background: -ms-linear-gradient(top,  #ffffff 50%,#dddddd 100%);
background: linear-gradient(to bottom,  #ffffff 50%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}

.nav_right li a.line2 {line-height: 1.5;}

.nav_right i {
display: block;
width: 55px;
height: 45px;
float: left;
background: url(/static/img/icon_r20191018.png?1440558185) no-repeat top left;
}
.nav_right i.icon_event { background-position: 0 -50px;}
.nav_right i.icon_movie { background-position: 0 -100px;}
.nav_right i.icon_twitter { background-position: 0 -150px;}
.nav_right i.icon_bbs { background-position: 0 -200px;}
.nav_right i.icon_qa { background-position: 0 -250px;}
.nav_right i.icon_bellsupporter { background-position: 0 -300px;}



/* bottom_nav
------------------------------------*/
.bottom_nav {
clear: both;
}

/* footer
------------------------------------*/
#footer {
border-top: 1px solid #cccccc;
text-align: center;
line-height: 3.0;
}

/* pagetop link
------------------------------------*/
#page-top {
position: fixed;
z-index: 500;
bottom: 20px;
right: 20px;
font-size: 77%;
}
#page-top a {
background: #000000;
text-decoration: none;
color: #fff;
width: 100px;
padding: 30px 0;
text-align: center;
display: block;
border-radius: 5px;
}
#page-top a:hover {
text-decoration: none;
background: #999;
}


/* breadcrumb
------------------------------------*/
ul.breadcrumb {
margin-bottom: 5px;
font-size: 85%;
border-bottom: 3px solid #cccccc;
overflow: hidden;
}
#about ul.breadcrumb {border-bottom: 3px solid #EA6868;}
#collect ul.breadcrumb {border-bottom: 3px solid #FFA800;}
#thanks ul.breadcrumb {border-bottom: 3px solid #8ED412;}
#companies ul.breadcrumb {border-bottom: 3px solid #E12B8E;}
#download ul.breadcrumb {border-bottom: 3px solid #A448FF;}

ul.breadcrumb li {display: inline;}
ul.breadcrumb a {
float: left;
padding-right: 5px;
color:#333333;
}
ul.breadcrumb .divider {
display: block;
float: left;
width: 10px;
height: 10px;
margin: 5px 15px 0 0;
background: url(/static/img/controls.png) no-repeat -86px -50px;
}
ul.breadcrumb a:hover {color:#ca0002;}


/* category top
------------------------------------*/
.category_title {
margin-bottom: 10px;
font-size: 120%;
font-weight: bold;
color: #a92600;
}
#content_left h2 {
display: inline;
margin: 20px 0 30px 0;
padding: 2px 20px;
font-size: 140%;
line-height: 1.5;
color: #ffffff;
font-weight: bold;
background-color: #a92600;
}
#content_left hr {
border: none;
font-size: 0;
line-height: 0;
*color:#ffffff;
}
#content_left .article_area {
padding: 10px 0 20px;
overflow: hidden;
}

/* 大項目タイトル */
#about #content_left .article_area h2 {background-color: #EA6868;}
#collect #content_left .article_area h2 {background-color: #FFA800;}
#thanks #content_left .article_area h2 {background-color: #8ED412;}
#companies #content_left .article_area h2 {background-color: #E12B8E;}
#download #content_left .article_area h2 {background-color: #A448FF;}

/* 中項目タイトル */
#about #content_left #leaf-body h2,
#download #content_left #leaf-body h2,
#content_left .sub_category_area h2 {
display: block;
margin: 0;
padding-left: 10px;
background-color: #ffffff !important;
font-size: 120%;
color: #252525;
border: 1px solid #E60012;
border-left: 5px solid #E60012;
}
#about #content_left #leaf-body h2,
#about #content_left .sub_category_area h2 {border: 1px solid #EA6868;border-left: 5px solid #EA6868;}
#collect #content_left .sub_category_area h2 {border: 1px solid #FFA800;border-left: 5px solid #FFA800;}
#thanks #content_left .sub_category_area h2 {border: 1px solid #8ED412;border-left: 5px solid #8ED412;}
#companies #content_left .sub_category_area h2 {border: 1px solid #E12B8E;border-left: 5px solid #E12B8E;}
#download #content_left #leaf-body h2 {border: 1px solid #A448FF;border-left: 5px solid #A448FF;}

#content_left .article_area h3 a {
margin-bottom: 10px;
font-size: 100%;
color: #a92600;
}
#content_left .article_area .article_list {
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px solid #cccccc;
overflow: hidden;
}
#content_left .article_area .article_list p {
margin-bottom: 5px;
font-size: 100%;
line-height: 1.5;
}
#content_left .article_area .article_list img {
float:left;
width: 150px;
height: 100px;
margin: 0 10px 5px 0;
border: 7px solid #dddddd;
}

/* leaf
------------------------------------*/
#leaf-body {
padding: 10px 0 20px;
overflow: hidden;
}
#leaf-body h2 {
display: inline;
margin: 20px 0 30px 0;
padding: 2px 10px;
font-size: 140%;
line-height: 1.5;
color: #ffffff;
font-weight: bold;
background-color: #a92600;
}
#leaf-body h3 {
margin: 10px 0 5px;
font-size: 120%;
border-bottom: 3px double #A92600;
}
#leaf-body h4 {
font-size: 110%;
margin: 20px 0 5px;
border-bottom: 1px solid #666666;
}
#leaf-body h5 {
font-size: 100%;
margin: 20px 0 5px;
}

#leaf-body p {
margin: 5px 0;
font-size: 100%;
}

.btn_print {
margin-left: 10px;
padding-left: 20px;
font-size: 85%;
border-color: #999999;
background: url(/static/img/icon_print.png) no-repeat left center;
cursor: pointer;
}
.btn_print:hover {
background-color: #cccccc;
}

/* img */
#leaf-body .left {
float:left;
margin: 0 20px 20px 0;
}
#leaf-body .right {
float:right;
margin: 0 0 20px 20px;
}
#leaf-body .center {
margin: 0 auto 20px;
text-align: center;
}
#leaf-body .left div,
#leaf-body .right div,
#leaf-body .center div {
margin-top: 5px;
font-weight: bold;
text-align: left;
}


/* table */
#leaf-body table {
width: 100%;
margin-bottom: 20px;
}
#leaf-body th {
padding: 5px 0;
background-color: #efefef;
color: #666666;
border-right: 1px solid #999999;
border-bottom: 2px solid #999999;
}
#leaf-body th:last-child,#leaf-body td:last-child {border-right: none;}
#leaf-body td {
padding: 5px;
border-right: 1px solid #cccccc;
border-bottom: 1px dotted #cccccc;
}

#leaf-body .table_noline {
width: 100%;
margin-bottom: 10px;
}
#leaf-body .table_noline th,#leaf-body .table_noline td {
padding: 5px;
border: none;
}
#leaf-body .table_noline .center {margin: 0;}

#leaf-body table.odd tr:nth-child(odd) {background-color: #f5f5f5;}



/* list */
#leaf-body ul {margin: 10px 0 0 30px;}
#leaf-body li {
margin-bottom: 2px;
/*padding-left: 15px;*/
list-style-type: disc;
/*background: url(/static/img/controls.png) no-repeat -96px 7px;*/
}
#leaf-body ol {margin: 10px 0 0 30px;}
#leaf-body ol li {
padding-left: 0;
list-style-type: decimal;
background: none;
}
#leaf-body dt {
margin-bottom: 5px;
font-weight: bold;
}
#leaf-body dd {
margin-bottom: 10px;
}

.author {
clear: both;
font-weight: bold;
}

.backto_list {
clear: both;
margin-top: 10px;
padding-right: 10px;
}
.backto_list a {
float: right;
display: block;
width: 120px;
height: 20px;
position: relative;
padding: 0 5px;
background-color: #999999;
color: #ffffff;
text-align: center;
white-space: nowrap;
}
.backto_list a:hover  {
background-color: #333333;
text-decoration: none;
}
.backto_list a:after{
content: " ";
display: block;
position: absolute;
top: 0;
right: -10px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10.5px 0 10.5px 10px;
border-color: transparent transparent transparent #999999;
}
.backto_list a:hover:after {border-color: transparent transparent transparent #333333;}





/* contact
------------------------------------*/
.contact form {
position: relative;
margin: 40px 0 10px;
padding: 20px 10px 10px;
background: #dbf4fc;
background: -moz-linear-gradient(top,  #dbf4fc 0%, #eaf6f9 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbf4fc), color-stop(99%,#eaf6f9));
background: -webkit-linear-gradient(top,  #dbf4fc 0%,#eaf6f9 99%);
background: -o-linear-gradient(top,  #dbf4fc 0%,#eaf6f9 99%);
background: -ms-linear-gradient(top,  #dbf4fc 0%,#eaf6f9 99%);
background: linear-gradient(to bottom,  #dbf4fc 0%,#eaf6f9 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbf4fc', endColorstr='#eaf6f9',GradientType=0 );
border: none;
}
.contact fieldset {
border:none;
padding-top: 15px;
}
legend {
position: absolute;
top: -20px;
left: 10px;
margin-bottom: 20px;
padding: 10px;
font-weight: bold;
border: 3px solid #dbf4fc;
background-color: #ffffff;
}
.contact p {margin: 10px 0;}
.control-group {
width: 90%;
margin: 5px auto;
}
.control-group .control-label {
padding-left: 5px;
font-weight: bold;
border-left: 3px solid #0073c3;
}
.control-group .controls {
margin-top: 3px;
}
.control-group .label-important,.help-inline {
margin-left:10px;
font-size: 80%;
font-weight: bold;
color: #E60012;
}
.control-group .label-info {
margin-left: 10px;
font-size: 80%;
color: #0043cc;
}
.control-group select,.control-group input,.control-group textarea {
width: 100%;
padding: 5px 0;
}
.control-group button[type="submit"] {
display: inline;
width: auto;
padding: 5px 30px;
}
.control-group .btn_back,
.control-group .btn_next {
cursor: pointer;
}
.control-group .btn_back {position: relative;}
.control-group .btn_back span {
position: absolute;
top: 24%;
left: 15px;
display: block;
width: 10px;
height: 10px;
margin: 3px 5px 0 0;
background: url(/static/img/controls.png) no-repeat -86px -65px;
}
.control-group .btn_next {
position: relative;
padding: 6px 30px !important;
border: 1px solid #aaaaaa;
background: #e43300;
background: -moz-linear-gradient(top, #e43300 0%, #a92600 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e43300), color-stop(100%,#a92600));
background: -webkit-linear-gradient(top, #e43300 0%,#a92600 100%);
background: -o-linear-gradient(top, #e43300 0%,#a92600 100%);
background: -ms-linear-gradient(top, #e43300 0%,#a92600 100%);
background: linear-gradient(to bottom, #e43300 0%,#a92600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e43300', endColorstr='#a92600',GradientType=0 );
color: #ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.control-group .btn_next:hover {background: #e43300;}
.control-group .btn_next span {
position: absolute;
top: 24%;
right: 15px;
display: block;
float: right;
width: 10px;
height: 10px;
margin: 3px 0 0 5px;
background-image: url(/static/img/controls.png);
background-repeat:no-repeat;
background-position:-86px -78px;
}

.btn_map {
display: block;
height: 30px;
width: 55px;
margin: 5px auto;
padding-left: 40px;
background: url(/static/img/icon_accessmap.png) no-repeat 10px center;
border: 2px solid #E60012;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 2.5;
text-align: center;
font-size: 100%;
color: #E60012;
}
.btn_map:hover {
text-decoration: none;
background-color: #cccccc;
}

.contact_info {
margin-top: 20px;
font-size: 115%;
}


/* bbs
------------------------------------*/
.title_text {
display: inline;
margin: 0 20px 0;
font-size: 150%;
font-weight: bold;
color: #E60012;
line-height: 2.5;
}
.bbs_form {
padding: 20px 10px 10px;
background: #dbf4fc;
background: -moz-linear-gradient(top,  #dbf4fc 0%, #eaf6f9 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbf4fc), color-stop(99%,#eaf6f9));
background: -webkit-linear-gradient(top,  #dbf4fc 0%,#eaf6f9 99%);
background: -o-linear-gradient(top,  #dbf4fc 0%,#eaf6f9 99%);
background: -ms-linear-gradient(top,  #dbf4fc 0%,#eaf6f9 99%);
background: linear-gradient(to bottom,  #dbf4fc 0%,#eaf6f9 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbf4fc', endColorstr='#eaf6f9',GradientType=0 );
}
.bbs_form dl {
width: 60%;
margin: 0 auto;
}
.bbs_form dt {
float: left;
clear: both;
width: 20%;
margin-top: 10px;
line-height: 2.0;
}
.bbs_form dd {
float: left;
width: 80%;
margin-top: 10px;
}
.bbs_form dd input,.bbs_form dd textarea {
width: 97%;
padding: 5px;
line-height: 1.5;
}

.bbs_form .btn_area {
width: 60%;
margin: 10px auto 20px;
text-align: right;
}
.bbs_form input[type="submit"] {
display: inline;
width: auto;
padding: 5px 30px;
}
.bbs_form .error{color: red;}

.thread_box {
margin: 10px 0 20px;
padding: 10px 0;
text-align: right;
border-bottom: 1px dotted #cccccc;
}
.thread_box h2.thread_title {
font-size: 120%;
font-weight: bold;
padding: 5px 5px 5px 0;
border-bottom: 2px solid #999999;
text-align: left;
position: relative;
}
.thread_box .thread_title .title_id {
margin-right: 2em;
font-size: 12px;
}
.thread_box .thread_title .title_id:after {
content: " ";
display: block;
right: 0;
height: 2px;
width: 3em;
background-color: #E60012;
position: absolute;
left: 0;
bottom: -2px;
}
.thread_box .thread_related .thread_title .title_id:after {
display:none;
}
.thread_box p {
padding: 5px 0;
font-size: 14px;
text-align: left;
}
.thread_box a {
margin-left: 10px;
padding: 2px 5px;
font-size: 12px;
color: #ffffff;
background-color: #999999;
}
.thread_box a:hover {
background-color: #333333;
text-decoration: none;
}
.thread_box .thread_user {
font-size: 12px;
color: #999999;
}
.thread_box .thread_user a {
margin-left: 0;
padding-left: 0;
color: #0073AE;
background-color: transparent;
}
.thread_box .thread_user a:hover {
text-decoration: underline;
}
.thread_box .thread_related {
margin: 10px 0 10px 50px;
padding-left: 10px;
border-left: 3px solid #cccccc;
}
.thread_box .thread_related:hover {
background-color: #f5f5f5;
}
.thread_box .thread_related h3 {text-align: left;}

.bbs_nav {
margin-bottom: 10px;
background-color: #efefef;
border-bottom: 2px solid #999999;
overflow:hidden;
}
.bbs_nav li {
display: inline;
line-height: 2.0;
}
.bbs_nav li a {
display: block;
float:left;
padding: 0 20px;
color: #ffffff;
background-color: #000000;
text-align: center;
border-left: 1px solid #ffffff;
}
.bbs_nav li a:hover {
background-color: #999999;
text-decoration: none;
}
.bbs_table {width: 100%;}
.bbs_table th {
padding: 5px 0;
background-color: #efefef;
color: #666666;
border-right: 1px solid #999999;
border-bottom: 2px solid #999999;
}
.bbs_table th:last-child {border-right: none;}
.bbs_table tr:nth-child(even) {background-color: #EAF6F9;}
.bbs_table tr:hover {background-color: #f5f5f5;}
.bbs_table td {
padding: 5px;
border-bottom: 1px dotted #cccccc;
}
.bbs_table td.comment_count {text-align: center;}
.bbs_table td.modify_date,.text_s {
font-size: 85%;
color: #999999;
}

/* quiz
------------------------------------*/
#start_area,#question_area,#ok_msg_area,#ng_msg_area,#score_disp_area,#result_btn_area {
font-size: 120% !important;
}
#start_area,#question_area,#result_btn_area {
margin-bottom: 10px;
padding: 10px;
font-size: 100%;
font-weight: bold;
background: #dbf4fc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#start_area {
display: block;
padding-top: 50px;
min-height: 150px;
text-align: center;
background: #dbf4fc url(/static/img/img_quizmain.png) no-repeat top center;
background-size: contain;
}
#question_area .question_title {
display: block;
background-color: transparent;
font-size: 100%;
color: #000000;
}

#question_area  #question {
margin-left: 20px;
}
#question_area  #question_logo_path {
margin: 10px auto 20px;
}
#question_area #question_commentary_logo_path {
margin-bottom: 20px;
}
#question_area li,#result_btn_area li {
margin-bottom: 20px;
padding: 10px;
background-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#question_area li:hover {
background-color: #3CBAE2;
cursor: pointer;
}

#ng_msg_area,#ok_msg_area {
position: absolute;
top: 25%;
left: 20%;
width: 40%;
padding: 50px 20px;
font-size: 120%;
font-weight: bold;
background-color: #FFEFD1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
text-align: center;
border: 5px solid #FFA800;
}
#ng_msg_area p,#ok_msg_area p {
padding: 20px 0 20px 60px;
margin-bottom: 10px;
font-size: 150%;
background: #ffffff url(/static/img/icon_ng.png) no-repeat 15px center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#ok_msg_area p {
background: #ffffff url(/static/img/icon_ok.png) no-repeat 15px center;
}
#question_commentary_area {
margin-bottom: 20px;
padding: 20px 20px 40px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #FFF587;
}
#question_commentary_area img {
float: left;
width: 50%;
margin: 0 20px 20px 0;
}
#question_correct {
padding: 10px;
margin-bottom: 20px;
background-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-weight: bold;
font-size: 120%;
}
#question_commentary,#question_commentary_logo {
margin-bottom : 20px;
}
#start_btn,.commentary_disp_btn,#next_btn {
clear: both;
display: inline;
margin-top: 10px;
padding: 10px 30px;
font-size: 120%;
font-weight: bold;
color: #ffffff;
border: 1px solid #ffffff;
background: #e43300;
background: -moz-linear-gradient(top, #e43300 0%, #a92600 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e43300), color-stop(100%,#a92600));
background: -webkit-linear-gradient(top, #e43300 0%,#a92600 100%);
background: -o-linear-gradient(top, #e43300 0%,#a92600 100%);
background: -ms-linear-gradient(top, #e43300 0%,#a92600 100%);
background: linear-gradient(to bottom, #e43300 0%,#a92600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e43300', endColorstr='#a92600',GradientType=0 );
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 5px #cccccc;
-webkit-box-shadow: 0 0 5px #cccccc;
box-shadow: 0 0 5px #cccccc;
cursor: pointer;
}
#next_btn {
padding: 5px 30px;
font-size: 85%;
}
#start_btn:hover,#commentary_disp_btn:hover,#next_btn:hover {
background: #E60012;
cursor: pointer;
}

#score_disp_area,#result_btn_area {
padding: 10px;
font-weight: bold;
background-color: #FFE9E9;
border-radius: 5px;
-moz-border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-o-border-bottom-left-radius: 0;
-ms-border-bottom-left-radius: 0;
bottom-left-radius: 0;
-moz-border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-o-border-bottom-right-radius: 0;
-ms-border-bottom-right-radius: 0;
bottom-right-radius: 5px;
}
#score_disp_area {
padding-top: 30px;
font-size: 180% !important;
text-align: center;
}

#result_btn_area {
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
-moz-border-top-left-radius: 0;
-webkit-border-top-left-radius: 0;
-o-border-top-left-radius: 0;
-ms-border-top-left-radius: 0;
top-left-radius: 0;
-moz-border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
-o-border-top-right-radius: 0;
-ms-border-top-right-radius: 0;
top-right-radius: 0;
}
#result_btn_area ul {
overflow: hidden;
margin: 10px 0;
}
#result_btn_area li {
list-style-type: decimal;
list-style-position: inside;
}
#result_btn_area li:hover {
background-color: #EA6868;
cursor: pointer;
}

/* sitemap
------------------------------------*/
#sitemap {
overflow: hidden;
background: #dbf4fc;
background: -moz-linear-gradient(top, #dbf4fc 0%, #eaf6f9 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbf4fc), color-stop(99%,#eaf6f9));
background: -webkit-linear-gradient(top, #dbf4fc 0%,#eaf6f9 99%);
background: -o-linear-gradient(top, #dbf4fc 0%,#eaf6f9 99%);
background: -ms-linear-gradient(top, #dbf4fc 0%,#eaf6f9 99%);
background: linear-gradient(to bottom, #dbf4fc 0%,#eaf6f9 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbf4fc', endColorstr='#eaf6f9',GradientType=0 );
}
#sitemap dl {
width: 19%;
float: left;
margin: 10px 1% 20px 0;
}
#sitemap dl:nth-child(6) {
clear: both;}
#sitemap dt {
margin-bottom: 5px;
font-weight: bold;
line-height: 2.0;
border-bottom: 3px solid #999999;
}
#sitemap dd {
margin-bottom: 3px;
padding-left: 10px;
border-left: 2px solid #a92600;
font-weight: bold;
letter-spacing: -0.05em;
}
#sitemap dd li {
margin-left: 2em;
list-style-type: disc;
font-size: 85%;
font-weight: normal;
}
#sitemap a {color: #333333;}


/* product search
------------------------------------*/
#search_area {margin-bottom: 20px;}
.search_form {
overflow: hidden;
padding: 10px 0;
border: 3px dashed #E60012;
}
.search_form .box_red {
float: left;
width: 47%;
margin: 0.8%;
padding: 5px;
font-size: 75%;
color: #000000;
background-color: #FEE5F3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.search_form .box_red input,.search_form .box_red select {
width: 95%;
margin-bottom: 5px;
padding: 5px 0;
}
.search_form .box_red dt {
width: 70px;
float: left;
font-weight: bold;
text-align: center;
}
.search_form .box_red dd {margin-left: 70px;}

.search_form .box_red i {
display: block;
width: 70px;
height: 45px;
background: url(/static/img/icon_productsearch.png) no-repeat 10px top;
}
.search_form .box_red i.icon_company {background-position: 10px -45px;}
.search_form .box_red i.icon_category {background-position: 10px -90px;}
.search_form .box_red i.icon_scene {background-position: 10px -135px;}
.search_form .box_red .btn_scene div {
width: 40px;
float: left;
padding: 2px 0;
text-align: center;
}
.search_form .box_red .btn_scene div:hover {cursor: pointer;}
.search_form .box_red .btn_scene div img {
width: 37px;
height: 37px;
}
.search_form .box_red .btn_scene div.on {
background-color: #E12B8E;
color: #ffffff;
}
.search_form .box_red .btn_scene div.on img {
opacity: 0.6;
filter: alpha(opacity=60);
}
.search_form .search_btn_area {
clear: both;
margin: 10px 0.8%;
padding: 10px 0;
text-align: center;
background-color: #FFEFD1;
}
.search_form .btn_search {
padding: 10px 100px;
margin: 10px 0;
font-size: 120%;
font-weight: bold;
line-height: 2.0;
color: #ffffff;
border: 1px solid #ffffff;
background: #e8a34e;
background: -moz-linear-gradient(top,  #e8a34e 0%, #ed8600 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8a34e), color-stop(100%,#ed8600));
background: -webkit-linear-gradient(top,  #e8a34e 0%,#ed8600 100%);
background: -o-linear-gradient(top,  #e8a34e 0%,#ed8600 100%);
background: -ms-linear-gradient(top,  #e8a34e 0%,#ed8600 100%);
background: linear-gradient(to bottom,  #e8a34e 0%,#ed8600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8a34e', endColorstr='#ed8600',GradientType=0 );
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 5px #cccccc;
-webkit-box-shadow: 0 0 5px #cccccc;
box-shadow: 0 0 5px #cccccc;
cursor: pointer;
}
.search_result .search_result_summary {
height: 80px;
margin: 0;
padding: 0;
background: url(/static/img/search_result_img_life.jpg) no-repeat bottom left;
background-size: contain;
}
.search_result .search_result_summary p {
padding-top: 30px;
}
.search_result .search_result_summary i {
font-style: normal;
font-size: 140%;
}
.search_result table {
width: 100%;
table-layout: fixed;
}
.search_result table td {
width: 25%;
margin: 0 -2px -1px 0;
padding-bottom: 10px;
border: 2px dashed #666666;
vertical-align: top;
}
.search_result .box_product {position: relative;}
.search_result .category_label,
.search_result .category_label_school,
.search_result .category_label_picnic,
.search_result .category_label_gym,
.search_result .category_label_life,
.search_result .category_label_cooking,
.search_result .category_label_trip,
.search_result .category_label_season {
/*position: absolute;
top: -2px;
left: -2px;
padding: 0 15px;*/
float: left;
display: block;
margin: -2px 5px 0 0;
padding: 0 5px;
background-color: #666666;
text-align: center;
font-size: 85%;
color: #ffffff;
}
.search_result .category_label_school {background-color: #4EAEC9;}
.search_result .category_label_picnic {background-color: #61AA69;}
.search_result .category_label_gym {background-color: #FE8200;}
.search_result .category_label_life {background-color: #FF5D63;}
.search_result .category_label_cooking {background-color: #E63501;}
.search_result .category_label_trip {background-color: #0082D4;}
.search_result .category_label_season {background-color: #9F60FE;}
.search_result .label_1 {left: -2px;}
.search_result .label_2 {left: 58px;}
.search_result .label_3 {left: 118px;}
.search_result .label_4 {left: 178px;}
.search_result .label_5 {left: 238px;}
.search_result .label_6 {left: 298px;}

.search_result p {
margin: 0 10px;
padding: 5px 5px 0;
font-weight: bold;
}
.search_result .product_photo {
clear: both;
height: 160px;
padding: 10px 0;
text-align: center;
}
.search_result .product_name {
padding: 5px;
background-color: #fff587;
}
.search_result .product_point {border-bottom: 1px solid #cccccc;}
.search_result .product_mark {
display: block;
float: left;
width: 22px;
height: 22px;
background: url(/static/img/icon_productsearch.png) no-repeat left -180px;
}
.search_result .product_link {
margin: 0 15px;
font-size: 85%;
}
.search_result .box_product img {
max-width: 90%;
max-height: 150px;
margin: 10px;
}
.search_result .product_logo {
clear: both;
margin: 5px;
padding-top: 5px;
text-align: center;
border-top :1px solid #cccccc;
}
.search_result .product_logo img {margin: 0;}
.search_result .more_product {
clear: both;
margin: 0;
font-size: 150%;
font-weight: bold;
color: #ffffff;
line-height: 2.5;
text-align: center;
background-color: #999999;
}
.search_result .more_product:hover {background-color: #cccccc;}


/* pagination 201803修正 */
.pagination ul,.pagination_paper ul {
text-align: center;
margin: 20px 0;
}

.pagination li,.pagination_paper li {display: inline;}
.pagination li a {
display: inline-block;
width: 30px;
height: 25px;
margin-left: -3px;
padding: 5px 0 0;
border: 1px solid #e60012;
font-weight: bold;
text-align: center;
color: #e60012;
}
.pagination li a:hover,.pagination li.active a {
background-color: #e60012;
color: #ffffff;
text-decoration: none;
}

/* pagination paper 201803追加 */
.pagination_paper li a {
display: inline-block;
width: 75px;
height: 25px;
margin-left: -3px;
padding: 5px 0 0;
border: 1px solid #e60012;
border-radius: 5px;
/*font-weight: bold;*/
text-align: center;
color: #ffffff;
background-color: #e60012;
}
.pagination_paper li a:hover,.pagination_paper li.active a {
background-color: #ffffff;
color: #e60012;
text-decoration: none;
}

/* text */
.txt_l {font-size: 140%;}
.txt_s {font-size: 85% !important; font-weight: normal !important;}
.txt_bold {font-weight: bold;}
.txt_red {color: #ff0000;}
.txt_green {color: green;}

/* box */
.left_box {
width: 48%;
float: left;
}
.right_box {
width: 48%;
float: right;
}

/* hr */
.hr_bellmar,.hr_bell,.hr_line {
clear: both;
height: 17px;
width: 100%;
padding: 10px 0;
background: url(/static/img/hr_bellmar.png) no-repeat center center;
background-size: contain;
}
.hr_bell {
background: url(/static/img/hr_bell.png) no-repeat center center;
background-size: contain;
}
#content_left hr.hr_line {
height: 1px;
padding: 0;
margin: 8px 0 10px;
border-bottom: 1px solid #cccccc;
background: none;
}
#content_left hr.hr_line.white {
border-bottom: 1px solid #FFFFFF;
}

/* align */
.align_c {text-align: center !important;}
.align_r {text-align: right !important;}

/* icon */
.arrow {
display: block;
width: 10px;
height: 11px;
float: left;
margin: 5px 5px 0 0;
background: url(/static/img/controls.png) no-repeat -86px -11px;
}

/* margin */
.mb10 {margin-bottom:10px !important;}
.mb30 {margin-bottom:30px !important;}
.mb50 {margin-bottom:50px !important;}

/* anchor */
.anchor {
padding-top:130px !important;
margin-top:-130px !important;
}

/* template page
------------------------------------*/
.example_parts {
margin: 10px 0px 20px;
padding: 10px;
border: 1px solid #dddddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.example_parts pre {
clear: both;
margin-top: 10px;
padding: 10px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
word-wrap: break-word;
white-space: pre-wrap;
}
.example_parts pre.no-border {
border: none;
}

#download #content_left #leaf-body .example_parts h2 {
background-color: #A92600 !important;
color: #FFFFFF;
display: inline;
border: none;
}


@media (max-width: 1000px) {
#header_inner,#content,#main_nav, #bottom_nav {
clear: both;
width: auto;
margin: 0 30px;
}
#main_nav, #bottom_nav {margin: 0;}
#main_nav li a {letter-spacing: -0.01em; font-size: 85%;}
#content_left {width: 68%;}
#content_right {width: 30%;}
.photo_2col,.info_area {
width: 100%;
}
.fixed {margin-left: -30px;}

.bxslider li img {display:none;}
.bxslider li img:first-child {display:block; margin: 0 auto; max-height: 280px;}
.photo_box {
width: 40%;
margin: 10px 0 0 2.5%;
}

#leaf-body img {width: 100%;}

#sub_nav {margin-left: 10px;}

.search_form .box_red {
width: 90%;
margin: 5px 3%;
}
#start_area {
padding-top: 100px;
min-height: 100px;
}
.hr_bellmar,.hr_bell,.hr_line {
clear: both;
height: 17px;
width: 100%;
padding: 10px 0;
background: url(/static/img/hr_bellmar_sp.png) no-repeat center center;
background-size: auto;
}
.hr_bell {
background: url(/static/img/hr_bell_sp.png) no-repeat center center;
background-size: auto;
}

}


@media (max-width: 640px) {
#main_nav li:hover > ul,
#main_nav > li:hover:after,
.bottom_nav li ul,
.text_zoom {
display: none;
}

#logo_bellmark {
width: 100%;
background-size: contain;
}
.fixed {margin-left: -30px;}

#main_nav li, .bottom_nav li {width: 50%;}
#main_nav li:first-child,.bottom_nav li:first-child {width: 100%;}
#main_nav a, .bottom_nav a {
height: auto;
padding: 5px 0;
}
#sub_nav {
width: 100%;
margin: 10px 0;
}
#sub_nav li {
margin: 0 3px 0 0;
padding-left: 12px;
background: url(/static/img/controls.png) no-repeat -84px -30px;
font-size: 12px;
}

#bottom_nav td {
display: inline;
float: left;
width: 50%;
border: none !important;
}
#bottom_nav td:first-child {width: 100%;}

#header_right {width: 100%; float: none; clear: both;}
.search { float: none; margin:0;}
form.search div {width: 100%;}
form.search input.textBox { width: auto;}
form.search input.btn { float: right;}


/* top */
.bxslider li.img_main_bellmark {
background: url(/static/img/img_main_640.png) no-repeat center center;
background-size: cover;
}
.photo_box .photo {height: 100px;}

.info_area,#content_left,#content_right {width: 100%;}

#content_right {margin-top: 20px;}

.table_group {display:table;}
.photo_2col {width: 100%;　display:table-row-group;}
.table_header {display:table-header-group;}

#bellmark_product_top {display: block; margin-top: 20px;}
#bellmark_product_top h4 {
margin-top: -10px;
border-top: 3px solid #e60012;
color: #333333;
font-weight: bold;
line-height: 2.0;
text-align: center;
}
#bellmark_product_bottom {display: none;}
#page-top a {padding: 0;}


/* leaf */
#content_left h2 {
display: block;
padding: 10px;
margin: 0 0 20px;
border-radius: 0;
}
#leaf-body img {width: 97%;}
#leaf-body .left,
#leaf-body .right,
#leaf-body .center {
float: none;
width: auto !important;
margin: 0 10px 10px;
text-align: center;
}
#leaf-body .left div,
#leaf-body .right div,
#leaf-body .center div {text-align: left;}

.btn_print {display: none;}




/* sitemap */
#sitemap dl {
width: 45%;
float: left;
margin: 10px 2% 20px;
}
#sitemap dl:nth-child(odd) {clear: both;}
#sitemap dl.clear ,#sitemap dl:nth-child(6) {clear: none;}


/* bbs */
.bbs_form dl,.bbs_form .btn_area {width: 100%;}

.bbs_form dt,.bbs_form dd  {
float: none;
width: 100%;
margin-top: 10px;
line-height: 1.0;
}
.title_text {
display: block;
text-align: center;
}
.bbs_table td {
word-break:break-all;
word-wrap: break-word;
vertical-align: top;
border-right: 1px dotted #cccccc;
}

/* search */
.search_result table {width: 100%;}
.search_result table td,.search_result table td span {
display: inline;
border: none;
}
.search_result .box_product {border: 2px dashed #666666;}
.search_result .product_photo {width: auto;}
.search_result .category_label {
position: absolute;
top: -2px;
left: -2px;
}
.search_form .btn_search {padding: 10px 20px;}
.search_result .product_photo {height: auto;}

/* form */
.control-group {width: 100%;}

/* quiz */
#question_area #question_logo_path,#question_area #question_commentary_logo_path {
width: 100%;
}
#ng_msg_area,#ok_msg_area {
width: 70%;
left: 0;
margin: 0 5%;
padding: 10%;
}
#ng_msg_area p, #ok_msg_area p {
padding: 20px 0;
background-image: none;
}
#question_correct {clear: both;}

.left_box,.right_box {
clear: both;
float: none;
width: auto;
margin-bottom: 10px;
}

/* anchor */
.anchor {
padding-top:250px !important;
margin-top:-250px !important;
}
}

@media (max-width: 320px) {
.bx-wrapper .bx-caption {display: none;}
#content {margin: 0;}

.fixed {margin-left: 0;}

.list_newstext,.list_newstext2 {margin: 0 10px;}
.list_newstext dt {width: 70%;}
.list_newstext2 dt {width: 80%;}

.photo_box {margin: 10px 0 0 2%;}

.section_right p {margin: 10px;}

#footer {
padding: 5px 0;
line-height: 1.5;
}

#leaf-body,#article_area,#search_area {padding: 0 10px;}
.thread_box {margin: 10px 10px 20px;}
.table_bbs td {word-wrap: break-word;}

#sitemap dl {
width: 90%;
float: none;
}

#start_area {
padding-top: 80px;
min-height: 120px;
}

#question_area {
margin: 0 10px;
}
#score_disp_area {margin: 10px 10px 0;}
#result_btn_area {margin: 0 10px 20px;}

#question_area #question {
display: block;
margin: 10px 0;
}
#question_area img {width: 90%;}
}




/* newspaper
------------------------------------*/
/* newspaper 201503追記 201803修正 */
div#backnumber {
margin-top: 40px
}
#backnumber li {
display:inline-block;
width: 100px;
}
.newspaper_right {
padding: 0 0 1px;
}
.newspaper_right_cover {
position: relative;
}
@media (max-width: 640px) {
.newspaper_right_cover {
width: 50%;
left: 25%;
}
}
.newspaper_right_cover h5 {
position: absolute;
bottom: 3%;
width: 95%;
left: 2.5%;
height: 15%;
background-color: #009930;
opacity: 0.8;
}
.newspaper_right span {font-size: 85%;}
.newspaper_right_cover h5 span {
display: block;
color: #ffffff;
text-align: center;
font-size: 90%;
margin-top: 0.5em;
line-height: 1.2em;
}
@media (max-width: 1000px) {
.newspaper_right_cover h5 span {font-size: 120%}
#leaf-top-btn { display:none; }
}
@media (max-width: 800px) {
.newspaper_right span {font-size: 75%;}
.newspaper_right_cover h5 span {font-size: 90%}
}
@media (max-width: 640px) {
.newspaper_right span {font-size: 90%;}
.newspaper_right_cover h5 span {font-size: 120%}
}
@media (max-width: 480px) {
.newspaper_right_cover h5 span {
font-size: 90%;
line-height: 1.2em;
}
}
.newspaper_right_cover img {
width: 98%;
box-shadow: 0 0 16px #009930;
}


#leaf-body .list_newspaper {
overflow: hidden;
margin: 0;
padding: 10px 0;
background: url(/static/img/newspaper_bg.gif) top left;
}
#leaf-body .list_newspaper li {
width: 25%;
float: left;
margin-top: 10px;
list-style: none;
text-align: center;
}
#leaf-body .list_newspaper li img {
max-width: 90%;
height: 130px;
border: 3px solid #ffffff;
}
#leaf-body .list_newspaper li:hover img {opacity: 0.6;}
#leaf-body .list_newspaper li img.red-frame {
border: 3px solid #e60012;
}
#leaf-body .list_newspaper li span {
display: block;
margin: -5px 15px 0;
}

#leaf-body .newspaper_thumbarea {
float: left;
width: 23%;
padding: 5px 1%;
background: #efefef url(/static/img/newspaper_bg.gif) top left;
}
#leaf-body .newspaper_thumbarea ul {margin:0;}
#leaf-body .newspaper_thumbarea li {
padding: 5px 0 0;
list-style: none;
text-align: center;
}
#leaf-body .newspaper_thumbarea li span {
display: block;
margin-top: -5px;
font-size: 85%;
color: #333333 !important;
}
#leaf-body .newspaper_thumbarea li:hover,
#leaf-body .newspaper_thumbarea li.selected {background-color: #ffffff;
}
#leaf-body .newspaper_thumbarea li:hover a {text-decoration: none !important;}
#leaf-body .newspaper_thumbarea li img {
height: 80px;
width: auto;
max-width: 90%;
border: 2px solid #ffffff;
}
#leaf-body .newspaper_thumbarea li img.red-frame {
border: 3px solid #e60012;
}

#leaf-body .newspaper_displayarea {
float: right;
width: 73%;
text-align: center;
}
#leaf-body .newspaper_displayarea img {width: 80%;}

.btn_area_newspaper{
clear: both;
text-align: center;
padding: 40px 0 40px;
}

.btn_area {
clear: both;
text-align: center;
padding: 20px 0 40px;
}


.btn_orange {
  padding: 10px;
  margin: 10px 0;
  font-size: 120%;
  font-weight: bold;
  line-height: 2.0;
  color: #ffffff;
  border: 1px solid #ffffff;
  background: #e8a34e;
  background: -moz-linear-gradient(top, #e8a34e 0%, #ed8600 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8a34e), color-stop(100%,#ed8600));
  background: -webkit-linear-gradient(top, #e8a34e 0%,#ed8600 100%);
  background: -o-linear-gradient(top, #e8a34e 0%,#ed8600 100%);
  background: -ms-linear-gradient(top, #e8a34e 0%,#ed8600 100%);
  background: linear-gradient(to bottom, #e8a34e 0%,#ed8600 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8a34e', endColorstr='#ed8600',GradientType=0 );
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 5px #cccccc;
  -webkit-box-shadow: 0 0 5px #cccccc;
  box-shadow: 0 0 5px #cccccc;
  cursor: pointer;
}
.btn_orange:hover {text-decoration: none !important;}


@media (max-width: 1000px) {
#leaf-body .list_newspaper li:nth-child(5) {clear: both;}
#leaf-body .list_newspaper li img {
width: auto;
height: 80px;
max-height: 130px;
}
}


@media (max-width: 640px) {
#leaf-body .list_newspaper li,
#leaf-body .list_newspaper li span {display: none;}
#leaf-body .list_newspaper li:first-child {display: block; width: 100%;}
#leaf-body .list_newspaper li:first-child img {height: auto; max-height: 250px;}
#leaf-body .newspaper_thumbarea {
overflow: hidden;
float: none;
width: 100%;
margin: 0;
padding: 0;
}
#leaf-body .newspaper_thumbarea li {float: left; width: 23%; margin: 1%;}
#leaf-body .newspaper_thumbarea li:nth-child(4n+1) {clear: both;}
#leaf-body .newspaper_displayarea {
float: none;
width: 100%;
}
.btn_orange span {display:none;}
}

@media (max-width: 320px) {
.newspaper_right {margin: 0 20px;}
.btn_orange span {display:none;}
#leaf-body .newspaper_thumbarea li img {
/*height: 40px;*/
width: auto;
max-width: 90%;
border: 2px solid #ffffff;
}
}
/* newspaper 201503追記 ここまで */

.youtube {
position: relative;
max-width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}