@charset "UTF-8";

/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

/*主な要素のリセット*/
html, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;/*文字サイズの自動調整の無効化*/
}

/*HTML5の新要素をブロックレベルにする*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

/*画像のリセット*/
img {
 border: 0;
 vertical-align: bottom;
}

/*リストのリセット*/
ul, ol {
 list-style: none;
}

/*表のリセット*/
table {
 border-spacing: 0;
 empty-cells: show;
}

hr {
	clear:both; /* 回り込み解除予備 */
}

.divide{
	clear:both;
	height:1px;
}

.divide hr{
	display:none;
}

.clear{
	clear:both;
}

.dn{
display:none;
}

/*===============================================
●smart.css  画面の横幅が739pxまで
===============================================*/
@media only screen and (min-width:0px) and (max-width:739px) {
body {
  width: 100%;
  margin: 0;
  padding: 0;
  /*background-color:#EEEEEE;*/
  color:#232323;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
  line-height:1.6;
  font-size:14px;
}

body#top-bg{
background-color:#D92D2B;
}

div#wrapper{
width:100%;
margin:0;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
/*body#top-bg{
background-position:50% 100px;
background-image:url(/images/top/top_main_bg.jpg);
background-color:#F2F5F6;
background-repeat:no-repeat;
background-size:130%;
}*/

.mt20{margin-top:20px;}

/* ■ コンテンツ共通定義 ■ 
-------------------------------------------------- */
div#wrapper{
}

	div#container{	
	}
	
	ul#main-ban{
	padding:370px 0 0 0;
	background-size:100%;
	background-image:url(/japan/images/top/top_main_bg.png);
	background-repeat:no-repeat;
	background-position:50% 0px;
	}
	ul#main-ban li a{float:left; width:50%;}
	
	article#primary{
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	padding-bottom:30px;
	}
	
		section.common-ctns{
		display:block;
		}
		
		section.common-sub-ctns{
		margin-top:30px;
		margin-left:10px;
		margin-right:10px;
		}
		
		section.common-ctns h1{
		font-size:16px;
		margin-bottom:10px;
		}
		
		section.common-ctns p{
		font-size:12px;
		}
	
	aside#secondary{	
	}
	
	ul#service-ban{
	margin:20px 0 0 0;
	padding:0;
	}
	ul#service-ban li a{float:left; width:50%;}
		



/* ■ ヘッダー定義 ■ 
-------------------------------------------------- */
header{
width:100%;
background-color:#FFFFFF;
/*padding-top:15px;
padding-bottom:15px;*/
border-bottom:1px solid #E9E9E9;
}

	header div#logo{display:none;}	
	header div#sm-logo{
	text-align:center;
	}
	header div#sm-logo a img{
	width:80%;
	}
	header div#sm-logo strong{display:none;}	
	nav.gNav{display:none;}

	nav.sm-gNav ul{
	background-color:#FFFFFF;
	padding:0 0 0 0;
	border-top:1px solid #E9E9E9;
	}
	
		nav.sm-gNav li {		
		width: 100%;
		text-align: left;
		font-size: 100%;
		line-height: 2.5em;		
		border-bottom: 1px solid #E9E9E9;
		}
		
		nav.sm-gNav li a{
		display: block;
		padding-left:15px;
		color: #232323;
		text-decoration:none;
		}

/* ■ フッター定義 ■ 
-------------------------------------------------- */
footer{
width:100%;
/*border-top:1px solid #E9E9E9;*/
background-color:#FFFFFF;
text-align:center;
}

	div#footer-area{padding:15px;}
	div#footer-logo{text-align:center;}
	div#footer-logo a img{width:30%;}
	div#footer-logo strong{display:none;}

	footer small{
	font-size:60%;
	font-family: "Arial", "Helvetica", sans-serif;
	}
	
/* ■ エンドッツについて ■ 
-------------------------------------------------- */
h1#about-h1tit01{
width:100px;
height:33px;
background-image:url(/japan/images/about/about_h1tit01.png);
background-repeat:no-repeat;
display:block;
background-size:100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:50px;
}

	p#about01-img01{text-align:center; margin-bottom:50px;}
	p#about01-img01 img{width:70%;}
	p#about01-img02{text-align:center; margin-bottom:50px;}
	
