/* らくがき通信CSS */
/* design.cssを読み込んだ後、このファイルで上書き指定 */

@charset "UTF-8";

body {}

/* ---------------------------------------------------------------- *
	ヘッダ
 * ---------------------------------------------------------------- */

#header {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	height: 150px;
	background: url(../../img/public/rakugaki/header_bg.gif) no-repeat 5px 10px;
}
#header .logo_box {
	float: left;
}
#header .logo {
	padding: 0px 0px 10px 130px;
	float: none;
}
#header h1 {
	margin: 0px;
	padding: 0px 0px 0px 130px;
	line-height: 150%;
}
#header .header_btn {
	margin: 25px 0px 0px 25px;
	float: right;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナ
 * ---------------------------------------------------------------- */
#container .top_img {
	margin: 0px;
	padding: 0px;
}
#container .top_navi {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

/* ---------------------------------------------------------------- *
	メイン
 * ---------------------------------------------------------------- */

#main {
	margin: 0px;
}

/* ---------------------------------------------------------------- *
	ナビゲーション
 * ---------------------------------------------------------------- */

#navi {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0px;
	height: 128px;
	width: 450px;
	float: right;
	overflow: hidden;
}

#navi ul {
  margin: 0px;
  padding: 0px;
  height: 83px;
}

#navi ul li {
  margin: 0;
  padding: 0;
  float: left;
  display: block;
  height: 83px;
  text-indent: -9999px;
}

#navi ul li a {
  margin: 0;
  padding: 0;
  display: block;
  height: 83px;
}

#navi ul li#btn01 a {
  background: #FFFFFF url(../../img/public/rakugaki/navi01.gif);
  width: 125px;
}

#navi ul li#btn02 a {
  background: #FFFFFF url(../../img/public/rakugaki/navi02.gif);
  width: 174px;
}

#navi ul li#btn03 a {
  background: #FFFFFF url(../../img/public/rakugaki/navi03.gif);
  width: 151px;
}

#navi ul li#btn01 a:hover {
  background: #FFFFFF url(../../img/public/rakugaki/navi01.gif) 0px 83px;
  width: 125px;
}

#navi ul li#btn02 a:hover {
  background: #FFFFFF url(../../img/public/rakugaki/navi02.gif) 0px 83px;
  width: 174px;
}

#navi ul li#btn03 a:hover {
  background: #FFFFFF url(../../img/public/rakugaki/navi03.gif) 0px 83px;
  width: 151px;
}

/* ---------------------------------------------------------------- *
	新着＆トップページ
 * ---------------------------------------------------------------- */
dl {
	margin: 0px;
	padding: 0px;
}
dl dt {
	padding: 10px 0px 5px 0px;
	line-height: 150%;
	border: none;
	font-weight: bold;
}
dl dd {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 150%;
	border-bottom: 1px #CCCCCC dotted;
}
h3.news_title {
	margin: 0px;
	padding: 3px 0px 0px 15px;
}
.news_date {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: right;
}
.top_box_left {
	margin: 30px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	width: 345px;
	float: left;
}
.top_box_right {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	width: 345px;
	float: left;
}
.top_title_upper {
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
.top_title {
	width: 345px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: solid 1px #cccccc;
	overflow: hidden;
}
.top_title h2 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	width: 111px;
	float: left;
}
.top_title .top_show_list {
	padding: 7px 0px 0px 0px;
	width: 75px;
	float: right;
}


/* 本日のらくがき */
.top_large_box {
	margin: 0px 18px 30px 0px;
	padding: 7px;
	width: 704px;
	border: solid 1px #cccccc;
	overflow: hidden;
}
.top_large_box img.photo {
	margin: 0px;
	padding: 3px;
	border: solid 1px #cccccc;
	float: left;
}
.top_large_box .title {
	width: 100%;
	overflow: hidden;
}
.top_large_box .body img.title2 {
	margin: 0px;
	padding: 5px 0px 13px 0px;
	float: left;
}
.top_large_box h2 {
	margin: 3px 0px 5px 0px;
	font-size: 120%;
}
.top_large_box .date {
	font-size: 80%;
	text-align: right;
}
.top_large_box .body {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 370px;
	float: left;
}
.top_large_box .body .backnumber a {
	margin: 0px;
	padding: 0px 0px 0px 28px;
	height: 23px;
	display: block;
	background: url(../../img/public/pochi_orange.gif) no-repeat;
}


/* コンテンツ */
.top_contents_box {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	height: 100%;
	overflow: hidden;
}
.top_rakugaki_box_left {
	margin: 0px 18px 10px 0px;
	padding: 7px;
	width: 335px;
	border: solid 1px #cccccc;
	overflow: hidden;
	float: left;
}
.top_rakugaki_box_right {
	margin: 0px 0px 10px 0px;
	padding: 7px;
	width: 335px;
	border: solid 1px #cccccc;
	overflow: hidden;
	float: left;
}
.top_rakugaki_box_left img.photo, .top_rakugaki_box_right img.photo {
	margin: 0px;
	padding: 3px;
	border: solid 1px #cccccc;
	float: left;
}
.top_rakugaki_box_left .body, .top_rakugaki_box_right .body {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 205px;
	float: left;
}
.top_rakugaki_box_left .body img.title, .top_rakugaki_box_right .body img.title {
	margin: 0px;
	padding: 2px 0px 8px 0px;
}


