@charset "utf-8";

/* ----- HTML再定義 ----------------------------------------------- */

* {
	margin						: 0;
	padding						: 0;
	font-size					: 100%;
	font-weight					: normal;
	font-style					: normal;
	font-family					: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS P Gothic" , "Osaka" , Verdana , Arial , Helvetica , sans-serif;
}
body {
	text-align					: center;
	background					: #f5f3f0;
	color						: #5d5245;
	font-size					: 80%;
	line-height					: 150%;
}

strong {
	font-weight					: bold;
}
em {
	font-weight					: bold;
	color						: #b35959;
	margin						: 0 3px;
}
em a {
	font-weight					: bold;
}
small {
	margin						: 0 0 0 5px;
	color						: #999999;
}
ul,ol {
	list-style					: none;
}
img {
	border						: none;
	vertical-align				: center;
	margin						: 0 2px;
}
hr {
	display						: none;
}
object {
	margin-left					: 10px;
}
code ,
pre ,
blockquote p {
	color						: #888888;
	font-family					: "ＭＳ ゴシック", monospace;
}
pre {
	margin						: 10px;
	padding						: 5px;
	border						: 1px solid #eeeeee;
	overflow					: auto;
	font-family					: "ＭＳ ゴシック", monospace;
	line-height					: 100%;
	background					: #f9f9f9;
}
blockquote {
	margin						: 10px;
	border-left					: 2px solid #7777AA;
}

/* -- table ------------------------------------------------------- */

#contents table {
	border						: 1px solid #666680;
	border-collapse				: collapse;
	border-spacing				: 0;
	margin						: 10px 20px;
}
#contents table tr th {
	padding						: 5px;
	border						: 1px solid #AAAAAA;
	background-color			: #EEEEEE;
	text-align					: center;
}
#contents table tr td {
	padding						: 5px;
	border						: 1px solid #AAAAAA;
}
#contents table tr td input {
	margin						: -2px;
}

/* -- link -------------------------------------------------------- */

a {
	text-decoration				: underline;
	color						: #00a37e;
}
a:visited {
	color						: #6d969c;
}
a:hover {
	text-decoration				: none;
}
a:active {
	color						: #6d969c;
	outline						: none;
}
a:focus {
	outline						: none;
}

/* -- layout ------------------------------------------------------ */

#container {
	width						: 790px;
	margin						: 0 auto;
	text-align					: left;
	background					: transparent url("../image/background.gif") repeat-y center top;
}
#header {
	background					: transparent url("../image/header.gif") no-repeat top left;
}
#wap {
	padding						: 10px 15px;
	background					: transparent url("../image/contents.gif") no-repeat top left;
}
#footer {
	background					: transparent url("../image/footer.gif") no-repeat top left;
}
#navigation {
	padding						: 0 10px;
	width						: 200px;
	float						: right;
}
* html #navigation {
	width						: 220px;
}
#admin ,
#logs {
	width						: 510px;
	float						: left;
}
#contents,#page,#navi,#trackback,
#comment,#form,#env,#status,#canvas,#footer {
	float						: none;
	clear						: both;
}
#trackback,#comment,#contents,
#form,##env,#status,#canvas {
	margin						: 0 0 30px;
}
@media screen{
	#logs, #navigation ,#admin ,#wrapper {
		overflow				:hidden;
	}
}

/* -- header ---------------------------------- */

#header {
	width						: 790px;
	height						: 85px;
}
#header h1 {
}
#header h1 a {
	display						: block;
	text-indent					: -9999px;
	width						: 500px;
	height						: 80px;
	float						: left;
}
#header p {
	display						: none;
}
#header ul#primary {
	float						: right;
	display						: block;
	width						: 255px;
	height						: 40px;
}
#header ul#primary li {
	float						: left;
	height						: 40px;
	line-height					: 40px;
	text-indent					: -9999px;
}
#header ul#primary li a {
	display						: block;
	height						: 40px;
	text-indent					: -9999px;
}
#header ul#primary li.rss a {
	width						: 225px;
	background					: transparent url("../image/header_ul_about.gif") no-repeat bottom left;
}
#header ul#primary li.about a {
	margin						: 0 0 0 30px;
	width						: 110px;
	background					: transparent url("../image/header_ul_about.gif") no-repeat bottom left;
}
#header ul#primary li.contact a {
	width						: 90px;
	background					: transparent url("../image/header_ul_contact.gif") no-repeat bottom left;
}

