@charset "utf-8";
/*
Theme Name: INDIVIDUAL LOCKER
Theme URI: http://www.individuallocker.com/
Description: INDIVIDUAL LOCKER for WordPress
Author: Koji Komiya
*/

/*----------basic specify common------------------------------------------------------------*/

body,div,ul,li,dl,dt,dd,h1,h2,h3,img{margin:0;padding:0;border:0;}
ul {list-style:none;}

/*----------total layout common------------------------------------------------------------*/

body {
background:#f9f9f9;
font:normal 100% sans-serif;
color:#333333;
text-align:center;
background:#f9f9f9 url(http://www.individuallocker.com/img/Fabric-4.jpg) repeat;
}

a { color:#0096df; text-decoration:none; outline:0; }
a:hover { color:#bd4a39; text-decoration:none;  -webkit-transition-duration:0.5s; }
a[name]:hover { background:transparent; text-decoration:none; }
a img { border:none; }
a:hover img {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
 -webkit-transition-duration:0.5s;
}

#header h1 a { color:#333333; text-decoration:none; -webkit-transition: color .2s ease-out; }
#header h1 a:hover { color:#bd4a39; text-decoration:none; }

.clearboth {
clear:both;
}

/*----------header layout common------------------------------------------------------------*/

#header {
margin:0 auto;
text-align:left;
width:920px;
border-top:5px solid #333333;
border-right:1px solid #333333;
border-left:1px solid #333333;
}


#headerwrap {
width:100%;
border-top:5px solid #333333;
border-bottom:2px solid #cccccc;
background:#333333 url(http://www.individuallocker.com/img/bgstripe3344.png) repeat;
}

#headerliquid {
background:#f3f3f3 url(http://www.individuallocker.com/img/bgstripee9f3.png) repeat;
border-bottom:2px solid #cccccc;
}

.headerinner {
width:920px;
margin:0 auto;
text-align:left;
padding:20px 5px;
background:#f3f3f3;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#headerliquid h1 {
font:normal 72% Helvetica, Arial, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
color:#999999;
}

#headerliquid span {
float:right;
margin:-18px 0 0 0;
}

#headerliquid h1 a { color:#000000; text-decoration:none; outline:0; }
#headerliquid h1 a:hover { color:#bd4a39; text-decoration:none;  -webkit-transition-duration:0.5s; }

.headernav {
width:920px;
font:normal 75% Helvetica, Arial, sans-serif;
text-align:center;
clear:both;
padding:10px 0 0 0;
}

.headernav a { color:#333333; text-decoration:none; outline:0; }
.headernav a:hover { color:#bd4a39; text-decoration:none;  -webkit-transition-duration:0.5s; }

/*----------- top logo layout -----------*/
.headerinnertop {
width:920px;
margin:0 auto;
text-align:left;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#bgswitcher {
background:#ffffff url(http://www.individuallocker.com/img/topbg6.jpg) repeat;
width:100%;
padding:160px 0px;
}

.headerscroll {
background:#f3f3f3 url(http://www.individuallocker.com/img/topscroll.jpg) repeat-x;
padding:174px 0px;
}

#indexcopy {
width:920px;
text-align:center;
padding:60px 0;
clear:both;
}

#indexcopy h2 {
font:normal 30px "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
text-shadow:0 0 1px #eeeeee;
letter-spacing:2px;
color:#333333;
}

/*----------ads+share------------------------------------------------------------*/

.ads {
width:920px;
margin:0 auto;
text-align:center;
padding:5px 0;
clear:both;
}

.share {
width:920px;
margin:0 auto;
text-align:right;
padding:15px 0 10px 0;
clear:both;
}

/*----------contents layout------------------------------------------------------------*/

#contentswrap {
margin:0 auto;
text-align:left;
width:940px;
}


#contents {
clear:both;
}

#contents li {
width:300px;
float:left;
display:inline;
margin:30px 10px 0 0;
text-align:left;
}

#contents dl.download {
padding:0 0 40px 0;
width:290px;
}

#contents dl.download dt {
font:bold 94% Helvetica, Arial, sans-serif;
color:#333333;
text-transform:capitalize;
letter-spacing:0px;
height:20px;
}

#contents dl.download dd {
font:normal 75% Helvetica, Arial, sans-serif;
padding:5px 0;
}

#contents dl.download dd.downloadlink {
text-align:center;
}

#contents dl.download dd.downloadlink a {
font-size:13px;
font-weight:bold;
color:#ffffff;
text-transform:uppercase;
letter-spacing:1px;
padding:5px 10px;
border:1px solid #6ba147;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: #b1da87; /* old browsers */
background: -moz-linear-gradient(top, #b1da87 0%, #85ba61 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1da87), color-stop(100%,#85ba61)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1da87', endColorstr='#85ba61',GradientType=0 ); /* ie */
}

