@charset "UTF-8";
/* CSS Document */

/* Tag */

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	background-color: #CCCCCC;	
}
p {
	line-height: 18px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}

img {
	border-style: none;
}

a:link {
	color: #009999;
}

a:visited {
	color: #006666;
}

a:hover {
	color: #669999;
}


/* decoration */

.keisen {
	background-image: url(../img-format/p-dot.jpg);
}
/* layout */


.mmhide_floatclear {
	clear:both;
	height:1px;
}
/* Works Index */


#worksindex h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 18px;
	letter-spacing: 0.5em;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #999999;
	padding-top: 5px;
	margin-bottom: 10px;
}
#worksindex .mmhide_works-index-thumnail {
	height: 132px;
	width: 140px;
	padding-top: 4px;
	padding-right: 9px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	float: left;
}

#worksindex .mmhide_thumnal-img img {
	border: 0px;
	height: 94px;
	width: 140px;
}

#worksindex .mmhide_thumnail-box {
	margin-bottom: 30px;
}
/* Works*/

#works h1 {
	font-size: 14px;
	border-top-width: 0px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-right-width: 0px;
	border-left-width: 0px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #336666;
	letter-spacing: 0.2em;
}
#works h2 {
	font-size: 14px;
	letter-spacing: 0.2em;
	color: #990000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	padding-bottom: 3px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#works #works-header {
}
#works #comment-box {
	width:220px;
	float:left;
	margin-right: 20px;
	margin-top: 60px;
}
#works .mmhide_photo-and-comment {
	margin-bottom: 60px;
}
#works .mmhide_back-to-works {
	float:right;
}
#works #works-footer {
	margin-top: 30px;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
}

#works #photo-box {
	width:400px;
	float:left;
}

#works .photo-box {
	margin: 0px;
	padding-top: 450px;
	position: relative;
}

#works .mmhide_mainpict-position {
	position: absolute;
	left: 0px;
	top: 0px;
}

#works .mmhide_mainpict {
	width:400px;
	height: 450px;
}



#works .mmhide_thumnail img{
	width:70px;
	height: 70px;
}

#works .mmhide_thumnail {
	width:70px;
	height: 70px;
	margin: 0px;
	padding: 5px;
}

#works .mmhide_thumnail-position {
	float: left;
}

#works .mmhide_picttable {
	width: 400px;
	height: 450px;
}

#works .mmhide_pictcell {
	width:400px;
	height: 400px;
	text-align: center;
	vertical-align: middle;
}

#works .mmhide_explacell {
	width:400px;
	height: 50px;
	text-align: right;
	vertical-align: top;
	font-size:10px
}

/* about*/

#about .mmhide_media_year {
	width:6em;
}
#about .mmhide_media_date {
	width:6em;
}
/* message*/
#about .mmhide_message-box{
	width:400px;
	vertical-align: top;
	margin-bottom: 40px;
	border: 2px ridge #999999;
	padding: 5px;
}

#about .mmhide_message-date{
	width:80px;
	vertical-align: top;
	float: left;
}
#about .mmhide_message{
	background-image: url(../img-format/p-dot.jpg);
	margin-bottom: 20px;
	width:300px;
	float: left;
}
#about .mmhide_content-td{
	padding-left:1.2em;
	padding-bottom: 24px;
	background-image: url(../img-format/p-dot.jpg);
}


/* home*/
#home #home-img {
	float: right;
	width: 320px;
	margin-bottom: 60px;
}
#home #home-img img {
}
#home #home-logo {
	width:640px;
	height:120px;
	float: left;
	margin-bottom: 30px;
	text-align: center;
	background-color: #eeeeee;
}
#home #home-message {
	background-image: url(../img-format/p-dot.jpg);
	vertical-align: top;
	width: 300px;
	margin-right: 20px;
	float: left;
	padding-top: 36px;
	margin-bottom: 60px;
}
#home #message-date {
	text-align: right;
}
#home #message-backnumber {
	font-size: 10px;
}
#home h2 {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	line-height: 18px;
	letter-spacing: 0.5em;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #990000;
	width: 300px;
	margin-bottom: 15px;
	margin-top: 15px;
}

#home h3{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #336633;
	letter-spacing: 0.2em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../img-format/p-dot.jpg);
}

#home .mmhide_content-td{
	padding-left:1.2em;
	padding-bottom: 12px;
	background-image: url(../img-format/p-dot.jpg);
	font-size: 10px;
}

#home .mmhide_newsdate,#works .mmhide_diarydate{
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}

/* Link */

#link .mmhide_link-title {
	width:160px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	
}

#link .mmhide_link-title a:link,#link .mmhide_link-title a:visited {
	color: #336633;
	text-decoration: none;
}

#link .mmhide_link-title a:hover,#link .mmhide_link-title a:active {
color: #336633;
	text-decoration: underline;
}


#link #banner-box {
	margin-top: 30px;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;	
}

#link #banner-box img{
	
}

 #link .mmhide_content-td {
	padding-left:1.2em;
	padding-bottom: 30px;
	background-image: url(../img-format/p-dot.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

/* inquiry*/

#inquiry strong{
	font-weight: bold;
	color: #990000;
}

/* share */

#worksindex h1, #about h1, #link h1 ,#kodawari h1,#inquiry h1,#map h1,#workflow h1{
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	line-height: 24px;
	letter-spacing: 0.5em;
	margin-bottom: 30px;
}

#about h2,#map h2 , #kodawari h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 18px;
	letter-spacing: 0.5em;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #999999;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-top: 45px;
}

#about h3, #link h2,#inquiry h2{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #336633;
	letter-spacing: 0.2em;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#about h3{
	background-image: url(../img-format/p-dot.jpg);
}

/* popup */
 
#popup #maincontainer{
	margin: 0px;
	width: 100%;
}

#popup #contentsbox{
	margin-left: 42px;
	width: auto;
	margin-right: 30px;
}

#popup .mmhide_footer-copyright{
	width: 600px;
}


#popup #contents{
	margin: 0px;
	width: 100%;
}

#popup #menu{
	display:none;
}

#popup .mmhide_footer-copyright{
	display:none;
}