html {
margin: 0;
}

body {
margin: 0;
background-color: #eee;
font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;
}

img { border-style:none; }
a img { border-style:none; }
a { text-decoration: none; }
a:focus { outline:none; }
a:link { color: #777; }
a:visited { color: #777; }

/*日付********************************************************************************/
.date {
display: none; 
}

/*ヘッダー************************************************************************************************************************************************************************************************************************************************/
header {
content-visibility: auto;
background-color: #292929;
display: block;
}

#logo {
width: auto;
height: 200px; 
margin: 0px 15px 0px 15px;
text-align: center; 
border-bottom: 1px solid #444;
background-color: #292929;
}

#logo img {
width: 220px;
height: 200px; 
}

#logo img:hover {
-moz-opacity: 0.6; 
opacity: 0.6; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
-webkit-transition: all 0.1s ease-in-out; 
-moz-transition: all 0.1s ease-in-out; 
-ms-transition: all 0.1s ease-in-out; 
-o-transition: all 0.1s ease-in-out; 
transition: all 0.1s ease-in-out; 
}

/*ヘッダー (SMLP)********************************************************************************/
.header-dlimg {
background-color: #292929;
display: block;
}

#logo-dlimg {
width: auto;
height: 200px; 
margin: 0px 15px 0px 15px;
text-align: center; 
border-bottom: 0px solid #444;
background-color: #292929;
color: #292929; 
}

#logo-dlimg img {
width: 220px;
height: 200px; 
}

#logo-dlimg img:hover {
-moz-opacity: 0.6; 
opacity: 0.6; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
-webkit-transition: all 0.1s ease-in-out; 
-moz-transition: all 0.1s ease-in-out; 
-ms-transition: all 0.1s ease-in-out; 
-o-transition: all 0.1s ease-in-out; 
transition: all 0.1s ease-in-out; 
}

/*ヘッダー (説明文)********************************************************************************/
#description {
padding: 20px 0px 20px 0px;
margin: 0px 15px 0px 15px;
text-align: justify; 
text-decoration: none;
font-family: 'Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Avenir','Helvetica Neue','Helvetica','Arial';
font-size: 14px; 
font-weight: normal; 
font-style: normal; 
line-height: 2.0em;
letter-spacing: 0.02em;
border-top: 0px solid #444;
border-bottom: 1px solid #444;
color: #777; 
background-color: #292929; 
}

#description  h1 {
font-family: 'Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Avenir','Helvetica Neue','Helvetica','Arial';
font-size: 14px; 
font-weight: normal; 
text-decoration: none;
color: #777; 
display:inline; 
}

#description-dl {
padding: 20px 0px 20px 0px;
margin: 0px 15px 0px 15px;
text-align: justify; 
text-decoration: none;
text-indent: -0.5em;
font-family: 'Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Avenir','Helvetica Neue','Helvetica','Arial';
font-size: 14px; 
font-weight: normal; 
font-style: normal; 
line-height: 2.0em;
letter-spacing: 0.01em;
border-top: 0px solid #444;
border-bottom: 1px solid #444;
color: #777; 
background-color: #292929; 
}

#description-dl  h1 {
font-family: 'Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Avenir','Helvetica Neue','Helvetica','Arial';
font-size: 14px; 
font-weight: normal; 
text-decoration: none;
color: #777; 
display:inline; 
}

p { display:inline; }

/*ヘッダー (メニュー)*******************************************************************************/
.menu {
background-color: #292929;
}

/*ヘッダー (素材カテゴリ)*******************************************************************************/
.category ul {
width: calc(100% - 30px);
padding: 0px 15px 0px 15px;
margin: 0px 0px 30px 0px;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-size: 14px; 
color: #777; 
background-color: #292929; 
list-style-type:none;
display: inline-block;
}

.category li {
display: block; 
background-color: #292929; 
}

.category li:nth-child(1) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.sky.jpg"), url("../img/pp.sky.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(1) a:hover {
background-image: url("../img/pp.sky.jpg");
color: #999; 
}

.category li:nth-child(2) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.river.jpg"), url("../img/pp.river.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(2) a:hover {
background-image: url("../img/pp.river.jpg");
color: #999; 
}

.category li:nth-child(3) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.japanese-style.jpg"), url("../img/pp.japanese-style.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(3) a:hover {
background-image: url("../img/pp.japanese-style.jpg");
color: #999; 
}

.category li:nth-child(4) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.landscape.jpg"), url("../img/pp.landscape.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(4) a:hover {
background-image: url("../img/pp.landscape.jpg");
color: #999; 
}

.category li:nth-child(5) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.tree-woods.jpg"), url("../img/pp.tree-woods.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(5) a:hover {
background-image: url("../img/pp.tree-woods.jpg");
color: #999; 
}

