/* ===== 全体 ===== */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: none;
}
html{
	height: 100%;
}
body {
	text-align: center;
	height: 100%;
}
body div {
	text-align: left;
	margin: 0 auto;
}

a img {
	border: none;
}

div.clear {
	clear: both;
}

#container {
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	height: 100%;
}

/* ===== ヘッダー ===== */

#header {
	width: 750px;
	border-bottom:none;;
}

.header-inner {
	padding: 60px 20px 30px 20px;
}

div.header-left {
	float: left;
	width: 87px;
	margin-right:426px;
}

div.header-right {
	float: left;
	width: 197px;
}


/* ===== フッター ===== */

#footer {
	width: 750px;
	clear: both;
	border-top:none;	
}

.footer-content {
	text-align:right;
	padding:5px 20px 30px 20px;
	font-size: 7pt;
}

/* ===== コンテンツ大枠 ===== */

#content-box {
	width: 750px;
	text-align:left;
	background-image:url("http://y-hirose.com/img/back_02.gif");
}


/* ===== サイドバー ===== */

#widget {
	width: 150px;
	float: left;
}

.widget-content {
	margin:25px;
}

#widget .widget-content h3 {
	margin-bottom:20px;
}

div.archive {
	padding:0 20px 20px 20px;
	border-top:1px solid #C9C9C2;	
	font-size:70%;
	line-height:1.5;
}

div#widget .archive-header {
	margin:20px 0 5px 0;
}
div#widget .ct-blog,
div#widget .ct-news{
	display:none;
}

h3.kokua {
  margin-left:15px;
  margin-top:10px;
}

/* ===== メインコンテンツ ===== */

/* レイアウト */

div#content {
	float: left;
	width:600px;
}

div.content-page-inner,
div.content-news-inner ,
div.content-works-inner ,
div.content-event-inner ,
div.content-blog-inner,
div.content-blog-idv-inner {
	padding:20px 40px 20px 40px;
}

/* 見出し */

div.content-news-inner .archive-title,
h2.content-works-header,
h2.content-event-header,
div.content-blog-inner .archive-title,
.content-nav {
	padding-bottom:25px;
	font-size:80%;
	letter-spacing:0.1em;
}










/* ウェブページ */

.content-page-header {
	padding-bottom:18px;
	font-size:80%;
	letter-spacing:0.1em;
}

div.content-page {
	height:1200px;
	width:600px;
}

p.content-page-body {
	line-height: 2.5;
	font-size:70%;
}

div.content-page-smalltext {
	margin-top:20px;
	font-size:60%;
}

/* news */

div.content-news {
	width:600px;
}

div.content-news-inner .news-header {
	margin:0 0 15px 0;
}

div.content-news-inner .news-title {
	font-size:80%;
}

div.content-news-inner .news-date {
	font-size:70%;
	padding-right:10px;
}

div.content-news-inner .news-content {
	margin-bottom:20px;
	font-size:70%;
	line-height:1.8;
}

div.content-news-inner .news-content p{
	margin-bottom:10px;
}

div.content-news-inner  .page-navi {
	margin:30px 0 10px 0;
	text-align:right;
	font-size:70%;
}

/* works */

div.content-works {
	width:600px;
}

div.content-works-body {
	font-size:80%;
}

div.content-works-body .works_title {
	margin-bottom:0px;
	letter-spacing:0.1em;
	padding-bottom:20px;
}

div.content-works-body .works_new{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px dashed;
}

div.content-works-body .works_new table{
}

div.content-works-body .works_new  .td_right1{
	padding:10px 0 5px 10px;
	width:220px;
	vertical-align:top;
	line-height:1.2;
}

div.content-works-body .works_new  .td_right2{
	padding:1px 0 5px 10px;
	vertical-align:top;
	font-size:80%;
	line-height:1.5;
}

div.content-works-body .works_new  .td_right3{
	padding:0 0 10px 10px;
	vertical-align:bottom;
	font-size:80%;
	margin-top:10px;
}

div.content-works-body .works_pbd  {
}

div.content-works-body .works_pbd table{
	letter-spacing:0.1em;
	border-bottom:1px solid #bebebe;
	border-collapse: separate; 
}

