/*   
Theme Name: cinemaninja
Theme URI: http://www.cinemaninja.com
Description: cinemaninja ver3.0 theme for wordpress. More Bigger Image & more accessible!
Version: 3.0
Author: ygf
Author URI: prbjm060@ybb.ne.jp

*/

*{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
}

hr{
	display:none;
}

img{border-style:none;}

address{font-style:normal;}

.clearing:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearing {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearing {height: 1%;}
.clearing {display: block;}
/* End hide from IE-mac */

h1,h2,h3,h4,h5,h6{font-weight:bold;}


body{

	text-align:center;
	background:url(img/common/back.gif);
	font-size:80%;
	line-height:140%;
	padding:0;

}
#box{
	margin:0 auto;
	width:780px;
	background:#fff url(img/common/box_back.gif) repeat-y 0 0;
	text-align:left;

}

#header{
	width:778px;
	height:80px;
	background:#fff url(img/common/header_back.jpg) no-repeat 0 0;
}

#header p.cinemaninjalogo{
	float:left;
	margin:6px 0 0 39px;
}
#header p.cinemaninjaurl a{
	float:right;
	background:url(img/common/cinemaninjaurl.gif) no-repeat 0 0;
	margin:9px 20px 0 0;
	width:140px;
	height:8px;
	text-indent:-9999em;
}

ul#navi {position:relative;
	width:776px;
	height:33px;
		background:url(img/common/headernavi_back.gif) repeat-y 0 0;
	margin-left:2px;}

ul#navi li a{
	position:absolute;
	text-indent:-999em;
	display:block;
}

ul#navi li.home a{
	top:12px;
	left:21px;
	width:30px;
	height:10px;
	background:url(img/common/navi_home.gif) no-repeat 0 0;
}
ul#navi li.cinemaninja a{
	top:11px;
	left:570px;
	width:106px;
	height:11px;
	background:url(img/common/navi_cinemaninja.gif) no-repeat 0 0;
}
ul#navi li.inquire a{
	top:11px;
	left:709px;
	width:47px;
	height:11px;
	background:url(img/common/navi_inquire.gif) no-repeat 0 0;
}

p#topicpath{
	clear:both;
	font-size:85%;
	text-align:right;
	margin:5px 15px 0 0;
}

#titlespace{
	width:755px;
	height:180px;
	margin:10px 0 0 12px;
	background:url(img/top/titlespace_back.jpg) no-repeat 0 0;
}
#titlespace div.text{
	width:345px;
	height:160px;
	margin:5px;
	float:right;
	background:url(img/top/titlespacetext_back.gif) no-repeat 0 0;
}
#titlespace div.text h1{
	width:332px;
	height:14px;
	margin:11px 0 0 13px;
	text-indent:-9999em;
	background:url(img/top/titlespacetext_h1.gif) no-repeat 0 0;
}
#titlespace div.text p{
	margin:15px 10px;
}
#titlespace div.text ul{
	margin-left:10px;
}
#titlespace div.text li a{
	width:102px;
	height:24px;
	margin-right:8px;
	float:left;
	text-indent:-9999em;
}
#titlespace div.text li.cnsummary a{
	background:url(img/top/titlespace_cnsummary.gif) no-repeat 0 0;
}
#titlespace div.text li.cnactivity a{
	background:url(img/top/titlespace_cnactivity.gif) no-repeat 0 0;
}
#titlespace div.text li.cnposts a{
	background:url(img/top/titlespace_cnposts.gif) no-repeat 0 0;
}

#contents{
	background:url(img/common/contents_back.gif) repeat-y 2px 0;
}

#main{
	width:555px;
	margin-left:13px;
	float:left;
}

#main p.gotopagetop{
	clear:both;
	text-align:right;
	font-size:85%;
	margin-right:15px;
}
#main p.gotopagetop a{
	background:#fff url(img/common/gotopagetop_back.gif) no-repeat 0 0.2em;
	padding-left:15px;
	padding-top:0.2em;
	padding-bottom:0.2em;
	color:#003;
}