.category li:nth-child(6) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.cherry-blossom.jpg"), url("../img/pp.cherry-blossom.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(6) a:hover {
background-image: url("../img/pp.cherry-blossom.jpg");
color: #999; 
}

.category li:nth-child(7) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.autumn-leaves.jpg"), url("../img/pp.autumn-leaves.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(7) a:hover {
background-image: url("../img/pp.autumn-leaves.jpg");
color: #999; 
}

.category li:nth-child(8) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.mountain.jpg"), url("../img/pp.mountain.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(8) a:hover {
background-image: url("../img/pp.mountain.jpg");
color: #999; 
}

.category li:nth-child(9) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.sea-ocean.jpg"), url("../img/pp.sea-ocean.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(9) a:hover {
background-image: url("../img/pp.sea-ocean.jpg");
color: #999; 
}

.category li:nth-child(10) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.fireworks.jpg"), url("../img/pp.fireworks.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(10) a:hover {
background-image: url("../img/pp.fireworks.jpg");
color: #999; 
}

.category li:nth-child(11) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.texture.jpg"), url("../img/pp.texture.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(11) a:hover {
background-image: url("../img/pp.texture.jpg");
color: #999; 
}

.category li:nth-child(12) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.stone.jpg"), url("../img/pp.stone.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(12) a:hover {
background-image: url("../img/pp.stone.jpg");
color: #999; 
}

.category li:nth-child(13) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.wood-texture.jpg"), url("../img/pp.wood-texture.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(13) a:hover {
background-image: url("../img/pp.wood-texture.jpg");
color: #999; 
}

.category li:nth-child(14) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.paper.jpg"), url("../img/pp.paper.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(14) a:hover {
background-image: url("../img/pp.paper.jpg");
color: #999; 
}

.category li:nth-child(15) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.japanese-paper.jpg"), url("../img/pp.japanese-paper.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(15) a:hover {
background-image: url("../img/pp.japanese-paper.jpg");
color: #999; 
}

.category li:nth-child(16) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.metal.jpg"), url("../img/pp.metal.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(16) a:hover {
background-image: url("../img/pp.metal.jpg");
color: #999; 
}

.category li:nth-child(17) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.leather.jpg"), url("../img/pp.leather.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(17) a:hover {
background-image: url("../img/pp.leather.jpg");
color: #999; 
}

.category li:nth-child(18) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.watercolor.jpg"), url("../img/pp.watercolor.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(18) a:hover {
background-image: url("../img/pp.watercolor.jpg");
color: #999; 
}

.category li:nth-child(19) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.twinkle.jpg"), url("../img/pp.twinkle.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(19) a:hover {
background-image: url("../img/pp.twinkle.jpg");
color: #999; 
}

.category li:nth-child(20) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.light.jpg"), url("../img/pp.light.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(20) a:hover {
background-image: url("../img/pp.light.jpg");
color: #999; 
}

.category li:nth-child(21) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.water.jpg"), url("../img/pp.water.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(21) a:hover {
background-image: url("../img/pp.water.jpg");
color: #999; 
}

.category li:nth-child(22) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.fire.jpg"), url("../img/pp.fire.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(22) a:hover {
background-image: url("../img/pp.fire.jpg");
color: #999; 
}

.category li:nth-child(23) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.frame.jpg"), url("../img/pp.frame.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(23) a:hover {
background-image: url("../img/pp.frame.jpg");
color: #999; 
}

.category li:nth-child(24) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.cloth.jpg"), url("../img/pp.cloth.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(24) a:hover {
background-image: url("../img/pp.cloth.jpg");
color: #999; 
}

.category li:nth-child(25) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.colorful.jpg"), url("../img/pp.colorful.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(25) a:hover {
background-image: url("../img/pp.colorful.jpg");
color: #999; 
}

.category li:nth-child(26) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.simple.jpg"), url("../img/pp.simple.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(26) a:hover {
background-image: url("../img/pp.simple.jpg");
color: #999; 
}

.category li:nth-child(27) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.splash.jpg"), url("../img/pp.splash.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(27) a:hover {
background-image: url("../img/pp.splash.jpg");
color: #999; 
}

.category li:nth-child(28) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.gradation.jpg"), url("../img/pp.gradation.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(28) a:hover {
background-image: url("../img/pp.gradation.jpg");
color: #999; 
}

.category li:nth-child(29) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.spray.jpg"), url("../img/pp.spray.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(29) a:hover {
background-image: url("../img/pp.spray.jpg");
color: #999; 
}

.category li:nth-child(30) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.paint.jpg"), url("../img/pp.paint.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(30) a:hover {
background-image: url("../img/pp.paint.jpg");
color: #999; 
}

.category li:nth-child(31) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.background.jpg"), url("../img/pp.background.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(31) a:hover {
background-image: url("../img/pp.background.jpg");
color: #999; 
}

