@charset "utf-8";

body {
	margin:0;
	padding:0;
	color:#333;
	background-color:#fff;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Univers,Verdana,Arial, sans-serif;
}
			 
			 
h1,h2,h3,h4,h5 {
	margin:0;
}
		 
hr {
	margin:0;
	padding:0;
	display:none;
}

p { 
	margin:0;
	padding:0;
}

dl,dt,dd,ul,ol,td {
	margin:0;
	padding:0;
}

table {
	border-spacing:0px;
	margin:0;
	padding:0;
}

tr {
	margin:0;
	padding:0;
}

td {
	margin:0;
	padding:0;
	text-align:left;
}
		
th {
	margin:0;
	padding:0;
	text-align:left;
}

li {
	margin:0;
	padding:0;
	list-style:none;
}
		 
img {
	border:0;
}

form {
	margin:0;
	padding:0;
	display:block;
}
			 
input,select,option {
	margin:0;
	padding:0;
	vertical-align: middle;
}
	
		
.clear { 
	clear: both; 
} 
	
/* clearfix ---------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display:inline-block;
}
/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/



/* iepngfix ---------- */

.iepngfix {  
	behavior: expression(IEPNGFIX.fix(this));  
}


/* text ---------- */

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10 { font-size: 0.625em; line-height: 1.3em; } * html .txt10 { font-size: 0.63em; } /* Hack for IE */
.txt10w { font-size: 0.625em; line-height: 1.6em; } * html .txt10w { font-size: 0.63em; } /* Hack for IE */
.txt12 { font-size: 0.75em; line-height: 1.5em; } * html .txt12 { font-size: 0.75em; line-height: 1.5em; }  /* Hack for IE */
.txt12w { font-size: 0.75em; line-height: 1.75em; } * html .txt12w { font-size: 0.75em; line-height: 1.75em; }  /* Hack for IE */
.txt14 { font-size: 0.875em; line-height: 1.286em; } * html .txt14 { font-size: 0.88em; } /* Hack for IE */
.txt14w { font-size: 0.875em; line-height: 1.875em; } * html .txt14w { font-size: 0.88em; line-height: 1.88em; } /* Hack for IE */
.txt16 { font-size: 1em; line-height: 1.25em; } * html .txt16 { font-size: 1em; line-height: 1.25em; }  /* Hack for IE */
.txt18 { font-size: 1.125em; line-height: 1.167em; } * html .txt18 { font-size: 1.13em; } /* Hack for IE */
.txt24 { font-size: 1.45em; line-height: 1.167em; } * html .txt24 { font-size: 1.45em; } /* Hack for IE */

a:link {
	color:#333;
	text-decoration:none;
}
				 
a:visited {
	color:#333;
	text-decoration:none;
}
						
a:hover {
	color:#000;
	text-decoration:underline;
}

a:active {
	color:#333;
	text-decoration:none;
}


/* content ---------- */

#menu{
	background-color:#000;
	width:100%;
	height:70px;
}

#menu .btn{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#menu li{
	float:left;
	margin:0;
	padding:0;
}

#menu a{
	margin:0;
	padding:0;
}


#container {
	width:960px;
	min-height:690px;
	margin-left:auto;
	margin-right:auto;
	padding-left:32px;
	padding-right:32px;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
}

*html #container {
	height: auto !important;
	height: 690px;
}

#main {
	width:960px;
	padding-top:20px;
}

#main h2{
	margin-bottom:20px;
}

#main li.info{
	
}

#main li.table{
	list-style:none;
	float:left;
	margin-right:20px;
}

#main input{
	margin-right:5px;
}


#top-ban{
	width:960;
	height:92px;
	background-color:#e6e6e6;
	margin-bottom:20px;
	padding-top:2px;
	text-align:center;
}


#bread {
	text-align:left;
    margin:0 0 12px;
	padding:0;
}



/* left ---------- */


#leftcolumn {
	width:680px;
	float:left;
	text-align:left;
}

#content-menu{

}

#content-menu li{
	width:330px;
	float:left;
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(../img/dot.gif) repeat-x bottom;
}

*html #content-menu li{
	margin-bottom:0px;
}

#content-menu h3{
	margin-top:5px;
	margin-bottom:5px;
}

#content-menu .box{

}


#search{
	
}

#search table{
	background-color:#ccc;
}

#search th{
	background-color:#000;
	padding:7px;
	color:#fff;
	font-weight:bold;
	border-bottom: 1px solid #fff;
}

#search td{
	padding:7px;
	border-bottom: 1px solid #fff;
}

