@charset "UTF-8";


/* --------------------------------------------------------------------------------------
 ベース
--------------------------------------------------------------------------------------- */

/*タイトル-------------------*/
h1.blogTitle a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 254px;
	height: 48px;;
	background: url(../img/blog_title.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
	margin: 0 0 5px 0;
}

/* --------------------------------------------------------------------------------------
 ブログ左側
--------------------------------------------------------------------------------------- */

div#blogLeft{
	display: block;
	float: left;
	width:730px;
	height: auto;
	padding: 25px 0 0 0;
	margin: 0 20px 15px 30px;
}

div#blogLeft .entry{
	background: url(../img/dotline.png) repeat-x 0 100%;
	margin: 0 0 30px 0;
}
div#blogLeft .entry h2{
	font-size: 150%;
	margin: 0 0 5px 0;
}
div#blogLeft .entry h2 a{
	color: #000000;
}
div#blogLeft .entry h3{
	font-size: 120%;
}
div#blogLeft .entry h3{
	font-size: 120%;
	font-weight: bold;
	margin: 30px 0 10px 0;
}
div#blogLeft .entry .date{
	float:left;
	font-weight: bold;
	color: #90B5DA;
	margin: 0 10px 0 0;
	padding: 3px 0 0 0;
}
div#blogLeft .entry .category{
	float:left;
	padding: 3px 0 10px 20px;
	margin: 0 10px 0 0;
	background: url(../img/icon_folder.png) no-repeat 0px 4px;
}
div#blogLeft .entry .category a{
	font-size: 87.5%;
	color: #90B5DA;
	text-decoration: none;
}
div#blogLeft .entry .share{
	float:left;
	padding: 0px 0 0 0;
	margin: 0px 0 0 0;
}
div#blogLeft .entry .entryFooter {
	padding: 10px 0 10px 0;
}
div#blogLeft .entry .entryBody{
	clear:both;
	margin: 20px 0 20px 0;
}
div#blogLeft .entry .entryBody p{
	margin: 0px 0 10px 0;
}
div#blogLeft .entry .entryBody blockquote{
	margin: 0 20px  0 20px;
	padding: 10px 10px  10px 10px;
	background: #DDDDDD;
	font-style: italic;
}


/* トラックバック関連 */
div#blogLeft .entryTrackback{
	background: url(../img/dotline.png) repeat-x 0 100%;
	margin: 0 0 30px 0;
}
div#blogLeft .entryTrackbackTitle{
	margin: 0 0 5px 0;
	font-weight: bold;
}
div#blogLeft .trackbackURL{
	font-size: 87.5%;
	margin: 0 0 10px 0;
}
div#blogLeft .trackbackContent{
	margin: 0 0 10px 0;
}
div#blogLeft .trackbackDate{
	font-size: 87.5%;
}

/* コメント関連 */
div#blogLeft .entryComment{
	background: url(../img/dotline.png) repeat-x 0 100%;
	margin: 0 0 30px 0;
}
div#blogLeft .entryCommentTitle{
	margin: 0 0 5px 0;
	font-weight: bold;
}

div#blogLeft .entryComment form{
	line-height: 1.2em;
	margin: 20px 0 0 0;
}
div#blogLeft .entryComment label{
	font-size: 87.5%;
	color: #666666;
}
div#blogLeft .entryComment textarea{
	width: 470px;
	height: 45px;
}
div#blogLeft .commentName{
	font-weight: bold;
	margin: 0 5px 0 0;
}
div#blogLeft .commentDate{
	font-size: 87.5%;
	color: #666666;
}
div#blogLeft .commentDesc{
	margin: 0 0 10px 0;
}
div#blogLeft .form_name{
	float: left;
	margin: 0 5px 5px 0;
}
div#blogLeft .form_name input{
	width: 150px;
}
div#blogLeft .form_mail{
	float: left;
	margin: 0 5px 5px 0;
}
div#blogLeft .form_mail input{
	width: 150px;
}
div#blogLeft .form_url{
	float: left;
	margin: 0 5px 5px 0;
}
div#blogLeft .form_url input{
	width: 150px;
}
div#blogLeft .form_rem{
	float: left;
	margin: 0 5px 5px 0;
}
div#blogLeft .form_rem input{
	width: 150px;
}
div#blogLeft .form_submit input{
	width: 100px;
	font-size: 87.5%;
	margin: 0 0 10px 0;
}