/* ----- navigation ----------------------------------------------- */

#navigation h2 {
	width						: 200px;
	line-height					: 20px;
	height						: 20px;
	text-indent					: -9999px;
}
#navigation h2.Photoshop {
	background					: transparent url("../image/h2_navigation_photoshop.gif") no-repeat top left;
}
#navigation h2.Illustrator {
	background					: transparent url("../image/h2_navigation_illustrator.gif") no-repeat top left;
}
#navigation h2.search {
	background					: transparent url("../image/h2_navigation_search.gif") no-repeat top left;
}
#navigation h2.entries {
	background					: transparent url("../image/h2_navigation_entries.gif") no-repeat top left;
}
#navigation ul {
	margin						: 5px 0 10px;
}
#navigation ul li {
	line-height					: 20px;
	height						: 20px;
	text-indent					: 20px;
	margin						: 0 0 5px;
	background					: transparent url("../image/ul_navigation_field.gif") no-repeat top left;
}
#navigation p {
	padding						: 5px 5px 10px;
}
#navigation dl {
	margin						: 5px 0 0;
}
#navigation dl dt {
	line-height					: 20px;
	height						: 20px;
	text-indent					: 20px;
	background					: transparent url("../image/ul_navigation.gif") no-repeat top left;
}
#navigation dl dd {
	text-align					: right;
	margin						: 0 0 3px;
}

#form h3 ,
#contents h3 ,
#contents h4 ,
#contents h5 ,
#contents h6 {
	font-weight					: bold;
}
#contents h2 {
}
#contents h2.Photoshop {
	text-indent					: -9999px;
	line-height					: 30px;
	height						: 30px;
	background					: transparent url("../image/h2_contents_photoshop.gif") no-repeat top left;
}
#contents h2.Illustrator {
	text-indent					: -9999px;
	line-height					: 30px;
	height						: 30px;
	background					: transparent url("../image/h2_contents_illustrator.gif") no-repeat top left;
}
#contents h2.about {
	text-indent					: -9999px;
	line-height					: 30px;
	height						: 30px;
	background					: transparent url("../image/h2_contents_about.gif") no-repeat top left;
}
#contents h2.contact {
	text-indent					: -9999px;
	line-height					: 30px;
	height						: 30px;
	background					: transparent url("../image/h2_contents_contact.gif") no-repeat top left;
}
#contents h2.error {
	text-indent					: -9999px;
	line-height					: 30px;
	height						: 30px;
	background					: transparent url("../image/h2_error.gif") no-repeat top left;
}
#form h3 ,
#contents h3 {
	margin						: 5px 0;
	background					: transparent url("../image/h3_contents.gif") no-repeat top left;
	text-indent					: 5px;
	line-height					: 20px;
	height						: 20px;
	color						: #333333;
}
#contents h4 {
	margin						: 5px 0;
	padding						: 3px 5px 3px 15px;
	border-bottom				: 1px solid #eeeeee;
	background					: transparent url("../image/h4.gif") no-repeat center left;
}
#contents h5 {
	margin						: 5px 0;
	background					: transparent url("../image/h5.gif") no-repeat top left;
	text-indent					: 20px;
}
#contents h6 {
	text-indent					: 5px;
}
#contents div.section {
	width						: 245px;
}
#contents div.section h2 {
	text-indent					: -9999px;
	line-height					: 30px;
	height						: 30px;
}
#contents div.Photoshop {
	float						: left;
}
#contents div.Photoshop h2 {
	background					: transparent url("../image/h2_index_photoshop.gif") no-repeat top left;
}
#contents div.Illustrator {
	float						: right;
}
#contents div.Illustrator h2 {
	background					: transparent url("../image/h2_index_illustrator.gif") no-repeat top left;
}
#contents p {
	margin						: 10px;
}
#contents div.data {
	display						: block;
	text-align					: right;
	color						: #999999;
}
#contents h6 {
	margin						: 0 0 15px 0;
	border-bottom				: 1px dashed #f0f0f0;
}
#comment ul ,
#contents ul ,
#contents dl {
	margin						: 10px;
}
#contents dl dt {
	font-weight					: bold;
	padding						: 0 0 0 15px;
	background					: transparent url("../image/ul_contents.gif") no-repeat top left;
}
#comment ul li ,
#form ul li ,
#contents ul li {
	padding						: 0 0 0 15px;
	background					: transparent url("../image/ul_contents.gif") no-repeat top left;
}
#contents dl dd {
	margin						: 0 0 5px 20px;
}

