/* 00仕様メモ============================================================ */

/* テキスト基準：14px */

/* キーカラー */
/* （メニューベース・本文内キーカラー）、（ロールオーバー）
HOME(home)：#f4e400 #fdee1f
アニーファンドについて(about)：#ec6c00 #f5973e
ブログ(blog)：#e5004e #e56f86
アーカイブ(archive)：#6c1686 #835da0
サポート方法(support)：#0069b7 #6493cd
お問い合わせ(contact)：#8ec41f #9dc472
 */



/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* 01背景指定------------------------------------------------------------------- */
	body { background: #F5F5F5 url(../imgs/common/bg.jpg) top left repeat-x; }

	.main{ 
		background-color: #FFFFFF;
		border: #E5E5E5 solid 1px;
		border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
	}

/* 02フォント指定---------------------------------------------------------------- */
	body { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",
	"メイリオ",Meiryo ,Osaka ,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif; }
	
	body.en {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
	

/* 03テキスト指定---------------------------------------------------------------- */
/* =========基本サイズ指定(rem併用)========= */
	html { font-size: 62.5%; } /* =10px */
	body { font-size: 14px; font-size: 1.4rem; } /* =14px */

/* ==========段落指定=================== */
	p { margin-bottom: 1em; color: #333333; line-height: 1.5em; text-align: justify; }
	p.h2cap { margin: 0 2.5em 2.5em 2.5em; color: #666666; } /* h2カテゴリ説明文 */
	
/* ==========そのほか=================== */
	time { display: inline-block; font-size: 10px; font-size: 1rem; color: #666666; margin-bottom: 2.8em; }


	a { text-decoration: none; }
	a:hover { text-decoration: underline; }


/* 04回り込み指定---------------------------------------------------------------- */
	.right { float: right; }
	.left { float: left; }
	.clear { clear: both; }


/* 05ヘッダー ----------------------------------------------------------------- */
/* ==========ANNIEFUND LOGO========= */
	header h1 { margin: 12px 0; }

/* ==========カテゴリタイトル========== */
	h2 {
		font-size: 2.5em; font-weight: normal;
		margin: 0 1em 0.2em 1em; padding-top: 0.8em;
		text-shadow: 0 1px 1px rgba(32,32,32,0.22);
		}
	
	h2.c-home { color: #f4e400; }
	h2.c-about { color: #ec6c00; }
	h2.c-blog { color: #e5004e; }
	h2.c-archive { color: #6c1686; }
	h2.c-support { color: #0069b7; }
	h2.c-contact { color: #8ec41f; }

/* =========カテゴリ記事タイトル========= */
	h3 {
		font-size: 1.5em; font-weight: normal;
		margin: 0 0 0.2em 0; padding: 0 0 0.14em 0.5em;
		color: #000000;
		border-color: #000000;
		border-style: solid;
		border-left-width: 14px;
		border-bottom-width: 1px;
		}
	
	h3.t-home { border-color: #f4e400; }
	h3.t-about { border-color: #ec6c00; }
	h3.t-blog { border-color: #e5004e; }
	h3.t-archive { border-color: #6c1686; }
	h3.t-support { border-color: #0069b7; }
	h3.t-contact { border-color: #8ec41f; }


/* 06ナビゲーション--------------------------------------------------------------- */

li { list-style: none; }

/* ==========メインナビゲーション========== */
	nav ul { height: 20px; }
	nav ul li {
		float: left; width: 13em; margin-right:2px; padding: 0.2em 0;
		text-align: center;
		position: relative; 
	}

	nav ul li a {
		display: block;
		color: #FFFFFF;
		background: url(../imgs/common/menu_shadow.png) bottom left repeat-x;
		text-shadow: 0 1px 1px rgba(32,32,32,0.4);
	}

	nav ul li.home a { background-color: #f4e400; }
	nav ul li.about a { background-color: #ec6c00; }
	nav ul li.blog a { background-color: #e5004e; }
	nav ul li.archive a { background-color: #6c1686; }
	nav ul li.support a { background-color: #0069b7; }
	nav ul li.contact a { background-color: #8ec41f; }

	nav ul li.home a:hover { background-color: #fdee1f; }
	nav ul li.about a:hover { background-color: #f5973e; }
	nav ul li.blog a:hover { background-color: #e56f86; }
	nav ul li.archive a:hover { background-color: #835da0; }
	nav ul li.support a:hover { background-color: #6493cd; }
	nav ul li.contact a:hover { background-color: #9dc472; }

	nav ul li a:hover {
		background: none;
		text-decoration: none; text-shadow: 0 -1px 1px rgba(32,32,32,0.3);}


	/* 角丸 */
	nav ul.mainnav li a {
		border-top-left-radius: 5px; border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
	}

	/* メインナビゲーション＞ドロップダウンメニュー */
	nav ul.mainnav li ul {
		position: absolute; 
		top: 24px;
		left: 0;
		width: 13em;
		display:none;
		float: none;
	}

	nav ul.mainnav li ul li a {
		border-top-left-radius: 0px; border-top-right-radius: 0px;
		-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px;
	}

	nav ul.mainnav li:hover ul { display: inline; }


/* ==========ヘッダーロゴ右側ナビゲーション========== */
	ul.headernav li {
		float: left;
		height: 14px;
		margin-left: 3em;
		font-size: 12px; font-size: 1.2rem;
	}

	ul.headernav li a {
		display: block;
		height: 14px;
		padding-left: 1.5em;
		color: #666666;
		background: url(../imgs/common/subnavi_arrow.png) bottom left no-repeat;
	}

	ul.headernav li a:hover {
		color: #000000;
		background-position: top left;
		text-decoration: none;

	}


/* =======サイドバー・カテゴリリスト・記事リスト======== */
	ul.cat li {
		margin-top: 0.8em;
		margin-bottom: 1.5em;
		color: #FFFFFF;
		text-shadow: 0 1px 1px #666666;
		}
	ul.cat li span {
		display: block;
		margin-bottom: 1em;
		padding: 0.2em 0em 0.1em 1em;
		background: #999999 url(../imgs/common/sidemenu-bg.png) bottom right no-repeat;
		border-bottom: #777777 solid 1px;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		}
	
	ul.cat li ul.catlist li { margin-left: 1em; margin-bottom: 1em; background: none; text-shadow: none; }




/* 07フッター ----------------------------------------------------------------- */
	footer address {
		font-size: 10px; font-size: 1rem;
		color: #888888; text-align: center;
		font-style: normal;
		margin: 2em; auto;
	}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}