@charset "Shift_JIS";

.link {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 68px;
	width: 100%;
}

.bg-white {
	background-color: #FFFFFF;
	width: 100%;
}
.bg-green {
	background-color: #1c3e43;
	background-image: url(../../images/photo_bg.gif);
	background-repeat: no-repeat;
	background-position: center 40px;
	padding-top: 30px;
	width: 100%;
}

#introduction h3,
#port h3,
#list h3,
#photograph h3,
#profile h3,
#mail h3 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

/********************************************************************/
/*TOP PAGE*/
/********************************************************************/
#top {
	background-image: url(../../images/top_image.jpg);
	background-repeat: no-repeat;
	padding-top: 568px;
	width: 1088px;
	margin-right: auto;
	margin-left: auto;
}
#top h2 {
	height: 131px;
	width: 1088px;
	background-image: url(../../images/top_logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

/********************************************************************/
/*イントロダクション*/
/********************************************************************/
#introduction h3 {
	background-image: url(../../images/intro_title.gif);
	height: 25px;
	width: 328px;
}
#intro-bg {
	background-image: url(../../images/intro_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.intro-honbun {
	width: 568px;
	padding-left: 20px;
	padding-top: 45px;
	font-size: 14px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: normal;
}
.intro-honbun p {
	padding-top: 14px;
	padding-bottom: 6px;
}

/********************************************************************/
/*ポートフォリオ*/
/********************************************************************/
#port h3 {
	background-image: url(../../images/portfolio_title.gif);
	height: 25px;
	width: 241px;
}
#read p {
	margin: 0px;
	text-align: center;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#port ul {
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 58px;
}
#port ul li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 230px;
	width: 257px;
}
#port ul li p {
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}
#port ul li p a {
	text-decoration: none;
	cursor: default;
}
#port ul li p a:link {
	color: #434343;
}

#port ul li p a:visited {
	color: #434343;
}
#port ul li p a:hover {
	color: #E869A2;
}
#port ul li img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.cmt p {
	clear: both;
	font-size: 12px;
	line-height: 24px;
	width: 971px;
	margin-left: auto;
	margin-right: auto;
}

/********************************************************************/
/*制作実績一覧 WORKS*/
/********************************************************************/
#works {
	background-color: #FFFFFF;
}
#list {
	background-image: url(../../images/works_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#list h3 {
	background-image: url(../../images/works_title.gif);
	height: 25px;
	width: 288px;
}
#list dl {
	font-size: 10px;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 26px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear: both;
}
#list dl dt {
	width: 130px;
	float: left;
	font-weight: bold;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#list dl dd {
	padding-left: 124px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.block {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a6c0c3;
}
.attention {
	font-size: 10px;
	line-height: 1.1;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
}

/********************************************************************/
/*写真撮影について PHOTOS*/
/********************************************************************/
#photograph h3 {
	background-image: url(../../images/photo_title.gif);
	height: 25px;
	width: 200px;
}
#photo-left {
	float: left;
	width: 370px;
	padding-top: 30px;
}

#photo-right {
	float: right;
	width: 670px;
	padding-top: 30px;
}
.history {
	background-image: url(../../images/photo_history_bg.gif);
	background-repeat: repeat-y;
	padding-right: 3px;
	padding-left: 3px;
}
.history p {
	font-size: 12px;
	line-height: 30px;
	color: #4e686c;
}
.date {
	text-align: right;
}
.history a:link {
	color: #4e686c;
}
.history a:visited {
	color: #4e686c;
}
.history a:hover {
	color: #E869A2;
}
.cmt2 {
	font-size: 11px;
	line-height: 18px;
	color: #4e686c;
	padding-top: 10px;
	text-indent:-1em;
	padding-left:1em;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.photo-bottom {
	clear: both;
	background-image: url(../../images/photo_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 51px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#flickr_badge_uber_wrapper {
	margin-top: 15px;
	margin-bottom: 20px;
}
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#30595f;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#30595f;}
#flickr_badge_wrapper {border: solid 1px #30595f}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#30595f !important;}


/********************************************************************/
/*自己紹介 ABOUT US*/
/********************************************************************/
#aboutus {
	background-color: #1c3e43;
}
#profile {
	background-image: url(../../images/about_bg.gif);
	background-repeat: no-repeat;
	background-position: right 70px;
}

#profile h3{
	height: 25px;
	background-image: url(../../images/about_title.gif);
	width: 243px;
}
#prof-area {
	background-image: url(../../images/about_photo.jpg);
	background-repeat: no-repeat;
	background-position: left 50px;
	padding-top: 30px;
}
#prof-right {
	float: right;
	width: 640px;
	border-left-width: 10px;
	border-left-style: solid;
	padding-left: 20px;
	border-left-color: #d8c8b0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 24px;
}
#prof-right dl {
	margin: 0px;
	font-weight: bold;
	padding: 0px;
}
#prof-right dl dt {
	float: left;
	width: 120px;
}
#prof p {
	padding-top: 30px;
}
#prof-color {
	padding-top: 36px;
}
#prof-color p {
	font-size: 11px;
	line-height: 24px;
	padding-top: 10px;
}
#prof-right a:link {
	color: #E869A2;
}

#prof-right a:visited {
	color: #E869A2;
}
#prof-right a:hover {
	color: #D8C8B0;
}


/********************************************************************/
/*CONTACT*/
/********************************************************************/
#contact {
	background-color: #FFFFFF;
}
#mail {
	padding-bottom: 90px;
}
#mail h3 {
	background-image: url(../../images/contact_title.gif);
	height: 25px;
	width: 216px;
}
#contact-left {
	background-image: url(../../images/contact_border.gif);
	background-repeat: no-repeat;
	background-position: center 26px;
	float: left;
	width: 500px;
}
#contact-right {
	width: 550px;
	float: right;
	padding-top: 16px;
}
#contact-left ul {
	font-size: 13px;
	line-height: 24px;
	padding-left: 0px;
	padding-top: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
}
#contact-left ul li {
	list-style-image: url(../../images/contact_list.gif);
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}
#mail-form {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #1C3E43;
	padding-left: 25px;
	padding-bottom: 20px;
}
#mail-form p {
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 14px;
	padding-bottom: 3px;
}
form {
	margin: 0px;
	padding: 0px;
}
#mail-form input {
	margin-bottom: 5px;
}
#mail-form textarea {
	margin-bottom: 10px;
}
.form330 {
	height: 22px;
	width: 330px;
	border: 1px solid #1C3E43;
}
#mail-form textarea {
	width: 100%;
	border: 1px solid #1C3E43;
}