h2#about-h2tit01{
width:78px;
height:24px;
background-image:url(/japan/images/about/about_h2tit01.png);
background-repeat:no-repeat;
display:block;
background-size:100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:20px;
}


h1#about-h1tit02{
width:143px;
height:63px;
background-image:url(/japan/images/about/about_h1tit02.png);
background-repeat:no-repeat;
display:block;
background-size:100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:30px;
}

h1#about-h1tit03{
width:122px;
height:63px;
background-image:url(/japan/images/about/about_h1tit03.png);
background-repeat:no-repeat;
display:block;
background-size:100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:30px;
}

table#profile-tbl01{
border-top:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
width:100%;
margin-top:20px;
}

	table#profile-tbl01 th{
	font-weight:bold;
	background-color:#EEEEEE;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:10px;
	width:70px;
	font-size:10px;
	}
	
	table#profile-tbl01 td{
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:10px;
	font-size:10px;
	}
	
#about-subnav    {
	width:100%;
	height:50px;
}
 
#about-subnav li {
	width:94px;
	margin-right:3px;
	margin-left:3px;
	float:left;
}
 
#about-subnav li a {
	background-repeat:no-repeat;
    display:block;
    width:94px;
	background-size:100%;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    text-decoration:none;
    outline:0;
}

#about-subnav li#about01 a{background-image:url(/japan/images/about/about01.png);}
#about-subnav li#about02 a{background-image:url(/japan/images/about/about02.png);}
#about-subnav li#about03 a{background-image:url(/japan/images/about/about03.png);}
 
#about-subnav li#about01 a:hover{background-image:url(/japan/images/about/about01_on.png);}
#about-subnav li#about02 a:hover{background-image:url(/japan/images/about/about02_on.png);}
#about-subnav li#about03 a:hover{background-image:url(/japan/images/about/about03_on.png);}

#about-subnav li#about01 a.active{background-image:url(/japan/images/about/about01_on.png);}
#about-subnav li#about02 a.active{background-image:url(/japan/images/about/about02_on.png);}
#about-subnav li#about03 a.active{background-image:url(/japan/images/about/about03_on.png);}
	
/* ■ 演劇チラシ印刷 ■ 
-------------------------------------------------- */
article#print-ctns{
}

h1#print01-h1tit01{
text-align:center;
}

h1#print01-h1tit01 span#print-contact-btn01 a img{
margin-top:10px;
max-height:40px;
}

h2.print01-h2tit01,
section.pt-section01 h3{
text-align:center;
}

h2.print01-h2tit01 img{
max-height:26px;
}

section.pt-section01 h3 img{
max-height:36px;
}

section.pt-section01{
margin-top:30px;
}

ul#pt-jiseki{
}

ul#pt-jiseki li{
text-align:center;
margin-top:20px;
}

dl.pt-ques{
text-align:left;
margin-top:20px;
}

dl.pt-ques dt{
font-weight:bold;
}

p#print-contact-btn02{
margin:30px auto;
text-align:center;
}

p#print-contact-btn02 a img{
max-height:40px;
}

/* ■ 演劇チラシ制作お問い合わせ ■ 
-------------------------------------------------- */
h1#print-h1tit02{
width:281px;
height:26px;
background-image:url(/images/print/print01_h1tit02.gif);
background-repeat:no-repeat;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:20px;
}

/* ■ サービス ■ 
-------------------------------------------------- */
h1#service-h1tit01{
width:92px;
height:34px;
background-image:url(/japan/images/service/service_h1tit.png);
background-repeat:no-repeat;
display:block;
background-size:100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:30px;
}

/* ■ お問い合わせ ■ 
-------------------------------------------------- */
h1#contact-tit01{
width:94px;
height:34px;
background-image:url(/japan/images/contact/contact_h1tit01.png);
background-repeat:no-repeat;
display:block;
background-size:100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:30px;
}

