/*HPnikki用のcss*/


/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.2;	/*全要素の行の高さを1.4倍にする*/
	color:#333333;		/*文字色*/
}


body{
	background-color:#ffffff	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
}


div#pagebody {
	width:750px; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-repeat:repeat-y;		/*背景画像を縦方向に繰り返す*/
	background-color:#ffffff;		/*内容全体の背景色*/
}



/*ここからリンク文字の設定*/
a{/*リンクされた文字*/
    color:0000ff;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:0000ff;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#934C7B;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}
/*リンク文字の設定終わり*/



/*============================================
ヘッダ(Flush部分)
============================================*/
div#header {
	height:140px;	/*タイトルFLUSHのサイズに合わせてボックスの高さを指定*/
	background-image:url("images/haikei3.jpg");	/*ヘッダ部分の背景画像*/
	background-color:#FFFFFF;		/*ヘッダ部分の背景色*/
}
h1 {
	padding:10px 0px 10px 0px;		/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	 text-align:center;	/*文字(フラシュ)を中央揃え*/
}
h1 a {text-decoration:none;} 			/*リンクの下線を無くす*/


/*============================================
メニュー
============================================*/
#navi {
	padding: 0px;
	margin: 0px;
}
#navi li {
	list-style-type: none;
	float: left;
	font-size: 100%;
	text-align: center;
	line-height: 3.5;
}
#navi a {
	display: block;
	height: 40px;
	width: 150px;
	background-image: url(images/menu1.jpg);
	background-position: top;
	text-decoration: none;
	color: #333;
}
#navi a:hover {
	background-image: url(images/menu2.jpg);
	background-position: bottom;
	color: #333;
}




/*============================================
トップ
============================================*/
div#top {
	width:740px; margin-right:5px; /*幅が740pxで左の余白が5px（750pxがブログに丁度いい大きさ（iphonサイズ） ※paddingの左右5pxの余白のせいか、740pxにしないと750に収まらない */
	padding:10px 5px 10px; /*幅の指定と位置調整*/
	margin:0px 0px 0px 0px;	/*位置調整（IE6のバグに注意）*/
	float:left;			/*カラムを左寄せにする*/
	background-image:url("images/haikei3.jpg");	/*背景画像*/
	font-size: 16pt;	/*文字サイズ*/
	line-height:1.2;	/*行間*/
}




/*============================================
日記
============================================*/
div#nikki {
	width:740px; margin-right:5px; /*幅が740pxで左の余白が5px（750pxがブログに丁度いい大きさ（iphonサイズ） ※paddingの左右5pxの余白のせいか、740pxにしないと750に収まらない */
	padding:10px 5px 10px; /*幅の指定と位置調整*/
	margin:0px 0px 0px 0px;	/*位置調整（IE6のバグに注意）*/
	float:left;			/*カラムを左寄せにする*/
	background-image:url("images/haikei2.gif");	/*背景画像*/
	background-attachment:fixed;	/*背景画像を固定*/
	font-size: 14pt;	/*文字サイズ*/
	line-height:1.2;	/*行間*/
}





/*============================================
過去日記一覧
============================================*/
div#kakomenu {
	width:740px; margin-right:5px; /*幅が740pxで左の余白が5px（750pxがブログに丁度いい大きさ（iphonサイズ） ※paddingの左右5pxの余白のせいか、740pxにしないと750に収まらない */
	padding:10px 5px 10px; /*幅の指定と位置調整*/
	margin:0px 0px 0px 0px;	/*位置調整（IE6のバグに注意）*/
	float:left;			/*カラムを左寄せにする*/
	background-image:url("images/haikei4.gif");	/*背景画像*/
	background-attachment:fixed;	/*背景画像を固定*/
	font-size: 14pt;	/*文字サイズ*/
	line-height:1.2;	/*行間*/
}



