@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
 body{
font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6em;
color:#333;
}
img {
max-width: 100%;
height: auto;
vertical-align:bottom;
}
.ie8 img{
width: auto;
}
a:link {
outline: 0;
color:#3399CC;
text-decoration: none;
}
a:visited {
color:#3399CC;
text-decoration: none;
}
a:hover {
color: #ff9600;
text-decoration: underline;
}
a:active {
color: #ff9600;
text-decoration: underline;
}
h1,h2,h3,h4,h5,h6{
padding:0;
margin:0;
}
ul,li{
list-style:none;
} .clearfix {
zoom: 1;
}
div.leadtxt{
padding: 10px 0;
font-size: 14px;
}
.clearfix:after {
content: "";
display: block;
clear: both;
overflow:hidden;
}
.mb20{
margin-bottom: 20px;
}
div#wrap{
background:url(/img/bg.png);
}
header{
position:relative;
background:#fff;
}
header{
border-top:4px solid #791F1C;
background:url(/img/bgheader.png);
}
header h1#logo{
margin:0 auto 15px;
padding-top:10px;
width:140px;
}
header#logo a{
display:block;
}
div#searchBox{
display: none;
}
div.headerinner{
border-bottom: 1px solid #900;
position: relative;
}
div.inner{
padding: 0 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
nav#nav{
display:block;
background:#E83618;
}
nav#nav ul li{
display: inline;
padding: 10px 5px 10px 0;
text-align:left;
font-size:0.65em;
}
nav#nav ul li a{
color: #fff;
padding:4px 3px;
}
nav#nav ul li a:hover{
background:#000;
color:#fff;
text-decoration:none;
}
nav#catNav{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
border-bottom:2px solid #eee;
background:#fff;
}
nav#catNav ul {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #ccc;
}
nav#catNav ul li{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float:left;
text-align: center;
width:50%;
font-size:0.85em;
padding: 5px 0px;
border-bottom: 1px solid #ccc;
}
nav#catNav ul li:nth-child(odd){
border-right: 1px solid #ccc;
}
nav#catNav ul li a{
display: block;
}
nav#catNav ul li a:hover{
text-decoration: none;
} div#moNav{
background:#fff;
display: block;
border-bottom:2px solid #eee;
}
ul#mobNavUl{
background:#fff;
}
ul#mobNavUl li{
float:left;
width:49.75%;
text-align:center;
text-indent:-9999px;
}
ul#mobNavUl li a{
padding-top:6px;
text-align:center;
display:block;
font-size:0.85em;
color:#000;
}
ul#mobNavUl li a:hover{
background:#eee;
text-decoration:none;
}
ul#mobNavUl li a.selected{
background:#eee;
}
ul#mobNavUl li a i{
background:url(/img/bgs.png);
width:42px;
height:39px;
display:block;
margin:0 auto 0px;
}
ul#mobNavUl li:nth-child(1) a i{
background-position:0 -200px;
}
ul#mobNavUl li:nth-child(2) a i{
background-position:-150px -200px;
}
div.leadtxt{
background:#fff;
}
div.leadtxt p{
padding: 0 15px;
}
ul.gallery{
margin-bottom:30px;
}
ul.gallery > li{
width:100%;
float:left;
background: #fff;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
}
ul.gallery > li:hover{
opacity:0.75;
}
ul.gallery > li h2{
font-size: 0.7em;
padding: 2px 5px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
ul.gallery li > ul li:nth-child(1){
position:relative;
}
ul.gallery li > ul li:nth-child(2){
float:left;
width:89%;
line-height:2.6em;
text-indent:8px;
font-size:0.75em;
position:relative;
background:#fff;
}
ul.gallery li > ul li:nth-child(2) :after{
position:absolute;
top:-5px;
content:"";
left:20px;
width:10px;
height:10px;
background:#fff;
transform: rotate(-45deg);
}
ul.gallery li > ul li:nth-child(2) h2{
font-weight:normal;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
ul.gallery li > ul li:nth-child(2) a{
display:block;
color:#666;
}
ul.gallery li > ul li:nth-child(2) a:hover{
text-decoration:none;
}
ul.gallery li > ul li:nth-child(3){
float:right;
width:10%;
background:#333;
color:#ccc;
line-height:2.6em;
text-align:center;
font-size:0.75em;
}
ul li.free:after{
position:absolute;
top:0px;
content:"";
left:0px;
width:62px;
height:62px;
background:url(/img/bgs.png) 0 0 no-repeat;
display:block;
}
ul.gallery li img {
max-height: 400px;
}
ul.linkul{
width:300px;
margin:0 auto;
margin-bottom:30px;
}
ul.linkul li{
margin-bottom:10px;
} div#moSearch{
border: 4px solid #DDD;
}
div#searchBox{
}
input#search_txt{
float:left;
width:80%;
line-height:1.8em;
border:none;
text-indent:5px;
}
input#search_submit{
background:#000;
line-height:1.8em;
width:18%;
background:#000 url(/img/btn_search.png) no-repeat center center;
text-indent:-9999px;
border:none;
float:right;
}
input#search_submit:hover{
background:#666 url(/img/btn_search.png) no-repeat center center;	
} div#pageTop{
margin:0px auto 0px auto;
padding-bottom:40px;
padding-left:12px;
max-width:1220px;
}
div#pageTop a{
width:98%;
border-radius:8px;
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
background:#FFF;
display:block;
padding:2px 0;
text-indent:-9999px;
}
div#pageTop a i{
width:32px;
height:32px;
display:block;
background:url(/img/bgs.png) -100px 0;
margin:5px auto;
}
footer{
background: #fff;
padding: 30px 15px;
}
nav#footNav ul li{
display: inline;
font-size: 0.75em;
padding-right: 10px;
}
nav#footNav ul li a{
color: #666;
}
nav#footNav ul li:after{
content: " 　| ";
color: #ccc;
}
nav#footNav ul li:last-child:after{
content: none;
}
footer{
min-height: 100px;
}
div#footerLogo{
width:300px;
margin-bottom:15px;
}
div#footerLogo ul > li{
display: inline-block;
width:100px;
padding:15px;
}
div#footerLogo ul > li:nth-child(1) a{
background:url(/img/bgs.png) no-repeat -20px -250px;
display:block;
text-indent:-9999px;
height:80px;
width:100px;
}
div#footerLogo ul li:nth-child(2) a{
background:url(/img/bgs.png) no-repeat -200px -250px;
display:block;
text-indent:-9999px;
height:80px;
width:100px;
}
small{
font-size: 0.65em;
}
aside#adside{
display: none;
} div#illustBox{
padding-right: 15px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
div#illustBox h1{
background:#CCCCCC;
line-height:2.2em;
color:#666;
padding-left:12px;
}
ul#illust{
background:#fff;
line-height:1.6em;
}
div.infoBoxIn{
padding:12px 12px 0 12px;
}
ul#illust > li:first-child{
position:relative;
}
ul#illust > li:nth-child(2){
background:#fff;
font-size:0.85em;	
}
.adSingle{
margin-bottom:20px;
}
ul#illust > li:nth-child(2) p{
margin-bottom:16px;
}
ul#catInfo{
margin-bottom:16px;
}
ul#catInfo li{
float:left;
}
ul#tagInfo{
}
ul#tagInfo li{
float:left;
margin:4px 8px 4px 0;
font-size:0.85em;
}
ul#tagInfo li a{
background:#399;
color:#fff;
padding:1px 6px;
display:block;
border-radius:4px;
}
ul#tagInfo li a:hover{
text-decoration:none;
background:#3C9;
}
ul#imgList{
margin-bottom:50px;
}
ul#imgList > li{
float:left;
width:75px;
}
ul#imgList > li a{
background-size:900px 75px;
display:block;
text-indent:-9999px;
overflow:hidden;
width:75px;
height:75px;
position:relative;
border-bottom:8px solid #F3EEE3;
}
ul#imgList > li a:hover{
border-bottom:8px solid #093;
}
ul#imgList > li a.selected{
border-bottom:8px solid #093;
}
ul#imgList li:nth-child(1) a{background-position:0 0;}
ul#imgList li:nth-child(2) a{background-position:-75px 0;}
ul#imgList li:nth-child(3) a{background-position:-150px 0;}
ul#imgList li:nth-child(4) a{background-position:-225px 0;}
ul#imgList li:nth-child(5) a{background-position:-300px 0;}
ul#imgList li:nth-child(6) a{background-position:-375px 0;}
ul#imgList li:nth-child(7) a{background-position:-450px 0;}
ul#imgList li:nth-child(8) a{background-position:-525px 0;}
ul#imgList li:nth-child(9) a{background-position:-600px 0;}
ul#imgList li:nth-child(10) a{background-position:-675px 0;}
ul#imgList li:nth-child(11) a{background-position:-750px 0;}
ul#imgList li:nth-child(12) a{background-position:-825px 0;}
div#dlBtns{
margin-bottom:30px;
font-size:0.85em;
}
div#dlBtns a:hover{
text-decoration:none;
background:#FC0;
color:#000;
}
ul#btnBit{
padding:5px 0 0;
background:#666;
position:relative;
}
ul#btnBit li{
float:left;
width:32%;
margin:0 1% 0 0;
text-align:center;
}
ul#btnBit li:first-child{
margin-left:1%;
}
ul#btnBit li:last-child{
width:100%;
color:#fff;
line-height:3em;
font-size:0.75em;
}
ul#btnBit li a{
display:block;
line-height:3em;
background:#000;
color:#fff;
}
ul#btnVec{
padding:5px 0 0;
background:#ff0000;
}
ul#btnVec li{
float:left;
width:48.49%;
margin:0 1%;
text-align:center;
}
ul#btnVec li:first-child{
margin-right:0%;
}
ul#btnVec li:last-child{
width:100%;
color:#fff;
line-height:3em;
font-size:0.75em;
}
ul#btnVec li a{
display:block;
position:relative;
line-height:3em;
background:#000;
color:#fff;
} div#popUpCover{
display:none;
width:100%;
height:100%;
opacity:0.8;
background:#000;
position:fixed;
top:0;
left:0;
z-index:9000;
}
div#popUp{
display:none;
position:absolute;
top:20px;
left:50%;
width:92%;
margin-left:-46%;
background:#fff;
background:rgba(255,255,255,0.95);
z-index:9999;
padding-bottom:100px;
}
div#popUp:after{
content:"";
position:absolute;
width:50px;
height:70px;
bottom:-80px;
left:0;
}
p#popText{
padding:10px;
background:#B09F7C;
color:#fff;
font-size:0.75em;
}
div#popUpInner{
padding:0 10px;
}
li#imgTxt{
background:#339966;
color:#fff;	
padding:10px;
font-size:0.875em;
}
ul#imgSize{
background:#D1C4A6;
line-height:2.4em;
color:#fff;
font-weight:bold;
}
ul#imgSize li{
float:left;
width:11.5%;
font-size:0.75em;
border-right:1px solid #E6DCC7;
border:none;
}
ul#imgSize li:first-child{
width:30%;
text-indent:10px;
background:#f00;
border:none;
}
ul#imgSize li a{
background:#D1C4A6;
display:block;
text-align:center;
color:#665F58;
}
ul#imgSizeSvgLock{
background:#D1C4A6;
line-height:2.4em;
color:#fff;
font-weight:bold;
display:none;
}
ul#imgSizeSvgLock li{
float:left;
width:11.5%;
font-size:0.75em;
border-right:1px solid #E6DCC7;
border:none;
}
ul#imgSizeSvgLock li:first-child{
width:30%;
text-indent:10px;
background:#609E98;
border:none;
text-align:left;
color:#fff;
}
ul#imgSizeSvgLock li:last-child{
background:#FC0;
text-decoration:none;
color:#665F58;
}
ul#imgSizeSvgLock li{
background:#D1C4A6;
display:block;
text-align:center;
color:#B2A184;
}
ul#formatList{
color:#fff;
line-height:2.4em;
background:#E0D5C1;
font-weight:bold;
margin-bottom:15px;
}
ul#formatList li{
float:left;
width:19%;
font-size:0.75em;
border-right:1px solid #D1C4A6;
}
ul#formatList li:first-child{
width:30%;
text-indent:10px;
background:#C00;
border:none;
}
ul#formatList li a{
background:#E0D5C1;
display:block;
text-align:center;
color:#665F58;
}
ul#imgSize li a.selected,ul#formatList li a.selected,
ul#imgSize li a:hover,ul#formatList li a:hover{
background:#FC0;
text-decoration:none;
}
div#imgL{
text-align:center;
}
div#pupClose{
position:absolute;
bottom:0;
right:0;
width:50px;
height:50px;
background:#f00 url(/img/bgs.png) -400px 0px;
display:block;
text-indent:-9999px;
cursor:pointer;
}
div#pupClose:hover{
background:#000 url(/img/bgs.png) -400px 0px;
}
div#ad_pop{
position:absolute;
left:5px;
bottom:5px;
width:85%;
overflow:hidden;
}
div#popUp h3{
font-size:0.85em;
line-height:1em;
padding-left:10px;
border-left:4px solid #096;
margin-bottom:10px;
}
ul#popVariList li{
float:left;
width:75px;
height:75px;
display:block;
text-indent:-9999px;
margin-right:6px;
margin-bottom:10px;
border-bottom:7px solid #fff;
}
ul#imgList2{
margin-bottom:20px;
}
ul#imgList2 li{
float:left;
width:75px;
}
ul#imgList2 li a{
background-size:900px 75px;
display:block;
text-indent:-9999px;
overflow:hidden;
width:75px;
height:75px;
position:relative;
border-bottom:8px solid #F3EEE3;
}
ul#imgList2 li a:hover{
border-bottom:8px solid #093;
}
ul#imgList2 li a.selected{
border-bottom:8px solid #093;
}
ul#imgList2 li:nth-child(1) a{background-position:0 0;}
ul#imgList2 li:nth-child(2) a{background-position:-75px 0;}
ul#imgList2 li:nth-child(3) a{background-position:-150px 0;}
ul#imgList2 li:nth-child(4) a{background-position:-225px 0;}
ul#imgList2 li:nth-child(5) a{background-position:-300px 0;}
ul#imgList2 li:nth-child(6) a{background-position:-375px 0;}
ul#imgList2 li:nth-child(7) a{background-position:-450px 0;}
ul#imgList2 li:nth-child(8) a{background-position:-525px 0;}
ul#imgList2 li:nth-child(9) a{background-position:-600px 0;}
ul#imgList2 li:nth-child(10) a{background-position:-675px 0;}
ul#imgList2 li:nth-child(11) a{background-position:-750px 0;}
ul#imgList2 li:nth-child(12) a{background-position:-825px 0;}
div#downImg{
width:64%;
margin:0 auto 18px auto;
text-align:center;
}
div#downImg a{
display:block;
color:#fff;
line-height:2.6em;
background:#396;
border-radius:8px;
border-bottom:7px solid #363;
}
div#downImg a:hover{
text-decoration:none;
background:#3C6;
border-bottom:7px solid #393;
}
div#downImg p{
font-size:0.7em;
color:#666;
}
div#adPopUp{
position:absolute;
bottom:15px;
left:10px;
width:470px;
height:60px;
background:#096;
display:block;
}
div#missionInfo{
padding:0 10px 25px 85px;
font-size:0.85em;
position:relative;
}
div#missionInfo i{
position:absolute;
left:10px;
top:0;
}
div#missionInfo i a{
display:block;
width:76px;
height:76px;
background:url(/img/bgs.png) -200px 0;
} ul#LMS{
margin:2px auto 5px 0;
width:102px;
height:36px;
}
ul#LMS li{
float:left;
text-align:center;
line-height:30px;
width:30px;
height:30px;
color:#fff;
background:#999;
display:block;
cursor:pointer;
}
ul#LMS li.LMSselected{
background:#093;
}
ul#LMS li:hover{
background:#FC0;
}
div#btnBACK{
display:block;
position:absolute;
top:45%;
left:-50px;
margin-top:-50px;
width:40px;
height:150px;
cursor: pointer;
}
div#btnNext{
display:block;
position:absolute;
top:45%;
right:-50px;
margin-top:-50px;
width:40px;
height:150px;
cursor: pointer;
}
div#btnBACK i{
position:absolute;
width:40px;
height:40px;
display:block;
top:50%;
margin-top:-25px;
left:0;
background:url(/img/bgs.png) -450px 0px;
}
div#btnNext i{
position:absolute;
width:40px;
height:40px;
display:block;
top:50%;
margin-top:-25px;
left:0;
background:url(/img/bgs.png) -500px 0px;
}
div#btnBACK:hover,div#btnNext:hover{
background:#999999;
}
div#svgMessage{
margin-bottom:10px;
font-size:0.85em;
}
div#navFormat{
display:none;
} div#fileDownCover{
display:none;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:#000;
opacity:0.8;
z-index:9000;
}
div#fileDown{
box-sizing:border-box;
display:none;
position:absolute;
top:50%;
left:50%;
margin-top:20px;
width:88%;
margin-left:-44%;
border:5px solid #CCC;
padding:0 10px 10px 10px;
z-index:9500;
background:#fff;
}
div#fileDown p.dl_lead{
margin:0;
margin-left:-10px;
padding:0;
line-height:45px;
text-indent:60px;
background:#CCC url(/img/bgs.png) -550px 0px no-repeat;
}
div#fileDownClose{
width:50px;
height:50px;
background:#f00 url(/img/bgs.png) -400px 0px;
cursor:pointer;
text-indent:-9999px;
position:absolute;
top:-5px;
right:-5px;
}
div#dlBtnbox p{
text-align:center;
letter-spacing:1.1;
}
div#dlBtnbox p span{
font-size:1.8em;
font-weight:bold;
}
div#ADdown{
margin-top:12px;
}
div#dlBtnboxBtn{
display:none;
width:50%;
height:2.5em;
line-height:2.5em;
text-align:center;
margin:0 auto;
color:#fff;
background:#4ABA00;
border-bottom:4px solid #093;
border-radius:5px;
cursor:pointer;
}
div#dlBtnboxBtn:hover{
background:#FC0;
border-bottom:4px solid #F90;
}
div#dlBtnboxBtn a{
text-decoration:none;
color:#fff;
display:block;
}
#waitIMG{
padding: 15px 0;
} div#pageTitle{
font-size: 1.2em;
text-align: center;
padding-top: 15px;
padding-bottom: 50px;
border-bottom: 1px solid #999;
margin-bottom: 30px;
}
div.adLeft{
display: none;
}
div.innerIn{
box-sizing: border-box;
}
div.adPage{
padding:30px 0;
margin-top:15px ;
} nav.pageNav{
margin-bottom:30px;
}
nav.pageNav ul li {
float: left;
width: 34px;
height: 34px;
padding: 6px 5px;
}
nav.pageNav ul li a {
display: block;
line-height: 34px;
width: 100%;
height: 100%;
background: none repeat scroll 0% 0% #000;
color: #FFF;
text-align: center;
text-decoration: none;
border-radius: 50%;
}
nav.pageNav ul li a:hover{
color:#000;
background:#FC0;
}
nav.pageNav ul li.active_page a {
display: block;
line-height: 34px;
width: 100%;
height: 100%;
background: none repeat scroll 0% 0% #FF0000;
color: #FFF;
text-align: center;
text-decoration: none;
border-radius: 50%;
}  div.innerInIn{
padding: 0 10px 30px;
margin-bottom: 30px;
font-size: 0.75em;
}
div.innerInIn h2{
font-size:1.6em;
border-bottom:1px solid #ccc;
margin-bottom:1em;
padding-bottom:0.8em;
}
div.innerInIn h3{
font-size:1.2em ;
padding-left:1em;
border-left:5px solid #FF0000 ;
line-height:2.6em ;
border-bottom:1em ;
display: block;
margin-bottom:0.6em;
}
div.innerInIn p{
padding-bottom:3em ;
}
aside#adPageSide{
display: none;
}
ul.ban{
margin-bottom: 50px;
}
ul.ban li{
padding: 10px 10px;
border-left: 5px solid #818caf;
}
ul.ban li:nth-child(odd){
background:#f0f0f0;
border-left: 5px solid #ccc;
}
ul.qalist{
margin-bottom:50px;
}
ul.qalist li:nth-child(odd){
background:#FCFAF3;
border-bottom:1px solid #CCC;
padding:1.2em 1em 1em 4.5em;
position:relative;
}
ul.qalist li:nth-child(even){
margin-bottom:50px;
padding:1em 1em 1em 4.5em;
position:relative;
}
ul.qalist li i.qaQ{
font-weight:bold;
line-height:2em;
width:2em;
text-align:center;
margin-right:0.5em;
display:inline-block;
background:#F30;
color:#fff;
position:absolute;
top:1em;
left:1em;
}
ul.qalist li i.qaA{
font-weight:bold;
line-height:2em;
width:2em;
text-align:center;
margin-right:0.5em;
display:inline-block;
background:#09F;
color:#fff;
position:absolute;
top:1em;
left:1em;
}
ul.tplinks{
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom: 25px;
width: 100%;
}
ul.tplinks li a{
text-decoration:none;
}
ul.tplinks li{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0 10px 10px 0;
width:200px;
list-style:none;    
}
ul.tplinks li a p{
padding: 5px 5px 5px;
font-size: 0.85em;
color: #666;
}
ul.tplinks li a h4{
background: #000;
color: #ccc;
padding-left: 10px;
}
ul.tplinks li a p:hover{
text-decoration: none;
color: #666;
}
ul.tplinks li a h4:hover{
text-decoration: none;
color: #ccc;
}
.sory{
padding: 20px 10px;
}
@media only screen and (min-width:500px){
ul.gallery > li{
width:49.75%;
}
article#contents{
padding-top:30px;
}
}
@media only screen and (min-width:610px){
ul.gallery > li{
width:33.3%;
}
div#moNav{
display: none;
}
nav#nav{
display:block;
}
nav#nav ul li{
display: inline;
padding: 4px 15px 4px 0;
text-align:left;
font-size:0.75em;
}
nav#nav ul li a{
color: #fff;
padding:3px 6px;
}
nav#nav ul li a:hover{
text-decoration:none;
}
ul#mobNavUl li{
width:49.75%;	
}
ul#mobNavUl li:nth-child(3),ul#mobNavUl li:nth-child(4){
display:none;	
}
h1#logo{
text-align: left;
}
h1#logo a{
padding-left:10px;
}
div#searchBox{
position: absolute;
right:15px;
top:30px ;
width:30%;
margin-right:15px;
background:#CCC;
padding:4px;
border-radius:2px;
margin-top:15px;
display:block;
}
input#search_txt{
float:left;
width:80%;
line-height:1.8em;
border:none;
text-indent:5px;
}
input#search_submit{
background:#000;
line-height:1.8em;
width:18%;
background:#000 url(/img/btn_search.png) no-repeat center center;
text-indent:-9999px;
border:none;
float:right;
}
input#search_submit:hover{
background:#666 url(/img/btn_search.png) no-repeat center center;	
}
ul#illust >	li{
float:left;
width:50%;
}
p#popText{
font-size:1em;
}
div.inner{
overflow: hidden;
}
section#items{
float: left;
width:100%;
margin-right: -175px;
padding-right: 175px;
box-sizing: border-box;
text-align: left;
}
aside#adside{
display: block;
float: right;
width:160px;
}
div#mosearch{
display: none;
}
nav#catNav{
background:#fff;
display:block;
padding:2px 0;
}
nav#catNav ul{
border-top: none;
background:#fff;
}
nav#catNav ul li{
float:left;
width:16.5%;
text-indent:-9999px;
border: none;
padding:0;
margin:0;
background:#fff;
}
nav#catNav ul li:nth-child(odd){
border:none;
}
nav#catNav ul li a{
text-align:center;
text-decoration:none;
color:#fff;
display:block;
margin:0px auto;
width:50px;
position:relative;
}
nav#catNav ul li a:hover:after{
position:absolute;
width:110px;
height:50px;
display:block;
text-indent:0;
line-height:50px;
background:#F00;
color:#fff;
top:0px;
left:50%;
margin-left:-50px;
z-index:9999;
text-align:center;
font-size: 1em;
}
nav#catNav ul li a:hover{
opacity:0.7;
}
nav#catNav ul li a i{width:50px; height:50px; background:url(/img/bgs.png); display:block}
nav#catNav ul li:nth-child(1) a i{background-position:0 -100px;}
nav#catNav ul li:nth-child(1) a:hover:after{content:"直線"}
nav#catNav ul li:nth-child(2) a i{background-position:-50px -100px;}
nav#catNav ul li:nth-child(2) a:hover:after{content:"上アーチ";}
nav#catNav ul li:nth-child(3) a i{background-position:-100px -100px;}
nav#catNav ul li:nth-child(3) a:hover:after{content:"下アーチ";}
nav#catNav ul li:nth-child(4) a i{background-position:-150px -100px;}
nav#catNav ul li:nth-child(4) a:hover:after{content:"S字";}
nav#catNav ul li:nth-child(5) a i{background-position:-200px -100px;}
nav#catNav ul li:nth-child(5) a:hover:after{content:"片側";}
nav#catNav ul li:nth-child(6) a i{background-position:-250px -100px;}
nav#catNav ul li:nth-child(6) a:hover:after{content:"多段";}
nav#catNav ul li:nth-child(7) a i{background-position:-300px -100px;}
nav#catNav ul li:nth-child(7) a:hover:after{content:"飾り";}
nav#catNav ul li:nth-child(8) a i{background-position:-350px -100px;}
nav#catNav ul li:nth-child(8) a:hover:after{content:"しおり";}
nav#catNav ul li:nth-child(9) a i{background-position:-400px -100px;}
nav#catNav ul li:nth-child(9) a:hover:after{content:"エンブレム";}
nav#catNav ul li:nth-child(10) a i{background-position:-450px -100px;}
nav#catNav ul li:nth-child(10) a:hover:after{content:"ビンテージ";}
nav#catNav ul li:nth-child(11) a i{background-position:-500px -100px;}
nav#catNav ul li:nth-child(11) a:hover:after{content:"その他";}
nav#catNav ul li i{width:50px; height:50px; background:url(/img/bgs.png); display:block;	margin:10px auto;}
nav#catNav ul li:nth-child(1) i{background-position:0 -100px;}
nav#catNav ul li:nth-child(2) i{background-position:-50px -100px;}
nav#catNav ul li:nth-child(3) i{background-position:-100px -100px;}
nav#catNav ul li:nth-child(4) i{background-position:-150px -100px;}
nav#catNav ul li:nth-child(5) i{background-position:-200px -100px;}
nav#catNav ul li:nth-child(6) i{background-position:-250px -100px;}
nav#catNav ul li:nth-child(7) i{background-position:-300px -100px;}
nav#catNav ul li:nth-child(8) i{background-position:-350px -100px;}
nav#catNav ul li:nth-child(9) i{background-position:-400px -100px;}
nav#catNav ul li:nth-child(10) i{background-position:-450px -100px;}
nav#catNav ul li:nth-child(11) i{background-position:-500px -100px;}
nav#catNav ul li:nth-child(12) i{background-position:-550px -100px;}
nav#catNav ul li:nth-child(13) i{background-position:-600px -100px;}
nav#catNav ul li:nth-child(14) i{background-position:-650px -100px;}
nav#catNav ul li:nth-child(15) i{background-position:-700px -100px;}
ul.linkul{
width:auto;
margin:0 auto;
margin-bottom:30px;
}
ul.linkul li{
margin-bottom:10px;
width:300px;
float: left;
}
}
@media only screen and (min-width:910px){	
header h1#logo{
margin:0 auto 10px 5px;
padding-top:10px;
width:180px;
}
div.inner{
overflow: hidden;
}
section#items{
float: left;
width:100%;
margin-right: -175px;
padding-right: 175px;
box-sizing: border-box;
text-align: left;
}
aside#adside{
float: right;
width:160px;
}
ul.gallery > li{
width:23.7%;
margin: 0px 0.5% 10px;
}
nav#nav {
display:block;
}
nav#nav ul{
width:100%;
}
nav#nav ul li{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size:0.75em;
width:24.5%;
display: inline-block;
text-align: center;
padding:0;
}
nav#nav ul li a{
display: block;
}
nav#catNav ul li{
float:left;
width:8%;
text-indent:-9999px;
border: none;
}
footer div.inner{
min-height: 80px;
}
div#footerLogo{
position:absolute;
right: 0;
top: 0px;
} section#page{
float: right;
width:100%;
margin-left: -200px;
padding-left: 200px;
box-sizing: border-box;
text-align: left;
}
div#pageTitle{
float:left;
width:180px;
font-size: 1em;
text-align: center;
padding-top: 0px;
padding-bottom: 50px;
border-bottom: none;
margin-bottom: 30px;
}
div#pageTitle h1{
background:url(/img/bgPageTitle.png) no-repeat;
height:300px;
padding: 110px 30px;
font-size: 0.85em;
}
div.innerIn{
float: left;
width:100%;
padding: 0;
margin-right: -200px;
padding-right: 200px;
text-align: left;
}
div.innerInIn{
background: #fff;
padding: 40px;
font-size:0.85em ;
}
aside#adPageSide{
display: block;
float: right;
width:160px;
margin-bottom: 30px;
}
.pfloatL{
float: left;
margin: 0 15px 15px 0;
}
.pfloatR{
float: right;
margin: 0 0px 15px 15px;
}
div#fileDown{
width:680px;
margin-left:-340px;
}
}
@media only screen and (min-width:1200px){
article#contents{
margin:0 auto;
}
div.inner{
margin: 0 auto;
position: relative;
}
div#popUp{
display:none;
position:absolute;
top:20px;
left:50%;
width:920px;
margin-left:-460px;
background:#fff;
background:rgba(255,255,255,0.95);
z-index:9999;
padding-bottom:100px;
}
}
@media only screen and (min-width:1390px){
article#contents{
width:1390px;
}
div.inner{
width:1390px;
padding: 0;
}
}