@charset "utf-8";

/* tegaki.rw.to CSS Document */

/* common */
html {
	height: 100%;
}

body {
	height: 100%;
	background-color: #ffffff;
}

body, td, th {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 16px;
	color: #535353;
	margin: 0px;
	padding: 0px;
}

form{
	margin: 0px;
	padding: 0px;
}

input,
select,
textarea {
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
	color: #535353;
	vertical-align: middle;
}

input.url_box {
	margin: 0px;
	padding: 0px;
	width: 120px;
	height: 16px;
}

img {
	border: none;
	vertical-align: middle;
}

a {
	color: #00a0e9;
	text-decoration: underline;
	outline: none;
}
a:visited {
	color: #00a0e9;
	text-decoration: underline;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #0068b7;
}

/* base */
div#container {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	min-height: 100%;
}
div#header {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 50px;
}
div#subheader {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 900px;
	height: 30px;
	border-bottom: #dcdcdc solid 5px;
	background: url(../images/img_menu.gif) 5px 0px no-repeat;
}
div#body {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: auto;
}
div#left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 210px;
	height: auto;
}
div#main {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 690px;
	height: auto;
}
div#footer {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 30px;
	background-image: url(../images/img_bar_copyright.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}
div#left_button {
	margin: 10px auto;
	padding: 0px;
	width: 200px;
	height: 50px;
	background: url(../images/img_button_1.gif) left top no-repeat;
}
div#left_menu {
	margin: 10px auto;
	padding: 0px;
	width: 205px;
	height: auto;
}
div#left_news {
	margin: 10px auto;
	padding: 0px;
	width: 200px;
	height: auto;
}
div.clear {
	clear: both;
}
div.logo {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 310px;
	height: 50px;
}
div.header_menu {
	float: right;
	margin: 25px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	width: 580px;
	height: 25px;
	line-height: 25px;
	letter-spacing: 1px;
	text-align: right;
}
div.button {
	margin: 10px auto;
	padding: 0px;
	width: 204px;
	height: auto;
}
div.left_menu_layer {
	margin: 0px;
	padding: 10px 5px;
	background-color: #ebf9ff;
}

/* color */
span.copyright {
	letter-spacing: 1px;
	line-height: 30px;
}
span.bar_common {
	margin-left: 10px;
	letter-spacing: 3px;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	color: #0068b7;
}
span.bar_portfolio {
	margin-left: 10px;
	letter-spacing: 3px;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	color: #5f52a0;
}
span.red1 {
	color: #e60012;
}
span.orange1 {
	color: #eb6100;
}