#contents dl.download dd.downloadlink a:hover {
color:#517047;
border:1px solid #517047;
}

#contents dl.download dd.downloadlink div {
font-size:x-small;
text-align:center;
margin:10px 0;
}

#contents img {
border:1px solid #999999;
margin:0 0 10px 0;
}


#contents dl.download .aboutlink {
padding-left:50px;
}



#contents dl.single {
border-left:1px solid #cccccc;
padding:0 0 40px 0;
}

#contents dl.single dt{
font:normal 94% Helvetica, Arial, sans-serif;
color:#999999;
text-transform:capitalize;
letter-spacing:0;
padding:0 15px;
}

#contents dl.single dd {
font:normal 75%/150% sans-serif;
padding:5px 15px 10px 15px;
}

#contents dl.single span {
text-align:right;
font-size:11px;
}

#contents dl.single p {
padding:5px;
margin:0;
background:#f9f9f9;
border:1px solid #cccccc;
}


#contents dl.singleline {
border:1px solid #cccccc;
background:#f3f3f3;
padding:0 0 0 5px;
margin:0 0 20px 0;
}

#contents dl.singleline dt {
font:normal 94% Helvetica, Arial, sans-serif;
color:#999999;
text-transform:capitalize;
letter-spacing:0px;
height:20px;
padding:5px 0 0 0;
}

#contents dl.singleline dd {
font:normal 75%/150% sans-serif;
padding:5px 0 10px 0;
}

#contents dl.singleline dd.facebooklink a {
padding:5px;
border:1px solid #9bb1f5;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: #d6dbff;
}

#contents dl.singleline dd.twitterlink a {
padding:5px;
border:1px solid #9dd2f5;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: #d6e6ff;
}

#contents dl.singleline dd.mixilink a {
padding:5px;
border:1px solid #f7cd99;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: #ffecd6;
}

#contents dl.singleline p {
padding:0;
margin:0;
}

/*----------comment layout common------------------------------------------------------------*/

.nameinput {
width:150px;
margin:2px 0;
}

.commentinput {
width:260px;
margin:2px 0;
}

.buttoninput {
width:100px;
}

input:focus, textarea:focus {
background:#f3f3f3;
}

/*----------footer layout common------------------------------------------------------------*/


.footernav {
width:920px;
font:normal 75% Helvetica, Arial, sans-serif;
text-transform:uppercase;
text-align:center;
clear:both;
padding:10px 0;
margin:20px 0;
}

.footernav a { color:#333333; text-decoration:none; outline:0; }
.footernav a:hover { color:#bd4a39; text-decoration:none;  -webkit-transition-duration:0.5s; }

#footerwrap {
width:100%;
border-top:2px solid #cccccc;
border-bottom:5px solid #333333;
background:#333333 url(http://www.individuallocker.com/img/bgstripe3344.png) repeat;
}

#footerliquid {
background:#f3f3f3 url(http://www.individuallocker.com/img/bgstripee9f3.png) repeat;
border-bottom:2px solid #cccccc;
}

.footerinner {
width:920px;
height:500px;
margin:0 auto;
text-align:left;
background:#f3f3f3;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#footerliquid li {
float:left;
display:inline;
}

#footerliquid li.category {
width:300px;
height:500px;
padding:0 0 0 10px;
background:#ffffff;
}

#footerliquid li.category dd {
font:normal 80% Helvetica, Arial, sans-serif;
padding:5px 0;
}

#footerliquid li.info {
width:599px;
height:500px;
text-align:justify;
padding:0 0 0 10px;
border-left:1px solid #cccccc;
background:#f3f3f3;
}

#footerliquid li.info dd {
font:normal 75% Helvetica, Arial, sans-serif;
line-height:150%;
padding:2px 10px 2px 0;
text-transform:capitalize;
}

.info span {
color:#666666;
text-transform:capitalize;
padding:0 5px 0 0;
}

#footerliquid dt {
font:normal 94% Helvetica, Arial, sans-serif;
color:#333333;
letter-spacing:0;
text-transform:capitalize;
padding:20px 0 2px 0;
}

#footerliquid dt.smalldt {
font:normal 75% Helvetica, Arial, sans-serif;
color:#333333;
letter-spacing:0;
text-transform:capitalize;
padding:20px 0 2px 0;
}

#footerliquid li.info dd.nodt {
font:normal 75% Helvetica, Arial, sans-serif;
line-height:150%;
padding:20px 10px 2px 0;
text-transform:capitalize;
}

.catalog a {
padding:1px 7px 0px 3px;
margin:10px 0;
}

.catalog a:hover {
}


#footerliquid dd.w3c {
padding:15px 0 0 0;
}