/* OPEN LOUNGE　スタイルシート */

/*【タグ固定書式】*/

body {
	background: #EEEEEE url(../img/ol_bg.gif);
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, Verdana, Arial, sans-serif;
	font-size: 12pt;
}

hr {
	color: #FFAA77; /* ←色替えポイント */
	margin: 2px 0px;
}

/*############################################*/

/*【枠】*/

/* 外枠 */
.sotowaku {
	bottom: 20px;
	background: #FFFFFF;
}

/* 内枠（二重線） */
.uchiwaku {
	border: 10px double #FFAA77; /* ←色替えポイント */
	margin: 6px;
	background: #FFFFFF;
}

/*--------------------------------------------*/
/*【エントリー】*/

/* アーカイブリンク前後リンク */
.archive_link {
	font-size: 80%;
	text-align: center;
}

/* エントリータイトル */
.entry_title {
	font-size: 12pt;
	color: #FFFFFF;
	background: #FFAA77; /* ←色替えポイント */
	padding: 3px 3px 0px 3px;
	border-bottom: 6px double #FFFFFF; 
}
	
/* エントリー本文 */
.entry {
	font-size: 80%;
	width: 400px;
	padding: 10px;
}

.talk {
	font-size: 80%;
	width: 410px;
	padding: 5px;
}

/* エントリーフッター */
.entry_footer {
	border-top: 1px solid;
	text-align: right;
}

/*--------------------------------------------*/
/*【各コーナー独自のクラス】*/

/* プロフィールトップ（Profile） */
.prof_top {
	width: 640px;
	padding: 10px;
}

/* ヒストリー詳細左右（Profile） */
.histry_left {
	float: left;
	overflow: hidden;
	width: 50px;
	padding: 5px 0px;
	line-height: 110%;
	font-size: 80%;
}

.histry_right {
	float: left;
	overflow: hidden;
	width: 360px;
	padding: 5px;
	line-height: 185%;
	font-size: 80%;
}

/* トークヘッダー（Talk） */
.talk_header {
	text-align: center;
	width: 420px;
}

/* 日記タイトル（Diary） */
.diary_title {
	font-size: 80%;
	color: #FFFFFF;
	background: #888888;
	padding: 5px;
}

/*--------------------------------------------*/
/*【コメント】*/

/*　コメントの表題　*/
.comment_title {
	font: bold 100%;
	border-bottom: 3px double #888888;
}

/*　コメント　*/
.comment {
	padding: 0px 10px;
}

/* コメントフッター */
.comment_footer {
	border-bottom: 1px dotted;
	text-align: right;
}

/*--------------------------------------------*/
/*【メールフォーム】*/

/* メールフォームのタイトル */
.mf_title {
	font: bold;
	color: #FFFFFF;
	background: #BBBBBB;
	padding: 3px 3px 0px 3px;
	border-bottom: 6px double #FFFFFF; }

/* メールフォーム */
.mf {
	width: 400px;
	border: 2px dashed #BBBBBB; 
	padding: 10px; }

/*--------------------------------------------*/
/*【サイドメニュー】*/

/* 右側サブタイトル */	
.side_title {
	font: bold 12pt;
	text-align: center;
	color: #FFAA77; /* ←色替えポイント */
	margin-bottom: 5px;
	border-top: 3px double #FFAA77; /* ←色替えポイント */
	border-bottom: 3px double #FFAA77; /* ←色替えポイント */
}

/* 右側メニュー枠 */
.side_menu {
	font-size: 80%;
	width: 180px;
	border: 2px dashed #AAAAAA;
	padding:10px;
	margin-bottom: 10px;
}

/*--------------------------------------------*/

/* リンク */
a:hover { text-decoration: underline; color:#FF0000; background:#FFF7C6; }

/* 担当者別カラー */
.越   { background:#FFD0D0; color:#F06363; }
.和泉 { background:#C8D8FF; color:#5181D9; }
.鈴木 { background:#D8F8D0; color:#388848; }
.和田 { background:#FFD098; color:#A1630F; }
.須藤 { background:#ABABAB; color:#191919; }

/* テーブルの色 */
.white  { background:#FFFFFF }
.red    { background:#FFD0D0; color:#F06363; }
.red2   { background:#FF7777; color:#FFFFFF; }
.orange { background:#FFD098; color:#A1630F; }
.yellow { background:#FFF4BF; color:#C4AF45; }
.ygreen { background:#B5EB84; color:#4A9A08; }
.bgreen { background:#9CF3BD; color:#31B263; }
.khaki  { background:#D8E0A8; color:#76863E; }
.green  { background:#D8F8D0; color:#388848; }
.water  { background:#8CD7DE; color:#4AB2BD; }
.blue   { background:#C8D8FF; color:#5181D9; }
.purple { background:#EBD5EC; color:#9B67C3; }
.brown  { background:#C8B8A0; color:#8C744C; }
.black  { background:#ABABAB; color:#191919; }
.silver { background:#DDDDDD; color:#7B7B7B; }
.aqua   { background:#B5EBF7; color:#186173; }

/* 文字の色 */
.tx_red    { color:#F06363; }
.tx_red2   { color:#FFFFFF; }
.tx_orange { color:#E88830; }
.tx_yellow { color:#C4AF45; }
.tx_ygreen { color:#5AAA08; }
.tx_bgreen { color:#31B263; }
.tx_khaki  { color:#76863E; }
.tx_green  { color:#388848; }
.tx_water  { color:#4AB2BD; }
.tx_blue   { color:#5181D9; }
.tx_purple { color:#9B67C3; }
.tx_brown  { color:#8C744C; }
.tx_black  { color:#191919; }
.tx_silver { color:#7B7B7B; }
.tx_aqua   { color:#186173; }

/*--------------------------------------------*/

#container {
	text-align: left;
	width: 660px;
}

#banner {
	width: 640px;
	padding: 10px;
}

#left {
	float: left;
	overflow: hidden;
	width: 420px;
	padding: 10px;
	line-height: 130%;
}

#right {
	float: left;
	overflow: hidden;
	width: 200px;
	padding: 10px;
	line-height: 105%;
}

#bottom {
	text-align: right;
	font-size: 80%;
}