/* -----------------------------
	reset elements
----------------------------- */
html {
	overflow-y:scroll;
}
div, p, pre, ul, ol, dl, dt, dd, hr,
address, form, blockquote, noscript {
	text-align: left;
	display: block;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	border: none;
}
em, strong, q, dfn, code, samp,
kbd, var, cite, abbr, acronym {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.0;
	margin: 0;
	padding: 0;
}
table {
	font-size: 1em;
	margin : 0;
	padding: 0;
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	text-align:center;
}
img {
	border: none;
}
ul, li , ol, dl, dt, dd  {
	list-style-type: none;
}
ul img,
dl img,
ol img,
object, embed {
	vertical-align: bottom;
}
hr {
	height: 0;
	border: none;
	margin: 0.5em auto 0.5em auto;
	-moz-float-edge: margin-box;
	-moz-box-sizing: border-box;
	clear: both;
	display: none;
}

select option,
select optgroup {
	font-style:normal;
}

.clear {
	clear: both;
}

/* -----------------------------
	font size
----------------------------- */

body#home{ font-size: 69% }
html>body#home{ font-size: 11px }
*:first-child+html body#home{ font-size: 69% }

body#blog{ font-size: 75% }
html>body#blog{ font-size: 12px }
*:first-child+html body#blog{ font-size: 75% } 


/* ---------- MacIE 文字化け対策 */
textarea, select, input {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro",Osaka, sans-serif;
}

/* ---------- MACIE以外 */
@media screen {
	textarea, select, input {
		font-family: Arial,"ＭＳ Ｐゴシック",Verdana, Arial,  sans-serif;
	}
}


/* -----------------------------
	setup link text-decoration
----------------------------- */

#home a {	text-decoration: underline;}
#home a:link { color: #FFF}
#home a:visited {	color: #FFF}
#home a:hover { text-decoration:none;}
#home a:active{ text-decoration:none;}


#blog a {	text-decoration: underline;}
#blog a:link { color: #444}
#blog a:visited {	color: #444}
#blog a:hover { text-decoration:none;}
#blog a:active{ text-decoration:none;}


/* -----------------------------------------------------
		base layout
----------------------------------------------------- */

body {
	font-family: Arial,"ＭＳ Ｐゴシック", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", osaka, sans-serif;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}


#container {
	width:1010px;
	text-align: center;
	margin: 25px auto 0;
	padding: 0;
	position: relative;
}


/* -----------------------------------------------------
		twitter layout
----------------------------------------------------- */

#key {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}

#twitterMessage {
	color: #FFF;
	width: 173px;
	position: absolute;
	left: 40px;
	top: 55px;
	line-height: 130%;
	padding-left: 3px;
	z-index: 1;
}

#twitterMessage h2 {
	margin-bottom: 15px;
}

#twitterMessage li {
	margin-bottom: 15px;
}

a#twitterLink {
	position: absolute;
	left: 102px;
	top: 4px;
	display: inline;
}
/* -----------------------------------------------------
		filmex layout
----------------------------------------------------- */


#filmex h3 img{
	width: 300px;
	height:20px;
	position: absolute;
	left: -60px;
	top: 660px;
	z-index: 1;
	cursor:pointer;
	display:block;
	}


/* -----------------------------------------------------
		blog layout
----------------------------------------------------- */

#blog #container {
	width: 900px;
	margin:  0 auto;
	padding: 0 50px;
	border-right: solid 1px #CCC;
	border-left: solid 1px #CCC;
}

#blog {
 line-height: 160%;
}

#header {
 width: 900px;
 height: 135px;
 position: relative;
 text-align: center;
}

#header h1{
 position: absolute;
 left: 280px;
 top: 30px;
}

#header h1 a {
 text-indent: -5000px;
 background: url(../../blog/img/logo.gif) left top no-repeat;
 display: block;
 width: 303px;
 height: 80px;
}

#blog ul {
 margin-bottom: 20px;
}

#blog ul li ul {
 margin: 4px 0 0 0;
}

#alpha {
 width: 550px;
 float: left;
}

#beta {
 float: right;
 width: 230px;
 height: 100%;
 background: #D5DFEE;
 padding: 25px;
 line-height: 140%;
 background: #ECF2F9 url(../../blog/img/side_back.jpg) left top no-repeat;
}

.entry-asset {
 margin-bottom: 55px; 
}

.entry-title {
 font-size: 130%;
 font-weight: bold;
 border-bottom: 1px solid #BBB;
 width: 550px;
 padding: 0 0 6px;
}

.asset-meta {
 margin: 4px 0 12px;
 color: #666;
}

.asset-body p {
 margin: 6px 0 0;
}

h1.entry-title {
 color: #0072BC;
}

#blog .entry-title a {
 color: #0072BC;
 text-decoration: none;
}

img.pict {
 display: block;
 margin: 5px 0 10px;
}

.pictCaption {
 display: block;
 color: orange;
 margin: 0 0 10px;
}

.content-nav {
 margin: 0 0 30px;
}

.archive-title {
 font-size: 120%;
 margin: 0 0 20px;
 font-weight: normal;
}

.archive-title em {
 font-weight: normal;
}

#footer {
 width: 900px;
 color: #666;
 clear: both;
 padding: 16px 0;
 border-top: 1px solid #BBB;
}

.widget {
 margin: 0 0 20px;
 padding: 0;
 border-bottom: dotted 1px #888;
}

.widget-header {
 margin: 0 0 7px;
 color: #6995B2;
 font-weight: bold;
 font-size: 110%;
}

.widget-search form {
margin-bottom: 20px;
}

.widget li {
 margin: 0 0 7px;
 background: url(../../blog/img/arrow.gif) 0 7px no-repeat;
 padding-left: 9px;
}


#page_title {
 width: 550px;
 height: 60px;
 margin: 0 0 20px;
}


#page_title h1 {
 text-indent: -5000px;
}

body.news #page_title {
  background: url(../../blog/img/category_news.gif) 0px 0px no-repeat;
}

body.diary #page_title {
  background: url(../../blog/img/category_diary.gif) 0px 0px no-repeat;
}

body.image #page_title {
  background: url(../../blog/img/category_image.gif) 0px 0px no-repeat;
}

.archive-header {
 margin-bottom: 6px;
}

#current-page {
  margin-bottom: 10px;
  display: block;
}

.search-results-header{
 margin-bottom: 20px;
}

.trackbacks-header, h2.comments-header, .comments-open-header {
 margin-bottom: 7px;
 font-size: 110%;
}

.comment-header .asset-meta {
 margin: 4px 0 0;
}

#trackbacks, #comments {
 margin-bottom: 25px;
}

.comment-content {
 margin-bottom: 25px;
}

#comments-open div {
 margin-bottom: 7px;
}

#comments-open label {
 width: 70px;
  display: inline-table;
}

#comments-open-text label {
 height: 300px;
 vertical-align: top;
}

#comments-open-text textarea{
 height: 300px;
 width: 460px;
}

#comments-open-footer {
 text-align: center;
}

#comments-open-footer input {
 margin: 0 6px;
 padding: 3px;
 font-size: 14px;
}

.entry-categories {
  margin: 20px 0 0;
}

.entry-categories h4, .entry-categories ul, .entry-categories li {
  display: inline;
}

#pageNavi {
 text-align: center;
 margin: 18px 0 0;
}


/*外部バナー */

#banner a {
display: block;
 margin-bottom: 7px;
}