@import url(common.css);
/* 大枠 */
#main{
  float:left;
  font-size: 88%;
}
#sub{
  float:right;
  font-size: 88%;
}
/* ロゴ付近 */
#logo h1{
  margin: 20px 0 12px 8px;
}
#logo h1 a{
  background:url(/images/portal/logo.gif) 0 0 no-repeat;
  display:block;
  width:375px;
  height:35px;
}
#logo h1 a:hover{
  background-position:0 -36px!important;
}
#logo ul{
	position:absolute;
	top: 0px;
	left:360px;
	margin:20px 0 0 0;
	width:160px;
}
#logo li.signup{
  background:url(/images/portal/signup.gif) no-repeat;
  float: left;
}
#logo li.service{
  background:url(/images/portal/service.gif) no-repeat;
  float: left;
  margin-left: 8px;
}
#logo ul a{
  display:block;
  width:76px;
  height:18px;
}
/* ナビゲーション付近 */
#header_menu{
	position:absolute;
	top: 10px;
	right:0;
	width:170px;
}
#header_menu a {
  display:block;
  margin-left: 5px;
}
#header_menu li{
  float:left;
}
#header_menu #diary_new a {
  background:url(/images/portal/diary_new.gif) 0 0 no-repeat;
  margin-top:1px;
  width:35px;
  height:40px;
}
#header_menu #diary_index a {
  background:url(/images/portal/diary_index.gif) 0 0 no-repeat;
  width:35px;
  height:40px;
}
#header_menu #news a{
  background:url(/images/portal/news.gif) 0 0 no-repeat;
  margin-top:1px;
  width:35px;
  height:40px;
  margin-left: 10px;
  margin-right:5px;
}
#header_menu #items a {
  background:url(/images/portal/items.gif) 0 0 no-repeat;
  width:35px;
  height:44px;
}
#header_menu a:hover {
  background-position:0 -45px!important;
}
#header_menu #items a:hover {
  background-position:-1px -45px!important;
}
/* 写真一覧 */
#photos li{
  width:88px;
  margin-right:4px;
  margin-bottom:8px;
  float:left;
}
#photos li.last{
  margin-right:0;
}
#photos img{
  /* 暫定 */
  width:88px;
  height:88px;
  margin:0 0 4px 0;
}
#main h2{
  background-color: #AFD3F7;
  margin:8px 0 0 0;
  padding: 4px 8px;
  clear:both;
}
#main h2 span{
  color:#333;
  display:block;
}
#main h3{
	font-weight: normal;
}
/* 更新ユーザー */
#update_users ul{
  margin:4px 0 0 0;
}
#update_users li{
  float:left;
  margin:4px 0 0 0;
}

#update_users li.last{
  margin-right:0;
}
#themes{
  background-color:#f5f5f5;
  padding: 4px;
}
#themes li{
  display:inline;
  margin: 0 10px 4px 0;
}
/* カテゴリ別 */
#categories ul{
	margin: 4px 4px 8px 4px;
}
#categories li{
  display:inline;
  margin: 0 10px 4px 0;
}
.category{
  width:271px;
  height: 310px;
  color: #fff;
  margin: 0 0 8px 0;
  background-color:#FFF;
/*  border:1px solid #0088FF;*/
}