#main div.amazon{
	margin:1em 0;
	padding:0 0.4em;
}

/*toppage */
#topspace{
	margin:7px 0 10px 0;
}
#topspace .photodiary{
	width:190px;
	height:190px;
	margin:0 10px 10px 0;
	position:relative;
	float:left;
	overflow:hidden;
}
/* 写真物語タイトルなし特別 */
/*
#topspace .photodiary h2 a{
	width:190px;
	height:190px;
	text-indent:-9999em;
	position:absolute;
	top:0 ;
	left:0;
	z-index:2;
}
*/
/* 写真物語タイトルあり */
#topspace .photodiary h2 a{
	width:190px;
	height:190px;
	background:url(img/top/photodiary_back.gif) no-repeat 0 0;
	text-indent:-9999em;
	position:absolute;
	top:0 ;
	left:0;
	z-index:2;
}

#topspace .photodiary p{
	position:absolute;
	z-index:0;
}
#topspace .news{
	float:right;
	width:340px;
	margin:5px 15px 0 0;
	height:190px;
}
/* mac ie only \*/ /*/
#topspace .news{
	margin:5px 5px 0 0;

}
/**/
#topspace .news div{
	height:161px;
	overflow:auto;
	border-bottom:1px solid #eee;
}
#topspace .news h2{
	width:344px;
	height:14px;
	margin:0 0 10px 0;
	background:url(img/top/news_h2.gif) no-repeat 0 0;
	text-indent:-9999em;
}
#topspace .news h3{
	margin:0 0 3px 2px;
	color:#300;
}
#topspace .news p{
	font-size:85%;
	margin-left:2px;
	margin-right:5px;
}
#topspace .news p img{
	float:right;
	margin:5px;
}

#main div.block{
	width:545px;
	margin-bottom:30px;
}
#main div.block p{
	line-height:155%;
	margin-left:5px;
	margin-bottom:15px;
}

#main.toppage div.block h2{
	margin-bottom:15px;
}

#main.toppage div.recententries h2{
	margin-top:15px;
	width:545px;
	height:14px;
	background:url(img/top/recententries_h2.gif) no-repeat 0 0;
	text-indent:-9999em;
}



#main.toppage div.block div.entry,
#main div.block div.entry{
	margin-bottom:20px;

}



/* common */

#main div.block div.infoentry{
	border-left:2px solid #030;
	margin-bottom:12px;
}

#main.toppage div.block div.infoentry h3{
	padding:0 0 5px 5px;
	margin:0 0 3px 5px;
	border-bottom:2px solid #630;
	font-weight:bold;
}
#main.toppage div.block div.infoentry h3 a{
	font-weight:bold;
}

#main div.block div.infoentry dl{
	margin:0 0 0 5px;

}
#main div.block div.infoentry dt{
	float:left;
	text-indent:-9999em;
}
#main div.block div.infoentry dd{
	float:left;
	margin-right:10px;
	color:#333;
}
#main div.block div.infoentry dt.author{
	width:9px;
	height:10px;
	background:url(img/common/entry_authormark.gif) no-repeat 0 0;
	margin:3px 5px 0 3px;
}
#main div.block div.infoentry dt.date{
	width:10px;
	height:10px;
	background:url(img/common/entry_datemark.gif) no-repeat 0 0;
	margin:3px 5px 0 3px;
}
#main div.block div.infoentry dt.category{
	width:12px;
	height:10px;
	background:url(img/common/entry_categorymark.gif) no-repeat 0 0;
	margin:3px 5px 0 3px;
}
#main div.block div.infoentry dt.reaction{
	width:12px;
	height:9px;
	background:url(img/common/entry_reaction.gif) no-repeat 0 0;
	margin:4px 5px 0 3px;
}
#main div.block div.entry div.text{

}
#main div.block div.entry p{
	margin-top:3px;
	line-height:200%;

}
#main div.block div.entry ul{
	margin-left:5px;
	margin-bottom:15px;
}
#main div.block div.entry ul li{
	background:url(img/common/entory_ulback.gif) no-repeat 0 0.4em;
	padding-left:15px;
	margin:3px 0;
}
#main div.block div.entry p img{
	display:block;
	padding:5px;
	margin:0 0 10px 10px;
	border:1px solid #ccc;
	background:#EAE5E5;
	float:right;
}

