@charset "utf-8";
/*
Theme Name: 遠野みんなのしゃしん物語 ｜ 遠野物語百周年
Theme URI: http://tono100.com/
Description: 遠野みんなのしゃしん物語 ｜ 遠野物語百周年
Version: 1.0
Author: 遠野市
Author URI: http://tono100.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/



/* Begin Typography & Colors */


/* ▼ コンテンツ　ヘッダ */

#content-header {
background-image:url(/photo/img/img_topline.gif);
background-position:top;
background-repeat:no-repeat;
clear:both;
padding-top:40px;
}

#content-header dl {
height:65px;
width:570px;
float:right;
margin:0;
padding:0;
display:table;
border:none;
}

#content-header dt {
width:115px;
height:25px;
margin:40px 0 0 0;
padding:0;
font-weight:normal;
float:left;
}

#content-header dd {
width:200px;
height:35px;
margin:30px 0 0 0;
padding:0;
float:right;
}




/* ▼ コンテンツ */

#content {
width:695px;
clear:both;
}

.pagetitle {
padding-left:20px;
background-image:url(/photo/img/bg_cate.gif);
background-repeat:no-repeat;
width:675px;
height:46px;
line-height:46px;
clear:both;
font-size:130%;
color:#6D4905;
}

.login-text {
margin-bottom:8px;
display:block;
}




/* ▼サイドバー */

#sidebar{
	width: 180px;
}




/* ▼カスタム */



.photo-list {
width:700px!Important;
}
.photo-list img {
border:1px solid #CCCCCC;
margin:0 0 5px 5px;
float:left;
width:133px;
height:133px;
}
.photo-list-title {
display:block;
background-image:url(/photo/img/t_newphoto.gif);
background-position:5px 0px;
background-repeat:no-repeat;
height:45px;
}


.photo-list-more {
/*
background-image:url(/photo/img/t_newphoto.gif);
background-position:;
background-repeat:no-repeat;
margin:;
*/
}



#login-form input {
border:1px solid #999999;
background-color:#FFFFCC;
font-size:100%;
line-height:1.25;
width:168px;
padding:5px 5px;
margin-bottom:5px;
}

#login-form input.btn {
border:none;
padding:0;
margin:0 0 5px 0;
width:90px;
height:30px;
}





.img-register {width:200px; height:35px; background-image:url(/photo/img/b_regist.gif);}
.img-howto {width:115px; height:25px; background-image:url(/photo/img/b_howto.gif);}


a.ov,
a.ov:link,
a.ov:visited {
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
text-indent:-999em;
}
a.ov:hover {background-position:0px -100px!Important;}


.alignleft a {width:90px; height:25px; background-image:url(/photo/img/b_more_l.gif); float:left;}
.alignright a {width:90px; height:25px; background-image:url(/photo/img/b_more_r.gif); float:right;}

.navigation {
	clear:both;
	text-align: center;
	margin-bottom: 20px;
	display: block;
}
.navigation a,
.navigation a:link,
.navigation a:visited {
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
text-indent:-999em;
}
.navigation a:hover {background-position:0px -100px!Important;}










/* POST */

h3.post-title {
background:url(/photo/img/img_entry.gif) no-repeat;
color:#CFA012;
height:35px;
padding:2px 0 8px 50px;
margin:0 0 12px 0;
font-size:120%;
line-height:35px;
}

h3.post-title a,
h3.post-title a:link,
h3.post-title a:visited{
color:#CFA012;
}
h3.post-title a:hover{
color:#D92500;
}


.entry-date{
float:right;
color:#333333;
font-size:85%;
font-weight:normal;
}



.entry p {
float:right;
width:355px;
margin-bottom:20px;
color:#6D4905;
}

.entry .photo {
width:320px;
margin-right:20px;
float:left;
}

.photo-end {
/*
display:block;
clear:both;
height:20px;
background-color:#999999;
*/
float:right;
width:355px;
height:1px;
}







/* ▼コメント */

.comment-area{
float:right;
width:355px;
}

.commentlist {
margin:0;
padding:0;
}
.commentlist li{
margin:0;
padding:0;
list-style:none;
}

cite.fn {
background-image:url(/img/i_comment.gif);
background-position:left;
background-repeat:no-repeat;
padding:3px 0 3px 16px;
margin:0 0 8px 0;
color:#000000;
font-weight:bold;
font-size:100%;
font-style: normal;
list-style-type:none;}

.commentlist p {
color:#CFA012;
font-weight:normal;
margin:0 0 20px 0;
color:#666666;
}





.comment-area h3 {
color:#CFA012;
font-size:120%;
margin:0 0 15px 0;
}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}


#commentform {
	margin: 0;
	padding:0;
}

#commentform textarea {
	padding: 4px;
	overflow:auto;
	border:1px solid #999999;
	color:#666666;
	margin:0;
}
.w-form{width:685px;}
.n-form{width:345px;}


#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}





/*
#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}
	
*/




/*
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
*/



#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */



.post {
	margin: 0 0 30px;
/*	text-align: justify; */
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

/* End Structure */





/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}









#respond {
text-align:left;
}
.inner {
width:355px;
text-align:left;
float:right;
display:inline;
}

.inner p{
text-align:left;
margin-left:0;
margin-right:0;
padding:0;
}
.inner input,
.inner form{
margin-left:0;
margin-right:0;
padding:0;
}





/* 投稿のしかた */

.regi-howto {
display:block;
margin:0;
padding:0 0 25px 0;
line-height:1;
}
.step{
margin-bottom:50px;
color:#333333;
font-size:95%;
}
.step-ttl {
margin-bottom:15px;
}

.step-txt {
padding:0 0 0 70px;
margin:0;
}







/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */