@charset "utf-8";

/* ==============================================================================
 *
 *	ftm.css
 *
 *	fake the milk 共通 CSS
 *
 *  based on sa_common.css
 *	2011-04-24 Nobuo Kihara
 *
 * =============================================================================== */

/* ==============================================================================
 * screen, projection, print
 * =============================================================================== */

@media screen, projection, print {

/* ------------------------------------------------------------------------------
 *
 * ブラウザ固有のスタイルをリセットして、共通の基本的状態にする
 *
 *		* html             ... for IE6 only
 *		*:first-child+html ... for IE7 only
 *
 * ------------------------------------------------------------------------------ */

html,body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html,body {background: #FFF; color: #000;}

body {font:100%/1.6 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
/* IE6 */
/* * html body {font-size: small;} */
/* IE7 */
/* *:first-child+html body {font-size: 110%;} */

img {border: 0; vertical-align: top;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

/* input,textarea,select,button {font-family: tahoma, sans-serif; font-size: inherit; font-weight:inherit;} */
input,textarea,select,button {font-family: arial, sans-serif; font-size: inherit; font-weight:inherit;}
/* IE6 */
* html input,* html textarea,* html select,* html button {font-size: 100%;}
/* IE7 */
*:first-child+html input,*:first-child+html textarea,*:first-child+html select,*:first-child+html button{font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
/* IE6 */
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
/* IE7 */
*:first-child+html pre,*:first-child+html code,*:first-child+html kbd,*:first-child+html samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

/* ------------------------------------------------------------------------------
 *
 * ページのフレームワーク
 *
 *	html
 *		body
 *			#container					コンテナ
 *				#header					ヘッダ
 *					#bread_crumbs		パンくずリスト
 *				#global_menu			グローバル・メニュー (ここでは省略)
 *				#main_wrapper			メイン・ラッパー	右メイン・カラム
 *					#main_contents		メイン・コンテンツ
 *				#sub_wrapper			サブ・ラッパー		左サブ・カラム
 *					#sub_contents		サブ・コンテンツ
 *				#footer					フッタ
 *
 * ------------------------------------------------------------------------------ */

html {
/*	background: #FFFFF8;*/
	overflow-y: scroll;			/* 内容の少ないページでも縦スクロール・バーの領域を確保して
									横方向のレイアウトが同じになるようにする */
	padding: 0px;
}

body {
/*	background: #FFFFF8;*/
	color: #000000;
	padding: 0px;
	/* text-align: center; */	/* #container centering hack for IE 5,6 */
}

#container {
/*	background: #FFFFF8;*/
	min-width: 600px;
	/* max-width: 800px; */
	/* border: 1px solid #A0A060; */
	/* margin: 0 auto; */		/* 上下 0, 左右 auto (centering) */
	/* text-align: left; */		/* cancel adverse effect of #container centering hack for IE 5,6 */
}

#header {
	 background-color : #FDF9D3;
	 border-width : 0px 0px 1px 0px;
	 border-style : solid;
	 border-color : #808000;
	 padding : 25px 20px 5px 230px;
}

#bread_crumbs {
}

#gloval_menu {
}

#main_wrapper {
	width: 100%;
	float: right;
	display: inline;			/* IE6 margin fix */
	margin-left: -230px;		/* for #sub_wrapper */
}

* html #main_wrapper {			/* IE6 box width fix */
	overflow: hidden;
}

#main_contents {
	margin: 20px 20px 40px 240px;
	min-height: 400px;
}
* html #main_contents {
	height: 600px;
	margin-left: 260px;
}

#main_wrapper div.navi {
	margin: 10px 20px 10px 240px;
	text-align: right;
}

#main_wrapper div.navi li {
	display: inline;
}

#main_wrapper div.top_navi {
	position: absolute;
	margin-top: 10px;
	margin-left: 240px;
	font-size: 0.9em;
}
#main_wrapper div.top_navi li {
	display: inline;
}

#sub_wrapper {
	width: 230px;
	float: right;
	display: inline;			/* IE6 margin fix */
	position: relative;
}

#sub_contents {
	width: 190px;
	margin: -5.3em 0px 0px 20px;
	/* position: fixed; */
	z-index: 10;
}

* html #sub_contents {			/* IE6 */
	position: absolute;
}

#footer {
/*	width: 100%; */				/* IE6 fix */
	clear: both;
}

/* ------------------------------------------------------------------------------
 *
 * 基本的なテキスト装飾スタイル
 *
 * ------------------------------------------------------------------------------ */

/*
 * テキスト装飾
 * -------------------------------------------------- */

strong, em {
	font-weight: bold;
}

em {
	color: #006600;
}

.error, .warning {
	color: #CC0000;
}

.LookAt {
	color : #880000;
}
.Saturday {
	color : #0044FF;
}

.Sunday, .Holiday {
	color : #FF0000;
}

td.Holiday {
	background: url(marks/hinomaru.gif) no-repeat center 3px;
}

.Deleted, deleted {
  text-decoration : line-through;
}

.disabled {
	color: #969696;
}

.center {
	text-align: center;
}

.notice {
	color: #0000AA;
}

/*
 * 英字
 * -------------------------------------------------- */

.TNR {
  font-family : "Times New Roman", Century, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.THM {
  font-family : tahoma, "メイリオ", "ＭＳ Ｐゴシック","ＭＳ ゴシック",OSAKA,sans-serif;
}

/* ------------------------------------------------------------------------------
 *
 * ヘッダ
 *
 * ------------------------------------------------------------------------------ */

/*
 * 見出し
 * -------------------------------------------------- */
#header h1{
	font-size : 200%;
	text-align : left;
	margin-left : 10px;
	font-family : "ＭＳ Ｐ明朝", "平成明朝", "ＭＳ 明朝", "Times New Roman", Century, serif;
	font-weight : bold;
}

/*
 * ログイン情報
 * -------------------------------------------------- */

#login_info {
	float: right;
	text-align: right;
	font-size: 90%;
}

/*
 * パンくずリスト
 * -------------------------------------------------- */

#header #bread_crumbs p {
	margin: 0px 0px 4px 15px;
	font-size: 90%;
}

/* ------------------------------------------------------------------------------
 *
 * メイン・コンテンツ
 *
 * ------------------------------------------------------------------------------ */

/*
 * ナビ
 * -------------------------------------------------- */

#main_contents div.navi {
	text-align: right;
	margin-right: 0;
	margin-left: auto;
	clear: both;
}

#main_contents div.navi p {
	margin: 0;
}


/*
 * 見出し
 * -------------------------------------------------- */

/*#main_contents h2 {
	font-size: 150%;
	background: #E7FFE7;
	padding: 6px 10px 6px 10px;
	border-top: 1px solid #007700;
	 margin-bottom: 10px;
	margin: 2em 0px 1.2em 0px;
}*/

#main_contents h2 {
	background: #E7E7E7;
	/* border-bottom: 1px solid #BBCCBB; */
	padding: 3px 10px;
	font-size: 120%;
	/* font-weight: bold; */
	margin: 2em 0px 1.2em 0px;
}

#main_contents div.ui-tabs-panel h2 {
	margin: 0px 0px 0px 10px;
}

#main_contents h3, #main_contents h4, #main_contents h5, #main_contents h6 {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-weight: bold;
}

#main_contents h3 {
	font-size: 110%;
	border-bottom: 1px solid #007700;
	margin: 1.5em 0px 1.2em 5px;
	padding-left: 5px;
}

#main_contents h4, #main_contents h5, #main_contents h6 {
	margin: 1.5em 10px 0.6em 10px;
}

/*
 * 本文
 * -------------------------------------------------- */

#main_contents p {
	margin: 0.6em 10px 0.7em 10px;
}

/*
 * ノート
 * -------------------------------------------------- */

#main_contents h4.note {
	margin-left : 35px;
}

#main_contents div.note {
	margin-left : 30px;
	font-size : 90%;
}

/*
 * 引用
 * -------------------------------------------------- */

#main_contents blockquote {
	background: #F8F8E8;
	border: 1px solid #AAAA77;
	padding: 3px 10px;
	margin: 0.7em 20px 0.8em 30px;
}

/*
 * プロパティ
 * -------------------------------------------------- */

div.property, p.property, p.cite, p.date {
	text-align : right;
}