#new h3{
  float:left;
}
.category_header{
  background-color:#0088FF;
  margin:1px 1px 0 1px;
}
.category table{
  color: #333;
  background-color:#FFF;
  border-top: 1px solid #007BDF;
  margin:0 1px 1px 1px;
  clear:both;
}
.category td span{
  display:block;
  margin:5px;
}
.category .date{
  width:85px;
}
.category .subject{
  width:214px;
}
.category h3{
  float:left;
  margin:4px 8px;
}
.category img{
  padding:0 0 4px 0;
}
.category tr{
}
.category .more{
  float:right;
  margin:4px;
}
.category .more a{
  background:url(/images/portal/btn_list.gif) 0 0 no-repeat;
  width:32px;
  height:15px;
  display:block;
}
#blogs table small{
	color: #888;
}
#blogs table span{
	display: block;
	padding: 4px 2px;
}
#blogs .date{
	width: 95px;
}
#blogs tr{
  border-bottom:1px dotted #888;
}
#sub h2{
 padding:1px 1px 0 1px;
}
#sub h2 span{
  background-color:#DDD;
  padding:5px;
  display:block;
}
#ranking, #howto, #mobile{
  background-color:#FDFDFD;
  border:1px solid #CCC;
  margin-bottom:8px;
}
/* notice */
ul#notice{
	margin: 4px;
}
/* 使い方 */
#howto li{
  background:url(/images/common/list_box.gif) 4px 5px no-repeat;
  padding:0 0 3px 15px;
}
#howto ul{
  margin:8px;
}
/* ランキング */
#ranking .rank{
  width:20px;
  text-align:right;
}
#ranking .name{
  width:110px;
}
#ranking .count{
  width:40px;
  text-align:center;
}
#ranking tr{
}
#ranking td{
  padding:3px 5px;
}
#mobile img{
  text-align:center;
  margin: 8px 35px;
}
#mobile .url{
  text-align:center;
  margin: 0 0 8px 0;
}
#search h3{
  float:left;
  margin-right:8px;
}
#search{
  margin: 8px 8px 12px 0;
}
#new_user{
  margin:4px 0;
}
#new_user ul{
  text-align:right;
}
#diaries div.photo,
#reviews div.photo,
#item div.photo,
#items div.photo{
	float:left;
	margin:8px 8px 0 0;
	width: 128px;
	text-align:center;
}
#diaries .diary,
#item .review,
#items .item{
	clear:both;
	border-bottom: 1px solid #ccc;
	height: 180px;
	position: relative;
}
#reviews .review{
	clear:both;
	height:180px;
	position:relative;
}
#item div.photo,
#items div.photo{
	width: 180px;
}
#diaries h3{
	margin: 16px 0 8px 0;
}
#reviews h3,
#item h3,
#items h3{
	margin: 8px 0 8px 0;
}
#diaries .date,
#items .date{
	position:absolute;
	right:8px;
	bottom:16px;
}
#diaries .body,
#reviews .body,
#item .body,
#items .body{
	line-height:130%;
	color:#666;
}
#diaries .text{
	float:left;
	width:385px;
}
#diaries .nickname{
	margin-bottom: 10px;
}
#item .text,
#items .text{
	float:right;
	width:360px;
}
#items .comment{
	background-color:#f4f4f4;
	padding:15px;
	border:1px solid #dfdfdf;
}

