/*
Theme Name: towasalon
Author: Tomoaki Toyama
Version: 1.0
base Thema: Twenty Eleven
*/

@import "css/common.css";
@import "css/layout.css";
@import "css/contents.css";

/* =Structure
----------------------------------------------- */
body {
	font-family: 'MaruFoPro-Medium';
}

.pagination {
clear:both;
padding:10px 0px 40px 0px;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #f5b2b2;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
#switch {
	margin-right: 16%;
	margin-left: 16%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 15px;
	margin-bottom: -15px;
}
#switch div{
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 3px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	text-align: center;
	position: relative;
	font-weight: bold;
	height: 24px;
	text-transform: capitalize;
	color: rgba(0,0,0,.5);
	line-height: 95%;
	font-size: 90%;
}
#switch .active{
	color: rgba(255,255,255,.9);
	border-style: none;
}
#switch .on{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding-top: 4px;
	width: 50%;
}
#switch .off{
	border-left: 1px solid rgba(0,0,0,.1);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	padding-top: 4px;
	width: 50%;
	background-color: #ffffff;
	color: #35c4ff;
}


#contents_left {
    width: 1000px !important;
    margin-top: 580px !important;
}