@charset "utf-8";
/* all---------------------- */
p {
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #816D47;
}
a:hover,a:active {
	color: #816D47;
}
a:visited{
	color: #6C307F;
}
img{
	border: none;
}

form {
	margin: 0;
}
.clear {
	clear: both;
}
/* clearfix---------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block }
.clearfix { display:block }
* html .clearfix { height: 1px; }

/* title */
#title-header {
	background-image: url(../img/header_title.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #484138;
	height: 50px;
}

/* container */
#container {
	margin: 0 auto 0 auto;
	padding: 0 0 50px 0;
	width: 960px;
}

/* footer */
#footer {
	background-color: #181818;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: center;
	color: #555555;
	background-image: url(../img/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	padding: 142px 0 0 0;
	margin: 0px 0 0 0;
}
#footer p {
	padding:0px 0 25px 0;
	background-image: url(../img/main_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}

/* header */
#header {
	height: 200px;
}
#header-sub {
	height: 75px;
	width: 960px;
	background: url(../img/header_sub.gif) no-repeat;
}
#header h1, #header-sub h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

/* space */
#space {
	width: 1px;
	height: 500px;
}
#space-t {
	width: 960px;
	height: 700px;
	background-image: url(../img/top_space_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#space-end {
	width: 1px;
	height: 450px;
}
#space-end2 {
	width: 1px;
	height: 150px;
}
#link-space {
	width: 1px;
	height: 15px;
}

/* contents */
#cont-box {
}
#cont-main {
	float: right;
	width: 750px;
}
#cont-menu {
	margin-top: 15px;
	float: left;
	width: 160px;
}
#c-head {
	width: 750px;
	height: 38px;
	margin-bottom: 25px;
}
#c-head h2 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#c-top {
	height: 20px;
	width: 750px;
	background:url(../img/contents_top.gif) top no-repeat;
}
#c-bottom {
	height: 20px;
	width: 750px;
	background:url(../img/contents_bottom.gif) bottom no-repeat;
	margin-bottom: 50px;
}
#c-body {
	width: 750px;
}
#c-body h3 {
	margin: 0 0 8px 0;
	padding: 0 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #858585;
}
#c-body h4 {
	color: #858585;
	margin: 0 0 8px 0;
	padding: 10px 0 0px 0;
	/**/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4d4d4d;
	
}
#c-line {
	width: 750px;
	height: 4px;
	margin: 18px 0 18px 0;
	background-image: url(../img/contents_line.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#c-box, #c-box-p p {
	margin: 0 20px 20px 20px;
}
#c-box2 {
	margin: 0 20px 0px 20px;
}
.c_box_sub {
	padding: 15px 0 15px 0;
	margin: 0px;
	font-size: 16px;
}
#c-box ul, #port-cate-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#c-box li, #port-cate-box li {
	margin: 0;
	padding: 0 0 5px 10px;
	background-image: url(../img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
/* safari only ¥*/
html[xmlns*=""] #c-box:last-child li {
background-position: left 7px;
}
html[xmlns*=""] #port-cate-box:last-child li {
background-position: left 7px;
}

/* movie */
#movie-icon-box table {
	margin: 0;
	vertical-align: middle;
}
.movie-icon1 {
	padding: 15px 0 0 0;
}
.movie-icon2 {
	padding: 10px 0 0 0px;
}
/* IEだけアイコン位置がずれるのであえて別指定 */
.movie-icon2-sub {
	margin-left: 20px;
}
.movie-icon3 {
	padding: 10px 0 15px 0;
}
#movie-icon-box img {
	padding-right: 10px;
}

/* info */
.h-info {
	background: url(../img/hed_info.gif) no-repeat;
}
#info-date {
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	letter-spacing: 2px;
}
#info-text {
	float: right;
	width: 610px;
}
/* DM */
.dm-box-l {
	float: left;
	width: 210px;
}
.dm-box-r {
	float: right;
	width: 380px;
}
.dm-box-r table {
	padding-top: 15px;
}
.dm-box-r th {
	text-align: left;
	padding-right: 10px;
	vertical-align: top;
}
.dm-box-r td {
	vertical-align: top;
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.dn-logo {
	padding: 5px 0 5px 0;
}

/* profile */
.h-profile {
	background: url(../img/hed_profile.gif) no-repeat;
}
.p-name {
	background: url(../img/p_name.gif) no-repeat;
	text-indent: -9999px;
	height: 38px;
}
#prof-pic1 {
	width: 150px;
	float: left;
}
#prof-text1 {
	width: 540px;
	float: right;
}
#prof-text1 td {
	vertical-align: top;
}
.p-year1 {
	width: 100px;
}
#prof-pic2 {
	width: 200px;
	float: right;
}
#prof-text2 {
	width: 490px;
	float: left;
}
.p-year2 {
	width: 70px;
}
.p-year3 {
	width: 50px;
}
.s-pic {
	margin-bottom: 30px;
}
#prof-text3 {
	width: 335px;
	float: left;
}
#prof-text4 {
	width: 335px;
	float: right;
}
#toku-box {
	margin-bottom:25px;
}
#toku-box-l {
	float: left;
	width: 75px;
}
#toku-box-r {
	float: right;
	width: 235px;
}
#prof-text1 td, #prof-text2 td, #prof-text3 td, #prof-text4 td {
	padding: 0 5px 5px 0;
	vertical-align: top;
}
#toku-box-r ul {
	margin-bottom: 5px;
}
.prof-katuou td {
	vertical-align: top;
}

/* portfolio */
.h-portfolio {
	background: url(../img/hed_portfolio.gif) no-repeat;
}

/* links */
.h-links {
	background: url(../img/hed_links.gif) no-repeat;
}
#links_l {
	width: 335px;
	float: left;
}
#links_r {
	width: 335px;
	float: right;
}

/* contact */
.h-contact {
	background: url(../img/hed_contact.gif) no-repeat;
}


/* etc */
.pr-10 {
	padding-right: 10px;
}
.pb-75 {
	padding-bottom: 75px;
}
.mr-20 {
	margin-right: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mb-5 {
	margin-bottom: 5px;
}