/*
Theme Name: My Favorite
Description: Original theme for MFM
Author: Ken Oya
*/

/* ==================== reset css ==================== */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* ==================== レイアウト ==================== */

html    {overflow-y:scroll;
	margin: 0;
	padding: 0;}

body	{background-color: #000000;
	color: #ffffff;
	margin-top: 20px;
	font-family: "Helvetica Neue", Helvetica, Verdana, 
	Arial, Meiryo, 'メイリオ', "Hiragino Kaku Gothic Pro", 
	"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;}

a:focus { outline:none;}

#container	{width: 864px;
	margin: auto;
	position: relative;}

#content	{margin: 0 0 20px;
	overflow: hidden;}

#article	{width: 800px;
	margin: auto;}

#leftcontent	{float: left;
	width: 320px;}

#rightcontent	{float: right;
	width: 460px;}

#leftprofile	{float: left;
	width: 140px;
	margin: 0;
	padding: 10px;;}

#rightprofile	{float: right;
	width: 620px;
	padding: 10px;
	border: 1px #999999 solid;}



#uppercontent	{
	margin: 0;
	padding: 0;
	border: 0;}

#lowercontent	{
	margin: 0;
	padding-top: 128px;  
	border: 0;} 

#foot	{clear: both;}


#head, #leftcontent, #rightcontent, #foot
	{background-color: #dd0000;}

/* ==================== リンク ==================== */

a	{color: #ffffff;
	text-decoration: none;}

a img	{border: none;}

/* ==================== リンク集 ==================== */

#listcontent	{
	width: 600px;
	margin: 10px auto;}

.link	{margin: 0;
	padding: 0;}

.link, .link ul	{list-style-type: none;}

.link li li	{font-size: 12px;
	color: #999999;
	margin: 20px 0 25px;
	border-bottom: solid 1px #99cc33;
	padding-bottom: 5px;
	margin-left: 30px;}

.link a	{font-size: 16px;
	font-weight: bold;
	color: #999999;
	padding: 5px;;}

.link a:hover	{color: #ffffcc;}

.link h3	{
	font-style: italic;
	color: #99cccc;}

/* ==================== ヘッダー ==================== */

#head	{background: none;
	margin: 0;
	border-bottom: solid 1px #ffffff;}

#head img	{padding-left: 754px;
	margin-bottom: 0;}

#head h1	{margin: 0;}

/* ==================== フッター ==================== */

#foot	{background: none;
	margin-top: 10px;
	border-top: solid 1px #ffffff;
	padding-top: 10px;
	padding-bottom: 20px;}

#foot p	{font-size: 14px;
	color: #999999;
	margin: 0;
	padding-bottom: 5px;
	text-align: right;}

/* ==================== tab navigation ==================== */

#tab-nav-3.tab-nav 	{
	position: absolute;
	left: 0;
	top: 20px;
	width: 700px;
	overflow: hidden;
	margin: 5px 0;
	}

#tab-nav-3.tab-nav ul 	{
	position: relative;
	float: left; 
	width: 1600px;
	margin-left: 625px; 
	padding-left: 0;
	list-style-type: none;
	 background-color: #000000;
	}

#tab-nav-3.tab-nav li 	{ 
	float: left;
	clear: left; 
	}

#tab-nav-3.tab-nav a 	{
	display: block;
	 width: 74px;
	border-right: 1px solid #cccccc;
	 height: 20px;
	line-height: 19px;
	float: left;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #ffffcc;
	}

#tab-nav-3.tab-nav a.expanded 	{
	background-position: 2px -244px;
	}

/* second level */

#tab-nav-3.tab-nav ul ul 	{
	float: left;
	background-color: #262626;
	width: auto;
	margin-left: 0;
	}

#tab-nav-3.tab-nav ul ul a:hover	{
	background-color: #666666;
	}




#tab-nav-3.tab-nav li li 	{clear: none;}

#tab-nav-3.tab-nav li li a 	{
	color: #666666;
	width: 80px;
	background-image: none;
	}

#tab-nav-3.tab-nav li li a:hover {color: #ffffff;}

/* ==================== カテゴリーナビゲーションメニュー ==================== */

#cnav	{list-style-type: none;
	margin-bottom: 10px;
	padding: 0;
	overflow: hidden;
	display: inline-block; 
	*display: inline;}

#cnav ul	{list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;}

#cnav li	{float: left;}

