/*
Theme Name: KMTA
Author: Hallow
Version: 1.0
Text Domain: kmta
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

a { text-decoration: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

.sprite-sprite { background: url('/wordpress/wp-content/themes/kmta/./wordpress/wp-content/themes/kmta/images/../images/sprite-s25f3dfef8c.png') no-repeat; }

html { height: 100%; }

body {
position: relative; 
min-height: 100%; 
font-family: 'ＭＳ ゴシック', sans-serif; 
font-weight: 600;
font-size: 12px; 
line-height: 1.8; 
color: #000; 
background: #fff; 
opacity: 0; 
font-weight:normal;
}


body{
overflow-x:hidden;}



a { color: #000; }

#contents > header, #about h1 { margin-bottom: 50px; line-height: 1.6; text-align: center; }

#contents > header h1, #about h1 { font-family: "Minion Pro", Times, serif; font-style: italic; font-size: 18px; }

#contentsHeader { position: fixed; left: 0; top: 0; z-index: 800; padding-top: 50px; width: 100%; height: 70px; font-family: "PT sans", Helvetica, Verdana, Sans-serif; letter-spacing: 1px; font-size: 11px; color: #646464; }
#contentsHeader div .head { font-size: 13px; color: #000; }
#contentsHeader div a { color: #646464; text-decoration: none; }
#contentsHeader div.main { position: absolute; left: 50%; top: 50px; margin-left: -115px; width: 230px; text-align: center; }
#contentsHeader div.profile { position: absolute; left: 0; top: 50px; padding-left: 50px; min-width: 150px; }
#contentsHeader div.profile a { display: inline-block; }
#contentsHeader div.projects { position: absolute; right: 0; top: 50px; padding-right: 50px; min-width: 150px; text-align: right; }
#contentsHeader div.projects a { display: inline-block; }
#contentsHeader div.projects .categories { color: #dd0000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#contentsHeader div.projects .categories a { color: #dd0000; }

#contentsFooter { position: relative; z-index: 800; width: 100%; font-size: 11px; color: #000; }
#contentsFooter div .head { font-size: 13px; color: #000; }
#contentsFooter div a { display: inline-block; text-decoration: none; color: #646464; }
#contentsFooter div.main { position: absolute; left: 50%; top: 0; margin-left: -150px; width: 300px; text-align: center; }
#contentsFooter div.diary { position: fixed; right: 0; bottom: 28px; padding-right: 50px; min-width: 150px; text-align: right; }

#overlay { display: none; position: absolute; left: 0; top: 0; z-index: 900; padding-top: 170px; width: 100%; min-height: 100%;   }

/** For list page
*/
#contents { 
position: relative; 
 margin: 0 auto; 
margin-top: 100px;
 box-sizing: border-box; 
 min-width: 800px; 
 text-align: center;
 }
#contents.loading { background: url(images/loader.gif) 50% 97% no-repeat; }
#contents > header p { font-family: "PT sans", Helvetica, Verdana, Sans-serif; letter-spacing: 1px; font-size: 10px; color: #646464; }


#contents .cell { 
display: inline-block; 
width: 800px; 
height: 500px; 
margin-bottom:100px;
cursor: pointer; 
position: relative;
z-index:99;
-webkit-transition-property: opacity; 
-moz-transition-property: opacity; 
-o-transition-property: opacity;
transition-property: opacity; 
-webkit-transition-duration: 0.3s; 
-moz-transition-duration: 0.3s; 
-o-transition-duration: 0.3s; 
transition-duration: 0.3s; 
}


#contents .cell.nonactive { opacity: .3; }
#contents .cell.new { opacity: 0; }
#contents .cell a { display: block; position: relative; width: 100%; height: 100%; }
#contents .cell img { position: absolute; left: 0; top: 0;width: 600px; }
#contents .nextLink { display: none; }