div#blogLeft .entryMove{
	margin: 0px 0 10px 0;
}
div#blogLeft .archivesTitle{
	font-weight: bold;
}
div#blogLeft .archives{
	margin: 0 0 10px 0;
}
div#blogLeft .archives a{
	color: #666666;
}

div#blogLeft .facebook_likebox{
	margin:20px 0 20px 0;
}



/* --------------------------------------------------------------------------------------
 ブログ右側
--------------------------------------------------------------------------------------- */

div#blogRight{
	display: block;
	float: left;
	width:150px;
	height: auto;
	padding: 25px 0 0 0;
	margin: 0 30px 15px 20px;
}

div#blogRight .searchBox{
	width:150px;
	margin: 0 0 10px 0;
}
div#blogRight .rightTitle{
	font-weight: bold;
}
div#blogRight ul{
	margin: 0 0 10px 0;
	font-size: 87.5%;
	line-height: 1.6em;
}

div#blogRight .banner{
	margin: 10px 0 10px 0;
}



/* --------------------------------------------------------------------------------------
 写真　PICT
--------------------------------------------------------------------------------------- */

h1.pictTitle a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 248px;
	height: 48px;;
	background: url(../img/pict_title.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
	margin: 0 0 3px 0;
}

div#pict {
	width: 840px;
	padding: 30px 72px 30px 72px;
}

div#pict .entry{
	background: url(../img/dotline.png) repeat-x 0 100%;
	padding: 0 0 15px 0;
	margin: 0 0 30px 0;
}

div#pict .entry img{
padding: 20px 20px 20px 20px;
background: url(../img/dotbg.png) repeat;
margin: 0px 0px 10px 0px;
}

div#pict .entry .img {
display: block;
margin:0px 0px 10px 0px;
}

div#pict .entry .desc{
	font-size: 130%;
	margin: 0 0 5px 0;
}
div#pict .entry .camera{
	background
	font-size: 87.5%;
	margin: 0 0 10px 0;
	background: url(../img/icon_camera.png) no-repeat;
	padding: 0 0 0 20px;
}
div#pict .entry .camera a{
	margin: 0 0 0 0;
}

div#pict .entry .entryComment{
	margin: 0 0 10px 0;
}
div#pict .entry .entryComment .entryCommentTitle {
	float: left;
	width: 100px;
	margin: 0 0 10px 0;
}
div#pict .entry .entryComment .entryCommentArea {
	float: left;
	width: 740px;
	margin: 0 0 10px 0;
}

div#pict .entry .entryComment .commentNode {
}
div#pict .entry .entryComment .commentNode .name{
	font-weight: bold;
}
div#pict .entry .entryComment .commentNode .date{
	font-size: 87.5%;
	color: #666666;
}

div#pict .entry .commentForm{
	padding: 0 0 10px 0;
	font-size: 87.5%;
}
div#pict .entry .commentForm .formName{
	float: left;
	margin: 0 5px 0 0;
}
div#pict .entry .commentForm .formName input{
	width: 100px;
}
div#pict .entry .commentForm .formMail{
	float: left;
	margin: 0 5px 0 0;
}
div#pict .entry .commentForm .formMail input{
	width: 100px;
}
div#pict .entry .commentForm .formUrl{
	float: left;
	margin: 0 5px 0 0;
}
div#pict .entry .commentForm .formUrl input{
	width: 100px;
}
div#pict .entry .commentForm .formComment{
	float: left;
	margin: 0 5px 0 0;
}
div#pict .entry .commentForm .formComment input{
	width: 450px;
}


