/*
Theme Name: PRISM HAIR CUSTOMER'S VOICE
Author: Imaginary Stroke,Co.
Author URI: http://www.imaginarystroke.com/
*/

/* IE */
@font-face {
	font-family: 'Galatia SIL';
	src: url('http://www.prism-hair.co.jp/font/GalSILR.eot');
}

/* Firefox, Opera, Safari */
@font-face {
	font-family: 'Galatia SIL';
	src: url('http://www.prism-hair.co.jp/font/GalSILR.ttf') format('truetype');
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display:block;
}

html {  min-height: 100%; height: 100%; overflow-x: hidden; }
body {  
	min-height: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#FFF;
	font-size: 100%;
	color: #000;
	font-family: 'Galatia SIL',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif; position: relative;
	}

#wrapper {
	min-height: 100%;
	height: 100%;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
	}

#grey_bg {
	position:fixed;
	top: 0px;
	left: 0px;
	min-height: 100%;
	height: 100%;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color:rgba(0,0,0,0.3);
	}

/*======== Nav ================ */

nav {
	position: fixed;
	top: 60px;
	left: 40px;
	width: 200px;
	margin-top: 0px;
	padding: 0px;
	color: #FFF;
}

.startnav {  margin-top: 50px;  }

ul#menu, ul#menu ul  {  list-style-type:none;  list-style:none;  margin: 0px;  padding: 0px;  }
ul#menu a {  display: block;  }
ul#menu li {  margin: 0px 0px 15px 0px;  padding: 0px;  border: none;  list-style:none; font-size: 120%; text-shadow: 0px 0px 2px grey; line-height: 100%; }
ul#menu li a {  background: #transparent; }
ul#menu li a:hover, ul#menu li a.active {  text-decoration: none;  }
ul#menu li a.active {  text-decoration: none;  }
ul#menu li ul li a {  margin: 0px;  padding: 0px; }
ul#menu li ul li a:hover {  text-decoration: none;  }
ul#menu li.navfirstchild { }
ul#menu li.navlastchild  { margin: 40px 0px 20px 0px; padding: 15px 15px; border: 1px solid #FFF; font-size: 90%; letter-spacing: 0.1em; width: 140px; text-align: center;}

.btn_sns {
	width: 121px;
	height: 18px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.btn_sns_es {
	width: 121px;
	height: 18px;
	margin: 0px 0px 26px 0px;
	padding: 0px;
}

.copyright {  
	width: 147px;
	font-size: 10px;
	line-height: 160%;
	letter-spacing: 1px;
	color: #FFF;
	font-size: 70%;
	}

#top_right_box{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: absolute;
	top: 100px;
	right: 150px;
	width: 400px;
	margin: 0px;
	padding: 0px;
	color: #FFF;
}

.btn_collection {  
	margin: 0px 0px 50px 0px;
	padding: 0px;
	font-size: 100%;
	text-shadow: 0px 0px 2px grey; line-height: 100%; 
	}

.btn_collection h3 {  
	font-size: 280%;
	line-height: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0;
	}

.uptodate {  
	margin: 0px 0px 50px 0px;
	padding: 0px;
	font-size: 90%;
	text-shadow: 0px 0px 2px grey;
	line-height: 200%;
	color: #FFF;
	}

.uptodate h3 {  
	font-size: 240%;
	line-height: 100%;
	margin: 0px 0px 7px 0px;
	padding: 0;
	}

span.top_title
	{  
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 85%;
	line-height: 150%;
	}

.top_prism {  
	margin: 0px 0px 30px 0px;
	padding: 0px;
	text-shadow: 0px 0px 2px grey;
	font-size: 100%;
	}

.top_prism h3 {  
	font-size: 130%;
	line-height: 100%;
	margin: 0px 0px 7px 0px;
	padding: 0;
	}

.top_prism p {  
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 150%;
	}


.top_esprism {  
	margin: 0px 0px 50px 0px;
	padding: 0px;
	text-shadow: 0px 0px 2px grey;
	font-size: 100%;
	}

.top_esprism h3 {  
	font-size: 130%;
	line-height: 100%;
	margin: 0px 0px 7px 0px;
	padding: 0;
	}

.top_esprism p {  
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 150%;
	}

section {
	position: absolute;
	top: 0;
	right: 0;
	width: 700px;
	height: 100%;
	margin: 0px;
	padding: 70px 0px 100px 0px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color: rgba(255, 255, 255, 1);
	/* applied IE7 */
	>background-color: #FFFFFF;
	/* applied IE8 */
	background-color /*\**/: #FFFFFF\9;
	border-left: 1px solid #999;
	}

article {
	width: 600px;
	height: 100%;
	margin: 0px 50px 0px 50px;
	padding: 0px;
	font-size: 80%;
	}