#main.toppage div.blogcategories{
	margin-left:-10px;
	width:555px;

}
#main.toppage div.blogcategories h2{
	margin-left:10px;
	width:545px;
	background:url(img/top/blogcategories_h2.gif) no-repeat 0 0;
	text-indent:-9999em;
}
#main.toppage div.blogcategories div.category{
	width:128px;
	height:118px;
	float:left;
	border:1px solid #ddd;
	margin:0 0 10px 8px;
}
#main.toppage div.blogcategories div.category h3{
	width:126px;
	height:43px;
	background:url(img/top/category_h3_back.gif) repeat-y 0 0;
	margin:1px;
}
#sub{
	float:right;
	width:190px;
	background:#fff;
	margin:0 13px 0 0;
	padding-top:10px;
}
#sub .listblock{
	margin-bottom:25px;
}
#sub .listblock li{
	margin-top:1px;
	width:160px;
	background-color:#eee;
	border-bottom:1px solid #ccc;
	padding:3px 5px 3px 25px;
}

#sub div.listblock li.even{
	background-color:#fff;
}

#sub .listblock h2{
	height:21px;
	width:190px;
	text-indent:-9999em;
}

#sub div.blog h2{
	background:url(img/common/side_blog_h2.gif) no-repeat 0 0;
}
#sub div.blog li{
	background:#eee url(img/common/sub_blog_li_back.gif) no-repeat 5px 0.5em;
}
#sub div.blog li.even{
	background-color:#fff;
}
#sub div.blog li a{
	float:left;
	display:block;
}
#sub div.blog li span{
	float:right;
}

#sub div.recententries h2{
	background:url(img/common/side_recententries_h2.gif) no-repeat 0 0;
}
#sub div.recententries li{
	background:#eee url(img/common/sub_recententries_li_back.gif) no-repeat 8px 0.7em;
}
#sub div.recententries li.even{
	background-color:#fff;
}

#sub div.recentcommented h2{
	background:url(img/common/sub_recentcommented_h2.gif) no-repeat 0 0;

}

#sub div.recentcommented li{
	background:#eee url(img/common/sub_recentcommented_li_back.gif) no-repeat 8px 0.7em;
}
#sub div.recentcommented li.even{
	background:#fff url(img/common/sub_recentcommented_li_back.gif) no-repeat 8px 0.7em;
}

#sub div.about h2{
	background:url(img/common/sub_about_h2.gif) no-repeat 0 0;
}

#sub div.about dl{
	margin:0 0 0 0px;
	padding:0;
}
#sub div.about dl dt{
	margin-top:1px;
	width:160px;
	background-color:#eee;
	border-bottom:1px solid #A36666;
	padding:5px 5px 5px 25px;
	background:#eee url(img/common/sub_about_dt.gif) no-repeat 8px 0.7em;
}
#sub div.about dl dd{
	margin-top:1px;
	width:160px;
	background-color:#eee;
	border-bottom:1px solid #A36666;
	padding:5px 5px 5px 25px;
	background:#fff url(img/common/sub_about_dd.gif) no-repeat 8px 0.7em;
}

#footer{
	width:776px;
	margin:25px 0 0 2px;
	border-top:2px solid #300;
	padding:5px 0 10px 0;

}
#footer address{
	background:url(img/common/footer_logo.png) no-repeat right center;
	width:245px;
	float:right;
	padding-right:85px;
	text-align:right;
	margin-right:15px;
}
#footer ul.syndicate{
	width:400px;
	line-height:160%;
	text-align:left;
	margin:5px 0 0 15px;
}



/* cat */
#box.cat div#titlespace{
	width:755px;
	height:130px;
	position:relative;
	margin-top:5px;
}