.category li:nth-child(32) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.wallpaper.jpg"), url("../img/pp.wallpaper.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(32) a:hover {
background-image: url("../img/pp.wallpaper.jpg");
color: #999; 
}

.category li:nth-child(33) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.plain.jpg"), url("../img/pp.plain.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(33) a:hover {
background-image: url("../img/pp.plain.jpg");
color: #999; 
}

.category li:nth-child(34) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.white.jpg"), url("../img/pp.white.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(34) a:hover {
background-image: url("../img/pp.white.jpg");
color: #999; 
}

.category li:nth-child(35) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.black.jpg"), url("../img/pp.black.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(35) a:hover {
background-image: url("../img/pp.black.jpg");
color: #999; 
}

.category li:nth-child(36) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.yellow.jpg"), url("../img/pp.yellow.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(36) a:hover {
background-image: url("../img/pp.yellow.jpg");
color: #999; 
}

.category li:nth-child(37) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.orange.jpg"), url("../img/pp.orange.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(37) a:hover {
background-image: url("../img/pp.orange.jpg");
color: #999; 
}

.category li:nth-child(38) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.red.jpg"), url("../img/pp.red.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(38) a:hover {
background-image: url("../img/pp.red.jpg");
color: #999; 
}

.category li:nth-child(39) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.pink.jpg"), url("../img/pp.pink.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(39) a:hover {
background-image: url("../img/pp.pink.jpg");
color: #999; 
}

.category li:nth-child(40) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.purple.jpg"), url("../img/pp.purple.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(40) a:hover {
background-image: url("../img/pp.purple.jpg");
color: #999; 
}

.category li:nth-child(41) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.blue.jpg"), url("../img/pp.blue.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(41) a:hover {
background-image: url("../img/pp.blue.jpg");
color: #999; 
}

.category li:nth-child(42) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.green.jpg"), url("../img/pp.green.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(42) a:hover {
background-image: url("../img/pp.green.jpg");
color: #999; 
}

.category li:nth-child(43) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.lightblue.jpg"), url("../img/pp.lightblue.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(43) a:hover {
background-image: url("../img/pp.lightblue.jpg");
color: #999; 
}

.category li:nth-child(44) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/p.pastel.jpg"), url("../img/pp.pastel.jpg");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.category li:nth-child(44) a:hover {
background-image: url("../img/pp.pastel.jpg");
color: #999; 
}

/*ヘッダー (各事項)*******************************************************************************/
.matter ul {
width: calc(100% - 30px);
padding: 0px 15px 30px 15px;
margin: 0px 0px 0px 0px;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-size: 14px; 
color: #777; 
background-color: #292929; 
list-style-type:none;
display: inline-block;
}

.matter li {
background-color: #292929; 
display: inline; 
}

.matter li:nth-child(1) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/m.summary.png"), url("../img/mm.summary.png");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.matter li:nth-child(1) a:hover {
background-image: url("../img/mm.summary.png");
color: #999; 
}

.matter li:nth-child(2) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/m.query.png"), url("../img/mm.query.png");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.matter li:nth-child(2) a:hover {
background-image: url("../img/mm.query.png");
color: #999; 
}

.matter li:nth-child(3) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/m.readme.png"), url("../img/mm.readme.png");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.matter li:nth-child(3) a:hover {
background-image: url("../img/mm.readme.png");
color: #999; 
}

.matter li:nth-child(4) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/m.terms.png"), url("../img/mm.terms.png");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.matter li:nth-child(4) a:hover {
background-image: url("../img/mm.terms.png");
color: #999; 
}

.matter li:nth-child(5) a {
display: block; 
padding-left:80px;
border-bottom: 1px solid #444;
line-height:4.4em;
background-image: url("../img/m.privacy.png"), url("../img/mm.privacy.png");
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 11px;
}
.matter li:nth-child(5) a:hover {
background-image: url("../img/mm.privacy.png");
color: #999; 
}

/*コンテンツ************************************************************************************************************************************************************************************************************************************************/
.contents{
content-visibility: auto;
width: 100%;
height: auto; 
text-align: center; 
background-color: #eee; 
}

.contents-s{
width: 100%;
height: auto; 
text-align: center; 
background-color: #fff; 
}

/*トップページ (キャプションテキスト)*******************************************************************************/
.category-title {
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-size: 15px; 
font-weight: normal; 
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
display:inline; 
overflow: hidden;
white-space: nowrap;
margin: 0px 15px 0px 15px; 
color: #333;
background-color: #eee; 
}

/*関連カテゴリ (画像表示)*******************************************************************************/
.relation_space {
width: auto;
max-width: 1700px; 
height: auto;
margin: 15px 10px 0px 10px; 
text-align: center; 
background-color: #eee; 
display: inline-block;
white-space: nowrap;
}

