@charset "UTF-8";

/* カットハウス　つかはら　common.css */

/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

* ul{
	list-style:none;
	margin:0;
	padding:0;
}

/* --------------------共通------------------  */
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.7;
	width:100%;
	margin:1em 0;
	padding:0;
	color:#333333;
	font-size:14px;
	text-align:center;
	background:#ffffff;	
}
a{
	text-decoration:none;
}

/* Media Queries による切り替え */

@media only screen and (max-width: 480px) {

#wrapper{
	width:100%;
	overflow:hidden;
	text-align:left;
	margin:0 auto;
	padding:0;
	background:#ffffff;
}
ul#mininav{
	width:100%;
}




ul#mininav li a.mininav_home{
	display:block;
	overflow:hidden;
	width:92px;
	height:25px;
	margin-left:8px;
	text-indent:-9999px;
	background:url(../img/mininavi.gif) left top no-repeat;
}
ul#mininav li a.mininav_sitemap{
	display:block;
	overflow:hidden;
	width:141px;
	height:25px;
	text-indent:-9999px;
	background:url(../img/mininavi.gif) -92px 0 no-repeat;
}
ul#mininav li a.mininav_home:hover{
	background:url(../img/mininavi.gif) -233px 0 no-repeat;
}
ul#mininav li a.mininav_sitemap:hover{
	background:url(../img/mininavi.gif) -325px 0 no-repeat;
}




ul#globalnav{
	width:320px;
	overflow:hidden;
}

ul#globalnav li a{
	display:block;
	width:294px;
	height:30px;
	margin:5px;
	padding-left:20px;
	font-size:16px;
	color:#00008b;
	line-height:30px;
	font-weight:bold;
	background:-webkit-gradient(
		linear,left top,left bottom,
		from(#eeeeee),color-stop(0.5,#dddddd),to(#cccccc)
	);
	border-radius:7px 7px 7px 7px;
	box-shadow:2px 2px 2px gray;
	text-shadow:0 1px 0 white;
	-webkit-transition:-webkit-transform 0.5s linear;
	-webkit-transition:background-color 0.1s linear,color 0.1s linear;
}
ul#globalnav li a:hover{
	-webkit-transform:scale(1,1.2);
	background-color:#00008b;color:red;
}



#logo{
	width:310px;
	height:50px;
	margin:0 5px;
	text-align:center;
	line-height:50px;
	background:#ffa500;
	box-shadow:2px 2px 2px gray;
	border-radius:7px 7px 7px 7px;
}
#logo a{
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	text-shadow:0 1px 0 gray;
}
#logo a span{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Georgia Bold, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div#logo_back{
	width:310px;
}
div#logo_back p{
	width:310px;
	height:30px;
	margin:3px 5px;
	text-indent:60px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	box-shadow:2px 2px 2px gray;
	text-shadow:0 1px 0 gray;
	background:#ffa500;
	border-radius:7px 7px 7px 7px;
}

ul#menu{
	width:100%;
	height:50px;
}
div#footer{
	width:100%;
	height:30px;
	text-indent:-9999px;
	background:url(../img/tsukahara_footer.jpg) left top no-repeat;
}

}

/* Media Queries による切り替え */

@media only screen and (min-width: 481px) {

#wrapper{
	width:950px;
	overflow:hidden;
	text-align:left;
	margin:0 auto;
	padding:15px 0;
	background:#ffffff;
}

#logo{
	float:left;
	width:210px;
	height:94px;
	margin:0;
	background:url('../img/tsukahara_logo.jpg') left top no-repeat;
}
#logo a{
	display:inline-block;
	width:210px;
	height:94px;
	text-indent:-9999px;
}

div#logo_back{
	float:left;
	width:740px;
	height:94px;
	text-indent:-9999px;
	background:url('../img/tsukahara_logo_back.jpg') left top no-repeat;
}

ul#mininav{
	clear:both;
	width:950px;
	height:25px;
	padding-left:720px;
}