div#pict .cameraTitle{
	font-weight: bold;
	margin: 0 0 10px 0;
}
div#pict .item{
	float: left;
	margin: 0 10px 10px 0;
	line-height: 1.2em;
	text-align: center;
	font-size: 87.5%;
}

div#pict .item p{
	margin: 0 0 5px 0;
}

div#pict .archivesTitle{
	font-weight: bold;
}
div#pict .archives{
	margin: 0 0 10px 0;
}
div#pict .archives a {
	padding: 0 7px 0 0;
	background: url(../img/arrow.png) no-repeat right;
	margin: 0 5px 0 0;
}
div#pict .categoryTitle{
	font-weight: bold;
}
div#pict .category{
	margin: 0 0 10px 0;
}
div#pict .category a {
	padding: 0 7px 0 0;
	background: url(../img/arrow.png) no-repeat right;
	margin: 0 5px 0 0;
}
div#pict .feedTitle{
	font-weight: bold;
}
div#pict .feed{
	margin: 0 0 10px 0;
}
div#pict .feed a {
	padding: 0 7px 0 0;
	background: url(../img/arrow.png) no-repeat right;
	margin: 0 5px 0 0;
}

div#pict .entryMove{
	background: url(../img/dotline.png) repeat-x 0 100%;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
}

/* --------------------------------------------------------------------------------------
 ABOUT
--------------------------------------------------------------------------------------- */

div#about {
	width: 940px;
	padding: 20px 22px 4px 22px;
}

div#about h1.aboutTitle {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 458px;
	height: 168px;;
	background: url(../img/about_title.jpg) no-repeat left top;
	margin: 0 0 150px 0;
}
div#about .aboutLeft {
	float: left;
	width: 460px;
	margin: 0 20px 10px 0;
}
div#about .aboutLeft img{
	margin: 0 10px 10px 0;
	float: left;
}
div#about .aboutLeft .title{
	display: block;
	font-weight: bold;
	
}
div#about .aboutLeft .desc{
	display: block;
}

div#about .aboutRight {
	float: left;
	width: 460px;
	margin: 0 0 10px 0;
}
div#about .aboutRight img{
	margin: 0 10px 10px 0;
	float: left;
}
div#about .aboutRight .title{
	display: block;
	font-weight: bold;
	
}
div#about .aboutRiht .desc{
	display: block;
}

div#about .footer{
	clear: both;
	width: 940px;
	background: url(../img/dotline.png) repeat-x left top;
	padding: 10px 0 0 0;
}
div#about .footer .mailCap{
	float: left;
	color: #666666;
	font-size: 87.5%;
}


/* --------------------------------------------------------------------------------------
 MJTK
--------------------------------------------------------------------------------------- */

div#mjtk {
	width: 980px;
	padding: 20px 2px 4px 2px;
}

div#mjtk h1.title {
	display: block;
	width: 980px;
	height: 320px;
	margin: 0 0 30px 0;
}
div#mjtk .left {
	float: left;
	width: 460px;
	margin: 0 20px 10px 20px;
}
div#mjtk .img_left{
	margin: 0 10px 10px 0;
	float: left;
}
div#mjtk .left .title{
	display: block;
	font-weight: bold;
	
}
div#mjtk .desc{
	display: block;
	margin: 0 0 10px 0;
}

div#mjtk .right {
	float: left;
	width: 460px;
	margin: 0 0 10px 0;
}
div#mjtk .img_right{
	margin: 0 0 10px 10px;
	float: right;
}
div#mjtk .right .title{
	display: block;
	font-weight: bold;
	
}

div#mjtk .footer{
	clear: both;
	width: 940px;
	background: url(../img/dotline.png) repeat-x left top;
	margin: 0 0px 10px 20px;
	padding: 10px 0 0 0px;
	color: #666666;
	font-size: 77.5%;
}