.relation_space2 {
width: auto;
max-width: 1700px; 
height: auto;
margin: 0px 10px 0px 10px; 
text-align: center; 
background-color: #eee; 
display: inline-block;
white-space: nowrap;
}

figure {
margin: 0px; 
padding: 0px; 
}

figcaption {
display: none; 
}

.relation img {
width: 100%;
height: 100%; 
overflow: hidden; 
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 2px #777;
margin: 0px; 
padding: 0px; 
}

.relation_frame_i {
display: inline-block;
margin: 0.6%; 
}

/*関連カテゴリ (キャプション)*******************************************************************************/
.relation_category {
width: 100%;
height: 100%;
overflow:	 hidden;
position:	relative;
}
.caption {
font-size:	15px;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
text-decoration: none;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: center;
padding: 2px 5px 2px 5px; 
color: #fff;
}
.mask {
 width: 100%;
 height: auto;
 position:	 absolute;
 top: 0;
 left:	 0;
 opacity: 0;
 background-color: rgba(0,0,0,0.4);
 -webkit-transition:	all 0.2s ease;
 transition: all 0.2s ease;
}
.relation_category:hover .mask {
opacity: 1;
transition-delay: 0.2s;
}

.caption h2 {
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-size: 15px; 
font-weight: normal; 
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
display:inline; 
overflow: hidden;
white-space: nowrap;
padding: 2px 5px 2px 5px; 
color: #fff;
}

/*関連カテゴリ (リサイズ)*******************************************************************************/
@media (max-width: 3000px) {
.relation_space {
max-width: 1700px; 
}
 .relation_frame_i {
max-width: 18.48%; 
max-height: auto;
min-width: 18.48%; 
min-height: auto;
}
}

@media (max-width: 2000px) {
.relation_space {
margin: 15px 10px 0px 13px; 
}
 .relation_frame_i {
max-width: 18.45%; 
max-height: auto;
min-width: 18.45%; 
min-height: auto;
}
}

@media (max-width: 1680px) {
.relation_space {
margin: 15px 0px 0px 3px; 
}
.relation_space2 {
margin: 0px 0px 0px 3px; 
}
 .relation_frame_i {
max-width: 18.3%; 
max-height: auto;
min-width: 18.3%; 
min-height: auto;
}
}

@media (max-width: 1480px) {
.relation_space {
margin: 15px 10px 0px 10px; 
}
.relation_space2 {
margin: 0px 10px 0px 10px; 
}
 .relation_frame_i {
max-width: 18.3%; 
max-height: auto;
min-width: 18.3%; 
min-height: auto;
}
}

@media (max-width: 1100px) {
.relation_space {
margin: 15px 10px 0px 10px; 
}
 .relation_frame_i {
max-width: 18.0%; 
max-height: auto;
min-width: 18.0%; 
min-height: auto;
}
.caption {
font-size:	12px;
}
.caption h2 {
font-size:	12px;
}
}

@media (max-width: 800px) {
.relation_space {
margin: 15px 10px 0px 10px; 
text-align: center; 
}
 .relation_frame_i {
max-width: 17.9%; 
max-height: auto;
min-width: 17.9%; 
min-height: auto;
}
.caption {
font-size:	12px;
}
.caption h2 {
font-size:	12px;
}
}

@media (max-width: 680px) {
.relation_space {
margin: 15px 10px 0px 10px; 
}
 .relation_frame_i {
max-width: 17.9%; 
max-height: auto;
min-width: 17.9%; 
min-height: auto;
}
.caption {
font-size:	11px;
}
.caption h2 {
font-size:	11px;
}
}

@media (max-width: 480px) {
.relation_space {
margin: 15px 10px 0px 10px; 
}
 .relation_frame_i {
max-width: 17.2%; 
max-height: auto;
min-width: 17.2%; 
min-height: auto;
}
.caption {
font-size:	10px;
}
.caption h2 {
font-size:	10px;
}
}

@media (max-width: 380px) {
.relation_space {
margin: 15px 10px 0px 10px; 
}
 .relation_frame_i {
max-width: 16.8%; 
max-height: auto;
min-width: 16.8%; 
min-height: auto;
}
.caption {
font-size:	9px;
}
.caption h2 {
font-size:	9px;
}
}

/*写真一覧 (画像表示)*******************************************************************************/
.photos_space {
width: auto;
height: auto; 
margin: 15px 10px 0px 10px; 
text-align: left; 
background-color: #eee; 
display: inline-block;
}

.photos_space_i {
width: auto;
height: auto; 
margin: 20px 10px 0px 10px; 
text-align: left; 
background-color: #eee; 
display: inline-block;
}

.photos img {
width: 100%;
height: 100%; 
margin: 0px; 
padding: 0px; 
overflow: hidden; 
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 2px #777;
}

