/*
Theme Name: PRISM HAIR
Theme URL: http://www.prism-hair.co.jp
Description: This is theme file for PRISM HAIR.
Author: Imaginary Sroke, Co.
Author URI: http://www.imaginarystroke.com
Latest updated: 18rd March 2008
*/

/* CSS for Body */

body{
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left:auto;
	margin-right: auto;
	color:#66667E; 
	background: #F0EFE8; 
	text-align: center;
	font-family:Arial, Helvetica, sans-serif, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	height:100%;
	}
	
#page{color:#66667E; width: 760px; height:100%; margin:0 auto auto auto;}
#bg{background: url(img/back.gif) top repeat-y; color:#66667E; margin:0 auto; height:100%;}
#top{
	margin: 0px 25px 5px 25px;
	padding-top:25px;
	padding-bottom:10px;
	border-bottom: 1px solid #E6E6E6;
	}
#top2{
	margin: 0px 25px 5px 25px;

	}
#wrap{h5 color:#66667E; margin:0 auto auto auto; width:760px; text-align: center;height:100%;}
#wrap2{margin:20 auto auto auto; width:760px;}
.leftwrap{
	width:225px;
	padding-left:25px;
	vertical-align:top;
	}
.rightwrap{
	width:535px;
	vertical-align:top;
	}
/* CSS for Links */
a{background-color:inherit; color:#3EAEBF; font-weight: none; text-decoration:none;}
a:hover{background-color:inherit; color:#999999; font-weight: none; text-decoration:none;}
a img{border:0;}


/* CSS for Header */
#header{margin:5px auto 5 auto;}
#header h1{ color:#3EAEBF; float:left; font-size:1em; margin:10 0 10 0px; width:760px; font-weight: none;}
#header h1 a{background-color:inherit; color:#3EAEBF; text-decoration:none;}
#header p a{background-color:inherit; color:#808080; float:right; font-size:1em; font-weight:none; line-height:1.3em; margin:6px 0 0; text-align:center;}
#frontphoto{margin:0 0 10px;}
#header_title{color:#ffffff; font-size:30px; font-weight:bold; padding-left:55px; padding-top:105px; margin: auto; width:800px; text-transform:uppercase;}
#header_title a{background-color:inherit; color:#FFFFFF; text-decoration:none;}
#header_title a:hover{background-color:inherit; color:#FFFFCC; text-decoration:none;}
#header_title2{ color:#FFFFFF; font-size:12px; font-weight:bold; padding-left:55px; padding-top:0px; padding-bottom: 22px; margin: auto; width:800px; }

#place {
	width:710px;
	margin-left:25px;
	color: #66667E;
	text-align: right;
	font-size:10px;
	padding-top:5px;
	padding-bottom:3px;
}

#flash {
	padding-bottom:0px;
}	
	

/* CSS for Sidebars */
#leftside{line-height:170%; width:200px; font-size:10px; text-align:left;}
#extras{line-height:1.4em; margin:0 0 0px; width:200px;  }
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget{font-size:10px; margin:0 0 18px;}
#leftside li, #extras li{line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul{margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li{margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a{font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist{font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul{margin:0 0 18px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a{font-weight:none;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3{
	color: #66667E;
	font-size: 14px;
	padding-left:15px;
	background-image: url(http://www.prism-hair.co.jp/images/dots.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top:30px;

	margin-bottom:20px;
	}
#leftside label, #extras label{display:none;}