div.content-works-body .works_pbd  td{
	padding:7px 10px;
	border-top:1px solid;
	empty-cells: hide;
	font-size:85%;
}

div.content-works-body .works_pbd  th{
	padding:30px 10px 15px 10px;
	text-align:left;
	border-top:1px solid;
}


/* blog記事リスト */

div.content-blog,
div.content-blog-idv  {
	width:600px;
}

div.content-blog-inner .entry-header {
	font-size:70%;
}


div.content-blog-inner .date {
	margin-right:10px;
}

div.content-blog-inner .entry-content {
	font-size:70%;
	padding:20px 0 0 0;
	line-height:1.8;
}

div.content-blog-inner .entry-content p{
	padding-bottom:20px;
}

div.content-blog-inner .entry-more {
	padding-top:20px;
	padding-bottom:5px;
}

div.content-blog-inner .blog-meta {
	font-size:70%;
	padding-bottom:20px;
	margin-bottom:30px;
	text-align:right;
	border-bottom:1px dashed;
}

div.content-blog-inner .page-navi {
	margin:30px 0 10px 0;
	text-align:center;
	font-size:70%;
}

/* blog個別ページ */

div.content-blog-idv-inner .asset-header {
	font-size:70%;
	padding-bottom:20px;
	margin-bottom:15px;
	border-bottom:1px dashed;
}

div.content-blog-idv-inner .date {
	margin-right:10px;
}

div.content-blog-idv-inner .blog-meta {
	font-size:70%;
	padding-bottom:20px;
	margin-bottom:20px;
	text-align:right;
	border-bottom:1px solid;
}

div.content-blog-idv-inner .blog-content {
	font-size:70%;
	margin:20px 0;
	line-height:1.8;
}

/* event */

div.content-event {
	width:600px;
}

div.content-event-list,
div.content-event-content
 {
	font-size:70%;
}

div.content-event-list .entry{
	padding-bottom:20px;
	margin-bottom:15px;
	border-bottom:1px dashed;
}

div.content-event-list  img{
	margin:0 10px 0 10px;
}

div.content-event-list  p{
	margin:20px 0 10px 0;
}

div.content-event-list .date,
div.content-event-content .date
{
	margin-right:10px;
}
div.content-event-list .name ,
div.content-event-content .name
{
	margin-left:10px;
}

div.content-event-content .entry .entry-header {
	padding-bottom:20px;
	margin-bottom:15px;
	border-bottom:1px dashed;
}


div.content-event-content .entry .entry-content {
	margin:20px 0;
	line-height:1.8;
	text-align:center;
}

div.content-event-content .entry .entry-content img {
	margin:20px;
}


/* ===== トラックバック＆コメント ===== */

div#comments{
	margin:20px 40px 10px 40px;
}

div#trackbacks{
	margin:30px 40px 10px 40px;
	font-size:80%;
}

.comments-head{
	margin:15px 0;
	font-size:80%;
}
.comments-head-l {
	margin:20px 0 5px 0;
	font-size:80%;
}
.trackbacks-header{
	margin:15px 0;
}
.comments-open-moderated {
	font-size:9px;
	margin-bottom:10px;
}

.comment-content{
	padding:15px 15px 0 15px;
	border-top:1px dashed;
	border-left:1px dashed;
	border-right:1px dashed;
	font-size:80%;
}

.comment-footer{
	padding:15px;
	margin-bottom:15px;
	font-size:90%;
	border-bottom:1px dashed;
	border-left:1px dashed;
	border-right:1px dashed;
	font-size:75%;
}

#comments-form{
	padding:15px;
	border:1px dashed;
	font-size:80%;
}

#comments-form th {
	width:70px;
	vertical-align:top;
	padding:8px 0;
	text-align:left;
}

#comments-form table {
width:100%;
}

#comments-form input{
	border:1px solid;
	font-family:Osaka,Verdana,Arial;
	padding:2px;
}

#comments-form textarea {
	border:1px solid;
	width:100%;
	font-family:Osaka,Verdana,Arial;
	padding:2px;
}

#comments-form #comment-bake-cookie {
	border:none;
	padding:8px 0;
}

#comments-form #comment-preview,
#comments-form #comment-post,
#comments-form #comment-cancel {
	width:70px;
	margin:10px 10px 0 0;
	padding:2px;
	border:none;
	text-align:center;
}