/* ----- フッター -------------------------------------- */

#footer {
	width						: 790px;
	height						: 65px;
	background					: transparent url("../image/footer.gif") no-repeat top left;
}
#footer ul {
}
#footer ul li {
}
#footer ul#color {
	padding						: 20px 0 0;
	float						: left;
	width						: 380px;
}
#footer ul#color li {
	display						: block;
	float						: left;
	width						: 20px;
	height						: 20px;
	text-indent					: -9999px;
}
#footer ul#color li a {
	display						: block;
	width						: 20px;
	height						: 20px;
	text-indent					: -9999px;
}
#footer ul#color li.green a {
	background					: transparent url("../image/color_green.gif") no-repeat top left;
}
#footer ul#color li.none a {
	background					: transparent url("../image/color_none.gif") no-repeat top left;
}
#footer ul#pagetop li a {
	padding						: 20px 0 0;
	float						: right;
	width						: 400px;
	height						: 16px;
	display						: block;
	background					: transparent url("../image/pagetop.gif") no-repeat bottom right;
	text-align					: left;
	text-indent					: -9999px;
}
#footer address {
	display						: none;
}
/* ----- 個別指定 -------------------------------------- */

.new {
	color						: #e64b6b;
	font-size					: 80%;
}

/* -- form ------------------------------------ */

form fieldset {
	border						:none;
}
form legend {
	display						:none;
}
form input, form select {
	margin-right				:1px;
}
form input[type="text"],
form input[type="password"],
form input[type="file"],
form textarea,
form select{
	border						:1px solid #cccccc;
}
form input ,
form textarea {
	padding						: 4px;
}
@media screen {
	form input, form select {
		font-family				:Verdana, Arial, sans-serif;
	}
}
form select {
	margin-top					:1px;
}
form p input {
	text-align					:center;
}
form textarea {
	line-height					:110%;
}
@media screen {
	form input, form select,form textarea {
		font-family				:"ＭＳ ゴシック";
	}
}

form input[type="buttom"]{
	text-align					:center;
}



/* ----- パンくず -------------------------------- */

#path {
	width						: 510px;
}
#path p {
	text-align					: right;
	margin						: 0;
	font-size					: 80%;
}
#path p a {
	color						: #6da895;
	text-decoration				: none;
}
#path p a:hover {
	text-decoration				: underline;
}

/* ----- ナヴィ -------------------------------- */

#navi ul {
	text-align					: center;
	margin						: 5px 0;
	padding						: 3px;
	background					: #f9f9f9;
}
#navi ul li {
	display						: inline;
	background					: none;
	padding						: 0;
}
#navi ul li a {
	text-decoration				: none;
}
#navi ul li a:hover {
	text-decoration				: underline;
}
/* ----- ナヴィ -------------------------------- */

#page {
	text-align					: center;
}
#page li {
	display						: inline;
}
#page a {
	color						: #009999;
	text-decoration				: none;
	padding						: 10px;
}
#page a:hover {
	text-decoration				: underline;
}
.date {
	text-align					: right;
	margin						: 0 0 20px;
}