#box.cat #titlespace h1 a{
	background-image:none;
	text-indent:-9999em;
	width:755px;
	height:130px;
	display:block;
	position:absolute;
}
#box.cat #titlespace h1.category{
	text-indent:-9999em;
}


#box.cat #titlespace div.text{
	width:345px;
	height:96px;
	background:url(img/cat/cat_titlespacetext_back.png) no-repeat 0 0;
	position:absolute;
	left:400px;
	top:23px;
}
/* each cat */
#box.cat div#titlespace{
	height:140px;
}
#box.machiwabidiary div#titlespace{
	background-image:url(img/cat/cat_machiwabidiary_h1.jpg);
}
#box.music div#titlespace{
	background-image:url(img/cat/cat_music_h1.jpg);
}
#box.photostory div#titlespace{
	background-image:url(img/cat/cat_photostory_h1.jpg);
}
#box.news div#titlespace{
	background-image:url(img/cat/cat_news_h1.jpg);
}
#box.cinemaninja div#titlespace{
	background-image:url(img/cat/cat_cinemaninja_h1.jpg);
}
#box.movie div#titlespace{
	background-image:url(img/cat/cat_movie_h1.jpg);
}
#box.tv div#titlespace{
	background-image:url(img/cat/cat_tv_h1.jpg);
}
#box.bookmagazine div#titlespace{
	background-image:url(img/cat/cat_bookmagazine_h1.jpg);
}
#box.misc div#titlespace{
	background-image:url(img/cat/cat_misc_h1.jpg);
}
#box.cinemaninja div#titlespace{
	background-image:url(img/cat/cat_cinemaninja_h1.gif);
}
#box.constructiondoc div#titlespace{
	background-image:url(img/cat/cat_constructiondoc_h1.jpg);
}

#box.cat #main{
	margin-top:10px;
}

#box.cat #main div.block div.entry div.infoentry{
	border-left:2px solid #c00;
}
#box.cat #main div.block div.entry div.infoentry h2{
	padding:0 0 0 5px;
}
#box.cat #main div.block div.entry div.infoentry h2 a{
	font-weight:bold;
	color:#300;
}

#box.cat #main div.mokuji{
	margin-bottom:15px;
}

/* single */
#main.single{margin-top:10px;}
#main.single div.block{
	margin-bottom:20px;
}
#main.single ul.navigation{
	margin-bottom:20px;
}

#main.single ul.navigation li{

	font-size:85%;
	float:left;
	width:48%;
}
#main.single ul.navigation li.next{
	float:right;
	text-align:right;
	margin-right:10px;
}

#box.cat #main.single div.entry div.infoentry h2{
	padding:5px 0 8px 5px;
	font-size:150%;
	font-weight:bold;
}

#box.cat #main.single div.block div.infoentry dl{
	margin:5px 0 0 5px;


}

#main.single div.postmetadata{
	border-left:2px solid #c00;
	font-size:85%;
	color:#333;
}

#main.single div.writeform{
	border-left:2px solid #f90;
	width:410px;
}
#main.single div.writeform h3{
	margin:5px;
	color:#630;
}
#main.single div.writeform p.note{
	font-size:85%;
	margin-bottom:10px;
}

#main.single div.writeform em{
	color:#c00;
	font-style:normal;
}
#main.single div.writeform dl{
	margin-left:5px;
	background:url(img/common/writeform_dlarrow.gif) no-repeat left bottom;
}
#main.single div.writeform dl dt,
#main.single div.writeform dl dd{
	padding:5px 0;
	background:url(img/common/writeform_dlback.gif) repeat-x left top;
}
#main.single div.writeform dl dt{
	width:30%;
	float:left;
	clear:left;
}
#main.single div.writeform dl dd{
	width:70%;
	float:left;
}
/* mac ie  only \*/ /*/
#main.single div.writeform dl dt{
	clear:none;
}
#main.single div.writeform dl dd{
	width:60%;
}
/**/

#main.single div.writeform dl dd span.note{
	font-size:85%;
}

#main.single div.writeform dl dt.submit{
	text-indent:-9999em;
}

