@charset "UTF-8";

/*初期化用*/
@import "common.css";

/*印刷用*/
@import "print.css";

/*拡張用*/
@import "advanced.css";

/*--------------------------------------------------------
1、total設定
-------------------------------------------------------*/

/*背景画像設定*/
body{
	margin: 0;
	text-align: center;
	background-color: #fff;
}

/*文字設定*/
body,pre{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}

pre{
	font-size: 100%;
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
}

/*リンク色*/
a{ text-decoration: none; }
a:link{ color: #333; }
a:visited{ color: #333; }
a:hover{ color: #333; text-decoration: underline; }

/*--------------------------------------------------------
2、hタグ
--------------------------------------------------------*/

h1{
	z-index: 1;
	position: absolute;
	margin: 4px 0 0 3px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
}

h4{
	clear: both;
	margin: 1.0em 0;
	padding: 0.3em 10px;
	border: 1px dotted #7070ba;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	color: #333;
}


/*--------------------------------------------------------
3、サイト全体の配置＆横幅
--------------------------------------------------------*/

/*サイト全体をセンタリング*/
div#container{
	margin: 0 auto;
	text-align: left;
}

/*■サイト全体の横幅*/
div#container,
div#header,
div#header-logo,
div#navi,
div#main{
	width: 880px;/*全体*/
}

/*■本文の横幅*/
div#main-contents{
	/*width: 695px;*/
	/*_width: 715px;*/
	width: 840px;
}

/*--------------------------------------------------------
4-1、エリアの設定「最上部ヘッダー帯」
--------------------------------------------------------*/

div#header{
	height: 25px;
	background-color: #fff;
}

p#top-menu{
	position: absolute;
	top: 5px;
	text-align: right;
}

/*リンク色*/
p#top-menu { color: #fff; }
p#top-menu a:link{ color: #fff; }
p#top-menu a:visited{ color: #fff; }
p#top-menu a:hover{ color: #c00; }


/*--------------------------------------------------------
4-2、エリアの設定「ヘッダーロゴ」
--------------------------------------------------------*/

div#header-logo{
	z-index: 1;
	position: absolute;
	height: 45px;
	text-align: left;
	background-image: url(../images_design/cd_header_logo_bg.jpg);
	background-repeat: repeat-x;
}


/*ロゴテキスト*/
p#h-back{
	position: absolute;
}

/*ヘッダー右側店舗案内*/
p#h-next{
	position: absolute;
	left: 780px;
}

/*--------------------------------------------------------
4-4、エリアの設定「コンテンツ全体」
--------------------------------------------------------*/

div#main{
	position: absolute;
	top: 35px;/*■縦位置*/
	overflow: hidden;
	background: #fff;
	text-align: left;
}

/*--------------------------------------------------------
4-6、エリア設定「本文」
--------------------------------------------------------*/

div#main-contents{
	overflow: hidden;
	margin: 15px auto 10px auto;
}

/*コンテンツエリア*/
div#main-contents .contents{
	clear: both;
	overflow: auto;
	margin: 0;
}

/*--------------------------------------------------------
4-6、ページ内容
--------------------------------------------------------*/

/*キャスト写真------------------------------------------*/
div.cd_photo{
	width: 360px;
	background: #fff;
	margin-bottom: 5px;
}

div.cd_photo .shortc{
	width: 300px;
	height: 25px;
	background: url(../images_design/cd_short.jpg);
	margin-bottom: 5px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
}

/*メイン写真*/
div.cd_photo .main{
	margin-bottom: 5px;
	float: left;
}

/*サムネイル*/
div.cd_photo .thum{
	float: right;
}

/*ショートコメント--------------------------------------*/
.shortc{
	width: 475px;
	height: 25px;
	background: #f7a;
	color: #fff;
	font-size: 14px;
	padding-top: 10px;
	text-align: center;
	margin-bottom: 5px;
}

/*プロフィール（名前・3サイズ）-------------------------*/
.profile{
	width: 475px;
	height: 63px;
	overflow: hidden;
	margin-bottom: 2px;
}

div.profile table{
	width: 475px;
	height: 63px;
	margin-bottom: 2px;
}

div.profile table th{
	width: 100px;
	background: #f7a;
	color: #fff;
	text-align: center;
}

div.profile table td{
	width: 370px;
	background: #ffe4ee;
	color: #c06;
	padding-left: 5px;
}

