/*
THEME NAME: NailStyle
THEME URI: http://thebuckmaker.com/fireandice
AUTHOR: Fumiyo Aosaki
AUTHOR URI: http://thebuckmaker.com
DESCRIPTION: fireandiceを元にしたものデザインのcssをあてこみ
TAGS: fixed width, two columns, valid CSS, valid XHTML, black, red, orange, widget ready, left sidebar, gravatars, support,
*/



/***************  ★★   fireandiceのcss  レイアウト以外を当て込み      ★★   ***************/

div#header{
	position:absolute;
    top:-5000px;
	left:-999px;
}


div#access div.skip-link{
        display:none;
        /*position:absolute;
        top:200px;
        left:900px;
        font-size:12px;*/
}


.page h2, .single h2 {padding-top:5px;}  /*  M   I   S   C   */
.archive h3{border:0}
.archive .page-title{border-bottom:1px solid #333; padding:0px 0 5px 0; font-size:12px; color:#808080;}



div#content div.post .entry-title, div#content div.page .entry-title{
font-size:1.3em; font-weight:normal; color:#333; margin:0; padding:0;
}

div#content div.post .entry-title a, div#content div.page .entry-title a{line-height:1.3em; color:#333;}
.entry-date{text-align:left; font-size:10px; padding-bottom:5px; text-decoration:none; color:#808080;}

div#content div.post .entry-title a:hover, div#content div.page .entry-title a:hover{color:#333; line-height:1.3em;}

.entry-title{clear:both;}

/*Content Post Styling★★ページ作成内で使用。ずれるので外す★★
.entry-content{overflow:hidden;}
.entry-content p{color:#333; font-size:12px; line-height:1.5em; padding:0.5em 0;}
.entry-content em{font-style:italic}
.entry-content ul, ol{margin:0px;font-size:12px; line-height:1.5em;}
.entry-content ul li{padding-left:0px; list-style-type:disc;}
.entry-content ol li{padding-left:0px;}
.entry-content strong, .entry-content b{font-weight:bold}
.entry-content img{padding:0px; border:none;}

.entry-content a{color:#333; padding:2px;}
.entry-content a:hover{text-decoration:underline;}
.entry-content h2 {margin:0; padding:0;}

*/


.entry-meta {font-size:10px; color:#808080; padding: 10px 0; margin-bottom:20px; clear:both;}
.entry-meta a, .entry-meta a:visited {color:#333}
.entry-meta a:hover{text-decoration:underline;}
.published {border:none; text-decoration:none;}



/*  C  O  M  M  E  N  T  S   */

/*Comment List*/
div#comments{clear:both; margin-top:50px;}
div#comments a, div#comments a:visited {color:#333; font-weight:bold;}
div#comments a:hover {text-decoration:underline;}
div#comments-list h3{font-size:14px; font-weight:bold; color:#808080;}
div#comments-list ol {font-size:12px; line-height:1.2em; padding:0}
div#comments-list ol li {display:block; width:440px; padding:0; list-style-type:none;}
div#comments-list ol li .comment-author{font-weight:bold;}
div#comments-list ol li .comment-meta{padding-bottom:10px; color:#808080; font-weight:normal;font-size:0.8em; border-top:1px solid #333}
div#comments-list ol li .comment-author{padding-right:10px}
div#comments-list ol li p{font-weight:normal;}
div.comments ol li{margin:0 0 3.5em;}
.photo {float:right;}

/*Comment Input Form*/
div#respond {margin-top:50px;}
div#respond h3 {font-size:14px; font-weight:bold; color:#808080;}
div#respond .formcontainer{font-size:12px; line-height:1.2em; height:400px;}
div#respond form#commentform textarea{border:3px solid #333; padding:5px; height:80px; width:424px; background:none; color:#fff;}
div#respond form#commentform input{border:3px solid #333; padding:5px; height:16px; width:424px; background:none; color:#fff;}
div#respond form#commentform input#submit{border:0; margin-top:10px; width:150px; padding:5px; border: 2px solid #333; height:30px; background:none; font-weight:bold; cursor:pointer;}
form#commentform{margin:0 30px; width:440px; padding-top:5px}
form#commentform p#comment-notes{color:#FFF;}
form#commentform div.form-label{color:#FFF; margin:5px 0}

input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}



/*●●●●  S  I  D  E  B  A  R  ●●●● */


/*  Sidebar List   */

.xoxo {
        padding:0; margin:0; width:150px; overflow:hidden;
        display:none;
}
.xoxo li {color:#333; list-style-type:none;}
.xoxo a, .xoxo a:visited {font-size:12px; font-weight:bold; color:#333 }
.xoxo h3 {margin:20px 0 5px 0; padding:0; font-size:19px;}
.xoxo ul {margin:0; padding:0;}
.xoxo ul li {padding:3px; width:150px;}
.xoxo ul li:hover {color:#333; }
.xoxo ul li:hover a {color:#333}
.xoxo ul li.current_page_item {color:#333;}
.xoxo ul li.current_page_item a, .xoxo ul li.current_page_item a:visited {color:#333;}
.xoxo li a:hover { color:#333;}
.xoxo ul ul li {padding-left:5px;}
.xoxo ul ul li:hover {color:#333}


div#secondary {
        display:none;
}



/*  N  A  V   next/last post, older/newer posts  */

#nav-above {display:none;}
#nav-below {font-size:12px; margin-bottom:30px;}
#nav-below a, #nav-below a:visited {color:#808080; font-weight:bold}
#nav-below a:hover {text-decoration:underline;}
.nav-previous {float:left;}
.nav-next {float:right;}



/*  A  L  I  G  N  */

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}


/***************        fireandice   終わり          ***************/

@charset "utf-8";

body {
	margin:0;
	padding:0;
	color:#333;
	background-color:#ffffff;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Univers,Verdana,Arial, sans-serif;
}
		
		
#wrapper{margin:0;padding:0;} 
			 
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; margin:0; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Univers,Verdana,Arial, sans-serif;} /* 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 */
.txt234 { font-size: 11px; line-height: 1.6em; color:#333;} * html .txt234 { font-size: 11px; color:#333;} /* 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     main⇒container  ●●●●●*/

#container {
	width:960px;
	padding-top:20px;
	position:relative;
	min-height:690px;
	margin-left:auto;
	margin-right:auto;
	padding-left:32px;
	padding-right:32px;
	background-image:url(/files/2009/06/bg.jpg);
	background-repeat:no-repeat;
}

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

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

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

#main li.info{
	
}

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

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

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



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

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


#content {
	width:680px;
	float:left;
	text-align:left;
	/*background-color:#ff6600;*/
}

#content-menu{

}

#content-menu li{
	width:330px;
	float:left;
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(/files/2009/06/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(/shared/common/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:162px;
	float:left;
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(/shared/common/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{
	border-top: 1px solid #333;
	padding-top:20px;
}


#information{
	
}

#information li{
	background:url(/shared/common/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:302px;
	border: 1px #ccc solid;
	margin:0;
	padding:0;
	float:left;
}

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

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

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

#naildetail .dataicon{
	
}

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

#naildetail .nailist dt{
	float:left;
}

#naildetail .nailist dd{
	width:260px;
	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;
}


/*  トップページ右サイド表示用に幅変更185px→235px   */

#news-nav{
	/*float:left;*/
	width:235px;/*  幅変更185px→235px   */
	/*background-color:#ff6699;*/
}

#news-nav li{
	background:url(/shared/common/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(/shared/common/img/h3_news.gif) no-repeat 0 0;
	font-size:14px;
	padding:0 0 0 20px;
	margin-bottom:20px;
}

#sitemap{

}

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

#sitemap .hr{
	width:680px;
	height:1px;
	background:url(/shared/common/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(/shared/common/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(/shared/common/img/dot.gif) repeat-x bottom;
	margin:20px 0 20px 0;
}

#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(/shared/common/img/dot.gif) repeat-x bottom;
	margin:20px 0 20px 0;
}

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


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

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

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

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

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


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


.sidebar {/* idからclassに変更 */
	width:245px;
	float:right;
	text-align:left;
	/*background-color:#ff6699;*/
}

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

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


.search-box{
	padding-bottom:56px;
	margin-bottom:30px;
	background:url(/shared/common/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(/shared/common/img/dot.gif) repeat-x bottom;
}


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

.information-box li{
	background:url(/files/2009/06/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:5px;
}



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

#footer {
    clear:both;
    width: 960px;
    margin-left:auto;
	margin-right:auto;
	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:15px 0 0 0;
	 padding:0;
}

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

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

#footer p.anchor{
	left:-999px;
	position:absolute;
	top:-5000px;
}

.txtA12 {
color:#333333;
font-size:12px;
line-height:1.6em;
}

.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;
}



/*  追加スタイル   */

form{margin-bottom:50px;padding:0;}





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

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