.photos_frame_i {
margin: 0.6%; 
display: inline-block;
}

/*写真一覧 (キャプションテキスト)*******************************************************************************/
.photos_caption {
font-size:	15px;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
text-decoration: none;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: center;
padding: 2px 5px 2px 5px; 
color: #333;
}

.photos_caption h3 {
font-size: 15px; 
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
text-decoration: none;
text-overflow: ellipsis;
font-weight: normal; 
overflow: hidden;
white-space: nowrap;
text-align: center;
padding: 2px 5px 2px 5px; 
color: #333;
display:inline; 
}



@media (max-width: 3000px) {
.photos_space {
max-width: 1700px; 
margin: 5px 10px 0px 12px; 
}
 .photos_frame_i {
max-width: 23.5%; 
max-height: auto;
min-width: 23.5%; 
min-height: auto;
}
}

@media (max-width: 2000px) {
.photos_space {
margin: 5px 10px 0px 12px; 
}
 .photos_frame_i {
max-width: 23.5%; 
max-height: auto;
min-width: 23.5%; 
min-height: auto;
}
}

@media (max-width: 1680px) {
.photos_space {
margin: 5px 0px 0px 10px; 
}
.photos_space_i {
margin: 18px 0px 0px 10px; 
}
 .photos_frame_i {
max-width: 31.7%; 
max-height: auto;
min-width: 31.7%; 
min-height: auto;
}
}

@media (max-width: 1480px) {
.photos_space {
margin: 5px 10px 0px 13px; 
}
.photos_space_i {
margin: 18px 10px 0px 13px; 
}
 .photos_frame_i {
max-width: 31.7%; 
max-height: auto;
min-width: 31.7%; 
min-height: auto;
}
}

@media (max-width: 1110px) {
.photos_space {
margin: 5px 10px 0px 15px; 
}
 .photos_frame_i {
max-width: 48%; 
max-height: auto;
min-width: 48%; 
min-height: auto;
}
}

@media (max-width: 900px) {
.photos_space {
margin: 5px 10px 0px 12px; 
}
 .photos_frame_i {
max-width: 48%; 
max-height: auto;
min-width: 48%; 
min-height: auto;
}
.photos_caption h3 {
font-size: 14px; 
}
}

@media (max-width: 480px) {
.photos_space {
margin: 5px 10px 0px 10px; 
text-align: center; 
}
 .photos_frame_i {
max-width: 48%; 
max-height: auto;
min-width: 48%; 
min-height: auto;
}
.photos_caption h3 {
font-size: 12px; 
}
}

/*画面全体 (レスポンシブ)*******************************************************************************/
@media only screen and (min-width: 980px), print {

.left-column {
background-image: url("../img/bg.png"); 
background-repeat: repeat-y;  
}

header {
float: left;
width: 250px;
}
.menu {
width: 250px;
}
.contents {
width: calc(100% - 250px);
float: right;
}

.header-dlimg {
width: 250px;
height: 200px;
float: left;
}
#top-adspace-dlimg {
width: calc(100% - 290px);
float: right;
}
.dlimg { 
clear:both; 
}

.download {
max-width: 980px;
min-width: 680px;
margin: auto;
}
.download ul li {
border-bottom: 0px;
}
.download li:nth-child(2) a  {
width: calc(25% - 1px);
border-right: 1px solid #aaa;
border-bottom: 1px solid #ccc;
float: left;
}
.download li:nth-child(3) a  {
width: calc(25% - 1px);
border-right: 1px solid #aaa;
border-bottom: 1px solid #ccc;
float: left;
}
.download li:nth-child(4) a  {
width: calc(25% - 1px);
border-right: 1px solid #aaa;
border-bottom: 1px solid #ccc;
float: left;
}
.download li:nth-child(5) a  {
width: 25%;
border-bottom: 1px solid #ccc;
float: left;
}

#bottom-adspace-d{ 
padding: 20px 0px 20px 0px;
clear:both; 
}

}
/*画面全体 (レスポンシブ)*******************************************************************************/
@media only screen and (min-width: 680px), print {

.left-column {
background-image: url("../img/bg.png"); 
background-repeat: repeat-y;  
}
header {
width: 250px;
float: left;
}
.menu {
width: 250px;
}
.contents {
width: calc(100% - 250px);
float: right;
}

.header-dlimg {
width: 250px;
height: 200px;
float: left;
}
#top-adspace-dlimg {
width: calc(100% - 290px);
float: right;
}
.dlimg { 
clear:both; 
}


}

/*download (プレビュー画像)*******************************************************************************/
.loading img {
width: 100%;
height: 100%;
}

#drawer { 
display:none;
}

