@charset "Shift_JIS";

/*------------------------------
Yaplog! Skin for yapcinemage
column : 2
---
1.ベース設定
	1-1.初期設定
	1-2.基本設定
	1-3.リンク設定
2.レイアウト設定
	2-1.wrapper
	2-2.header
	2-3.main
	2-4.entry
	2-5.fence
	2-6.footer
3.サイドバー設定
	3-1.サイドバー全般
	3-2.カレンダー
------------------------------*/


/*--------------------------------------------------
1.ベース設定
--------------------------------------------------*/
/*---
1-1.初期設定(通常は変更しない)
--------------------*/
* {margin: 0px;padding: 0px;}
body, div, table, caption, th, tr, td, ul, ol, li, dl, dt, dd, form, p {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
}
p {margin: 1em 0;}
textarea {font-size: 12px;}
ul {list-style: none;}
.fl {float: left;}
.fr {float: right;}
.cl {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
#yaploghead {position:fixed;top:0;left:0;}
body {padding-top:24px;}
* html body {padding-top:0;}


/*---
1-2.基本設定
--------------------*/
body {
	background: #e6e6e6;
	color: #333;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
}
#yaphead {
	position: fixed;
	top: 0;
	left:0;
	width:100%;
	z-index: 3 !important;
}


/*---
1-3.リンク設定
--------------------*/
a:link {
	color: #4fccc7;
	text-decoration: none;
}
a:visited {
	color: #3a9591;
	text-decoration: none;
}
a:hover {
	color: #4fccc7;
	text-decoration: underline;
}
a:active {
	color: #4fccc7;
	text-decoration: underline;
}


/*--------------------------------------------------
2.レイアウト設定
--------------------------------------------------*/
/*---
2-1.wrapper
--------------------*/
#wrapper {
	position:relative;
	margin: 0 auto;
	width: 850px;
}

* html #wrapper {
	margin-top:0;
}


/*---
2-2.header
--------------------*/
#head {
	background:#8bd1ce;
	height:86px;
	text-align: left;
}
#head h1 a {
	display:block;
	background: url("/yapcinemage/img/0/sprite.gif") no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	width:242px;
	height:87px;
}
* html #head h1 a {
	background-position: 0 1px;
}
#head h2 {
	display:none;
}


/*---
2-3.main
--------------------*/
#main {
	background:#FFF url("/yapcinemage/img/0/beta_bg.gif") repeat-y right top;
	padding: 6px 0 0 10px;
	width: 840px;
}
#global-menu {
	background:#633e21;
	padding-left:62px;
	height: 25px;
}
#global-menu li {
	float: left;
}
#global-menu li span {
	display: none;
}
#global-menu a {
	display: block;
	height: 25px;
}
#global-menu .m1 a {
	background: url("/yapcinemage/img/0/sprite.gif") no-repeat -62px -86px;
	width: 101px;
}
#global-menu .m1.current a {
	background-position: -62px -111px;
}
#global-menu .m1 a:hover,
#global-menu .m1 a:active {
	background-position: -62px -111px;
}
#global-menu .m2 a {
	background: url("/yapcinemage/img/0/sprite.gif") no-repeat -163px -86px;
	width: 139px;
}
#global-menu .m2 a:hover,
#global-menu .m2 a:active {
	background-position: -163px -111px;
}
#global-menu .m3 a {
	background: url("/yapcinemage/img/0/sprite.gif") no-repeat -302px -86px;
	width: 104px;
}
#global-menu .m3 a:hover,
#global-menu .m3 a:active {
	background-position: -302px -111px;
}
#global-menu .m4 a {
	background: url("/yapcinemage/img/0/sprite.gif") no-repeat -406px -86px;
	width: 128px;
}
#global-menu .m4 a:hover,
#global-menu .m4 a:active {
	background-position: -406px -111px;
}
#global-menu .m5 a {
	background: url("/yapcinemage/img/0/sprite.gif") no-repeat -534px -86px;
	width: 151px;
}
#global-menu .m5 a:hover,
#global-menu .m5 a:active {
	background-position: -534px -111px;
}
#global-menu .m6 a {
	background: url("/yapcinemage/img/0/sprite.gif") no-repeat -685px -86px;
	width: 104px;
}
#global-menu .m6 a:hover,
#global-menu .m6 a:active {
	background-position: -685px -111px;
}
#alpha {
	clear:both;
	float: left;
	text-align: left;
	width: 522px;
}
#beta {
	float: right;
	width: 300px;
}


