@charset "utf-8";
/*
Theme Name: 100Roses
Theme URI: http://wordpress.org/
Description: ネイルサロン、100Rosesのトテーマ
Version: 1.0
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body{
		margin:0;
		font-size:13px;
		font-family:Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		background:#f4ecf0;
}

a img{
		border:none;
}
.reset{clear:both;}
#wrapper{
		margin:0 auto;
		width:840px;
		background:url(images/waku_bg.gif);
}
#header{
		background:url(images/waku_bg.gif) no-repeat;
		width:800px;
		padding:0px 30px 0 30px;
}
#header_inner{
		background:url(images/header_bg.png);
		width:780px;
		height:180px;
}
#header_logo{
		display:block;
		width:300px;
		height:60px;
		position:relative;
		top:10px;
		left:10px;
}
#header_reservation a{
		display:block;
		width:110px;
		height:15px;
		position:relative;
		top:90px;
		left:48px;
}
#global{
		width:780px;
		margin:0 auto;
}
#global ul{
		list-style:none;
		list-style-position:outside;
		margin:0;
		padding:0;
}
#global li{
		display:block;
		float:left;
		height:70px;
}
#global li a{
		display:block;
		float:left;
		height:70px;
		background-image:url(images/global.gif);
}
#gm1 a{background-position:0 0 ;	width:93px;}
#gm2 a{background-position:-93px 0 ;	width:129px;}
#gm3 a{background-position:-222px 0 ;	width:103px;}
#gm4 a{background-position:-325px 0 ;	width:122px;}
#gm5 a{background-position:-447px 0 ;	width:122px;}
#gm6 a{background-position:211px 0 ;	width:110px;}
#gm7 a{background-position:101px 0 ;	width:101px;}

#gm1 a:hover{background-position:0 70px ;}
#gm2 a:hover{background-position:-93px 70px ;}
#gm3 a:hover{background-position:-222px 70px ;}
#gm4 a:hover{background-position:-325px 70px ;}
#gm5 a:hover{background-position:-447px 70px ;}
#gm6 a:hover{background-position:211px 70px ;}
#gm7 a:hover{background-position:101px 70px ;}

/* ロールオーバー有りの場合
#global li a:hover{ background-image:url(images/global_on.gif);}
*/

/* ---------------------------------------------------------------- コンテナー */
#container{
		width:780px;
		padding:15px 30px 0 30px;
}


/* ---------------------------------------------------------------- 左サイドバー */
#left_side{
		width:234px;
		float:left;
}
/*店舗情報*/
#side_info{
		background:url(images/side_info_bg.gif) no-repeat;
		width:210px;
		height:320px;
		padding:112px 12px 0 12px;
}
#side_info_text{
		background-color:#ffffff;
		background-image:url(images/side_info_text.gif);
		margin-top:12px;
		width:190px;
		height:125px;
		padding:10px;
		color:#503d16;
		font-size:12px;
		line-height:17px;
}
#side_big{
		font-size:20px;
		line-height:22px;
}
.side_small{
		font-size:9px;
		line-height:11px;
}
#side_banner img{
		background-color:#cccccc;
		margin-bottom:10px;
}

/* ---------------------------------------------------------------- 中央コンテンツ */
#contents{
		float:right;
		width:530px;
}
/* ---------------------------------------------------------------- フッター */
#footer{
		background-image:url(images/waku_bg.gif);
		background-repeat:no-repeat;
		width:796px;
		padding:0 22px;
		height:100px;
		color:#ffffff;
		text-align:center;
}
#footer_inner{
		width:796px;
		background-color:#998675;
		height:100px;
}
#footer_link{
		height:25px;
		padding:35px 0 0 0;		
}
#footer_link a{
		margin:0 10px;
		color:#ffffff;
}
#copyright{
		font-size:12px;
		font-family:verdana, Arial, serif;
}



/* ---------------------------------------------------------------- 各コンテンツごとのレイアウト */

/* トップ */
#top_whatsnew{
		color:#534741;
		width:530px;
		margin-top:3px;
}
#top_whatsnew a{
		color:#534741;
}
#top_whatsnew a:hover{
		text-decoration:none;
}
.news_date{
		padding-left:15px;
		width:90px;
		line-height:1.5em;
}
.news_title{
		width:auto;
}
.news_dot{
		height:2px;
}
/* メニュー */
p.introduction{
		font-size:12px;
		color:#666666;
		line-height:18px;
		margin:0 0 10px 10px;
}



/* ギャラリー */
.gallery_images td{
		vertical-align:top;
		font-size:11px;
		padding:0 0 10px;
		line-height:1.2em;
}
.gallery_images img{
		width:90px;
		height:90px;
		background:#ffffff;
		border:solid 1px #998675;
		display:block;
		margin:5px 4px 3px 4px;
		padding:3px;
}

/*お客様の声*/
.voice_waku{
		background:url(images/voice_bg.gif) bottom no-repeat;
		border:solid 1px #c3aab0;
		padding:10px;
		font-size:12px;
		margin-bottom:20px;
}
.users_name{
		font-size:16px;
		border-bottom:dashed 1px #bda1a8;
		padding-bottom:5px;
		margin-bottom:10px;
}
.voice_waku img{
		float:left;
		margin:00px 10px 0px 0;
		width:100px;
		height:100px;
}


/* 予約フォーム */
#form_reservation{
		width:100%;
		border:solid 1px #534741;
		line-height:20px;
}
.left{
		background:#f8f5f4;
		width:180px;
		padding:10px;
		vertical-align:top;
}
.right{
		background:#fff9fc;
		width:348px;
		padding:10px;
}
.right .text{
		width:250px;
}
.button{
		width:100px;
		height:24px;
		margin-top:10px;
}

/*リクルート・求人情報*/
#recruit_informaiton{
		
}
#recruit_informaiton h2{
		font-size:16px;
		font-weight:600;
		color:#856357;
		margin:0 0 15px 0;
		line-height:20px;
}
#corporation_table{
		vertical-align:top;
		line-height:1.5em;
}
#corporation_table td{
		padding:5px;
		vertical-align:top;
}
#recruit_table{
		background:#bdb9b7;
		width:100%;
		margin:10px 0 25px 0;
}
#recruit_table .left{
		background:#eeedee;
		width:110px;
		border-left:solid 5px #dca4c5;
		padding:7px;
}

#recruit_table .right{
		background:#ffffff;
		padding:7px;
		line-height:1.6em;
}

/* 新着情報 */
#news_box{
		width:500px;
		margin:2px auto;
}
#news_box h2{
		color:#8f3c60;
		float:left;
}
#news_box .post_date{
		float:right;
		font-size:11px;
		margin:20px 0 15px 0;
}