@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　基本設定
---------------------------------------*/
html{}
body{
	font-size:81%;
	font:13px/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333333;
}

/*--------------------------------------
　大枠囲み
---------------------------------------*/
#wrapper{
	min-width:980px;
	margin:0 auto;
}
#hdbox1{
	min-width:980px;
	background:url(../img/imgbase/hd_bg.gif) repeat-x;
	height:91px;
}
#hdbox2{
	width:980px;
	margin:0 auto;
	padding-top:3px;
	overflow:hidden;
}
#contents{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	margin-top:33px;
}
#main{
	overflow:hidden;
	width:681px;
	float:left;
}
#side{
	width:251px;
	float:right;
	overflow:hidden;
}
#footer{	
	min-width:980px;
	overflow:hidden;
	clear:both;
	font:0.75em/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#9c9c9c;
	background:#000000;
}

/*--------------------------------------
　ヘッダー
---------------------------------------*/
.sitediscription{
	font-size: 10px;
	color: #333333;
	margin-top: 2px;
}
#hdleft{float:left;}
#logo{margin-top:5px;}

/*--------------------------------------
　グローバルナビゲーション
---------------------------------------*/
#gnavi{
	float:right;
	width:698px;
	overflow:hidden;
	font-size:13px;
	margin-top:33px;
}
#gnavi li{
	float:left;
	line-height:0;
	height:55px;
	text-align:center;
	color:#333333;
	font-weight:bold;
	margin:0 12px;
}

#gnavi li a{
	display:block;
	color:#333333;
	text-decoration:none;
	height:55px;
	line-height:46px;
}
#gnavi a:hover{color:#dc2020;}
#gnavi li strong{height:32px;}
#gnavi li strong a{color:#dc2020;}
.g{background:url(../img/imgbase/gnavi_off.gif) no-repeat;}
.g a:hover{background:url(../img/imgbase/gnavi_on.gif) no-repeat;}
.g strong a{background:url(../img/imgbase/gnavi_on.gif) no-repeat;}

/*--------------------------------------
　メインコンテンツ
---------------------------------------*/

/*パンくずリスト-------------------*/
#topicpath {
	width:980px;
	margin:0 auto;
}
#topicpath ul {
	margin:10px 0;
}
#topicpath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
#topicpath li a {
	padding-right: 1.5em;
	background-image: url(../img/imgbase/arrow-sidebar.png);
	background-repeat: no-repeat;
	background-position: right center;
}

/*メインエリアの見出し-------------------*/
#main h1.entry{
	border-bottom: 1px dashed #E7E7E7;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.5em;
	color: rgb(0,0,0);
	margin: 0 0 0.8em 0;
}

#main h2{
	background: url(../img/imgbase/tit.gif) left bottom no-repeat;
	padding: 0 0 8px;
	margin-top: 2em;
	margin-bottom: 12px;
	line-height: 22px;
	font-weight: bold;
	font-size: 18px;
	clear: both;
}
#main h3{
	color: #333333;
	border-bottom: 4px double #333333;
	margin-top: 1.5em;
	margin-bottom: 1em;
	font-size: 1.2em;
	font-weight: bold;
}
#main h4{
	color: #333333;
	margin-top: 2em;
	margin-bottom: 1em;
	font-weight: bold;
	border-left-width: 0.5em;
	border-left-style: solid;
	border-left-color: #CC0000;
	padding-left:0.8em;
}


/*カテゴリタイトル-----*/
#visual {
margin: 0 auto;
width: 680px;
padding-bottom: 40px;
}
#visual2{
	margin:0 auto;
	width:980px;
	background:url(../img/imgbase/s_main.gif) no-repeat;
	overflow:hidden;
	font-size:29px;
	padding:23px 0 17px;
}
#visual2 p{padding:26px;
}
/*バナー画像-----*/
.bannermain {
	margin-bottom: 10px;
}
.bannerbigleft {
	margin-right: 30px;
}

/*新着情報-----*/
.news dt{
	float: left;
	clear: both;
	padding-left: 0.5em;
	line-height: 1.8em;
	margin-bottom:7px;
}
.news dd{
	border-bottom:1px dotted #a6a6a6;
	padding:0 0 0 119px;
	line-height:1.8em;
	margin-bottom:7px;
}

/*テキストボタン----------*/
.textbtn {
	border-radius: 4px 4px 4px 4px;
	color: #fff !important;
	display: inline-block;
	text-decoration: none;
	line-height: 1;
	border: 0px;
	box-shadow: 0 2px 2px #DDDDDD;
	-moz-transition: all 0.8s ease-in-out 0s;
	margin: 5px 8px;
	padding: 7px 10px;
	font-weight: 700;
}
.textbtn:hover{
	opacity: 0.8;
}
.textbtn-red {
	background: #CC0000;
}
.textbtn-green{
	background: #74941F;
}
.textbtn-orange{
	background: #E98813;
}
.textbtn-blue{
	background: #318CE7;
}

/*テーブル-----*/
table th{
	border-bottom:1px dotted #a6a6a6;
	padding:7px 0;
}
table td{
	border-bottom: 1px dotted #a6a6a6;
	padding: 8;	
}