/*============================================
パスタ
============================================*/
div#pasta {
	width:740px; margin-right:5px; /*幅が740pxで左の余白が5px（750pxがブログに丁度いい大きさ（iphonサイズ） ※paddingの左右5pxの余白のせいか、740pxにしないと750に収まらない */
	padding:10px 5px 10px; /*幅の指定と位置調整*/
	margin:0px 0px 0px 0px;	/*位置調整（IE6のバグに注意）*/
	float:left;			/*カラムを左寄せにする*/
	background-image:url("images/haikei6.gif");	/*背景画像*/
	background-attachment:fixed;	/*背景画像を固定*/
	font-size: 14pt;	/*文字サイズ*/
	line-height:1.2;	/*行間*/
}


/*============================================
料理レシピ
============================================*/
div#recipe {
	width:740px; margin-right:5px; /*幅が740pxで左の余白が5px（750pxがブログに丁度いい大きさ（iphonサイズ） ※paddingの左右5pxの余白のせいか、740pxにしないと750に収まらない */
	padding:10px 5px 10px; /*幅の指定と位置調整*/
	margin:0px 0px 0px 0px;	/*位置調整（IE6のバグに注意）*/
	float:left;			/*カラムを左寄せにする*/
	background-image:url("images/haikei7.gif");	/*背景画像*/
	background-attachment:fixed;	/*背景画像を固定*/
	font-size: 14pt;	/*文字サイズ*/
	line-height:1.2;	/*行間*/
}














/*============================================
リンク
============================================*/
div#link {
	width:740px; margin-right:5px; /*幅が740pxで左の余白が5px（750pxがブログに丁度いい大きさ（iphonサイズ） ※paddingの左右5pxの余白のせいか、740pxにしないと750に収まらない */
	padding:10px 5px 10px; /*幅の指定と位置調整*/
	margin:0px 0px 0px 0px;	/*位置調整（IE6のバグに注意）*/
	float:left;			/*カラムを左寄せにする*/
	background-image:url("images/haikei5.gif");	/*背景画像*/
	background-attachment:fixed;	/*背景画像を固定*/
	font-size: 14pt;	/*文字サイズ*/
	line-height:1.2;	/*行間*/
}






/*============================================
コピーライト
============================================*/
div#copyright {
	width:740px; margin-right:5px; /*幅が740pxで左の余白が5px（750pxがブログに丁度いい大きさ（iphonサイズ） ※paddingの左右5pxの余白のせいか、740pxにしないと750に収まらない */
	height:40px;	/*ボックスの高さを指定*/
	background-image:url("images/haikei3.jpg");	/*ヘッダ部分の背景画像*/
	background-color:#FFFFFF;		/*ヘッダ部分の背景色*/
	text-align:center;

}









/*============================================
文字設定メニュー
============================================*/


.a00style1 {
	font-size: 14pt; 
	text-align: center;
}

.a01日付（平日） {
	font-size: 14pt; 
	color: #0066ff; 
}
.a02日付（祝日） {
	font-size: 14pt; 
	color: #ff0033; 
}
.a03タイトル {
	font-size: 16pt; 
	font-weight: bold;
	color: #0066ff; 
}
.a04オープニング {
	font-size: 11.5pt; 
	color: #0099cc; 
}

.a11中文字赤 {
	font-size: 18pt; 
	font-weight: bold; 
	color: #FF0000; 
}
.a12大文字赤 {
	font-size: 22pt; 
	font-weight: bold; 
	color: #FF0000; 
}
.a13中文字オレンジ {
	font-size: 18pt; 
	font-weight: bold; 
	color: #FF6600; 
}
.a14中文字青 {
	color: #3399CC;
	font-size: 16pt;
	font-weight: bold;
}
.a15中文字緑 {
	color: #00CC99;
	font-size: 16pt;
	font-weight: bold;
}
.a16中文字ピンク {
	color: #FF66FF;
	font-size: 16pt;
	font-weight: bold;
}

.a99Copyrigh {
	font-size: 9pt;
	text-align: center;
}