#cnav li a	{font-size: 12px;
	padding: 0 12px;
	display: inline-block;
	height: 25px;
	background-image: url(images/mark.png);
	background-repeat: no-repeat;
	background-position: -200px 0;}

#cnav li a:hover	{color: #ffff99;}

#cnav li.current-post-parent a,
#cnav li.current-menu-item a
	{background-position: center bottom;}

#content	{clear: both;}

/* ==================== サムネイル ==================== */

#tn	{width: 575px;
	height: 80px;
	margin: 10px auto 0 auto;
	padding: 2px;}

#tn p	{font-size: 14px;
	color: #ffffcc;
	font-weight: bold;
	font-style: italic;
	padding-top: 30px;}

.title	{width: 150px;
	height: 80px;
	float: left;
	text-align: center;
	background-color: #1f1f1f;
	margin-right: 5px;}

.tnContainer	{
	float: left;
	overflow: hidden;}

#tn img	{opacity: 0.30;
	filter: alpha(opacity=30); /* IE lt 8 */
	-ms-filter: "alpha(opacity=30)"; /* IE 8 */
	-khtml-opacity: .30; /* Safari 1.x */
	-moz-opacity: .30; /* FF lt 1.5, Netscape */
	margin: 0;
	padding: 0;}

#wrap h4	{
	font-size: 18px;
	text-align: center;
	color: #ffffcc;}


/* ==================== トップ ==================== */

#uppercontent img	{
	display : block ;
	float : left ;
	opacity: 0.40;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-khtml-opacity: .4;
	-moz-opacity: .4;
	margin-right: 4px;}

#lowercontent	{
	clear: both;}

#lowercontent img	{
	display : block ;
	float : left ;
	opacity: 0.40;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-khtml-opacity: .4;
	-moz-opacity: .4;
	margin-right: 4px;
	padding: 0;
	border: 0;}}

#uppercontent {
	position: relative;
	margin:0; 
	padding: 0;
	border: 0;}

/*

#uppercontent img	{
	position: relative;
	opacity: 0.40;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-khtml-opacity: .4;
	-moz-opacity: .4;
	margin:0; 
	padding: 0;
	border: 0;}
*/

/* ==================== トップ ヘッダ==================== */

#thead	{
	position: absolute;
	top: 284px;
	width: 848px;
	height: 120px;
	background-color: #090909;
	margin:0;}

#thead img	{
	margin-top: 36px;
	margin-left: 50px;
	padding-right: 15px;
	border-right: 2px #ffffff solid;}

/* ==================== 記事画像 ==================== */

.alignleft	{float: left;
	margin-right: 4px;
	margin-bottom: 4px;}

.alignright	{float: right;
	margin-right: 4px;
	margin-bottom: 4px;}

.aligncenter	{clear: both;
	display: block;
	margin: 4px auto;}

/* ==================== Profile ==================== */




/* ==================== コンテンツ ==================== */

p	{
	font-size: 12px;
	color: #999999;
	line-height: 175%;}



#article	{clear: both;
	display: none; 
	margin-top: 20px;}

#article h2	{
	text-align: center;
	font-size: 24px;
	color: #ccffff;}

#leftcontent	{background: none;
	border: 1px #666666 solid;
	margin: 10px 0;
	padding-top: 15px;}

#leftcontent .photo	{
	width: 280px;
	margin-left: 20px;}

.personnel h3	{float: left;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	margin-left: 30px;
	padding-top: 10px;}

.amazon		{clear: both;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 15px;
	padding-top: 30px;}

#rightcontent	{background: none;
	border: 1px #666666 solid;
	margin-top: 10px;}

#rightcontent p 	{
	font-size: 14px;
	color: #cccccc;
	padding: 5px 20px;}

#rightcontent a	{
	color: #cccc99;
	font-style: italic;}

#rightcontent a:hover	{
	color: #ffffcc;
	font-style: italic;}

h4 	{text-align: right;
	font-size: 12px;
	color: #669999;
	margin-right: 10px;}

h5 	{text-align: right;
	font-size: 11px;
	margin-right: 10px;
	padding-top: 0;}

/* ==================== scroll to top ==================== */

#topcontrol img	{opacity: 0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
	-khtml-opacity: .6; /* Safari 1.x */
	-moz-opacity: .6; /* FF lt 1.5, Netscape */


/* ==================== プロフィール ==================== */
#leftprofile img	{
	text-align: center;}

#rightprofile {
	font-size: 14px;
	line-height: 160%;
	color: #aaaaaa;
	margin: 0;}