@charset "UTF-8";
/* CSS Document */

/* Cross-browser settings */
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	/*background-image: url(http://hrd-u1.com/images/bg.gif);*/
	background-color:#ffffff;
	color: #333333;
	font-size:0.8em;
	line-height: 1.5em;
	font-size:small;
	font-family:“メイリオ”, “Meiryo”, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, ”Osaka”, Verdana, “ＭＳ Ｐゴシック”, “MS P Gothic”, Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;
}
p {
	margin:0px 0px 5px 0px;
	padding:0px;
	line-height:1.5em;
}
p img {
	float:left;
	margin: 4px;/*border: solid 1px #666666; */
}
img {
	border:none;
}
a {
	color: #003399;
	text-decoration: none;
}
a:visited {
	color: #003399;
}
a:hover {
	color: #000000;
	text-decoration:underline;
}
/*----------フォントサイズ----------*/
.x-small {
	font-size:x-small;
	line-height:1.5em;
}
.txt9 {
	font-size:57%;
}
.txt10 {
	font-size:63%;
}
.txt11 {
	font-size:69%;
}
.txt12 {
	font-size:75%;
}
.txt13 {
	font-size:82%;
}
.txt14 {
	font-size:88%;
}
.txt15 {
	font-size:94%;
}
.txt16 {
	font-size:100%;
}
.txt17 {
	font-size:107%;
}
.txt18 {
	font-size:113%;
}
.txt19 {
	font-size:119%;
}
.txt20 {
	font-size:125%;
}
.txt21 {
	font-size:132%;
}
.txt22 {
	font-size:138%;
}
.txt23 {
	font-size:144%;
}
.txt24 {
	font-size:150%;
}
/*---------------------------------全体---------------------------------*/
#wrapper {
	width:949px;
	margin:0 auto;
	border-left:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	background-image:url(http://hrd-u1.com/images/blog_bkline_all.gif);
	background-repeat:repeat-y;
}
#wrapper_index {
	width:949px;
	margin:0 auto;
	border-left:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	background-image:url(../images/bk_wrap.gif);
	background-repeat:repeat-y;
}
#wrapper_comment {
	width:949px;
	margin:0 auto;
	border-left:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
}
/*---------------------------------ヘッダー領域---------------------------------*/
#header {
	height:45px;
	background-repeat:repeat-x;
	background-color:#000000;
	float: left;
	width: 949px;
	padding: 0px;
	color: #000000;
	font: bold 2.5em 'arial black', sans-serif;
	text-align: center;
	position: relative;
}
h1 {
	background-color:#000000;
	color:#CCCCCC;
	padding:4px 0px 0px 15px;
	font-size:75%;
}
/*---------------------------------ロゴ---------------------------------*/


#header #logo-block {
	position: absolute;
	top: 0px;
	left: 20px;
	margin: 0;
	padding: 0;
	list-style-type: none;/*border:solid 1px #FF0000;*/
}
#header #logo-block {
	float: left;
	line-height:0em;
	margin: 0;
	padding: 0;
}
/*---------------------------------*********キャプション---------------------------------*/



#header #cap-block {
	color:#ffffff;
	position: absolute;
	top: 80px;
	left: 30px;
	margin: 0;
	padding: 0;/*border:solid 1px #FF0000;*/
}
#header #cap-block h2 {
	font-size:x-large;
	/*float: left;*/
	width:250px;
	margin: 0;
	padding: 0;
}
#header #cap-block h3 {
	font-size:medium;
	width:350px;
	text-align:left;
}
#header div#description {
	margin: 5px 0px 0px 30px;
	padding: 0px;
	color: #666666;
	font-size: 1.2em;
	text-align: left;
}
/*---------------------------------メインコンテンツ---------------------------------*/
#contents {
	width: 759px;
	margin:0px;
	padding: 0px;
	font-size: 1em;
	text-align:left;
	float:left;
	border-right:solid 1px #d6d6d6;
}
/*---------------------------------メインコンテンツ(コメントページ)---------------------------------*/
#comment_contents {
	width: 759px;
	margin:0px;
	padding: 10px;
	font-size: 1em;
	text-align:left;
	float:left;
	border-right:solid 1px #d6d6d6;
}
.comment_old {
	border-top:solid 1px #999999;
	padding:10px 0px 10px 0px;
	margin:20px 0px 0px 0px;
}
/*---------------------------------左列---------------------------------*/
.left {
	width: 379px;
	margin:0px;
	padding: 0px;
	height:100%;
	float:left;
	border-right:solid 1px #d6d6d6;
	background:url(../images/bk_line.gif) repeat-y;
}
/*---------------------------------左列の左---------------------------------*/
.left_left {
	width: 189px!important;
	width: 185px;
	margin:0px;
	padding: 0px;
	height:100%;
	float:left;
	border-right:solid 1px #d6d6d6;
}
.left_left h3 {
	margin:10px 0px 5px 5px;
	padding: 0px;
	height:100%;
	float:left;
}
/*---------------------------------左列の右---------------------------------*/
.left_right {
	width: 189px!important;
	margin:0px;
	padding: 0px;
	height:100%;
	float:right;
}
/*------------------------------------------------------------------------*/

/*---------------------------------右列---------------------------------*/
.right {
	width: 379px;
	margin:0px;
	padding: 0px;
	height:100%;
	float:right;
}
/*---------------------------------サイド---------------------------------*/
.side {
	width: 189px;
	margin:0px;
	padding: 0px;
	height:100%;
	float:right;
}
/*---------------------------------領域アンダーライン---------------------------------*/