.preview {
}
.preview img{
max-width: 90%;
max-height: 90%;
margin-top: 30px;
margin-bottom: 10px;
overflow: hidden; 
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: 0px 2px 2px #777;
}

.preview-title {
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-size: 18px; 
font-weight: normal; 
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
display:inline; 
overflow: hidden;
white-space: nowrap;
margin: 0px 15px 0px 15px; 
color: #fff;
background-color: #292929; 
}

/*download (ボタン)*******************************************************************************/
.download {
}

.download ul {
padding: 15px 15px 30px 15px;
margin: 0px 0px 0px 0px;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-size: 14px; 
color: #777; 
list-style-type:none;
}

.download li {
border-bottom: 1px solid #aaa;
font-size: 12px; 
text-align: center; 
line-height:3.6em;
letter-spacing: 0.1em;
background: #f6f6f6; 
}

.download li:nth-child(1)  {
background: #292929;
color: #ccc;
font-size: 14px; 
text-align: center; 
letter-spacing: 0.05em;
line-height: 2.5;
display: block; 
overflow: hidden;
text-overflow: ellipsis;
}

.download li:nth-child(2) a  {
display: block; 
background: #d8d8d8; 
background-image: url("../img/d.download-L.png"), url("../img/dd.download-L.png");
background-size: 250px;
background-repeat:no-repeat;
background-position:50% 50%;
}
.download li:nth-child(2) a:hover {
background: #ccc; 
background-image: url("../img/dd.download-L.png");
background-size: 250px;
background-repeat:no-repeat;
background-position:50% 50%;
}

.download li:nth-child(3) a  {
display: block; 
background: #d8d8d8; 
background-image: url("../img/d.download-M.png"), url("../img/dd.download-M.png");
background-size: 250px;
background-repeat:no-repeat;
background-position:50% 50%;
}
.download li:nth-child(3) a:hover {
background: #ccc; 
background-image: url("../img/dd.download-M.png");
background-size: 250px;
background-repeat:no-repeat;
background-position:50% 50%;
}

.download li:nth-child(4) a  {
display: block; 
background: #d8d8d8; 
background-image: url("../img/d.download-S.png"), url("../img/dd.download-S.png");
background-size: 250px;
background-repeat:no-repeat;
background-position:50% 50%;
}
.download li:nth-child(4) a:hover {
background: #ccc; 
background-image: url("../img/dd.download-S.png");
background-size: 250px;
background-repeat:no-repeat;
background-position:50% 50%;
}

.download li:nth-child(5) a  {
display: block; 
background: #d8d8d8; 
background-image: url("../img/d.download-P.png"), url("../img/dd.download-P.png");
background-size: 250px;
background-repeat:no-repeat;
background-position:50% 50%;
}
.download li:nth-child(5) a:hover {
background: #ccc; 
background-image: url("../img/dd.download-P.png");
background-size: 250px;
background-repeat:no-repeat;
background-position:50% 50%;
}

/*download (SMLP)*******************************************************************************/
.dlimg {
padding: 25px 0px 25px 0px; 
overflow:hidden;
position: relative; 
text-align: center; 
color: #eee;
}

/*各事項 (共通設定)*******************************************************************************/
.terms-base {
width: 96.4%; 
height: 100%; 
max-width: 1220px; 
min-height: 100%; 
background: #fff;
border: 0px solid #ccc; 
padding: 0px 0px 0px 0px; 
margin-top: 0px; 
margin-right: auto;
margin-bottom: 0px; 
margin-left: auto;
border-radius: 2px; 
}

.terms-space {
width: auto; 
height: auto; 
padding: 0px 0px 0px 0px; 
}

/*各事項 (テキスト)*******************************************************************************/
.overview {
width: 100%; 
height: auto; 
text-align: center; 
margin: 1px auto;
padding: 0px 0px 0px 0px; 
background: #fff; 
}

.overview h1 {
display: inline-block;
text-align:left;
text-decoration: none;
font-size: 25px; 
font-weight: normal; 
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
padding: 20px 15px 0px 15px; 
margin: 0px 0px 0px 0px;
border-bottom: 0px solid;
color: #000; 
}

.overview h2 {
display: inline-block;
text-align:left;
text-decoration: none;
font-size: 25px; 
font-weight: normal; 
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
padding: 29px 15px 0px 15px; 
margin: 0px 0px 0px 0px;
border-bottom: 0px solid;
color: #000; 
}

.overview h3 {
width: 90%; 
height: auto; 
display: inline-block;
text-align:left;
text-decoration: underline;
font-size: 20px; 
font-weight: normal; 
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
padding: 30px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
color: #000; 
background: #fff; 
}

.overview p {
width: 90%; 
height: auto; 
display: inline-block;
text-align: justify; 
text-decoration: none;
font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px; 
font-weight: normal; 
line-height: 2.0em;
padding: 30px 0px 30px 0px; 
margin: 0px 0px 0px 0px; 
border: 0px solid #eee;
color: #555; 
}

