@import url(common.css);
/* 大枠 */
#main{
  float:right;
}
#sub{
  float:left;
}
/* 自分の写真付近 */
#profile{
  text-align:center;
  margin-bottom:8px;
}
#profile .photo{
  margin-top:16px;
}
#profile .name{
  margin:3px 0;
}
#profile .btn{
  margin:8px 0 10px 0;
}
#profile li{
  display:inline;
  font-size:85%;
  margin-right:2px;
}
/* ヘッダー付近 */
#header{
	height: 128px;
}
#counter{
	text-align:right;
	margin-right:4px;
}
#header h1 a:link,
#header h1 a:visited{
	text-decoration:none;
}
#header h1 a:hover{
	text-decoration:underline;
}
#header h1{
  font-size:160%;
  padding:10px 0 5px 20px;
}
#header .description{
	margin: 10px 20px;
}

/* メイン付近 */
#main h2{
  border-left:9px solid #CCC;
  padding-left:8px;
  font-size:130%;
  margin:8px 0 20px 0;
}
#main h2 span{
  display:block;
  margin-top:4px;
  font-size:60%;
  font-weight:normal;
}
#main h3{
  border-left:9px solid #CCC;
  padding-left:11px;
  font-size:120%;
  font-weight:normal;
  margin:8px 0 16px 0;
}
#main h4{
	border: 1px solid #ccc;
	font-weight:normal;
	padding:4px;
}
#main h4 .user{
	float:left;
	width: 300px;
}
#main h4 .date{
	float:right;
}
#main #comments .comment{
	margin:4px 4px 24px 4px;
	font-size: 90%;
}
#main .photo{
	float:right;
	margin:0 0 8px 8px;
}
#main h4 .photo{
	vertical-align:middle;
	margin: 0 4px 0 0;
	float:left;
	width:42px;
}
#main .body{
	font-size:95%;
	line-height:160%;
	margin:0 0 30px 12px;
	width: 542px;
}
#main .body_with_photo{
	font-size:95%;
	line-height:160%;
	margin:0 0 30px 12px;
	width: 542px;
}
#main .body big,
#main .body_with_photo big{
	line-height:100%;
}
#main .link_to_show{
	text-align: right;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
#main dt{
	margin-bottom:4px;
}
#main dd.name input{
	width: 300px;
	margin-bottom:16px;
}
#main dd.comment_form textarea{
	width: 542px;
	height:100px;
	padding: 5px;
;
}
#main .profile p{
	border: 1px solid #ccc;
	padding: 20px;
}
#main .profile dl{
	margin: 20px;
}
#main .profile dd{
	margin-bottom: 20px;
}
#main .profile dt{
	font-weight: bold;
	margin-bottom: 10px;
}
#main .qa100 dd{
	margin: 5px 0 20px 15px;
}
#main dl.epex{
	border:1px solid #ccc;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 90%;
}
#main dl.epex .link{
	text-align: right;
}
#main .secret{
	margin: 20px 0;
	padding: 10px;
	border: 1px solid #ccc;
}
#main .secret p{
	font-size: 90%;
}
#main .content .link{
	float: right;
}
#main .show_pager{
	margin-bottom: 20px;
	font-size:90%;
}
#main .show_pager .prev{
	width: 230px;
	float:left;
}
#main .show_pager .top{
	width: 90px;
	float:left;
	text-align:center;
}
#main .show_pager .next{
	float:right;
	text-align:right;
	width: 230px;
}
#main blockquote{
	margin: 16px 8px 8px 8px;
	padding: 8px;
	border:1px dotted #ccc;
}

/* サブ付近 */
#sub dl{
	margin:8px;
	width: 155px;
}
#sub dt{
	float:left;
	width: 130px;
}
#sub dd{
	width: 25px;
	float:right;
	text-align:right;
}
#sub h3{
	background-color:#cacaca;
	padding:5px;
}
#sub h4{
	background-color:#ddd;
	padding:5px;
}
#sub .box{
	border:1px solid #aaa;
	margin-bottom:8px;
	font-size: 90%;
}
#sub li{
  font-weight:normal;
  line-height:110%;
  margin-bottom:2px;
}
#sub .box ul{
	margin:8px;
}
#sub .serach{
	margin: 10px;
}
#sub .search_text{
	width: 140px;
}
#sub .no_entry{
	margin: 4px;
}
/* カレンダー */
table.calendar caption{
	margin:8px auto 4px auto;
	text-align:center;
}
table.calendar{
	margin: 8px auto 8px auto;
}
table.calendar td,
table.calendar th{
	padding:1px 4px;
	text-align:right;
	font-size: 90%;
}
/* リンク一覧 */
.list{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 8px;
	width: 277px;
	float: left;
}
.list div.photo{
	float: left!important;
	width: 42px;
}
.list .text{
	float: right;
	width: 217px;
	margin-left: 8px;
}
.list .name{
	margin-bottom: 4px;
}
.list .link{
	float: right;
	text-align:right;
}