#contents ul.info {
	text-align					: right;
	background					: transparent url("../image/ul_info.gif") no-repeat top left;
	height						: 30px;
	line-height					: 30px;
	margin						: 5px 0;
}
#contents ul.info li {
	display						: inline;
	background					: none;
	padding						: 0;
	margin						: 0;
}
#comment {
	margin						: 5px 0;
}
#comment .user {
	margin						: 20px 0 0;
	background					: transparent url("../image/comment_user.gif") no-repeat top left;
	height						: 30px;
	line-height					: 30px;
	padding						: 0 5px;
}
#comment .user dl {
	width						: 500px;
	margin						: 0;
	padding						: 0;
	overflow					: hidden;
}
#comment .user dl a {
	margin						: 0 0 0 3px;
}
#comment .user dl dt {
	float						: right;
}
#comment .user dl dd {
}
#comment .text {
	width						: 500px;
	background					: #f5f3f0 url("../image/comment_text.gif") no-repeat bottom left;
	padding						: 5px;
}
* html #comment .text {
	width						: 510px;
}
#comment h2 {
	text-indent					: -9999px;
	height						: 30px;
	line-height					: 30px;
}
#comment h2 {
	background					: transparent url("../image/h2_comment.gif") no-repeat top left;
}
#form {
	margin						: 10px 0;
}
#form dl,
#form ul,
#form p {
	margin						: 10px;
}
#form p {
	text-align					: center;
}
#form dl {
	overflow					: hidden;
}
#form dl dt {
	clear						: both;
	float						: left;
	width						: 120px;
	padding						: 5px;
}
#form dl dd {
	width						: 330px;
	padding						: 5px;
}
* html body #form dl dd input.text {
	margin						: 0 0 0 -20px;
}
html>body #form dl dd {
	float						: left;
}

#contents .section a {
	margin						: 0 2px;
}
#contents .section dl {
	margin						: 0 0 10px;
}
#contents .section dl dt {
	position					: relative;
	width						: 245px;
	margin-bottom				: 2px;
	padding						: 0;
	padding-top					: 15px;
	padding-left				: 50px;
	background					: none;
}
#contents .section dl dt.firstChild,
#contents .section dl dt:first-child {
	padding-top					: 0;
}
#contents .section dl dt a {
	padding-left				: 10px;
	font-weight					: bold;
}
#contents .section dl dt img {
	position					: absolute;
	top							: 15px;
	left						: 0;
	padding						: 2px;
}
#contents .section dl dt.firstChild img,
#contents .section dl dt:first-child img {
	top							: 0;
}
#contents .section dl dd {
	margin-bottom				: 0;
	padding-left				: 50px;
	height						: 50px;
}
#contents .section dl > dd {
	min-height					: 50px;
	height						: auto;
}
#contents .section dl dd small {
	margin						: 0;
	display						: block;
}
#contents div.Photoshop dl dt a {
	color						: #009dbf;
}
#contents div.Illustrator dl dt a {
	color						: #eb8400;
}
#contents div.Photoshop dl dd {
	color						: #73b3c1;
	font-size					: 80%;
}
#contents div.Illustrator dl dd {
	color						: #f8a900;
	font-size					: 80%;
}







#contents #list dl {
	margin: 0 0 20px;
}
#contents #list dl dt {
	position		: relative;
	width			: 460px;
	margin-bottom	: 2px;
	padding			: 0;
	padding-top		: 15px;
	padding-left	: 50px;
	background		: none;
}
#contents #list dl dt.firstChild,
#contents #list dl dt:first-child {
	padding-top: 0;
}
#contents #list dl dt a {
	padding-left: 15px;
	background: url(../img/item/mark_01.gif) no-repeat left center;
	font-weight: bold;
}
#contents #list dl dt img {
	position: absolute;
	top: 15px;
	left: 0;
	padding: 2px;
}
#contents #list dl dt.firstChild img,
#contents #list dl dt:first-child img {
	top: 0;
}
#contents #list dl dd {
	margin-bottom: 0;
	padding-left: 50px;
	height: 50px;
}
#contents #list dl > dd {
	min-height: 50px;
	height: auto;
}
#contents #list dl dd small {
	margin	: 0;
}