div.profile .name{
	font-size: 14px;
	font-weight: bold;
}

/*プロフィール（自由項目）------------------------------*/
.freetxt{
	width: 475px;
	height: 158px;
	overflow: hidden;
	margin-bottom: 2px;
}

div.freetxt table{
	width: 475px;
	height: 30px;
	margin-bottom: 2px;
}

div.freetxt table th{
	width: 100px;
	background: #f7a;
	color: #fff;
	text-align: center;
}

div.freetxt table td{
	width: 370px;
	background: #ffe4ee;
	color: #c06;
	padding-left: 5px;
}

/*プロフィール（プレイスタイル・タイプ）-----------------*/
.styletype{
	width: 475px;
	height: 135px;
	overflow: hidden;
	margin-bottom: 5px;
}

div.styletype table.waku{
	width: 475px;
	height: 135px;
	margin-bottom: 2px;
}

div.styletype table th.waku{
	width: 100px;
	background: #f7a;
	color: #fff;
	text-align: center;
}

div.styletype table td.waku{
	width: 370px;
	background: #ffe4ee;
	color: #fff;
	padding-left: 5px;
}

.st_on{
	width: 86px;
	height: 30px;
	background: #f7a;
	color: #fff;
	text-align: center;
	border: 2px solid #ffe4ee;
}

.st_off{
	width: 86px;
	height: 30px;
	background: #f7a;
	color: #ffadcc;
	text-align: center;
	border: 2px solid #ffe4ee;
}

/*お店からのコメント------------------------------------*/
.comment{
	width: 593px;
	height: 108px;
	background: #fff;
	border: 1px solid #ccc;
	line-height: 1.4em;
	padding: 5px;
	margin-bottom: 5px;
	overflow-y: scroll;
	overflow-x: hidden;
}

/*週間出勤予定表----------------------------------------*/
.schedule{
	width: 605px;
	height: 85px;
	background: #fff;
	overflow: hidden;
}

div.schedule table{
	width: 100%;
	margin-top: 5px;
}

div.schedule th{
	height: 30px;
	width: 14%;
	background: #f7a;
	color: #fff;
	text-align: center;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

div.schedule td{
	height: 50px;
	width: 14%;
	background: #ffe4ee;
	color: #c06;
	text-align: center;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

/*プロフィール（写メール日記）--------------------------*/
div.syame{
	width: 228px;
	height: 238px;
	background-color: #fff;
	border: 1px solid #ccc;
	overflow-y: scroll;
	overflow-x: hidden;
}

/*各項目用ボックス*/
div.syame_in{
	width: 200px;
	padding: 5px 10px;
	border-bottom: 1px dotted #ccc;
	margin-top: 5px;
}

/*各項目用ボックス*/
div.syame_in .img{
	text-align: center;
}

/*文字色・余白設定*/
div.syame_in .date,
div.syame_in .title{
	font-size: 14px;
}

div.syame_in .date{	margin-top: 5px;}

div.syame_in .date2{ color: #666; font-size: 11px;}

div.syame_in .title{ color: #c06; margin-bottom: 3px; font-weight:bold;}

div.syame_in .txt{ margin-top: 3px;}

div.syame_in .title a{ color: #c06;}

div.syame_in .name{ color: #c06; font-weight: bold;}
div.syame_in .name a{ color: #c06; font-weight: bold;}
div.syame_in .name a:hover{ color: #c06; text-decoration:underline; font-weight: bold;}

/*週間出勤予定表----------------------------------------*/
.cschedule{
	height: 70px;
	margin-top: 5px;
	overflow: hidden;
	clear: both;
}

.cschedule table.m3{
	width: 86px;
	margin-right: 3px;
	float: left;
	display: inline;
}

.cschedule table{
	width: 100%;
}

.cschedule th,
.cschedule td{
	width: 14%;
	text-align: center;
	border: 2px solid #fff;
}

.cschedule th{
	height: 30px;
	background: #999;
	color: #fff;
	font-weight: bold;
}

.cschedule td{
	height: 40px;
	background: #eee;
}

/*--------------------------------------------------------
4-7、エリア設定「フッター」
--------------------------------------------------------*/

div#footer{
	clear: both;
	width: 100%;
	background: #fff;
	text-align: center;
	padding-bottom: 10px;
}

/*------------------------------------------------------------
　written＆copyright by Shigeoki Matsuo
-------------------------------------------------------------*/