/* 全タグ共通設定 */
/* 　「*」で定義すると、全てのタグに適応されるぞ！ */

* {
	font-family			: "ＭＳ Ｐゴシック", "Osaka"; 
	font-style			: normal; 
	text-decoration		: none; 
	text-align			: left; 
	font-weight			: normal; 
}

p {
	margin				: 3px;	
}

/* ========================================================================== */
/*  ▼ ヘッダーの定義 */
h1 {
	font-size			: 24px; 
	font-weight			: bold; 
}

h2 {
	font-size			: 20px; 
	font-weight			: bold; 
}

h3 {
	font-size			: 16px; 
	font-weight			: bold; 
}

h4 {
	font-size			: 14px; 
	font-weight			: bold; 
}

/* ========================================================================== */
/* ▼ BODY　文字サイズ、リンク色等*/
body, .topc {
    /* 中央指定（ＩＥ対処） */
    text-align	        : center;
	font-size			: 12px;
	vertical-align		: top;
	color				: #7CA19D;
}

body, .menu, #Diary, .title, .log, .track .topc {
	margin				: 0 auto 0 auto;
	/* ↑ 実はこれがセンタリングの指定。 */
	/*    margin で、leftとright にautoを指定し、 */
	/*    且つ、横幅が決まっていると（widthで指定） */
	/*    センタリングがかかるぞ！ */

	width				: 675px; 

	font-size			: 12px;
	vertical-align		: top;
	color				: #7CA19D;
}

a:link{
	font-size			: 13px;
	color				: #0033ff;
}

a:visited {
	font-size			: 13px;
	color				: #0033ff;
}

a:active {
	font-size			: 13px;
	color				: #0066ff;
}

a:hover {
	font-size			: 13px;
	color				: #0066ff;
}


/* ========================================================================== */
/* ===全ページ・コンテンツページに共通使用=== */

.subject {
    /* コンテンツ タイトル枠 */
	caption-side		: top; 
	margin				: 0;
	color				: #FCFCFC; 
	background-color	: #038FB2; 
	font-size			: 13pt; 
	padding				: 10px; 

	border-width		: 0px;
	border-style		: none;
	border-color		: #000000;

	width				: auto;
}

.main {
    /* コンテンツ枠 */
	caption-side		: top; 
	margin				: 0 0 0.25em 0;

	border-width		: 1px;
	border-style		: solid;
	border-color		: #038FB2;

	padding				: 10px;
	width				: auto;

}

.track {
    /* 「Ｂａｃｋ」のマージン指定 */
    font-weight         :bold;
    margin				: auto auto auto 40px;
}


.hoshi {
    /* 注意書き（赤文字） */
    color               : #FF0000;
}

.kugiri {
     /* コンテンツ内での区切りに仕様（点線） */
	margin				: 1em auto 0.25em auto;		/* 1em は1文字分の大きさ。0.25em指定していると言うことは、文字の1/4ほど幅を取るぞ */
	padding				: 0.25em 0px 0.25em 0px;
	border-style		: dashed;
	width				: 100%;
	border-width		: 2px 0px 2px 0px;
	border-color		: #9CAAB4;
}


/* ========================================================================== */
/* ===トップページ・日記関係=== */

.title{
    /* トップページのタイトル画像表記 */
	background-image	: url(./img-hp/title.jpg);
	background-repeat	: no-repeat;	
	background-position	: bottom right;
	height				: 200px;
}


.topc{
    /* カウンター、更新日表記 */
	margin				: 10px auto auto 10px;
}

.date {
   /* 日記の日付表記 */
   color                : #A9C8D0 ;
   margin				: 2em auto 0em auto;
   text-align			: right;
   padding				: auto 0 auto auto;
}

.log {
    /* 更新過去ログ（日記） */
    font-weight         : bold;
    margin				: auto auto auto auto;
}


/* ========================================================================== */
/* ▼新メニュー */
.menu {
	color				: #A9C8D0;
	padding				: 0.25em 0px 0.25em 0px;
	border-style		: dashed;
	border-width		: 0px 0px 2px 0px;
	border-color		: #9CAAB4;
	margin				: 0 0 0.1em 0;
}

.menu_text {
	margin				: 0px 0px 0px 2em;			/* メニューの上下に余計な幅が出来ないように */
}


/* ========================================================================== */