@charset utf-8;
/*==================================================

body

==================================================*/

body             { font-family: "ヒラギノ明朝 Pro W3", 平成明朝, "ＭＳ Ｐ明朝", serif, "ＭＳ 明朝", 細明朝体; background-repeat: repeat-y; background-attachment: scroll; background-position: 50% 0; margin: 0; padding: 0 }
p  { font-size: 10px; font-family: "ヒラギノ明朝 Pro W3", 平成明朝, "ＭＳ Ｐ明朝", serif, "ＭＳ 明朝", 細明朝体; line-height: 20px; letter-spacing: 1px }
.clearfloat { clear: both }
.floatleft { float: left }
.floatright { float: right }
a:link {
	color:          #390;
	text-decoration: none;
	padding-bottom:  1px }

a:visited {
	color:          #390;
	text-decoration: none;
	padding-bottom:  1px }

a:hover  {
	color:          #ff5096;
	text-decoration: none;
	padding-bottom:  1px }


a:active  {
	color:          #5f5;
	text-decoration: none;
	padding-bottom:  1px }
/*
-------------------------*/
h2 { color: #f39; font-size: 10px; font-weight: normal; background-image: url("../_i/arrow/arrow_pink1.gif"); background-repeat: no-repeat; background-position: 0 1px; text-indent: 1em; letter-spacing: 1px; margin-bottom: 25px }
h1 { color: #000; font-size: 13px; font-weight: bold; background-image: url("../_i/bg/bg_h1.gif"); background-repeat: no-repeat; text-align: center; letter-spacing: 1px; margin: 10px 0 0; padding-top: 20px; padding-right: 15px; padding-left: 65px; height: 60px }
h3 { color: #000; font-size: 12px; font-weight: bolder; line-height: 30px; background-image: url("../_i/bg/bg_h5.gif"); background-repeat: no-repeat; background-position: 0 25px; text-align: center; margin: 0; padding: 0 0 5px }
h4 { font-size: 10px; font-weight: 600; text-decoration: none; letter-spacing: 1px; margin-top: 20px; margin-bottom: 10px }
h5 { color: #000; font-size: 12px; font-weight: 500; line-height: 30px; background-image: url("../_i/bg/bg_h5.gif"); background-repeat: no-repeat; background-position: 0 25px; text-align: left; margin: 0; padding: 0 0 5px }
h5 span { color: #3c3c3c; font-size: 10px; font-weight: bold; text-align: left }
h6  {
	font-size:      11px;
	text-decoration: underline;
	text-align:      center;
	letter-spacing:  1px;
	margin-top:      50px;
	margin-bottom:   10px }


/*==================================================

container

==================================================*/

#container     { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin: 0 auto; width: 500px }
/*==================================================

headerArea

==================================================*/

#headerArea          {
	background-image:   url("../_i/header/header_kuma.gif");
	background-repeat:   no-repeat;
	background-position: 400px 100px;
	text-align:          left;
	margin:              0;
	padding:             0;
	width:               500px;
	height:              150px;
	float:               none;
	clear:               both }


#headerArea_top  {
	background-image:   url("../_i/header/header_copyright.gif");
	background-repeat:   no-repeat;
	background-position: 400px 30px;
	text-align:          left;
	margin:              0;
	padding:             0;
	width:               500px;
	height:              150px;
	float:               none;
	clear:               both }


/*==================================================

contents

==================================================*/
#contents   {
	background: #fff;
	margin-top:  20px;
	padding-top: 50px;
	width:       500px;
	border-top:  1px solid #c0c0c0 }

#contents2 {
	background: #fff;
	margin:      20px 0 0;
	padding:     0;
	width:       500px;
	border-top:  1px solid #c0c0c0 }

/*==================================================

contents/news

==================================================*/
.news    {
	margin-top:    50px;
	margin-bottom:  10px;
	padding-bottom: 30px;
	border-bottom:  1px dashed #c0c0c0 }


.news p    {
	font-size:     11px;
	line-height:    2em;
	text-align:     center;
	letter-spacing: 1px;
	padding-top:    20px }

.news p strong {
	font-size:  12px;
	font-weight: bold }
.news span {
	color:          #666;
	text-decoration: none;
	letter-spacing:  0 }

.news img {
	text-align:    center;
	padding-top:    10px;
	padding-bottom: 10px }
/*info----------------------------------------*/
ul.info li strong, u.info_u {
	text-decoration: none }

ul.info li {
	font-size:      11px;
	font-weight:     normal;
	line-height:     2em;
	text-decoration: none;
	text-align:      center;
	letter-spacing:  1px;
	list-style-type: none;
	padding:         10px 2.5em 0 0 }

ul.info li strong {
	font-style:     normal;
	font-weight:     normal;
	text-decoration: underline;
	margin:          0;
	padding:         0 }

/*==================================================

contents/profile

==================================================*/
.profile    { background-repeat: no-repeat; padding-top: 50px }
.profile p   { font-size: 10px; line-height: 20px; text-align: left; letter-spacing: 1px }
.profile a span { color: #666; font-size: 9px; text-align: left; letter-spacing: 2px }
.profile p strong {
	font-size:     11px;
	text-align:     left;
	letter-spacing: 2px }
dl.cv a {
	text-decoration: none;
	border-bottom:    1px solid #c0c0c0 }

dl.cv a:link {
	color:          #000;
	text-decoration: none;
	padding-bottom:  1px }

dl.cv a:visited {
	color:          #000;
	text-decoration: none;
	padding-bottom:  1px }

dl.cv a:hover {
	color:          #ff5096;
	text-decoration: none;
	padding-bottom:  1px }

dl.cv a:active {
	color:          #5f5;
	text-decoration: none;
	padding-bottom:  1px }

/*cv----------------------------------------*/
dl.cv     { font-size: 10px; line-height: 1.8em; width: 860px }
*html  dl.cv      { font-size: 10px; line-height: 1.8em; letter-spacing: 1px; width: 860px }
dl.cv dt  { margin-left: 10px; padding: 0 0 5px; width: 40px; float: left }
dl.cv dd  { margin-left: 50px; padding: 0 0 5px }
p.cv_ptitle { color: #666; font-size: 9px; text-decoration: none }
.totop { text-align: right; margin-top: 25px; margin-bottom: 25px; position: relative; width: 500px }
/*==================================================

contents/blog

==================================================*/
#blog {
	background-image:     none;
	background-repeat:     repeat;
	background-attachment: scroll;
	background-position:   0 0;
	text-align:            left;
	margin:                20px auto 0 }

/*==================================================

contents/link

==================================================*/
.links  { padding-top: 50px }
.links p { font-size: 10px; line-height: 20px; letter-spacing: 2px }
/*==================================================

contents/works

==================================================*/
.works { margin-top: 50px }
.works img  { margin: 0; padding: 0 0 5px }
.works p  { font-size: 10px; line-height: 1.5em; letter-spacing: 1px }
.works td  { font-size: 9px; line-height: 1em }
/*==================================================

contents/workdetail

==================================================*/
.workdetail { }
.workdetail #photoIndex img {
	margin-bottom: 2px;
	margin-left:    2px }

.workdetail p {
	color:         #3c3c3c;
	font-size:      9px;
	line-height:    1.5em;
	text-align:     right;
	letter-spacing: 1px;
	margin-top:     20px }

/*==================================================

contents/contact

==================================================*/
.subtext { color: #666; font-size: 9px; line-height: 1.5em; text-align: left }
.contact   { padding-top: 50px }
.contact p { font-size: 10px; line-height: 20px; text-align: center; letter-spacing: 1px }
.contact p strong { font-size: 11px; letter-spacing: 2px }
.contact img { text-align: center }
.contactL   { margin-top: 50px; width: 300px; float: left }
.contactL p  { color: #666; font-size: 9px; line-height: 1.5em; text-align: left }
.contactR   { margin-top: 50px; width: 160px; float: right }
.contactR p  { color: #666; font-size: 9px; line-height: 1.5em; text-align: left }
.*html .contactL { width: 400px; clear: both }
.*html .contactR { width: 400px; clear: both }
/*
-------------------------*/
.link  { background-image: url("../_i/bg/bg_02.jpg"); margin: 10px 0 20px; padding: 10px 0; width: 750px; float: left; clear: both }
.link img {
	padding-right: 5px }

ul.link li strong, u.link_u, ul.artist li strong, u.artist_u  { color: #000; font-size: 9px; letter-spacing: 2px; margin-left: 10px; padding-left: 10px; border-right: 1px solid #c0c0c0 }

ul.link li, ul.artist li {
	color:          #000;
	font-size:       9px;
	text-decoration: none;
	letter-spacing:  1px;
	list-style-type: none;
	padding:         10px 2.5em 0 0;
	float:           left;
	clear:           both;
	vertical-align:  middle }

ul.link li strong, ul.artist li strong {
	font-style: normal;
	font-weight: normal;
	margin:      0 1em 0 0;
	padding:     2px 3px }
/*
-------------------------*/
.btn {
	text-align:   left;
	margin-bottom: 10px;
	width:         500px;
	float:         none;
	clear:         both }

.pdf  {
	background:  url("../_i/icon/Icon_pdf.gif") no-repeat left top;
	padding-left: 20px }

.mail  {
	background-image:   url("../_i/icon/icon_mail.gif");
	background-repeat:   no-repeat;
	background-position: left center;
	padding-left:        20px }

.check   {
	background-image:     url("../_i/icon/icon_check.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   left center;
	padding-left:          18px }
/*
-------------------------*/
.totop {
	margin-bottom: 70px;
	width:          500px;
	float:          none;
	clear:          both }
.caption {
	color:     #666;
	font-size:  90%;
	margin-top: 10px }
cursor {
	cursor: url("../_i/icon/icon_cursor.gif"); }

.linkpointer { cursor: url("../_i/icon/icon_cursor.gif"), default; }	