#comment-previewbox{
	width:400px;
	padding:20px 40px 20px 40px;
	margin:20px auto;
	text-align:left;
}

#comment-previewbox #comments{
	margin:20px 0 10px 0;
}

#comment-responce{
	width:400px;
	padding:20px 40px 20px 40px;
	margin:50px auto;
	text-align:center;
	line-height:3;
	font-size:80%;
}

#comment-responce blockquote{
	line-height:1.5;
}

#comment-responce.comment-back{
	padding:20px;
}

#trackbacks-info input{
	border:1px solid;
	width:50%;
	padding:2px;
	margin:5px 0 ;
}

#trackbacks-info p{
	margin-bottom:5px ;
}

.trackbacks-content{
	padding:15px;
	border:1px dashed;
	margin-bottom:15px;
	font-size:90%;
}

.trackback-footer{
	margin-top:5px;
}


/* ===== 色 ===== */

/* 背景色 */

body
{
	background-color: FFFFFF;
}

#container,
#header,
#footer,
#comment-responce,
#comment-previewbox,
#comments{
	background-color: #ffffff;
}

#comments-form #comment-preview,
#comments-form #comment-cancel,
#comments-form #comment-post{
	background-color: #D5D5CE;
}

/* ラインの色 */

#header,
#footer,
div#content ,
div.content-blog-inner .blog-meta,
div.content-blog-idv-inner .blog-meta,
div.content-blog-idv-inner .asset-header,
#comments-form,
.comment-content,
.comment-footer,
#comments-form input , 
#comments-form textarea,
#trackbacks-info input ,
.trackbacks-content,
div.content-works-body .works_new,
div.content-works-body .works_pbd table,
div.content-works-body .works_pbd td,
div.content-works-body .works_pbd th,
div.content-event-list .entry,
div.content-event-content .entry .entry-header 
{ border-color:#C9C9C2; }

#content-box{background-color: #C9C9C2;}

/* 全体の文字色 */

body {
	color:#363331;
}

/* ページ分割の文字色 */

div.content-blog-inner .page-navi,
div.content-news-inner .page-navi
{ color:#727171;}


/* 全体のリンク */

a,
a:link,
a:visited {color: #363331;}
a:hover {color: #B09C73; text-decoration:underline;}
a:active {}

a img {border:none;}

/* フッターの文字色 */

.footer-content {
	color:#524e4d;
}

.footer-content a,
.footer-content a:link,
.footer-content a:visited {color: A6A6A6;}
.footer-content a:hover {color: A6A6A6;}
.footer-content a:active {}

/* 各ページの見出し */

.content-page-header,
.workst-page-header,
div.content-news-inner .archive-title ,
div.content-blog-inner .archive-title,
.content-works-header,
#comment-responce blockquote {
	color:#ffffff;
}

div.content-news-inner .archive-title a,
div.content-blog-inner .archive-title a,
.content-event-header a,
.content-nav a,
div.content-news-inner .archive-title a:link,
div.content-blog-inner .archive-title a:link,
.content-event-header a:link,
.content-nav a:link,
div.content-news-inner .archive-title a:visited,
div.content-blog-inner .archive-title a:visited,
.content-event-header a:visited,
.content-nav a:visited
 {color: #ffffff;}
div.content-news-inner .archive-title a:hover,
div.content-blog-inner .archive-title a:hover,
.content-event-header a:hover,
.content-nav a:hover
 {color: #ffffff; text-decoration:underline;}
div.content-news-inner .archive-title a:active,
div.content-blog-inner .archive-title a:active,
.content-event-header a:active,
.content-nav a:active
 {}

/* フォーム：ボタン・テキストエリアの文字 */
#comments-form #comment-preview,
#comments-form #comment-post,
#comments-form #comment-cancel,
#comments-form input , 
#comments-form textarea,
#trackbacks-info input {
	color:#363331;
}


/* ===== ブログ画像 ===== */

.mt-image-left {
float: left;
margin: 0 20px 20px 0;
}

.mt-image-center,
.mt-image-none {
display: block;
margin: 0 auto 20px;
text-align: center;
}

.mt-image-right {
float: right;
margin: 0 0 20px 20px;
}