/** For single page
*/
#singleArticle { position: relative; margin: 0 auto; width: 960px; *zoom: 1; }
#singleArticle:after { content: ''; clear: both; display: block; height: 0; }
#singleArticle header { float: right; width: 305px; text-align: left; }
#singleArticle header .title { font-family: "Minion Pro", Times, serif; font-style: italic; padding-right: 30px; min-height: 16px; font-size: 18px; background: url(/wordpress/wp-content/themes/kmta/images/text_title.png) 100% 0 no-repeat; }
#singleArticle header .title .date { display: block; font-size: 10px; }
#singleArticle header .tax, #singleArticle header .categories, #singleArticle header .tags { margin-top: 25px; padding-right: 30px; font-family: "PT sans", Helvetica, Verdana, Sans-serif; letter-spacing: 1px; font-size: 11px; background-position: 100% 0; background-repeat: no-repeat; }
#singleArticle header .tax a, #singleArticle header .categories a, #singleArticle header .tags a { border-bottom: 1px solid #7e7e7e; text-decoration: none; }
#singleArticle header .tax a:after, #singleArticle header .categories a:after, #singleArticle header .tags a:after { content: '竊'; margin-left: 3px; }
#singleArticle header .categories { min-height: 52px; background-image: url(/wordpress/wp-content/themes/kmta/images/text_category.png); }
#singleArticle header .tags { min-height: 18px; background-image: url(/wordpress/wp-content/themes/kmta/images/text_tag.png); }
#singleArticle header .summary { margin-top: 23px; padding-right: 30px; min-height: 50px; font-size: 11px; letter-spacing: 1px; background: url(/wordpress/wp-content/themes/kmta/images/text_summary.png) 100% 0 no-repeat; }
#singleArticle header .archives { margin-top: 23px; padding-right: 30px; min-height: 42px; font-size: 12px; letter-spacing: 1px; background: url(/wordpress/wp-content/themes/kmta/images/text_archive.png) 100% 0 no-repeat; }
#singleArticle header .archives li { margin-bottom: 13px; font-size: 12px; color: #999; }
#singleArticle header .archives li .date { display: block; font-family: "PT sans", Helvetica, Verdana, Sans-serif; letter-spacing: 1px; line-height: 1.3; }
#singleArticle header .archives li a { display: inline-block; padding-bottom: 1px; border-bottom: 1px dotted #000; text-decoration: none; }
#singleArticle .nav { position: absolute; top: -60px; right: 19px; width: 53px; height: 27px; z-index: 800; }
#singleArticle .nav a[rel=prev], #singleArticle .nav a[rel=next] { position: absolute; top: 0; display: block; width: 14px; height: 27px; background-image: url(images/sprite-s25f3dfef8c.png); background-repeat: no-repeat; }
#singleArticle .nav a[rel=prev] { left: 0; background-position: 0 -27px; }
#singleArticle .nav a[rel=next] { right: 0; background-position: 0 0; }
#singleArticle .body { float: left; width: 600px; font-size: 12px; letter-spacing: 1px; text-align: left; }
#singleArticle .body p { margin-bottom: .75em; }
#singleArticle .body img { margin-bottom: 15px; }

/** About page
*/
#about { position: relative; margin: 0 auto; padding-bottom: 90px; width: 600px; text-align: left; }
#about img { margin-bottom: 20px; }
#about p { margin-bottom: 20px; font-size: 11px; }

/** Post format
*/
article strong { font-weight: bold; }
article cite, article em, article i { font-style: italic; }
article .alignleft { display: inline; float: left; margin-right: 1.625em; }
article .alignright { display: inline; float: right; margin-left: 1.625em; }
article .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }


/** new **/



header{
position: relative;
z-index:999;
}


header #head{
width: 800px;
margin:0 auto;
padding-top:32px;
height:160px;
}


header .logo{
float:left;
}

header #menu {
margin-top:75px;
overflow:hidden;
float:left;
margin-left:55px;
}










#menu dl {
	float:left;
	margin:0;
	margin-right: 32px;
}
#menu dl dt {
height:25px;
margin:0;
font-size: 10px;
letter-spacing: 1px;
border-left: 2px solid #333;
height: 16px;

}

#menu dl dd {
	position:absolute;
	overflow:hidden;
	width:400px;
	display:none;
	z-index:200;
	opacity:0;
	padding:0;
	margin:0;
}
#menu dl ul {
	width:400px;
	border-left:2px solid #333;
	list-style:none;
	padding:0;
	margin:0;
}
#menu dl li {
	display:inline;
	padding:0;
	margin:0;
	font-weight:bold;
}
#menu dl li a {
	display:block;
	color:#333;
	margin:0;
	_text-align:left;
}