#voice {
	width: 450px;
	height: 100%;
	margin: 0px 0px 0px 20px;
	padding: 0px 30px 0px 0px;
	font-size: 100%;
	border-right: 1px dotted #bbb;
	}

#voice a {
	color: #000;
	}

.voice_title {
	width: 465px;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 20px 15px;
	font-size: 170%;
	line-height: 100%;
	background: url('http://www.prism-hair.co.jp/images/webparts/titlemark.gif') top left no-repeat;
	border-bottom: 1px dotted #bbb;
	}

.voice_title a {
	color: #000;
	}

#saloninfo {
	width: 470px;
	height: 100%;
	margin: 0px 0px 0px 20px;
	padding: 0px 30px 0px 0px;
	font-size: 100%;
	border-right: 1px dotted #bbb;
	}

.saloninfo_title {
	width: 485px;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 20px 15px;
	font-size: 170%;
	line-height: 100%;
	background: url('http://www.prism-hair.co.jp/images/webparts/titlemark.gif') top left no-repeat;
	border-bottom: 1px dotted #bbb;
	}

#menu {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	}

.menulist_title {
	width: 100%;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 20px 15px;
	font-size: 170%;
	line-height: 100%;
	background: url('http://www.prism-hair.co.jp/images/webparts/titlemark.gif') top left no-repeat;
	}

html > body #top_right_box, section {  height: auto; min-height: 100%;  }

.clear { clear: both; }

.narrow { letter-spacing: 0em; }

/*======== News ========== */

.title {
	width: 100%;
	margin: 0px;
	padding: 5px 0px 30px 0px;
	font-size: 160%;
	color: #000;
}

.title a {
	color: #000;
	text-decoration: none;
}

.title a:hover {
	color: #000;
	text-decoration: none;
}