#reviews #review{
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}
#reviews .review{
	margin-top: 30px;
}
#reviews .rate{
	float:left;
	height:20px;
	width: 70px;
}
#reviews .review h3{
	height:30px;
	width: 554px;
	float:left;
	margin: 0;
	background-color:#f5f5f5;
}
#reviews h3 span.subject{
	float:left;
	width: 400px;
	margin: 4px;
	display:block;
}
#reviews h3 span.date{
	float:right;
	display:block;
	margin:4px;
	font-weight:normal;
}
#reviews .review .nickname{
	float :left;
	margin-top:4px;
	margin-right: 4px;
}
#reviews .review .more{
	margin-top:4px;
	float :left;
}
#reviews .review div.photo{
	clear:both;
	margin-top:16px;
	width: 42px;
	float:left;
}
#reviews .review .text{
	line-height:160%;
	color:#666;
	float:right;
	width:500px;
	margin-top: 12px;
}
#reviews .review .btn{
	position:absolute;
	bottom:0;
	right:0;
}
#login table{
	width:80%;
	font-size:130%;
	margin: 30px auto;
	border-top:1px solid #888;
	border-left:1px solid #888;
	border-right:1px solid #888;
}
#login table small{
	display:block;
}
#login table td,
#login table th{
	padding:10px;
	border-bottom:1px solid #888;
}
#login table th{
	border-right:1px solid #888;
	background-color:#0088FF;
	color: #FFF;
}
#membership dt{
	font-weight:bold;
	margin: 24px 0;
	border-top:1px solid #ddd;
	padding:16px 0 0 0;
}
#membership p,
#privacy p{
	line-height:140%;
	letter-spacing:1px;
	margin-bottom:16px;
}
#membership li,
#privacy li{
  background:url(/images/common/dot.gif) 4px 5px no-repeat;
  padding-left:20px;
  margin-bottom:1px;
}
#membership ul,
#privacy ul{
  margin:20px;
}
#items ul{
	margin-top: 8px;
}
#items li{
	display: inline;
}
form table{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	width:100%;
	margin-bottom:50px;
}
form th,
form td{
	padding:10px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
form th{
	background-color:#fafafa;
}
form textarea{
	width:490px;
	padding:5px;
}
form textarea#text_body{
	width:340px;
	padding:5px;
}
.description{
	margin: 20px 0;
}
textarea#membership{
	width:720px;
	padding:5px;
}
#shared h2{
	border-left:5px solid #ccc;
	padding-left: 10px;
	margin:0 0 20px 0;
}
#signup{
	margin-top:20px;
}
.login_button{
	text-align:center;
}
#item .url a{
	display: block;
	background:url(/images/portal/btn_detail.gif) 0 0 no-repeat;
	width: 80px;
	height: 29px;
	float:right;
}
#item .body{
        width: 300px;
        float:left;
}
#item .text a:hover{
	background-position: 0 -29px;
}
#item .url a span{
	display: none;
}
#item .url input.button{
	background:url(/images/portal/btn_about.gif) 0 0 no-repeat;
	width: 80px;
	height: 29px;
}
#item .text input:hover{
	background-position: 0 -29px;
}
#item .reg_date,
#item .maker,
#item .author{
	margin-top:3px;
}
p{
	margin: 10px 0;
	line-height: 130%;
}
.review_new{
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align:center;
	padding: 16px 0;
	margin-top: 16px;
}
input.btn_review{
	display:block;
	background:url(/images/portal/btn_review.gif) 0 0 no-repeat;
	width: 140px;
	height: 29px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
}
input.btn_review:hover{
	background-position: 0 -29px;
}
#theme_blogs .divisible{
	float:right;
}
#shared dl{
	background-color: #fdfdfd;
	padding: 8px;
}
#shared dl dl{
	margin: 16px;
}
#shared dt{
	font-weight: bold;
}
#shared dd{
	margin-bottom: 16px;
}

/* ログイン */
#login{
  background-color:#F9F9F9;
  border:1px solid #CCC;
  padding:10px;
  margin: 0 0 8px 0;
}
#login dd input{
  width:138px;
  margin:0 0 8px 0;
  padding: 2px 1px 4px 1px;
}
#login .mypage a{
	float:left;
}
#login a{
  display:block;
}
#login strong{
	display: block;
	float:right;
	margin-left: 5px;
	width: 100px;
}
#login ul{
	margin-top: 10px;
}
#login li{
  background:url(/images/common/dot.gif) 2px 8px no-repeat;
  padding-left: 10px;
}
#login .submit{
  text-align:center;
  margin:8px;
}
#login .link{
	text-align:right;
	margin-top: 10px;
}
#login td{
	background-color:#FFF;
}
#login .submit{
	margin: 8px 0;
}

/* テキストページ */
#diarynote h3,
#privacy h3{
	border-bottom:1px solid #0088FF;
	color: #0088FF;
	margin: 16px 0;
}
#diarynote dt,
#privacy dt{
	font-weight:bold;
	margin-bottom:8px;
}
#diarynote dd,
#privacy dd{
	margin-bottom:32px;
	line-height: 150%;
}