/*---
2-4.entry
--------------------*/
.page {
	padding-bottom: 10px;
	font-weight: normal;
	text-align: center;
}
.page li {
	margin:0px 10px 0px 10px;
	display:inline;
}
.page a {
	font-weight: bold;
}
.archive_title {
	border-left: solid 12px #c665e1;
	font-size: 16px;
	font-weight: bold;
	margin: 6px 0;
	padding: 0 6px;
}
.entry {
	position:relative;
	padding-left:185px;
	min-height:135px;
	margin-bottom:1em;
}
#pageEntry .entry { /* アーカイブのみ */
	padding-left:0;
}
.entry_category {
	margin:0 0 6px 0;
}
.entry_category a {
	font-weight:bold;
	background:#c665e1;
	color:#FFF;
	padding:0 6px;
}
* html .entry_category a {
	color:#FFF !important;
}
.entry_title {
	padding-top:5px;
}
#pageEntry .entry_title {
	border-bottom:dotted 2px #e7f0ef;
	margin-bottom:1em;
}
.entry_title h3 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #333;
}
.date {
	font-size: 10px;
	margin-bottom:3px;
}
.date a:link,
.date a:visited {
	color: #666;
	font-size: 10px;
	font-weight: normal;
}
.date a:hover,
.date a:active {
	color: #666;
	font-size: 10px;
	font-weight: normal;
}
.photoarea {
	position:absolute;
	top:5px;
	left:0;
	margin:0;
}
.photoarea a {
	display:block;
	width:180px;
	height:126px;
	overflow:hidden;
}
.photoarea a img{
	display:block;
	max-width:180px;
	_width:180px;
	margin:0 auto;
	border:0;
}
* html .photoarea {
	left:-190px;
	zoom:1;
}
* html .photoarea a {
}
.padd {
	margin: 0px;
}
.txt {
	font-size: 10px;
	line-height: 1.6;
	overflow: hidden;
	text-align : justify;
	text-justify : inter-ideograph;
}
#pageEntry .txt {
	font-size: 12px;
	width:520px;
	overflow: hidden;
}
.txt_page {
	text-align: right;
	position:relative;
	margin-top:-12px;
}
.txt_page li {
	display: inline;
	padding-left:3px;
}
.txt_page a:link,
.txt_page a:visited {
	color:#f48761;
	font-weight: bold;
}
.txt_page a:hover,
.txt_page a:active {
	color:#f48761;
	font-weight: bold;
}
.entry_footer {
	padding: 4px;
}
.entry_footer2 {
}
.entry_footer_end {
	padding: 4px;
}


/*---
2-5.fence
--------------------*/
.trackbacks_form {
	padding: 6px 0;
}
.trackbacks_form_text {
	background: #e2f2f1;
	border: solid 1px #A3A3A3;
	padding:3px;
	width: 500px;
}
.comment_form {
	padding: 6px 0;
}
.comment_form_text {
	margin-bottom: 6px;
}
.comment_form_text dt label {
	font-weight: bold;
}
.comment_form_text dd input {
	background: #e2f2f1;
	border: solid 1px #A3A3A3;
	padding:3px;
	width: 500px !important;
}
#comment {
	background: #e2f2f1;
	border: solid 1px #A3A3A3;
	height: 10em;
	width: 500px;
}
#comment_preview {
	width: 466px;
}
.comment_form_btn {
	font-weight:normal;
	width:10em;
}
.trackbacks,
.comment {
	border-bottom:dotted 2px #e7f0ef;
}
.subtitle {
	color:#f48761;
	font-size:14px;
	font-weight: bold;
	margin:0;
}
.t_fence,
.c_fence {
	margin-bottom:1em;
}
.title {
	text-align:right;
}
.point {
	font-weight: bold;
}
.ipt {
	padding: 1px;
	border: solid 1px #7F9DB9;
}
.message {
	padding: 0 0 5px 0;
	margin: 6px 0;
	width: 520px;
}
.message_title {
	color: #999999;
	font-size: 14px;
	font-weight: bold;
}
.message_txt {
	background: #e2f2f1;
	padding: 6px 6px 3px 6px;
}
.message_date {
	background: #e2f2f1;
	font-size: 10px;
	padding: 3px 6px 6px 6px;
	text-align: right;
}


/*---
2-6.footer
--------------------*/
#foot {
	border-top: solid 8px #633e21;
	background:#8bd1ce;
	padding: 6px 12px;
	text-align: left;
	font-size:10px;
}
#foot .tie-up p {
	margin:0;
	color:#FFF;
	font-weight:bold;
}
#foot .tie-up ul {
	margin-bottom:10px;
}
#foot .tie-up li {
	float:left;
	width:270px;
	line-height:1.5;
}
#foot .fr {
	text-align: right;
	width: 100px;
}
#blgft_link a,
#foot .freeml_link a {
	font-weight: bold;
}
#foot a:link,
#foot a:visited {
	color:#633e21;
}
#foot a:hover,
#foot a:active {
	color:#633e21;
}
.hd_ads {
	position:absolute;
	top:15px;
	right:15px;
}
.comment_agree {
	font-size:10px !important;
}

/*--------------------------------------------------
3.サイドバー設定
--------------------------------------------------*/
/*---
3-1.サイドバー全般
--------------------*/
.inner {
	text-align: left;
	font-size: 12px;
	padding:0 10px;
}
.side {
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: left;
}
.side_title {
	border-bottom:dotted 2px #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	text-align: left;
}
.side_text {
	font-size: 12px;
	padding: 6px;
}
.side_text a:link,
.side_text a:visited {
	font-weight: bold;
}
.side_text a:hover,
.side_text a:active {
	font-weight: bold;
}


/*---
3-2.カレンダー
--------------------*/
.calendar {
	color: #666666;
	font-size: 12px;
	text-align: center;
	padding: 2px;
}
.calendar a:link {
	background: #666666;
	color: #FFFFFF;
	display: block;
	height: 100%;
	width: 100%;
}
.calendar a:visited {
	background: #333333;
	color: #CCCCCC;
	display: block;
	height: 100%;
	width: 100%;
}
.calendar a:hover,
.calendar a:active {
	background: #262626;
	color: #FFFFFF;
	display: block;
	height: 100%;
	width: 100%;
}
.calendar_bg td {
	padding: 3px;
}