dl.contact-section{
margin-top:20px;
}

	dl.contact-section dt{
	font-weight:bold;
	background-color:#EEEEEE;
	padding:10px;
	}
	
	dl.contact-section dd{
	margin-top:5px;
	margin-bottom:20px;
	}
	
	dl.contact-section dd input{padding:5px; font-size:16px;}
	dl.contact-section dd select{font-size:16px;}
		dl.contact-section dd input#name{width:90%;}
		dl.contact-section dd input#company{width:90%;}
		dl.contact-section dd.zip input{width:30%;}
		dl.contact-section dd.address input{width:90%;}
		dl.contact-section dd.address2 input{width:90%;}
		dl.contact-section dd input#email{width:90%;}
		dl.contact-section dd textarea{width:90%;}
	
	dl.contact-section dd textarea{
	padding:5px;
	font-size:16px;
	}
	
	input.submit{
	-webkit-appearance: none;
    padding: 0.5em 2em;
    border: 1px solid #999999;
	background-color:#EEEEEE;
	}
	
	span.select-left{
	display:block;
	}
	
	
/* ■ 制作実績 ■ 
-------------------------------------------------- */
h1#works-tit01{
width:79px;
height:34px;
background-image:url(/japan/images/works/works_h1tit01.png);
background-repeat:no-repeat;
display:block;
background-size:100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:30px;
}

section.work-list{
float:left;
width:150px;
}

section.work-list a{
display:block;
width:150px;
height:132px;
}

section.work-list a:hover{
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;
background: #fff;
}

dl.works-section{
margin-top:20px;
}

	dl.works-section dt{
	font-weight:bold;
	background-color:#EEEEEE;
	padding:10px;
	}
	
	dl.works-section dd{
	margin-top:5px;
	margin-bottom:20px;
	}
	
	dl.works-section dd input{
	padding:5px;
	width:90%;
	font-size:16px;
	}
	
	dl.works-section dd textarea{
	padding:5px;
	width:90%;
	font-size:16px;
	}
	
	input.submit{
	padding:10px 20px 10px 20px;
	}
	
	section#work-detail{
	width:100%;
	}

	section#work-detail h2{
	font-size:150%;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #E9E9E9;
	}

	dl.wl-section{
	margin-top:10px;
	width:100%;
	}
	
		dl.wl-section dt.wicon{
		float: left;
		width:78px;
		clear:both;
		}
			
			dl.wl-section dt.wicon img{
			margin-bottom:5px;
			}
			
		dl.wl-section dd.wbody{
    	width: 210px;
		font-size: 84%;
		margin-left:80px;
		}
			
		dl.wl-section dt.wicon02{
		clear:both;
		padding-bottom:5px;
		}
			
		dl.wl-section dd.wbody02{
    	width:100%;
		font-size: 84%;
		margin:0;
		}
	
	div.wr-section{
	margin-top:10px;
	width:300px;
	}
	
/* ■ お知らせ ■ 
-------------------------------------------------- */
h1#news-tit01{
width:114px;
height:33px;
background-image:url(/japan/images/news/news_h1tit01.png);
background-repeat:no-repeat;
display:block;
background-size:100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-bottom:20px;
}

ul#news-list{
}

ul#news-list li{
padding: 10px 0px;
border-bottom: 1px dotted #E9E9E9;
margin: 0px;
overflow: hidden;
}

ul#news-list li span.news-date{
float: left;
width: 90px;
line-height:23px;
/*padding-right: 6px;*/
}

ul#news-list li span.news-icon{
float: left;
padding-right: 10px;
display: block;
text-align: center;
line-height: 1;
}

ul#news-list li div.news-title{
float: left;
width: 100%;
margin-top: 5px;
}

ul#news-list li div.news-title p.news-link{
}

h1#entry-tit{
border-left:5px solid #D92D2B;
padding: 0px 0px 0px 10px;
font-size: 18px;
}

h1#entry-tit span.news-icon02{
display:block;
margin-bottom:5px;
}

p.entry-date{
text-align:right;
border-bottom: 1px dotted #E9E9E9;
margin-bottom:50px;
}

/* ■ サービス ■（追加）
-------------------------------------------------- */
section.service-list{
margin-top:20px;
}
section.service-list h2{
font-size:14px;
font-weight:600;
font-family: 'Noto Sans Japanese', sans-serif;
border-left:5px solid #D92D2B;
border-bottom:1px solid #DDDDDD;
padding:10px 0 10px 10px;
margin-bottom:20px;
}
div.os-list{margin-top:20px;}
div.os-img{display:none;}
dl.os-read{}
dl.os-read dt{
font-size:14px;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight:600;
}
dl.os-read dd{font-size:12px;}

ul.manage-site li img{display:none;}
ul.manage-site li{margin-right:14px;}
span.ms-tit{margin-top:5px; font-weight:bold; display:block;}

}