.overview a {
text-decoration: none;
font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px; 
font-weight: normal; 
border-bottom: 0px solid #555;
color: #555; 
}

.overview strong {
font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px; 
font-weight: bold; 
}

/*各事項 (マテリアルアイコン)*******************************************************************************/
.material-icons.ov {
font-size: 50px; 
padding: 0px 20px 10px 0px; 
margin: 0px 0px 0px 0px; 
color: #ccc; 
float: left;
display: inline-block;
}

.material-icons.space {
font-size: 50px; 
padding: 0px 20px 10px 0px; 
margin: 0px 0px 0px 0px; 
color: #fff; 
float: left;
}

/*各事項 (マーカー)*******************************************************************************/
.marker-bln {
border-bottom: 2px solid #bbb;
}

.marker-yb{
 background: linear-gradient(transparent 0%, #fff799 0%);
border-radius:2px;
font-weight:bold; 
}

.marker-bn{
background:linear-gradient(transparent 0%, #afeeee 0%);
font-weight:bold; 
}

/*各事項 (利用一覧表)*******************************************************************************/
table.list {
  width: 90%;
  height: 100%;
max-width: 1220px; 
  border-spacing: 0;
  font-size:13px;
  margin-top: 20px; 
  margin-right: auto;
  margin-bottom: 0px; 
  margin-left: auto;
  padding-bottom: 20px; 
}
table.list th {
  color: #fff;
  padding: 5px 15px;
  background: #777777;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-weight: bold;
  border-left:1px solid #636363;
  border-top:1px solid #636363;
  border-bottom:1px solid #636363;
  line-height: 120%;
  text-align: center;
vertical-align: middle; 
}
table.list th:first-child {
  border-radius: 5px 0 0 0;	
}
table.list th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #b2b2b2;
}
table.list tr td {
  color: #666;
  font-size:13px;
  font-weight: normal;
  padding: 5px 15px;
  border-bottom: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  text-align: center;
vertical-align: middle; 
}
table.list tr td:last-child {
  border-right: 1px solid #b2b2b2;
}
table.list tr {
  background: #fff;
}
table.list tr:nth-child(2n+1) {
  background: #f6f6f6;
}
table.list tr:last-child td {
}
table.list tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table.list tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

/*各事項 (スライダー)*********************************************************************************/
.slider-space {
width: 100%; 
height: 200px; 
padding: 30px 0px 0px 0px; 
margin: 1px auto;
color: #fff;
background: #fff; 
text-align: center; 
overflow:hidden;
}

.slider-space a {
color: #fff;
}

.slider-space img {
width: 200px; 
height: 200px; 
padding: 0px 0px 0px 0px; 
text-align: center; 
overflow:hidden;
}

.slider-space img {
-moz-opacity: 1.0; 
opacity: 1.0; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
}

.slider-space img:hover {
-moz-opacity: 1.0; 
opacity: 1.0; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
-webkit-transition: all 0.1s ease-in-out; 
-moz-transition: all 0.1s ease-in-out; 
-ms-transition: all 0.1s ease-in-out; 
-o-transition: all 0.1s ease-in-out; 
transition: all 0.1s ease-in-out; 
}

/*フッター*********************************************************************************************************************************************************************************************************************************************/
footer {
height: 50px;
margin: 30px 0px 30px 0px;
text-align: center; 
background-color: #eee;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}

.page-number{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
outline: none;
font-size: 18px;
color: #fff; 
background-color: #9a9a9a;
border-left: 2px solid #aaa; 
border-right: 2px solid #aaa; 
}

.page-left{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
outline: none;
font-size: 25px;
background: #fff;
overflow: hidden; 
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}

.page-left-off{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
outline: none;
font-size: 25px;
border-left: 0px solid #444; 
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
background-color: #9a9a9a;
background-image: url("../img/navi_l_off.png"); 
}

.page-center{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
outline: none;
font-size: 25px;
border-right: 0px solid #fff; 
border-left: 0px solid #fff; 
background-color: #9a9a9a;
}

.page-center img:hover {
-moz-opacity: 0.9; 
opacity: 0.9; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out; 
}

.page-right{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
outline: none;
font-size: 25px;
border-right: 0px solid #444; 
background: #fff;
overflow: hidden; 
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

.page-right-off{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
text-align: center;
text-decoration: none;
outline: none;
font-size: 25px;
border-right: 0px solid #444; 
background: #fff;
background-image: url("../img/navi_r_off.png"); 
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

.page-left img:hover {
-moz-opacity: 0.80; 
opacity: 0.80; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
-webkit-transition: all 0.1s ease-in-out; 
-moz-transition: all 0.1s ease-in-out; 
-ms-transition: all 0.1s ease-in-out; 
-o-transition: all 0.1s ease-in-out; 
transition: all 0.1s ease-in-out; 
}

.page-right img:hover {
-moz-opacity: 0.80; 
opacity: 0.80; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
-webkit-transition: all 0.1s ease-in-out; 
-moz-transition: all 0.1s ease-in-out; 
-ms-transition: all 0.1s ease-in-out; 
-o-transition: all 0.1s ease-in-out; 
transition: all 0.1s ease-in-out; 
}

/*フッター(SMLP)*********************************************************************************/
.footer-dlimg {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 75px;
background-color: #292929;
}

#copyright {
height: auto; 
margin: 30px 0px 30px 0px;
font-size: 13px; 
color: #555; 
text-align: center; 
}
#copyright a:link { color: #555; }
#copyright a:visited { color: #555; }

/*タグ*********************************************************************************************************************************************************************************************************************************************/
.tag-space {
width: auto; 
height: auto; 
padding: 0px 0px 0px 0px; 
margin: 20px 20px 15px 20px; 
background-color: #eee; 
text-align: center; 
}

h4 {
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-size: 16px;
font-weight: normal; 
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
display:inline; 
overflow: hidden;
white-space: nowrap;
color: #fff;
}

#tag-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#tag-box ul li {
  display: inline-block;
  margin: 0 .3em .3em 0;
  padding: 0;
}
#tag-box ul li a {
  display: inline-block;
  width: 200px; 
  max-width: 200px;
  height: 40px;
  line-height: 40px;
  padding: 0 1em;
  background-color: #999;
  border: 1px solid #999;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-size: 16px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
#tag-box ul li a:hover {
  background-color: #4285f4;
  border: 1px solid #4285f4;
  color: #fff;
}

/*広告*********************************************************************************************************************************************************************************************************************************************/

#left-adspace-c{ /*ON*/
width: auto; 
height: auto; 
background: #fff; 
text-align: center; 
position: sticky;
position: -webkit-sticky;
top: 0;
}