#quicksearch table{
	background-color:#ccc;
}

#quicksearch th{
	background-color:#000;
	padding:7px;
	color:#fff;
	font-weight:bold;
	border-bottom: 1px solid #fff;
}

#quicksearch td{
	padding:7px;
	border-bottom: 1px solid #fff;
}

#pickupstyle{
	
}

#pickupstyle li{
	width:215px;
	float:left;
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(../img/dot.gif) repeat-x bottom;
}

#pickupstyle li.last{
	background-image:none;
	margin-bottom:10px;
}

#pickupstyle h3{
	margin-top:5px;
	margin-bottom:5px;
}


#pickupstyle a:link img{
	border: 1px #ccc solid;
	margin:0;
	padding:0;
}
				 
#pickupstyle a:visited img{
	border: 1px #ccc solid;
	margin:0;
	padding:0;
}
						
#pickupstyle a:hover img{
	border: 1px #666 solid;
	margin:0;
	padding:0;
}

#pickupstyle a:active img{
	border: 1px #ccc solid;
	margin:0;
	padding:0;
}


#searchresult{

}

#searchresult-list{

}

#searchresult-list li{
	width:215px;
	float:left;
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(../img/dot.gif) repeat-x bottom;
}

#searchresult-list li.last{
	background-image:none;
	margin-bottom:10px;
}

#searchresult-list h3{
	margin-top:5px;
	margin-bottom:5px;
}

#searchresult-list a:link img{
	border: 1px #ccc solid;
	margin:0;
	padding:0;
}
				 
#searchresult-list a:visited img{
	border: 1px #ccc solid;
	margin:0;
	padding:0;
}
						
#searchresult-list a:hover img{
	border: 1px #666 solid;
	margin:0;
	padding:0;
}

#searchresult-list a:active img{
	border: 1px #ccc solid;
	margin:0;
	padding:0;
}

#searchresult .footer-nav{
	float:left;
	border-top: 0px solid #333;
	padding-top:20px;
}


#information{
	
}

#information li{
	background:url(../img/arrow.gif) no-repeat 0 6px;
    margin:4px 0 4px 10px;
	padding:0 0 0 18px;
}


#naildetail{

}

#naildetail .design{
	margin-bottom:20px;
}

#naildetail .design dt{
	width:320px;
	height:250px;
	border: 1px #ccc solid;
	margin:0;
	padding:0;
	float:left;
}

#naildetail .design dd{
	width:340px;
	float:right;
	text-align:left;
}

#naildetail .style{
	width:320px;
	float:left;
}

#naildetail .datatable{
	width:320px;
	float:left;
	background-color:#e6e6e6;
}

#naildetail .dataicon{
	
}

#naildetail .nailist{
	width:340px;
	float:right;
}

#naildetail .nailist dt{
	float:left;
}

#naildetail .nailist dd{
	width:243px;
	float:right;
}

#naildetail .shop{
	
}

#naildetail .shop dt{
	float:left;
}

#naildetail .shop dd{
	width:460px;
	float:right;
}

#bodytxt{
	
}

#bottom-nav{
	width:660px;
	border: 1px dashed #ccc;
	padding:10px;
}

#news-nav{
	float:left;
	width:185px;
}

#news-nav li{
	background:url(../img/arrow.gif) no-repeat 0 6px;
    margin:4px 0 4px 10px;
	padding:0 0 0 18px;
}

#news{
	float:right;
	width:475px;
}

#news h3{
	width:453px;
	height:23px;
	background:url(../img/h3_news.gif) no-repeat 0 0;
	font-size:14px;
	padding:0 0 0 20px;
	margin-bottom:20px;
}

#sitemap{

}

#sitemap li{
	background:url(../img/arrow.gif) no-repeat 0 6px;
    margin:4px 0 4px 10px;
	padding:0 0 0 18px;
}

#sitemap .hr{
	width:680px;
	height:1px;
	background:url(../img/dot.gif) repeat-x bottom;
	margin:20px 0 20px 0;
}

*html #sitemap .hr{
	margin:10px 0 20px 0;
}


#company{

}

#company table{
	background-color:#ccc;
}

#company th{
	background-color:#000;
	padding:7px;
	color:#fff;
	font-weight:bold;
	border-bottom: 1px solid #fff;
}

#company td{
	padding:7px;
	border-bottom: 1px solid #fff;
}

#privacy{

}

#aboutsite{

}

#aboutsite .hr{
	width:680px;
	height:1px;
	background:url(../img/dot.gif) repeat-x bottom;
	margin:20px 0 40px 0;
}