p.doc_prop {
	text-align: right;
	margin-right: 20px;
}

/*
 * コード
 * -------------------------------------------------- */

#main_contents div.code {
	background: #F0F8F8;
	border: 1px solid #77AAAA;
	padding: 3px 10px;
	margin: 0.7em 0px 0.8em 30px;
}

#main_contents div.code p {
	font-family: "Courier New","Lucida Console","ＭＳ ゴシック",monospace;
	line-height: 1.3;
	margin: 0.2em 0;
}

/*
 * リスト
 * -------------------------------------------------- */

#main_contents ul {
	margin: 0.8em 10px 1em 10px;
	padding-left: 50px;
}

#main_contents ol {
	margin: 0.8em 10px 1em 10px;
	padding-left: 60px;
}

#main_contents ul.link_list, #main_contents ul.navi {
	padding-left: 35px;
}

#main_contents ul > li {
	list-style-type: disc;
}

#main_contents ul.link_list > li,
#main_contents ul.navi > li,
#main_contents ul.none > li,
#main_contents .ui-tabs ul > li
{
	list-style-type: none;
}

#main_contents ol > li {
	list-style-type: decimal;
}

#main_contents li p {
	margin: 0px;
}

#main_contents dl {
	margin: 0.8em 10px 1em 10px;
}

#main_contents dt {
	margin: 1.0em 0px 0.4em 0px;
	font-weight: bold;
}

#main_contents dd {
	margin-left: 30px;
}

/*
 * テーブル
 * -------------------------------------------------- */

table {
	margin: 0.5em 10px 1.0em 10px;
	border-collapse: collapse;
	word-break: break-all;
}

table.yiiLog { margin-left: 240px;}

table th {
	background: #F0F0F0;
}

table thead th {
	text-align: center;
}

table th, table td {
	padding: 3px 4px;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
}

td.account, td.number, td.numeric, td.time, td.date, td.monospace {
	font-family: "Courier New","Lucida Console","ＭＳ ゴシック",monospace;
	white-space: nowrap;
}

td.account, td.number, td.numeric, td.time {
	text-align: right;
}

td.nowrap, th.nowrap, td.center, td.left, td.right {
	white-space: nowrap;
}

table p {
	margin: 0px;
}

/*
 * 水平線
 * -------------------------------------------------- */

hr {
	margin-left : 10px;
	border : 1px solid #DDDDDD;
	clear : both;
}

hr.clr {
	margin : 0px;
	visibility : hidden;
}

/*
 * イメージ
 * -------------------------------------------------- */

img, object.video {
	margin-top : 8px;
	margin-left : 16px;
	margin-right : 16px;
	margin-bottom : 16px;
}

object.video {
	float: left;
}

img.left {
	float: left;
}

img.right {
	float: right;
}

img.graph {
	border: 1px solid #DDDDDD;
}

img.captcha {
	border: 1px solid #CCCCCC;
	margin: 4px;
}

/*
 * フォームのボタン
 * -------------------------------------------------- */

#main_contents div.btn {
	margin: 10px 10px 20px 10px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 10px 10px 10px 0px;
}

/*
 * ツールチップ
 * -------------------------------------------------- */
div.tip {
	position: absolute;
	background: #FFFFD8 url(./marks/tooltip.gif) no-repeat 4px 8px;
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 4px 8px 4px 18px;
	margin-top: 15px;
	margin-left: 15px;
	display: none;
}
* html div.tip {
	margin-top: 35px;
}
*:first-child+html div.tip {
	margin-top: 35px;
}

.with_tip {
	background: url(./marks/tooltip.gif) no-repeat right center;
	padding-right: 14px;
	padding-left: 0px;
	cursor:help;
}

td.arrow {
	text-align: center;
	font-size: 80%;
}

/* ------------------------------------------------------------------------------
 *
 * サブ・ナビ（左側サブ・コラム）
 *
 * ------------------------------------------------------------------------------ */

/*
 * ロゴ・イメージ
 * -------------------------------------------------- */

#logo {
	/* background: #FEFBE3; */
	/* border: 1px solid #AABBCC; */
	text-align: center;
	margin-bottom: 10px;
	padding: 10px 0px;
}
img.logo {
	margin: 0px 0px 4px 0px;
	/* visibility: hidden; */
}