#top-adspace-index{ /*ON*/
width: auto; 
height: auto; 
min-height: 166px; 
background: #fff; 
text-align: center; 
padding: 34px 20px 0px 20px; 
margin: 10px 20px 10px 20px; 
}

#top-adspace{ /*ON*/
width: auto; 
height: auto; 
min-height: 166px; 
background: #fff; 
text-align: center; 
padding: 34px 20px 0px 20px; 
}

#top-adspace-dw{ /*ON*/
width: auto; 
height: auto; 
min-height: 166px; 
background: #fff; 
text-align: center; 
padding: 34px 20px 0px 20px; 
}

#top-adspace-dlimg{ /*ON*/
min-height: 166px; 
background: #fff; 
text-align: center; 
padding: 34px 20px 0px 20px; 
}

#top-adspace-d{
width: auto; 
height: auto; 
min-height: 166px; 
background: #fff; 
text-align: center; 
padding: 34px 20px 0px 20px; 
margin: 0 auto; 
}

#middle-adspace-c{
width: auto; 
height: auto; 
background: #eee; 
text-align: center; 
padding: 10px 0px 17px 0px; 
overflow:hidden;
}

#bottom-adspace-i{/*ON*/
width: auto; 
height: auto; 
background: #eee; 
text-align: center; 
padding: 10px 15px 20px 15px; 
overflow:hidden;
}

#bottom-adspace-c{ /*ON*/
width: auto; 
height: auto; 
background: #eee; 
text-align: center; 
padding: 10px 0px 5px 0px; 
overflow:hidden;
}

#bottom-adspace-d{ /*ON*/
width: auto; 
height: auto; 
background: #eee; 
text-align: center; 
margin: 0px 28px 0px 28px;
overflow:hidden;
}

#bottom-adspace{
width: auto; 
height: auto; 
background: #fff; 
text-align: center; 
padding: 15px 0px 10px 0px; 
overflow:hidden;
}

#bottom-adspace-cl{ /*ON*/
width: auto; 
width: auto; 
background: #eeeeee; 
text-align: center; 
margin: 10px 20px 0px 20px; 
padding: 0px 0px 0px 0px; 
}

#search-adspace{ /*ON*/
padding: 20px 0px 20px 0px;
margin: 0px 15px 0px 15px;
}

/*amazon*********************************************************************************************************************************************************************************************************************************************/
#bottom-adspace-az{ /*ON*/
width: auto; 
height: auto; 
background: #eee; 
text-align: center; 
margin: 15px 10px 20px 10px;
overflow:hidden;
}

/*download_AD*********************************************************************************************************************************************************************************************************************************************/
#download_AD{ /*ON*/
background: #fff; 
text-align: center; 
padding: 34px 20px 0px 20px; 
}