/* contents */
div.bar_new {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_newcomment.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_favorite {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_favoritetag.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_blog {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_blog.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_board {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_guri2_board.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_dendou {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_dendou.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_spot {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_spotlight.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_artwork {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_artwork.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_artwork_info {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_artwork_info.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_artwork_today {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_artwork_today.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_profile {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_profile.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_portfolio {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_portfolio.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_search {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_search.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_common {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_common.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_point {
	margin: 10px auto;
	padding: 0px;
	width: 323px;
	height: 30px;
	background-image: url(../images/img_bar_rank_point.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_up {
	margin: 10px auto;
	padding: 0px;
	width: 665px;
	height: 30px;
	background-image: url(../images/img_bar_rank_up.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_category {
	margin: 0px auto;
	padding: 0px;
	width: 205px;
	height: 30px;
	background-image: url(../images/img_bar_category.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div.bar_left {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 450px;
	height: 25px;
	letter-spacing: 1px;
	line-height: 25px;
}
div.bar_right {
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	width: 195px;
	height: 25px;
	letter-spacing: 1px;
	line-height: 25px;
	text-align: right;
}
div.control {
	clear: both;
	margin: 0px;
	padding: 0px 10px;
	width: 645px;
	height: 25px;
	letter-spacing: 1px;
	line-height: 25px;
	text-align: center;
}
div.box {
	margin: 0px auto 20px auto;
	padding: 0px;
	width: 665px;
	height: auto;
	letter-spacing: 1px;
	line-height: 25px;
}
div.navi {
	margin: 0px auto;
	padding: 0px;
	width: 665px;
	height: auto;
	letter-spacing: 1px;
	line-height: 25px;
}
div.img_title {
	margin: 0px auto;
	padding: 0px;
	width: 140px;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 1px;
	text-align: center;
}
div.img_thumb {
	margin: 0px;
	padding: 0px;
}
div.img_new {
	margin: 0px;
	padding: 0px;
	width: 160px;
	background-image: url(../images/img_icon_new.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
div.img_thumb img,
div.img_new img {
	border: #dcdcdc solid 1px;
}
div.img_result {
	margin: 0px auto;
	padding: 0px;
	width: 120px;
	height: 18px;
}
div.img_category {
	margin: 0px auto;
	padding: 0px;
	width: 150px;
	font-size: 8px;
	line-height: 10px;
	letter-spacing: 1px;
	text-align: right;
	color: #00b7ee;
}

/* title */
div.title1 {
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	width: 700px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px;
	background: #7c7a6d;
}

/* comment */
p.comment1 {
	margin: 5px 0px;
	padding: 5px;
	width: 700px;
	letter-spacing: 1px;
	line-height: 20px;
	background: #e6e2c9;
}

/* list */
ul.main_menu {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	list-style-type: none;
	text-indent: -9999px;
}
ul.main_menu li {
	float: left;
	margin: 0px;
	padding: 0px;
}
ul.main_menu li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}
ul.main_menu li.m1 a {
	width: 100px;
	height: 30px;
	background: url(../images/img_menu.gif) 0px 0px;
}
ul.main_menu li.m2 a {
	width: 100px;
	height: 30px;
	background: url(../images/img_menu.gif) -100px 0px;
}
ul.main_menu li.m3 a {
	width: 100px;
	height: 30px;
	background: url(../images/img_menu.gif) -200px 0px;
}
ul.main_menu li.m4 a {
	width: 100px;
	height: 30px;
	background: url(../images/img_menu.gif) -300px 0px;
}
ul.main_menu li.m5 a {
	width: 100px;
	height: 30px;
	background: url(../images/img_menu.gif) -400px 0px;
}
ul.main_menu li.m6 a {
	width: 100px;
	height: 30px;
	background: url(../images/img_menu.gif) -500px 0px;
}
ul.main_menu li.m7 a {
	width: 100px;
	height: 30px;
	background: url(../images/img_menu.gif) -600px 0px;
}
ul.main_menu li.m1 a:hover {
	background: url(../images/img_menu.gif) 0px -30px;
}
ul.main_menu li.m2 a:hover {
	background: url(../images/img_menu.gif) -100px -30px;
}
ul.main_menu li.m3 a:hover {
	background: url(../images/img_menu.gif) -200px -30px;
}
ul.main_menu li.m4 a:hover {
	background: url(../images/img_menu.gif) -300px -30px;
}
ul.main_menu li.m5 a:hover {
	background: url(../images/img_menu.gif) -400px -30px;
}
ul.main_menu li.m6 a:hover {
	background: url(../images/img_menu.gif) -500px -30px;
}
ul.main_menu li.m7 a:hover {
	background: url(../images/img_menu.gif) -600px -30px;
}

ul.left_button {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-indent: -9999px;
}
ul.left_button li {
	float: left;
	margin: 0px;
	padding: 0px;
}
ul.left_button li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}
ul.left_button li.bt1 a {
	width: 100px;
	height: 50px;
	background: url(../images/img_button_1.gif) 0px 0px;
}
ul.left_button li.bt2 a {
	width: 100px;
	height: 50px;
	background: url(../images/img_button_1.gif) -100px 0px;
}
ul.left_button li.bt1 a:hover {
	background: url(../images/img_button_1.gif) 0px -50px;
}
ul.left_button li.bt2 a:hover {
	background: url(../images/img_button_1.gif) -100px -50px;
}

ul.left_menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.left_menu li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	height: 22px;
	line-height: 22px;
	letter-spacing: 1px;
}
ul.icon_list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.icon_list li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 17px;
	letter-spacing: 1px;
	line-height: 18px;
	font-size: 10px;
}
ul.icon_list li.icon1 {
	color: #ec6941;
	background-image: url(../images/img_icon_1.gif);
	background-repeat: no-repeat;
	background-position: left;
}
ul.icon_list li.icon2 {
	color: #959595;
	background-image: url(../images/img_icon_2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
ul.icon_list li.icon3 {
	color: #f8b551;
	background-image: url(../images/img_icon_3.gif);
	background-repeat: no-repeat;
	background-position: left;
}
ul.icon_list li.icon4 {
	color: #00b7ee;
	background-image: url(../images/img_icon_4.gif);
	background-repeat: no-repeat;
	background-position: left;
}
ul.icon_list li.icon5 {
	color: #80c269;
	background-image: url(../images/img_icon_5.gif);
	background-repeat: no-repeat;
	background-position: left;
}
ul.icon_list li.icon6 {
	color: #aa89bd;
	background-image: url(../images/img_icon_6.gif);
	background-repeat: no-repeat;
	background-position: left;
}
ul.icon_list li.icon7 {
	color: #f39800;
	background-image: url(../images/img_icon_7.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* icon */
div.icon1 {
	margin: 0px auto;
	padding: 0px;
	width: 16px;
	height: 16px;
	background-image: url(../images/img_icon_1.gif);
	background-repeat: no-repeat;
	background-position: left;
}
div.icon2 {
	margin: 0px auto;
	padding: 0px;
	width: 16px;
	height: 16px;
	background-image: url(../images/img_icon_2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
div.icon3 {
	margin: 0px auto;
	padding: 0px;
	width: 16px;
	height: 16px;
	background-image: url(../images/img_icon_3.gif);
	background-repeat: no-repeat;
	background-position: left;
}
div.icon4 {
	margin: 0px auto;
	padding: 0px;
	width: 16px;
	height: 16px;
	background-image: url(../images/img_icon_4.gif);
	background-repeat: no-repeat;
	background-position: left;
}
div.icon5 {
	margin: 0px auto;
	padding: 0px;
	width: 16px;
	height: 16px;
	background-image: url(../images/img_icon_5.gif);
	background-repeat: no-repeat;
	background-position: left;
}
div.icon6 {
	margin: 0px auto;
	padding: 0px;
	width: 16px;
	height: 16px;
	background-image: url(../images/img_icon_6.gif);
	background-repeat: no-repeat;
	background-position: left;
}

span.icon1 {
	margin: 0px;
	padding: 2px 0px 2px 17px;
	color: #ec6941;
	font-size: 10px;
	background-image: url(../images/img_icon_1.gif);
	background-repeat: no-repeat;
	background-position: left;
}
span.icon4 {
	margin: 0px;
	padding: 2px 0px 2px 17px;
	color: #00b7ee;
	font-size: 10px;
	background-image: url(../images/img_icon_4.gif);
	background-repeat: no-repeat;
	background-position: left;
}
span.icon5 {
	margin: 0px;
	padding: 2px 0px 2px 17px;
	color: #80c269;
	font-size: 10px;
	background-image: url(../images/img_icon_5.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* table */
table.tb0 {
	margin: 5px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.tb0 th {
	padding: 0px 0px 0px 5px;
	letter-spacing: 1px;
	line-height: 14px;
	font-size: 10px;
	text-align: left;
}
table.tb0 td {
	padding: 0px 0px 10px 10px;
	letter-spacing: 1px;
	line-height: 14px;
	font-size: 10px;
}
table.tb1 {
	margin: 5px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.tb1 td {
	padding: 0px 2px;
	letter-spacing: 1px;
	line-height: 16px;
}
table.tb1 tr.even {
	background-color: #edf6d5;
}

table.tb2 {
	margin: 5px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.tb2 td {
	padding: 2px 0px;
	letter-spacing: 1px;
	line-height: 16px;
	text-align: center;
	vertical-align: top;
	border-right: #dcdcdc solid 1px;
}
table.tb2 td.none {
	border: none;
}
table.tb2 td.title {
	border: none;
	text-align: left;
	vertical-align: middle;
}
table.tb2 tr.even {
	background-color: #f6efd5;
}

table.tb3 {
	margin: 5px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.tb3 td {
	padding: 2px 0px;
	letter-spacing: 1px;
	line-height: 16px;
	text-align: center;
	vertical-align: top;
	border-right: #dcdcdc solid 1px;
}
table.tb3 td.none {
	border: none;
}
table.tb3 td.title {
	border: none;
	text-align: left;
	vertical-align: middle;
}
table.tb3 tr.even {
	background-color: #d5e9f6;
}

table.tb4 {
	margin: 5px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.tb4 td {
	padding: 2px 0px;
	letter-spacing: 1px;
	line-height: 16px;
	text-align: center;
	vertical-align: top;
	border-right: #dcdcdc solid 1px;
}
table.tb4 td.none {
	border: none;
}
table.tb4 td.title {
	border: none;
	text-align: left;
	vertical-align: middle;
}
table.tb4 tr.even {
	background-color: #eedff5;
}

table.tb4_blog {
	margin: 5px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.tb4_blog td {
	padding: 2px 0px;
	letter-spacing: 1px;
	line-height: 16px;
	vertical-align: top;
	border-right: #dcdcdc solid 1px;
}
table.tb4_blog td.none {
	border: none;
}
table.tb4_blog tr.even {
	background-color: #eedff5;
}
table.tb4_blog p.title {
	margin: 2px;
	padding: 2px;
	background-color: #c388ba;
}
table.tb4_blog p.thumb {
	float: left;
	margin: 2px;
	padding: 0px;
}
table.tb4_blog p.thumb img {
	border: #dcdcdc solid 1px;
}
table.tb4_blog p.name {
	margin: 2px;
	padding: 0px;
}
table.tb4_blog p.info {
	margin: 2px;
	padding: 0px;
	font-size: 10px;
}
table.tb4_blog p.message {
	margin: 2px;
	padding: 0px;
	font-size: 10px;
}

table.tb5 {
	margin: 5px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.tb5 td {
	padding: 2px 0px;
	letter-spacing: 1px;
	line-height: 16px;
	text-align: center;
	vertical-align: top;
	border-right: #dcdcdc solid 1px;
}
table.tb5 td.none {
	border: none;
}
table.tb5 td.title {
	border: none;
	text-align: left;
	vertical-align: middle;
}
table.tb5 tr.even {
	background-color: #d6f1da;
}

table.tb6 {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
table.tb6 th {
	padding: 2px;
	letter-spacing: 1px;
	line-height: 24px;
	text-align: right;
}
table.tb6 td {
	padding: 2px;
	letter-spacing: 1px;
	line-height: 24px;
}

table.tb7_board {
	margin: 5px auto;
	padding: 0px;
	border-collapse: collapse;
}
table.tb7_board td {
	padding: 2px 0px;
	letter-spacing: 1px;
	line-height: 16px;
	vertical-align: top;
	border-right: #dcdcdc solid 1px;
}
table.tb7_board td.none {
	border: none;
}
table.tb7_board tr.even {
	background-color: #f6d8d9;
}
table.tb7_board p.title {
	margin: 2px;
	padding: 2px;
	background-color: #eb6877;
}
table.tb7_board p.thumb {
	float: left;
	margin: 2px;
	padding: 0px;
}
table.tb7_board p.thumb img {
	border: #dcdcdc solid 1px;
}
table.tb7_board p.info {
	margin: 2px;
	padding: 0px;
	font-size: 10px;
}
table.tb7_board p.message {
	margin: 2px;
	padding: 0px;
	font-size: 10px;
}