ul#mininav li{
	float:left;
}
ul#globalnav li{
	float:left;
}
ul#mininav li a.mininav_home{
	display:block;
	float:left;
	overflow:hidden;
	width:92px;
	height:25px;
	text-indent:-9999px;
	background:url(../img/mininavi.gif) left top no-repeat;
}
ul#mininav li a.mininav_sitemap{
	display:block;
	float:left;
	overflow:hidden;
	width:141px;
	height:25px;
	text-indent:-9999px;
	background:url(../img/mininavi.gif) -92px 0 no-repeat;
}

ul#globalnav{
	width:950px;
	height:50px;
	overflow:hidden;
	background:url(../img/tsukahara_navi_back.jpg) left top no-repeat;
}

ul#globalnav li a{
	display:block;
	float:left;
	width:135px;
	height:50px;
	text-indent:-9999px;
}
ul#globalnav li a.nav_ladies,ul#globalnav li a.nav_ladiesOn{
	display:block;
	float:left;
	width:137px;
	height:50px;
	text-indent:-9999px;
}
ul#globalnav li a.nav_shop,ul#globalnav li a.nav_shopOn{
	display:block;
	float:left;
	width:138px;
	height:50px;
	text-indent:-9999px;
}

ul#menu{
	width:950px;
	height:50px;
}

ul#globalnav li a.nav_ladies{
	background:url(../img/navi_button.jpg) no-repeat 0 0;
}
ul#globalnav li a.nav_mens{
	background:url(../img/navi_button.jpg) no-repeat -137px 0;
}
ul#globalnav li a.nav_menu{
	background:url(../img/navi_button.jpg) no-repeat -272px 0;
}
ul#globalnav li a.nav_tetaris{
	background:url(../img/navi_button.jpg) no-repeat -407px 0;
}
ul#globalnav li a.nav_faq{
	background:url(../img/navi_button.jpg) no-repeat -542px 0;
}
ul#globalnav li a.nav_staff{
	background:url(../img/navi_button.jpg) no-repeat -677px 0;
}
ul#globalnav li a.nav_shop{
	background:url(../img/navi_button.jpg) no-repeat -812px 0;
}

ul#globalnav li a.nav_ladies:hover{
	background:url(../img/navi_button.jpg) no-repeat 0 -50px;
}
ul#globalnav li a.nav_mens:hover{
	background:url(../img/navi_button.jpg) no-repeat -137px -50px;
}
ul#globalnav li a.nav_menu:hover{
	background:url(../img/navi_button.jpg) no-repeat -272px -50px;
}
ul#globalnav li a.nav_tetaris:hover{
	background:url(../img/navi_button.jpg) no-repeat -407px -50px;
}
ul#globalnav li a.nav_faq:hover{
	background:url(../img/navi_button.jpg) no-repeat -542px -50px;
}
ul#globalnav li a.nav_staff:hover{
	background:url(../img/navi_button.jpg) no-repeat -677px -50px;
}
ul#globalnav li a.nav_shop:hover{
	background:url(../img/navi_button.jpg) no-repeat -812px -50px;
}

ul#globalnav li a.nav_ladiesOn{
	background:url(../img/navi_button.jpg) no-repeat 0 -100px;
}
ul#globalnav li a.nav_mensOn{
	background:url(../img/navi_button.jpg) no-repeat -137px -100px;
}
ul#globalnav li a.nav_menuOn{
	background:url(../img/navi_button.jpg) no-repeat -272px -100px;
}
ul#globalnav li a.nav_tetarisOn{
	background:url(../img/navi_button.jpg) no-repeat -407px -100px;
}
ul#globalnav li a.nav_faqOn{
	background:url(../img/navi_button.jpg) no-repeat -542px -100px;
}
ul#globalnav li a.nav_staffOn{
	background:url(../img/navi_button.jpg) no-repeat -677px -100px;
}
ul#globalnav li a.nav_shopOn{
	background:url(../img/navi_button.jpg) no-repeat -812px -100px;
}


div#footer{
	width:950px;
	height:30px;
	text-indent:-9999px;
	background:url(../img/tsukahara_footer.jpg) left top no-repeat;
}

}