a img.logo {
	border: 1px solid #AABBCC;
}

a:hover img.logo {
	border: 1px solid #0033CC;
}

/*
 * ナビ
 * -------------------------------------------------- */

#global_side_navi {
	margin: 5px 5px 30px 5px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
#sub_contents .navi {
	margin: 3px 0px 3px 5px;
	padding: 3px 0px 3px 10px;
}
#sub_contents #global_side_navi .navi {
	margin-left: 0px;
}

#side_menus {
/*	border: #CCCCCC 1px solid;*/
	background-color: #FFFFFF;
}

#sub_contents h2, #global_side_navi h3 {
	display: none;
}

#sub_contents h3 {
	font-weight: bold;
	margin-top: 16px;
	margin-left: 16px;
}
#sub_contents ul ul {
	margin-left: 16px;
}

/* -------------------------
 * カレンダー
 */
div.sa_calendar {
	font-size: 80%;
	text-align: center;
}
div.sa_calendar table {
	margin: 5px 5px;
}
div.sa_calendar div.year_month {
	font-weight: bold;
}

div.sa_calendar th,
div.sa_calendar td{
	width: 25px;
/*	padding: 1px;*/
}
div.sa_calendar th{
	font-weight: bold;
}

table.sa_calendar th,
table.sa_calendar td{
	border : 1px solid #cccccc;
}
table.sa_calendar td.Holiday {
	background-image: url(marks/hinomaru.gif);
	background-repeat: no-repeat;
	background-position: center 3px;
	cursor: default;
}
table.sa_calendar td.date_selected {
	background-color: #fdf9d3;
}

/* ------------------------------------------------------------------------------
 *
 * フッタ
 *
 * ------------------------------------------------------------------------------ */

#footer {
	position: relative;
	border-width : 1px 0px 0px 0px;
	border-style : solid;
	border-color : #808000;
	padding : 10px 20px 20px 240px;
}

#footer #yii {
	position: absolute;
	top: 12px;
	right: 20px;
}

#footer p {
	font-size: 80%;
}

} /* end @media screen, projection, print */

/* ==============================================================================
 * handheld, tty
 * =============================================================================== */

@media handheld, tty {

/*
 * 基本的に、何もしない
 */

html,body,#container {
	background: #FFFFFF;
}

#header {
	 background-color : #FDF9D3;
	 border-width : 0px 0px 1px 0px;
	 border-style : solid;
	 border-color : #808000;
}

#sub_wrapper {
	float: none;
	display: none;
}

h1{
	font-size : 120%;
	font-weight : bold;
}

blockquote, div.code, div.Story, div.Song, div.Warning {
	background: #F8F8E8;
	border: 1px solid #AAAA77;
	margin: 0.5em;
}

table {
	border-collapse: collapse;
}

table th {
	background: #F0F0F0;
}

table th, table td {
	border: 1px solid #CCCCCC;
	vertical-align: middle;
}

#footer {
	 border-width : 1px 0px 0px 0px;
	 border-style : solid;
	 border-color : #808000;
}

#view_mode, form {
	display: none;
}

}  /* end @media handheld, tty */

/* ==============================================================================
 * print
 * =============================================================================== */

@media print {

/* ------------------------------------------------------------------------------
 *
 *		背景は白
 *		サブ・コラムを消す
 *		フォントは serif 系
 *
 * ------------------------------------------------------------------------------ */

html {
	background: #FFFFFF;
}

body {
	background: #FFFFFF;
	font-size: 100%;
}

#main_contents p {
	font-family : "ＭＳ Ｐ明朝", "平成明朝", serif;
}


#container {
	background: #FFFFFF;
}

#header, #footer {
	/* background-color : #FFFFFF; */
	 padding-left : 20px;
}

#header h1{
	margin-left : 0px;
}

#main_wrapper {
	float: none;
	margin-left: 0px;			/* w/o #sub_wrapper */
}

#main_contents {
	margin-left: 0px;
	margin-right: 0px;
}

#sub_wrapper {
	float: none;
	display: none;
}

div.navi, #diary_navi_upper, #diary_navi_lower, #view_mode, .no_print, #footer #yii  {
	display: none;
}

}