.work_cate{
margin-top: 45px!important;
float:left;
}

.work_cate a{
float:left;
font-size:10px;
letter-spacing:1px;
margin-left: 10px!important;
color:#333!important;
text-decoration: none;
padding: 0 8px;
margin-bottom:4px!important;
}

.work_cate a:hover{
color:#fff!important;
background-color: #333;
}

#menu dt:hover {
background-color: #333;
color: #fff;
}

#menu dt a {
padding-right: 14px;
padding-left: 16px;
display: block;
color:#333;
text-decoration: none;
font-weight: bold;
}


#menu dt a:hover {
color:#fff;
}

#menu .menu_about ul{
height: 80px;
}


#menu .menu_work ul{
height: 60px;
}

#menu .menu_contact ul{
height: 40px;
}

#menu .menu_access ul{
height: 20px;
}















#menu .menu_access_on {
background-color: #333;
color: #fff;
}



#menu .menu_access_on a {
color:#fff;
}

#menu .menu_access_on ul{
height: 20px;
width:2px;
border-left: 2px solid #333;
list-style: none;
padding: 0;
margin: 0;
}

#menu .menu_access_on dd {
opacity: 1;
display: block;
}





#menu .menu_contact_on {
background-color: #333;
color: #fff;
}



#menu .menu_contact_on a {
color:#fff;
}

#menu .menu_contact_on ul{
height: 40px;
width:2px;
border-left: 2px solid #333;
list-style: none;
padding: 0;
margin: 0;
}

#menu .menu_contact_on dd {
opacity: 1;
display: block;
}











#menu .menu_about_on {
background-color: #333;
color: #fff;
}



#menu .menu_about_on a {
color:#fff;
}

#menu .menu_about_on ul{
height: 60px;
width:2px;
border-left: 2px solid #333;
list-style: none;
padding: 0;
margin: 0;
}

#menu .menu_about_on dd {
opacity: 1;
display: block;
}






#menu .menu_work_on {
background-color: #333;
color: #fff;
}



#menu .menu_work_on a {
color:#fff;
}

#menu .menu_work_on ul{
height: 80px;
border-left: 2px solid #333;
list-style: none;
padding: 0;
margin: 0;
}

#menu .menu_work_on dd {
opacity: 1;
display: block;
}



#wScratchPad2{
float: left;
margin-left: -30px;
}




header .logo_markte{
float:right;
margin-top: 60px;
}


header .facebook_buttan{
float:right;
margin-top: 68px; 
margin-right:40px;
}






.cell .text{
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-weight: 100;
font-style: italic;
text-align: left;
position:absolute;
z-index: 999;
width: 800px;
}


.cell h1{
font-size: 32px;
float:left;
line-height: 150%;
width:100%;
}

.cell p{
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-weight: 100;
font-style: italic;
font-size: 19px;
text-align: left;
float:left;
}

.cell a { text-decoration: underline; }










div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}



/** about_us **/


#about_single{
width: 800px;
margin: 0 auto;
margin-top:65px;
overflow: hidden;
}

#about_single .title {
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-weight: 100;
font-style: italic;
font-size: 32px;
}

#about_single_inner{
padding: 0 35px;
margin-top:22px;
width: 730px;
}


.about_jp .note{
font-family: "ＭＳ ゴシック"
font-weight: normal;
font-size: 25px;
line-height:200%;
margin-top:30px;
letter-spacing:1px;
color:#333;
}

.about_en .note{
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-weight: 100;
font-style: italic;
line-height:170%;
font-size: 32px;
margin-top:65px;
letter-spacing:1px;
color:#333;
}

#about_single ul{
float: right;
margin-right: 80px;
margin-top: 50px;
}

#about_single ul li{
float: left;
margin-left: 52px;
}




/** access **/


#access_single {
width: 800px;
margin: 0 auto;
margin-top: 65px;
overflow: hidden;
}

#access_single .title {
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-weight: 100;
font-style: italic;
font-size: 32px;
}

#access_single_inner{
padding: 0 35px;
margin-top:42px;
width: 730px;
}

.access_map iframe{
z-index:9999;
position: relative;
}