/* CSS for Main menu */
ul.page{list-style:none; margin:0 0 0px; width:200px;}
ul.page li{display:inline; line-height:1.4em; width:144px;}
ul.page li a{background-color:#f4f4f4; border:0px; color:#505050; float:left; font-weight:none; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:134px;}
ul.page li a:hover, ul.page li.current_page_item a{background-color:#E0E0E0; border:0px; color:#000000; text-decoration:none;}
ul.page ul{font-size:10px;margin:0 0 0 15px;padding:0 0 5px;width:129px;}
ul.page ul a{padding:3px 1px 3px 5px;width:119px;}
ul.page ul ul{width:117px;}
ul.page ul ul a{width:104px;}

/* CSS for Content */
#content{
	margin:0 0 auto 30px;
	padding:0; width:460px; 
	text-align:left; 
	font-size:12px; 
	line-height:170%; 
	letter-spacing: 1px;
	height:100%;
	}
#contentwide{line-height:1.6em;margin:0 0 auto 168px;padding:0;}
#content h2,#contentwide h2 {
	margin-top:30px; 
	color: #3EAEBF;
	font-size: 16px;
	padding-left:15px;
	background-image: url(http://www.prism-hair.co.jp/images/dots.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
#content h3,#contentwide h3{font-size:14px;margin:0 0 10px; color: #66667E;}
#content img,#contentwide img{background:white; padding:5px; border:1px solid #ccc;margin:10px 10px 10px 0px;}
#content ul,#contentwide ul,#content ol,#contentwide ol{margin:0 0 16px 30px;}
#content li,#contentwide li{padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol{margin:0 0 0 16px;}

/* CSS for Footer */
#footer{
	width:760px;
	background: url(img/back.gif) top repeat-y;
	padding-bottom:30px; 
	font-size: 8px;
	color: #999999;
	padding-top: 10px;
	border-top: 1px solid #CCCCCC;
	text-align: center;
	background-color: #FFFFFF;
	letter-spacing:1px;
	margin-left:auto;
	margin-right: auto;
	}
#footer p{margin:0;padding:0;}
#footer a{background-color:inherit;color:#3EAEBF;font-weight:normal;text-decoration:none;}
#footer a:hover{background-color:inherit;color:#3EAEBF;text-decoration:none;}


/* CSS for Submenu */
#subpages {border-bottom:0px; border-left:0px; font-weight:none;line-height:1.3em;float:right;margin:0px 0px 8px 15px;padding:0 0 10px 10px;width:150px;}
#subpages h2{font-size:1.2em;font-weight:bold; margin:0 0 10px; padding-top: 5px; color:#3EAEBF;}
#subpages ul.submenu{line-height:1.4em;list-style:none; margin:0;}
#subpages ul.submenu li{display:inline; line-height:1.4em; width:140px; padding:0;}
#subpages ul.submenu li a{font-size:0.9em; background-color:#f4f4f4; border:0px;color:#505050;float:left;margin-bottom:5px;margin-right: 6px;padding:3px 1px 3px 5px;text-decoration:none;width:140px;}
#subpages ul.submenu li ul{margin:0 0 5px 10px;width:120px;}
#subpages ul.submenu li ul li a{width:120px;}
#subpages ul.submenu li ul ul{margin:0 0 5px 10px;width:110px;}
#subpages ul.submenu li ul ul li a{width:110px;}
#subpages ul.submenu li ul ul ul{margin:0 0 5px 10px;width:100px;}
#subpages ul.submenu li ul ul ul li a{width:100px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a{background-color:#E0E0E0;border:0px;color:#000000;}
#subpages ul.submenu li.current_page_item ul li a{background-color:#f4f4f4;border:0px;color:#505050;}

/* CSS for Tags */
p,ul,ol{margin:0 0 16px;}
blockquote{border-left:4px solid #E0E0E0;margin:20px;padding:8px 8px 8px 15px;}
blockquote p{background-color:inherit;color:#505050;font-size:0.9em;line-height:1.3em;}
label{background-color:inherit;color:#999999;}
table#wp-calendar{margin-top:0px;margin-bottom:0px;width:140px;}

/* CSS for Forms */
#s,#submit{background-color:#ffffff;border:1px solid #cccccc;color:#505050;font-size:0.9em;margin:0 0 5px;padding:4px;width:130px;}
#searchsubmit{background-color:#ffffff;border:1px solid #cccccc;color:#505050;font-size:0.9em;margin:0 0 0px;padding:2px;width:50px;}
#author,#email,#url,#comment{border:1px solid #cccccc;font-size:1em;margin:0;padding:4px;}
#commentsection{margin:25px 0 0;}
#commentsection p{margin:0 0 6px;}

/* CSS for Float fix */
.contenttext{overflow:hidden;padding-top:20px;}
* html .contenttext{height:1px;overflow:visible;}
* html .contenttext p{overflow:hidden;width:99%;}

/* CSS for Various classes */
.left{border:1px solid #cccccc;float:left;margin:10px 15px 10px 0;}
.right{border:1px solid #cccccc;float:right;margin:10px 0 5px 10px;}
.center{border:1px solid #aaaaaa;margin:5px auto 12px;text-align:center;}
.textright{text-align:right;}
.sub{width: 99%;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.hide{display:none;}
.post{margin:0 0 25px;}
.divider{height: 25px; width:99%; background: url(img/divider.jpg) no-repeat; text-align:center;}
.postinfo{
	background-color:#ffffff;
	border-top:1px dotted #CCCCCC;
	color:#999999;
	font-size:10px;
	line-height:1.5em;
	margin-top: 20px ;
	padding-top:10px;
	margin-bottom:30px;
	}
.comment{
	background-color:#F9F9F9;
	border:0px;color:#999999;
	margin-top:20px;
	padding:10px;
	line-height:170%;
	letter-spacing:1px;
	}
.commenticon{
	margin-bottom:20px;
	border-bottom:1px dotted #CCCCCC;
	}
.comment p.commenthead{line-height:170%;}
.comment p{font-size:12px;line-height:170%;margin:0 0 6px;padding-bottom:5px;letter-spacing:1px;color:#66667E;}
.navigation{display:block;margin:10px 0;padding:0 0 15px;text-align:center;}
.navigation p{margin:0;padding:0;}
.prevlink{margin-right:20px;}
.nextlink{margin-left:20px;}



#btn00{
	background-image: url(img/prism_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 108px;
	font-size: 0em;
	padding: 0px;
	text-indent: -5000px;
	margin: 0px;
	display : block;
}

#btn00 a{
	width: 108px;
	height: 35px;
	display : block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#btn00 a:hover{
	background-image: url(img/prism_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#btn01{
	background-image: url(img/btn_salon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 60px;
	font-size: 0em;
	padding: 0px;
	text-indent: -5000px;
	margin: 0px;
	display : block;
}

#btn01 a{
	width: 60px;
	height: 35px;
	display : block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#btn01 a:hover{
	background-image: url(img/btn_salon_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#btn02{
	background-image: url(img/btn_menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 60px;
	font-size: 0.6em;
	padding: 0px;
	text-indent: -5000px;
	margin: 0px;
	display : block;
}

#btn02 a{
	width: 60px;
	height: 35px;
	display : block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#btn02 a:hover{
	background-image: url(img/btn_menu_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#btn03{
	background-image: url(img/btn_style.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 60px;
	font-size: 0.6em;
	padding: 0px;
	text-indent: -5000px;
	margin: 0px;
	display : block;
}

#btn03 a{
	width: 60px;
	height: 35px;
	display : block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#btn03 a:hover{
	background-image: url(img/btn_style_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#btn04{
	background-image: url(img/btn_staff.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 80px;
	font-size: 0.6em;
	padding: 0px;
	text-indent: -5000px;
	margin: 0px;
	display : block;
}

#btn04 a{
	width: 80px;
	height: 35px;
	display : block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#btn04 a:hover{
	background-image: url(img/btn_staff_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#btn05{
	background-image: url(img/btn_blog.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 90px;
	font-size: 0.6em;
	padding: 0px;
	text-indent: -5000px;
	margin: 0px;
	display : block;
}

#btn05 a{
	width: 90px;
	height: 35px;
	display : block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#btn05 a:hover{
	background-image: url(img/btn_blog_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#btn06{
	background-image: url(img/btn_corpinfo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 60px;
	font-size: 0.6em;
	padding: 0px;
	text-indent: -5000px;
	margin: 0px;
	display : block;
}

#btn06 a{
	width: 60px;
	height: 35px;
	display : block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#btn06 a:hover{
	background-image: url(img/btn_corpinfo_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#btn07{
	background-image: url(img/btn_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 72px;
	font-size: 0.6em;
	padding: 0px;
	text-indent: -5000px;
	margin: 0px;
	display : block;
}

#btn07 a{
	width: 72px;
	height: 35px;
	display : block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#btn07 a:hover{
	background-image: url(img/btn_contact_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}