#main.single div.comment{
	border-left:2px solid #060;
}
#main.single div.comment h3{
	margin-left:5px;
	color:#030;
	font-weight:normal;
}
#main.single div.comment ol{
	margin-left:5px;
	padding:5px 0;
}
#main.single div.comment ol li{
	padding:5px;
	background:#fff url(img/common/comment_back.gif);
	margin-bottom:10px;
}
#main.single div.comment ol li.alt{
	background:#fff url(img/common/comment_backalt.gif);
}

#main.single div.comment ol li:hover,
#main.single div.comment ol li.alt:hover{
	background:#fff2bf url(img/common/comment_backhover.gif) no-repeat left bottom;

}
#main.single div.comment ol li p.commentmetadata{
	margin-bottom:5px;
}
#main.single div.comment ol li cite{
	font-style:normal;
}



/* page */
#box.page div.block{

}
#box.page div.block p,
#box.page div.block h3,
#box.page div.block dl,
#box.page div.block ul,
#box.page div.block ol{
	margin-left:5px;
}

#box.page div.block h3{
	color:#300;
	background:#fff;
	font-size:120%;
	padding-left:5px;
}

#box.page div.block dl.history{
	width:540px;
	margin-bottom:30px;
}
#box.page div.block dl.history dt{
	color:#630;
	padding-top:5px;
	padding-left:5px;
	margin-top:5px;
	width:19%;
	float:left;
	background:url(img/pages/activities_border.gif) repeat-x left top;

}
/* except macie \*/
#box.page div.block dl.history dt{
	clear:left;

}
/**/
#box.page div.block dl.history dd{
	background:url(img/pages/activities_border.gif) repeat-x left top;
	padding-top:5px;
	margin-top:5px;
	width:75%;
	float:left;
}
#box.page div.block dl.history dd p,
#box.page div.block dl.history dd ul{
	margin:0 0 5px 0;
}

/* contact */
#box.contact div#titlespace{
	background-image:url(img/pages/contact_h1.jpg);
}
#box.contact #main{
	margin-top:10px;
}
#box.contact #main div.block{
	border-left:2px solid #060;
	width:410px;
}

#box.contact #main div.block h2{
	font-size:140%;
}

#box.contact #main div.block div.entry div.infoentry{
	border-style:none;
}

#box.contact #main div.block em,
#main dl.contactform dd em{
	color:#c00;
	font-style:normal;
}

#main dl.contactform{
	margin-left:5px;
	background:url(img/common/writeform_dlarrow.gif) no-repeat left bottom;
}



#main dl.contactform dt,
#main dl.contactform dd{
	padding:5px;
	background:url(img/common/writeform_dlback.gif) repeat-x left top;
}

#main dl.contactform dt{
	width:30%;
	float:left;
}
/* except mac ie \*/
#main dl.contactform dt{clear:left;}
/* */

#main dl.contactform dd{
	width:60%;
	float:left;
}

#main dl.contactform dd span.note{
	font-size:85%;
}

#main dl.contactform dt.submit{
	text-indent:-9999em;
}

.contacterror {
	border: 1px solid #ff0000;
}


/* シネマ忍者について */
#box.about div#titlespace{
	background-image:url(img/pages/about_h1.jpg);
}


#box.profile div#titlespace{
	background-image:url(img/pages/profile_h1.gif);
}

#box.activities div#titlespace{
	background-image:url(img/pages/activities_h1.jpg);
}

/* linx */
#box.linx #titlespace h1{
	text-indent:-9999em;
}

#box.linx div#titlespace{
	background-image:url(img/pages/linx_h1.jpg);
}
#box.linx #main div.block{
	width:45%;
	float:left;
	margin-right:2%;
}

#box.linx #main div.block h2{
	border-bottom:2px solid #9c0;
	padding:3px;
	margin-bottom:5px;
}

#box.linx #main div.block ul{
	margin-left:3px;
}

/* notfound404 */

#box.notfound404 div#titlespace{
	background-image:url(img/pages/404_h1.gif);
}
#box.notfound404 #main p.button{
	text-align:center;
}