#access_text{
margin-top:35px;
padding: 0 20px;
overflow:hidden;
font-family: "ＭＳ ゴシック";
font-weight: normal;
z-index: 9999;
position: relative;
}

.access_text_left{
width: 190px;
float: left;
}

.access_text_right{
width: 450px;
float: right;
}





#contact_single {
width: 800px;
margin: 0 auto;
margin-top: 65px;
overflow: hidden;
z-index:9999;
position: relative;
}


#contact_single_inner {
padding: 0 35px;
margin-top: 42px;
width: 730px;
}


#contact_single .title {
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-weight: 100;
font-style: italic;
font-size: 32px;
}

.contact_left {
float: left;
width: 270px;
}

.contact_left li {
margin-bottom: 10px;
}

.contact_right {
float: left;
width: 420px;
margin-left:40px;
}

.contact_right input, textarea, select {
background-color: white;
border: 1px solid #ccc;
color: #555;
outline: none;
padding: 5px;
width: 420px;
margin-bottom: 20px;
}




.contact_right input[type="submit"] {
background: #E6E6E6;
cursor: pointer;
height: 30px;
width: 435px;
margin-top: 0px;
font-family: Helvetica, Arial, sans-serif!important;
letter-spacing: 1px;
}

.required{
color: #f00!important;
}




div.wpcf7-mail-sent-ok {
border: 1px solid #66cdaa!important;
float: left!important;
width: 405px!important;
text-align: center!important;
}

div.wpcf7-validation-errors {
border: 1px solid #ff0000!important;
float: left!important;
width: 405px!important;
text-align: center!important;
color: #ff0000!important;
}

span.wpcf7-not-valid-tip-no-ajax {
color: #f00!important;
font-size: 11px!important;
display: block!important;
position: absolute;
width: 250px;
top: -20px;
left: -370px;
}

.box{
position: relative;
}



#contactform .title {
font-family: 'ＭＳ ゴシック', sans-serif;
font-weight: normal;
font-style: normal;
font-size: 12px;
}










/** backimages **/

.pd_options_bar{
position:fixed;
z-index:9999;
top: 10px;
right: 10px;
}


.pd_options_bar a.shuffle
{
	text-decoration:none;
	font-size:24px;
	color:#333;
	height:50px;
	float:right;
	margin:5px 10px 0px 0px;
	
}


.pd_container{
	position:absolute;
	top:200px;
	left:50%;
	width:100%;
	height: 98%;
	margin-left: -750px;
	z-index:10;
}





.pd_photo{
	position:absolute;
	z-index:10;
	width:auto;
	height:auto;
	top:0px;
	left:0px;
	display:none;
	-moz-box-shadow:0px 0px 0px #fff;
	-webkit-box-shadow:0px 0px 0px #fff;
	box-shadow:0px 0px 0px #fff;

}
.pd_photo img{
	opacity:0.6;
}
.pd_photo span.delete{
	position:absolute;
	width:16px;
	height:16px;
	right:-16px;
	top:2px;
	cursor:pointer;
	background:#fff url(../images/close.png) no-repeat center center;
	-moz-border-radius:0px 0px 0px 0px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;

}

.wp-pagenavi{
width: 800px;
margin: 0 auto;
position: relative;
z-index:999;
font-size:11px;
}


.wp-pagenavi a, .wp-pagenavi span {
border: 1px solid #ccc!important;
text-decoration: none!important;
padding: 3px 5px!important;
margin: 2px!important;
}


.wp-pagenavi a:hover, .wp-pagenavi span.current{
background: #000!important;
color: #fff!important;
border: 1px solid #ccc!important;
}	


#footer{
width: 800px;
margin: 0 auto;
margin-top: 100px;
height: 100px;
}

.footer_line_pagetop{
height: 10px;
}

.footer_line{
border-top: 1px solid #ccc;
width: 680px;
float:left;
}

.footer_pagetop{
float:right;
margin-top: -20px;
}

#footer p{
font-size: 10px;
letter-spacing:1px;

}


.ipad .normal{
display:none;
}

.ipad .mobile{
display: block!important;
}

.iphone .normal{
display:none;
}

.iphone .mobile{
display: block!important;
}

.iphone #pd_container{
display:none;
}