/* ---------------------------------------------------------------- *
	サイドナビゲーション部分
 * ---------------------------------------------------------------- */
#sidenavi {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 202px;
	float: right;
}



/* ---------------------------------------------------------------- *
	サブナビ部分
 * ---------------------------------------------------------------- */
#subnavi {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	width: 200px;
	border: solid 1px #cccccc;
}
#subnavi .subnavi_title {
	margin: 0px;
	padding: 15px 0px 15px 15px;
	border-bottom: solid 1px #cccccc;
}
#subnavi .subnavi_title_2 {
	margin: 0px;
	padding: 15px 0px 15px 15px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#subnavi .subnavi_title_last {
	margin: 0px;
	padding: 15px 0px 15px 15px;
	border-top: none;
	border-bottom: none;
}
#subnavi ul {
	margin: 2px;
	padding: 10px 0px 10px 0px;
	list-style: none;
	background: url(../../img/public/subnavi/subnavi_bg.gif) repeat;
}
#subnavi ul li {
	margin: 0px;
	padding: 3px 0px 3px 33px;
	background: url(../../img/public/subnavi/subnavi_pochi.gif) 13px 7px no-repeat;
}
#subnavi ul.member {
	margin: 0px;
	padding: 10px 0px 15px 0px;
	list-style: none;
}
#subnavi ul.member li {
	margin: 0px;
	padding: 5px 20px 5px 45px;
	border: none;
	background: url(../../img/public/pochi_arrow.gif) 28px 10px no-repeat;
}
#subnavi ul li.last {
	border: none;
}

/* ---------------------------------------------------------------- *
	らくがき
 * ---------------------------------------------------------------- */
.main_content .rakugaki {
	padding: 0px 5px 0px 0px;
	height: 100%;
	overflow: hidden;
	/*
	border-bottom: dashed 1px #cccccc;
	*/
}
.main_content .rakugaki .image {
	margin: 0px;
	padding: 3px;
	width: 300px;
	float: left;
	border: solid 1px #cccccc;
}
.main_content .rakugaki .body {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 385px;
	float: left;
}
.main_content .rakugaki h3 {
	margin: 0px;
}
.main_content .rakugaki .date {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	text-align: right;
}

.main_content .rakugakiwithoutimage {
	padding: 0px 5px 20px 5px;
	height: 100%;
	overflow: hidden;
	border-bottom: dashed 1px #cccccc;
}
.main_content .rakugakiwithoutimage .body {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	float: left;
}
.main_content .rakugakiwithoutimage h3 {
	margin: 0px;
}
.main_content .rakugakiwithoutimage .date {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	text-align: right;
}

/* ---------------------------------------------------------------- *
	カコキジ
 * ---------------------------------------------------------------- */
.kakokiji_title {
	margin: 25px 0px 15px 0px;
	padding: 0px 15px 5px 0px;
	width: 700px;
	overflow: hidden;
	border-bottom: solid 1px #cccccc;
}
.kakokiji_title .title {
	width: 200px;
	float: left;
}
.kakokiji_title .show_list {
	padding: 7px 0px 0px 0px;
	width: 75px;
	float: right;
}
.kakokiji {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-size: 90%;
	line-height: 130%;
	width: 100%;
	overflow: hidden;
}
.kakokiji .box {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	width: 134px;
	float: left;
}
.kakokiji .box img {
	margin: 0px;
	padding: 3px;
	border: solid 1px #cccccc;
}
.kakokiji .box p {
	margin: 0px;
	padding: 5px 0px;
}

/* ---------------------------------------------------------------- *
	プロフィール
 * ---------------------------------------------------------------- */
.main_content_profile {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	height: 100%;
	overflow: hidden;
}
.main_content_profile .rakugaki {
	border: none;
}
.main_content_profile .rakugakiwithoutimage {
	border: none;
}
.main_content_profile .body {
	margin: 20px 0px 0px 0px;
}
.main_content_profile .body h3 {
	margin: 10px 0px 10px 0px;
}
/* ---------------------------------------------------------------- *
	RSS
 * ---------------------------------------------------------------- */
.rss_item {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	width: 210px;
	float: left;
}
.rss_item a {
	margin: 0px;
	padding: 5px 0px 5px 30px;
	display: block;
	background: url(../../img/public/rakugaki/rss.png) 0px 3px no-repeat;
}

/* ---------------------------------------------------------------- *
	social button
 * ---------------------------------------------------------------- */
.social_buttons {
	width:100%;
	display: inline-block;
	overflow: visible;
	padding: 8px 0 8px 0px !important;
	vertical-align: middle;
}
.social_button {
	float: right !important;
	height: 21px !important;
	margin: 0 !important;
	padding: 0 4px 0 0 !important;
	text-indent: 0 !important;
}