*body #aboutsite .hr{
	margin-left:10px;
}


#regist .hr{
	width:680px;
	height:1px;
	background:url(../img/dot.gif) repeat-x bottom;
	margin:20px 0 40px 0;
}

*body #regist .hr{
	margin-left:10px;
}


#regist .foot-btn{
	float:right;
}

#regist .foot-btn img{
	margin-left:10px;
}

#regist .error{
	color:#FF0000;
}

#regist table{
	background-color:#ccc;
}

#regist th{
	background-color:#000;
	padding:7px;
	color:#fff;
	font-weight:bold;
	border-bottom: 1px solid #fff;
}

#regist td{
	padding:7px;
	border-bottom: 1px solid #fff;
}


#mypage .hr{
	width:680px;
	height:1px;
	background:url(../img/dot.gif) repeat-x bottom;
	margin:20px 0 20px 0;
}

*body #mypage .hr{
	margin-top:-10px;
}


#resign .foot-btn{
	float:right;
}

#resign .foot-btn img{
	margin-left:10px;
}

#login .hr{
	width:680px;
	height:1px;
	background:url(../img/dot.gif) repeat-x bottom;
	margin:20px 0 20px 0;
}

*body #login .hr{
	margin-top:-20px;
}

#login .foot-btn{
	float:right;
}

#login .foot-btn img{
	margin-left:10px;
}


/* right ---------- */


#rightcolumn {
	width:245px;
	float:right;
	text-align:left;
}

.menu-box{
	padding-bottom:20px;
	margin-bottom:30px;
	background:url(../img/dot.gif) repeat-x bottom;
}

.menu-box img{
	margin-bottom:2px;
}

.search-box{
	padding-bottom:56px;
	margin-bottom:30px;
	background:url(../img/dot.gif) repeat-x bottom;
}


.search-box table{
	background-color:#ccc;
}

.search-box th{
	background-color:#444;
	padding:7px;
	color:#fff;
	font-weight:bold;
	border-bottom: 1px solid #fff;
}

.search-box td{
	padding:7px;
	border-bottom: 1px solid #fff;
}


.login-box{
	padding-bottom:56px;
	margin-bottom:30px;
	background:url(../img/dot.gif) repeat-x bottom;
}


.information-box {
	padding-bottom:20px;
	margin-bottom:30px;
	background:url(../img/dot.gif) repeat-x bottom;
}

.information-box li{
	background:url(../img/arrow.gif) no-repeat 0 6px;
    margin:4px 0 4px 10px;
	padding:0 0 0 18px;
}

.archive-box {
	padding-bottom:20px;
	margin-bottom:30px;
	background:url(../img/dot.gif) repeat-x bottom;
}

.archive-box li{
	background:url(../img/arrow.gif) no-repeat 0 6px;
    margin:4px 0 4px 10px;
	padding:0 0 0 18px;
}

.banner-box{
	padding-bottom:20px;
	margin-bottom:30px;
}

.banner-box img{
	margin-bottom:2px;
}






/* footer ---------- */

#footer {
    width: 960px;
	border-top: 1px solid #333;
	text-align:left;
	padding:10px 0;
}

#footer p.f_nav {
	float: left;
	display: block;
	text-align:left;
    margin:0;
	padding:0;
}
		
#footer p.copyr {
	float: right;
	display: block;
	text-align:left;
    margin:0;
	padding:0;
}

#footer-nav {
	 width:680px;
	 margin:0;
	 padding:0;
}

#footer-nav .pagetop{
	float:right;
}

#footer-nav .back{
	float:left;
}



.right-btn{
	float:right;
	margin-top:20px;
}

.marR3{
	margin-right:3px;
}


.marR10{
	margin-right:10px;
}

.marR15{
	margin-right:15px;
}

.marR20{
	margin-right:20px;
}

.marB3{
	margin-bottom:3px;
}

.marB5{
	margin-bottom:5px;
}

.marB10{
	margin-bottom:10px;
}

.marB20{
	margin-bottom:20px;
}

.marB30{
	margin-bottom:30px;
}

.marB40{
	margin-bottom:40px;
}

.marB50{
	margin-bottom:50px;
}

.marB60{
	margin-bottom:60px;
}

.marB70{
	margin-bottom:70px;
}

.marB80{
	margin-bottom:80px;
}

.marB90{
	margin-bottom:90px;
}

.marB100{
	margin-bottom:100px;
}




   



@media print{body{zoom:70%;}}

@media print{*:first-child+html body{zoom:100%;}}