.sns {
	position: relative;
	width:400px;
	height:20px;
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.fb-like {
	position: absolute;
	top: 0px;
	left: 0px;
	}

.gplus {
	position: absolute;
	top: 0px;
	left: 110px;
	}

.divider{
	border-top:1px dotted #aaa;
	height: 1px; 
	width: 480px; 
	margin: 20px 0px 70px 0px;
	padding: 0px;
	}

.postinfo{
	color: #bbb;
	font-size: 90%;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.postinfo a{
	color:#bbb;
	}


/*======== Common ============= */
a {  text-decoration: none;  color: #FFF;  }
a:hover {  text-decoration: none;  color: #FFFFFF;  }
img {  border: none;  }

ul { list-style: none; padding:0px; margin-top:10px; margin-bottom:10px; }
li { font-size: 12px; padding:0px;  margin: 5px 0px 0px 2px; list-style-type:none; list-style-position:outside; letter-spacing: 1px;}
ul ul li{ padding:0px; margin:0px; }

.post-date {  font-size: 9px;  letter-spacing: 1px;  font-weight: normal;  line-height: 100%;  }
.post h2 {  font-size: 15px;  letter-spacing: 3px;  font-weight: normal;  line-height: 100%;  margin-top: 10px;  margin-bottom: 30px;  }
.post p {  font-size: 12px;  letter-spacing: 1px;  font-weight: normal;  line-height: 210%;  }
.dotline {  clear: both; border-top: 1px dotted #FFFFFF; margin-top: 60px; margin-bottom: 60px; }

/*======== Top Slide Show ==== */
.slidemaximage { display:none;}	
.loader        { position:absolute;z-index:9999;width:39px;height:39px;top:49%;left:49% }


/*======== Staff ============= */

.staff_photo {
	float: left;
	width: 200px;
	height: 267px;
	margin: 0px 40px 20px 0px;
	padding: 0px;
	}

.staff_data {
	float: left;
	width: 230px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

.staff_job {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 140%;
	line-height: 100%;
	}

.staff_name {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 160%;
	line-height: 100%;
	}

.staff_name_en {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 100%;
	}

.staff_birth {
	margin: 40px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 100%;
	}

.staff_blood {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 100%;
	}

.staff_favorite_title {
	margin: 20px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 100%;
	}

.staff_favorite {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 180%;
	}

.staff_message_title {
	width: 470px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 110%;
	line-height: 100%;
	}

.staff_message {
	width: 470px;
	margin: 0px 0px 70px 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 200%;
	}
	


/*======== Menu ============= */
.course { text-align: center; }
.course_name {  font-size: 15px;  letter-spacing: 1px;  font-weight: normal;  line-height: 200%;  }
.course_name_en {  font-size: 12px;  letter-spacing: 1px;  font-weight: normal;  line-height: 100%;  font-style: italic; margin-bottom:40px; }

.menu_name {  font-size: 12px;  letter-spacing: 1px;  font-weight: normal;  line-height: 200%;  }
.menu_name_en {  font-size: 9px;  letter-spacing: 1px;  font-weight: normal;  line-height: 100%;  font-style: italic; margin-bottom:30px; }
.or {  font-size: 12px;  letter-spacing: 1px;  font-weight: normal;  line-height: 100%;  margin-bottom:30px; }
.course_price {  font-size: 16px;  letter-spacing: 1px;  font-weight: normal;  line-height: 200%; }

.menu_title { margin-bottom: 30px; }
.menu_name_left {  float: left; width: 370px; font-size: 12px;  letter-spacing: 1px;  font-weight: normal;  line-height: 150%; margin-bottom: 0px; padding-bottom: 0px; }
.menu_price {  float: right; font-size: 14px;  letter-spacing: 1px;  font-weight: normal;  line-height: 100%; font-style: italic; margin-top: 0px; margin-bottom: 0px; padding-top: 3px; }
.menu_name_en_left {  clear: both; font-size: 9px;  letter-spacing: 1px;  font-weight: normal;  line-height: 150%;  font-style: italic; margin-bottom: 30px; padding-top: 4px; }
.menu_name_jp_left {  clear: both; font-size: 10px;  letter-spacing: 1px;  font-weight: normal;  line-height: 150%; margin-top: 0px; margin-bottom:30px; padding-top: 4px; }

.attention {  font-size: 12px;  letter-spacing: 1px;  font-weight: normal;  line-height: 100%;  }
.call {  width: 445px;  font-size: 12px;  letter-spacing: 1px;  font-weight: normal;  line-height: 200%;  margin: 50px 0px;  padding: 15px 25px; background:url('http://www.aki-nagao.com/images/bg_stripe.png'); }
.reception {  font-size: 10px;  letter-spacing: 2px;  font-weight: normal;  }

/*======== Access ============= */


/*======== Photo ============= */
#photocontent {  width: 624px;  height: 100%;  min-height: 100%;  margin: 110px 0px 100px 129px;  padding: 0px 0px 100px 0px;  float: right;  }
.photo { float: left;  width: 147px;  height: 98px; margin-top: 0px; margin-left: 9px; margin-bottom: 9px; }

/*======== Sidebar ============= */

#sidebar {
	position: absolute;
	top: 100px;
	right: 0px;
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	}

#sidebar a {
	color: #000;
	}

.sidebar_menu {
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 10px;
	font-size: 95%;
	background: #000;
	color: #FFF;
	letter-spacing: 1px;
	}

.sidebar_list {
	width: 125px;
	margin: 0px 0px 30px 15px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	color: #000;
	}

/*======== Blog ======== */

#blog {
	width: 450px;
	height: 100%;
	margin: 0px 0px 0px 20px;
	padding: 0px 30px 0px 0px;
	font-size: 100%;
	border-right: 1px dotted #bbb;
	}

.blog_title {
	width: 465px;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 20px 15px;
	font-size: 170%;
	line-height: 100%;
	background: url('http://www.prism-hair.co.jp/images/webparts/titlemark.gif') top left no-repeat;
	border-bottom: 1px dotted #bbb;
	}

.blog_title a {
	color:#000;
	}


/* PageNavi */	

.wp-pagenavi {
	width: 100%;
	margin: 0px 0px 100px 0px;
	padding: 0px;
	font-size: 12px;
	color: #000000;
	letter-spacing: 1px;
	}
	
.wp-pagenavi a{
	color: #000000;
	text-decoration: none;
	
	}
	
.wp-pagenavi a:hover{
	text-decoration: none;
	}

.pages { 
	float: left; 
	margin-right: 15px;
	}
		
.page { 
	float: left;  
	margin-right: 15px;
	}
	
.current { 
	float: left; 
	margin-right: 15px;
	color: #CFCFCF;
	}
	
.nextpostslink { 
	float: left; 
	}
	
.previouspostslink { 
	float:left; 
	margin-right: 20px;
	}
	
.extend { 
	float: left; 
	margin-right: 15px; 
	}
	
.last { 
	float: left; 
	}
	
.wp-pagenavi-clear { 
	clear: both; 
	}

.previous {  float:left; width:100px; margin-top:0px; margin-left: 178px; font-size:12px; color:#FFF; letter-spacing:2px; line-height:100%; margin-bottom:60px; }
.previous a { color: #666; text-decoration: none; }
.previous a:hover { color: #FFF; text-decoration: underline; }
.next {  float:right; width:100px; margin-top:0px; margin-right: 0px; text-align: right; font-size:12px; color:#FFF; letter-spacing:2px; line-height:100%; margin-bottom:60px; }	
.next a { color: #666; text-decoration: none; }
.next a:hover { color: #FFF; text-decoration: underline; }


/* saloninfo */

.info_logo {
	marign: 0px;
	padding: 0px 0px 20px 5px;
}

.info_title {
	float: left;
	width:100px;
	margin: 15px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	color:#666666;
	font-weight:bold;
	line-height: 200%;
}

.info_data {
	float: left;
	width:350px;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	color:#666666;
	line-height: 200%;
}

.con_title {
	float: left;
	width:170px;
	margin: 15px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	color:#666666;
	font-weight:bold;
	line-height: 200%;
}

.con_data {
	float: left;
	width:280px;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	color:#666666;
	line-height: 200%;
}

.con_data a {
	color: #999;
}

#btn_saloninfo {
	position: fixed;
	top: 90px;
	right: -2px;
        text-align: right;
	font-size: 90%;
	color: #fff;
	padding: 11px 12px 11px 17px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
	background: #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 0px 2px grey;
	}


	
.menulist{
	background-color:#FAF9F2;
}

.menu_title{
	background-color:#FFFFFF;
	border-bottom:1px dotted #CCCCCC;
}

.item {
	font-size: 90%;
	color: #666;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px dotted #CCCCCC;

}

.explain{
	font-size: 85%;
	color: #666;
	font-weight: normal;
	border-bottom:1px dotted #CCCCCC;

}

.price{
	font-size: 90%;
	color: #666;
	font-weight:bold;
	text-align: center;
	border-bottom:1px dotted #CCCCCC;

}

	

#top_salon {
	margin: 5px 25px 10px 25px;
	color: #66667E;
	text-align: left;
}


#corpprof {
	margin: 20px 25px;
	font-size: 10px;
	color: #999999;
	line-height: 200%;
	letter-spacing: 1px;
	text-align: left;
}




.profile{
	font-family:Arial, Helvetica, sans-serif, Osaka;
	text-align: left;
	font-weight: normal;
	font-size:10px;
	color:#FFFFFF;
	line-height:170%;
	}

#pagetop {
	position: fixed;
	bottom: 70px;
	right: -2px;
        text-align: right;
	font-size: 100%;
	color: #fff;
	padding: 17px 6px 14px 6px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
	background: #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 0px 2px grey;
	}

#pagetop_voice{
	position: fixed;
	bottom: 70px;
	right: -2px;
	width: 27px;
	height: 50px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}

/* Comment */

.commentlist {
	width: 440px;
	margin: 0px 0px 40px 0px;
	padding:0px;
	}

.graybox {
	width: 440px;
	margin: 0px;
	padding: 40px 0px 40px 0px;
	}
	
.res_left {
	width: 44px;
	margin: 0px 15px 15px 0px;
	padding: 0px;
	text-align: left;
	line-height:200%; 
	}

.resser {
	width: 440px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height:100%; 
	font-size: 110%; 
	}

.resser a {
	color: #000; 
	}

.resser a:hover {
	color: #000; 
	}

.res {
	width: 440px;
	padding: 0px;
	margin: 0px 0px 50px 0px;
	line-height:200%; 
	}

.res a {
	color: #000; 
	}

.res a:hover {
	color: #000; 
	}

.res p {
	margin: 0px;
	padding: 0px;
	font-size: 100%; 
	letter-spacing: 1px; 
	line-height:200%; 
	}

.res_date {
	width: 440px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	line-height:100%;
	text-align: right;
	font-size: 90%;
	color: #bbb;
	}

.res_date a {
	color: #bbb; 
	}

.res_date a:hover {
	color: #bbb; 
	}

h2.comm {
	width: 440px;
	text-align: left;
	font-size: 150%;
	line-height: 100%;
	margin: 100px 0px 0px 0px;
	padding: 0px;
	}
	
#commentform {
	width: 440px;
	margin: 50px 0px 0px 0px;
	padding:0px;
	}

.comment_left {
	float: left;
	width: 85px;
	margin: 5px 15px 0px 0px;
	padding: 0px;
	text-align: right;
	font-size: 90%;
	}

.comment_right {
	float: left;
	width: 340px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	}

#commentform input {
	width: 328px;
	padding: 5px;
	margin: 0px;
	border: 1px solid #CCC;
	}

#commentform textarea {
	width: 328px;
	padding: 5px;
	margin: 0px;
	border: 1px solid #CCC;
	}
 
#comment_submit {
	width: 440px;   
	height: 36px; 
	margin: 15px 0px 0px 0px;
	padding: 0px; 	
	}   

#comment_submit input {    
	width: 440px;   
	height: 36px;    
	display: block;
	border: none; 
	cursor: pointer;
	}