/*リスト-----*/
ul.list  {margin-bottom: 1em;}
.list li {
	background: url(../img/imgbase/arrow.gif) left 9px no-repeat;
	padding: 0.2em 0 0.2em 1em;
	line-height:1.5em;
}
ul.listmarker  {margin-bottom: 1em;}
ul.listmarker li{
	padding: 0.2em 0 0.2em 1em;
	line-height: 1.5em;
	background: url(../img/imgbase/square.gif) no-repeat left 9px;
}

/*リンク-----*/
a {text-decoration: none;}
a:link { color: #4882B1; } /* リンクの色 */
a:visited { color: #4882B1; } /* 済みリンク */
a:hover { 
	color: #dc2020;
	text-decoration: underline;
}/* リンク上 */
a:active { color: #dc2020; }/* onclick */

/*関連記事、商品カート-----*/
.tablecenter{
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.5em;
}
/*外部へのリンク-----*/
div.externallinks-text {
	border-left: 7px solid rgb(204,0,0);
}
div.externallinks-text>dl {
	margin: 0 1.5em;
}
div.externallinks-text>dl>dd {
	font-weight: bold;
	margin-bottom: 1.5em;
}
div.externallinks-text>dl>dd>a:after {
	padding-left: 0.7em;
	content: url(../img/imgbase/external-link.png);
}
/*3カラム*/
.col3-01 {
	float:left;
	width: 206px;
	margin-right: 30px;
}
.col3-02 {
	float:left;
	width: 206px;
	margin-right: 30px;
}
.col3-03 {
	float:left;
	width:206px;
}
/*目次*/
.toc-001 {
    margin-bottom: 30px;
    padding: 1em 1em 1em 2em;
    border: 1px solid #999;
    background-color: #f7f7f7;
}

.toc-001 div {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5px 0;
}

.toc-001 ol {
    list-style-type: disc;
    margin: 0;
    padding: 0 1.2em;
    overflow: hidden;
}

.toc-001 ol ol {
    margin-top: 5px;
}

.toc-001 li {
    padding: 5px 0;
}

.toc-001 a {
    color: #166c9d;
}


/*--------------------------------------
　サイド
---------------------------------------*/
#side>ul{margin-bottom:34px;}
#side>ul>li{
	padding: 0 0 0 1em;
	display:block;
	border-bottom:1px dotted #a6a6a6;
	font-size:13px;
	line-height:35px;
	font-weight:bold;
}

#side >ul> li> a{
	display:block;
}

#side>ul>li>ul{
	margin: 0 0 0 2em;
}
#side>ul>li>ul>li{
	background: url(../img/imgbase/arrow.gif) left 5px no-repeat;
	padding: 0 0 0.8em 1em;
	line-height:1.5em;
	display:block;
	font-size:13px;
	font-weight:bold;}
#side>ul>li>ul>li a{
	display:block;
}

#side h3{	
	background:url(../img/imgbase/s_tit.gif) left no-repeat;
	color:#ffffff;
	padding:1px 0 0 39px;
	margin-bottom:4px;
	line-height:22px;
	height:23px;
}

#side >ul> li> a{display:block;}
#side a {text-decoration: none;}
#side a:link {color: #333333; } /* リンクの色 */
#side a:visited {color: #333333; } /* 済みリンク */
#side a:hover {color: #dc2020;}/* リンク上 */
#side a:active { color: #dc2020; }/* onclick */

/*--------------------------
フッター
--------------------------*/
/*フッター------------*/
#footer a{color:#9c9c9c;}
#ftbox1{
	overflow:hidden;
	color:#9c9c9c;
	width:980px;
	margin:0 auto;
	padding:6px 0
}
#ftbox2{
	background:#333333;
	overflow:hidden;
	padding:10px 0;
	color:#ffffff;
	width:980px;
	margin:0 auto;
}
#ftleft{
	float:left;
	width:600px;
}
#ftbox1 ul{font-size:10px;}
#ftbox1 ul li{float:left;}
#ftbox1 li a{margin:0 10px;}

/*ページトップ-------*/
.pagetop{
	overflow:hidden;
	margin:0 auto;
	width:980px;
	text-align:right;
	padding:69px 0 5px 0;
}

/*コピーライト-------*/
.copy{
	color:#9c9c9c;
	margin-top:104px;
	float:right;
}
.tmp_webfac{padding-top:106px;}

/*--------------------------
テキスト・間隔
--------------------------*/
/*float-------------------*/
.left{
	float:left;
	display:inline;
}
.right{float:right;}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
.clearfix { 
	display: inline-table; 
}  

/*テキスト設定・間隔----------*/
.lefttxt1{
	width:447px;
	float:left;
}
.righttxt1{
	width:447px;
	float:right;
}
.box1{
	margin-bottom:5px;
	overflow:hidden;
}
.bold{font-weight:bold;}
.center{text-align:center;}
.pd1{margin:12px 0 5px;}

p {
	margin-bottom: 1em;
}
.img-bottom {
	margin-bottom: 0.5em;
}


/*--------------------------------------
  動画レスポンシブ化
---------------------------------------*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 auto 24px 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}