.bottomline {
border-bottom:solid 1px #d6d6d6;
}



.bottomline_dot {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A29D8A;
}
/*---------------------------------領域アンダーライン---------------------------------*/
.bottomline_gray {
	border-bottom:solid 1px #d6d6d6;
	background-color:#f6f6f6;
}
.caption {
	line-height:1.5em;
	padding:2px 10px 10px 10px;
	font-size:small;
	text-align:left;/*border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #A29D8A;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A29D8A;*/
}
.caption_top {
	line-height:1.5em;
	padding:3px 10px 3px 10px;
	font-size:x-small;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #A29D8A;
}
/*---------------------------------ギャラリー---------------------------------*/
#gallery {
	text-align:left;
	padding:10px 0px 10px 22px;
}
#gallery a img:hover {
	background-color:#e283a3;
	border: 1px solid #e283a3;
}
#gallery a img {
	padding:1px;
	/*background-color: #ffffff;*/
border: 1px solid #ffffff;
	margin: 0px 10px 10px 0px;
	text-align:left;
}
/*---------------------------------右サイドの左---------------------------------*/

.flowall {
	width:359px;
	padding:0px 10px 10px 10px;
	margin:0px;
	font-size:small;
	border-bottom:solid 1px #d6d6d6;
}
.flow {
	clear:both;
	/*border-top:dotted 1px #666666!important;*/
	border:none;
	margin: 5px 0px 10px 0px !important;
	margin: 5px 0px 0px 0px;
	padding:0px 0px 0px 0px!important;
	padding:10px 0px 0px 0px;
}
.flow img {
/*border:solid 1px #FF0000;*/
	/*float:left;*/
	/*margin-bottom:10px;*/
}
/*---------------------------------最近投稿された記事---------------------------------*/

.recent {
	text-align:left;
	font-size:x-small;
	margin:0px;
}
.recent ul {
	list-style:none;
	margin-left:0px;
	display:inline;
	/*border: 1px solid #999999;*/
	display:inline;
	padding:0px 0px 0px 0px;
}
.recent li {
	line-height: 0;
	list-style: none;
	background:url(http://hrd-u1.com/images/arrow.gif);
	background-repeat: no-repeat;
	padding:7px 0px 5px 25px;
	margin:0px;
	display:inline;
	background-position: 10px 8px;/*border:solid 1px  #ff0000;*/
}
.recent li a {
	display:inline;
	line-height: normal;
	/*background: #ffffff;*/
	/*color: #333333;*/
	text-align: left;/*text-decoration: none;*/
}
/*.recent li a:hover {
	background-color:#000000;
}*/


.recent h3 {
	padding:5px 5px 0px 0px;
	margin:5px 0px 5px 0px;
	font-size:x-small;
	border-bottom: dashed 1px #cccccc;
}
.link li {
	display:inline;
}
.link table {
	margin:10px 0px 20px 0px;
}
.link td {
	padding:1px 10px 0px 0px;
	font-size:x-small;
}
/* --------------------------------バナー------------------------------- */

.bn {
	background-color:#f6f6f6;
	padding:5px 0px 5px 0px;
}
.bn img {
	margin-top:5px;
}
/* --------------------------------バナー------------------------------- */

.tool {
	text-align:center;
	margin:5px auto;
}
.tool img {
	text-align:center;
	margin:5px 0px 5px 0px;
}
/*---------------------------------外部リンク---------------------------------*/
.sublink_area {
	text-align:left;/*border: solid 1px #ff0000;*/
}
.sublink {
	text-align: left;
}
.sublink li {
	display:inline;
	font-size:x-small;
	margin-right:10px;
	padding-left:2.5em;
}
.bbs {
	display:inline;
	background-image:url(../images/arrow_brown.gif);
	background-repeat:no-repeat;
}
.mixi {
	display:inline;
	background-image:url(../images/arrow_mixi.gif);
	background-repeat:no-repeat;
}
.pixiv {
	display:inline;
	background-image:url(../images/arrow_pixiv.gif);
	background-repeat:no-repeat;
}
.bm {
	display:inline;
	background-image:url(../images/arrow_bm.gif);
	background-repeat:no-repeat;
}
.tw {
	display:inline;
	background-image:url(../images/arrow_tw2.gif);
	background-repeat:no-repeat;
}
.blog {
	display:inline;
	background-image:url(../images/arrow_blog.gif);
	background-repeat:no-repeat;
}
.fl {
	display:inline;
	background-image:url(../images/arrow_fl.gif);
	background-repeat:no-repeat;
}
/* --------------------------------フッター------------------------------- */

.footer_contents h4 {
	font-size:1em;/*border-bottom:solid 1px #333333;
font-weight:normal;
margin-bottom:10px;*/
}
.upper {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -30px;
}
.stopper {
	height:30px;
}
#footer {
	clear:both;
	width: 100%;
	/*background-image:url(http://hrd-u1.com/images/footer.gif);*/
	/*background-position:center;
	background-repeat:no-repeat;*/
	color:#ffffff;
	margin:0px;
	background-color:#000000;
	/*padding-top:5px;*/
	padding-bottom:5px;
	font-size: 0.8em;
	text-align: center;/*border-top:solid 1px #cccccc;*/
}
.footer_naka {
	padding: 8px 0px 0px 0px;
	clear:both;
	width:922px;
	text-align: center;
	margin: auto auto;
}
.clear {
	clear:both;
}
div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#div {
	zoom: 100%;
}
.clearfix {
	display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */
.count {
	background-color:#FFFFFF;
	margin:5px;
	text-align:right;
}