@import url(http://fonts.googleapis.com/css?family=Raleway);
@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great);
@import url(http://fonts.googleapis.com/css?family=Roboto);


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

body{
	margin: 0px auto;
	min-width: 100%;
	width: 100%;
	padding: 0;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff;
	overflow-y: scroll;
}

p{
	margin:0px;
	padding:0px;
}

p, ul{
	/*font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;*/
}

li{
	margin:0px;
	padding:0px;
}

input{
	padding:10px;
	font-size:16px;
	line-height:24px;
}

img{
	max-width: 100%;
	height: auto;
	border: 0;
}




h2{
	font-family: 'Roboto', sans-serif;
	font-size:46px;
	font-style:normal;
	margin:0px;
	padding:0px;
}



a:link{
    color:#ff2600;
    text-decoration:none;
}

a:visited{
    color:#ff2600;
    text-decoration:none;
}

a:hover{
    color:#9F0002;
    text-decoration:underline;	
}


.copyright{
	text-align:center;
	padding-top:50px;
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}



.c-both{
	clear:both;
	display:block;
	visibility:hidden;
	_overflow : hidden;
	height:1px;
}

.txt_right{
	text-align:right;
}

.txt_center{
	text-align:center;
}

.txt_red{
	color:#FF0004;
}

.txt_green{
	color:#359732;
}

.txt_bold{
	font-weight:bold;
}

.txt14{
	font-size:14px;
	line-height:20px;
}

.txt20{
	font-size:20px;
	line-height:28px;
}


.p_tm{
	margin-top:10px;
}

.p_m{
	margin-bottom:50px;
}

.p_all10{
	padding:10px;
}

.p_top10{
	padding-top:10px;
}

.p_top20{
	padding-top:20px;
}

.p_top30{
	padding-top:30px;
}

.p_top40{
	padding-top:40px;
}



.b01{
	font-size:20px;
	line-height:28px;
	font-weight:bold;
}
.b02{
	font-size:16px;
	line-height:24px;
	padding-bottom:10px;
}
.b03{
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}
.b04{
	font-size:16px;
	line-height:24px;
	padding-bottom:10px;
}
.b05{
	font-size:16px;
	line-height:24px;
}




.footer{
	text-align: center;
	border-width: 1px 0 0px 0px;
	border-style: solid;
	border-top-color: #359732;
	width: 100%;
	padding-top: 20px;
}






.pagetitle{
	text-align:left;
	border-width: 0 0 4px 0px;
	border-style: solid;
	border-bottom-color: #359732;
	width:100%;
	margin-top:20px;
	background-image: url(../images/00common_icon_cycle.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.pagetitle p{
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 30px;
	margin-bottom: 0px;
	font-size: 28px;
	line-height: 36px;
	color:#543f2e;
}


.page-subtitle{
	text-align:left;
	border-width: 0 0 2px 0px;
	border-style: solid;
	border-bottom-color: #359732;
	width:100%;
	margin-top:20px;
/*	background-image: url(../images/00common_icon_cycle.png);
	background-position: left center;
	background-repeat: no-repeat;*/
}

.page-subtitle p{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	font-size: 22px;
	line-height: 28px;
	color:#543f2e;
}




.subtitle{
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 24px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 12px;
	font-family: 'Vollkorn', serif;
	letter-spacing:2px;
}

.common_info{
	padding:20px;
}

.tweet_box{
	text-align:center;
	padding:10px;
}

.call_box{
	text-align:center;
	padding-bottom:60px;
	padding-top:10px;
}

.call_box:hover {
}
.call_box:active {
	padding-top:1px;
}



.top_two_all{
	padding-bottom:10px;
	padding-top:40px;
}

.top_two{
	float:left;
	width:50%;
	text-align:center;
}

.top_two p{
	padding-bottom:10px;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
}















.footer_three_pd{
	padding-top:20px;
	padding-bottom:20px;
}


.footer_three{
	width:100%;
	background-color:#ff7800;
	display: table;
	clear:both;
	text-align:center;
	margin: 0px auto;
}


.footer_three .ft_box{
	width:33%;
	background-color:#ff7800;
/*	border-right: 1px solid #fff;
	border-left: 0px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
	text-align:center;
	float:left;
	display: table-cell;
}

.footer_three .ft_box_center{
	width:33%;
	background-color:#ff7800;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align:center;
	float:left;
	display: table-cell;
}

.footer_three  a:link{
	display:block;
	width:100%;
	margin: 0px auto;
	background-color:#ff7800;
}

.footer_three .ft_box1{
	width:49%;
	background-color:#ff7800;
/*	border-right: 1px solid #fff;
	border-left: 0px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
	border-right: 1px solid #fff;
	text-align:center;
	float:left;
	display: table-cell;
}

.footer_three .ft_box2{
	width:49%;
	background-color:#ff7800;
/*	border-right: 1px solid #fff;
	border-left: 0px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
	border-left: 1px solid #fff;
	text-align:center;
	float:left;
	display: table-cell;
}









.mode{
	width:70%;
	margin: 0px auto;
	border: 6px solid #ccc;
	padding:20px;
	text-align:center;
}











/*タブ用CSS*/
#taball {
	background-color: #f4f4f4;
}



#tablist .tab-index ul {
	display: table;
	width: 100%;
	text-align: left;
}
#tablist .tab-index li {
	display: table-cell;
	width: 33%;
	font-size:16px;
	line-height: 24px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #f4f4f4;
	margin:0px;
	padding:2px;
}
#tablist .tab-index a {
	display: block;
	width: 100%;
}
#tablist .tab-index li:not(:last-child) {
	border-right: 1px solid #ccc;
}
#tablist .tab-index .active {
	background-color: #fff8a6;
	color:#FFFFFF!important;
}
#tablist .tab-contents {
	display: none;
}
#tablist .tab-contents.active {
	display: block;
}



 
#tablist .tab-index .active a:before{
  display: none;
  content: "";

}
 
#tablist .tab-index .active a:after{
  display: none;
  content: "";

}


#tablist .tab-index :before {
  display: none;
  content: "";
}
 
#tablist .tab-index :after {
  display: none;
  content: "";
}





/*タブ用CSS*/









.underlayer-main{
	max-width: 640px;
	height: auto;
	border: 0;
	width: 100%;
	text-align:center;
}


.underlayer-txt{
	width: 96%;
	background-color:#5e2b1e;
	color:#FFFFFF;
	text-align:center;
	padding:2%;
	margin:0px;
}




.underlayer-layout{
	width: 98%;
	padding:1%;
	margin: 0px auto;
	box-sizing: border-box;
}

.underlayer-layout img{
	max-width: 640px;
	height: auto;
	border: 0;
	/*width: 100%;*/
	box-sizing: border-box;
}














/*640以下の場合*/

@media only screen and (max-width: 640px) {


#contents_layout{
	margin: 0 auto;
	min-width: 100%;
	width: 100%;
}


#header{
	margin: 0 auto;
	min-width: 100%;
	width: 100%;
}

#header h1{
	width:100%;
	display:block;
	margin-bottom:0px;
	margin-top:50px;
	padding:0px;
	text-align:center;
}





.company_contents{
	margin:0px;
}

dl.company {
   margin: 0px auto;
}

dl.company dt {
	width: 96%;
	font-weight: bold;
	display: block;
	margin:2%;
	padding:0px;
	border-top: 1px solid #999;
	line-height:40px;
}

dl.company dd {
   width: 96%;
   display:block;
   margin:2%;
   padding:0px;
}


.img_frame{

}

.cp_box{
	width:100%;
	text-align:center;
}



.works_contents{
	padding:5px;
}

.sample_movie{
	width:300px;
	height:240px;
	margin: 0 auto;
	background-color:#000000;
	color:#FFFFFF;
	text-align:center;
}

.works_info{
	margin-bottom:20px;
}

.works_sub{
	font-size:140%;
	font-weight:bold;
	margin-top:10px;
}




.contact_body{
	margin-top: 30%;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 30%;
	width: 90%;
	text-align: center;
}




.contact_body .btn {
	width: 60px;
	border: 1px solid #DDD;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	color: #111;
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 40px;
	font-size: 16px;
	line-height: 24px;
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
box-shadow:rgba(201, 201, 201, 0.45098) 0px 0px 17px 2px;
-webkit-box-shadow:rgba(201, 201, 201, 0.45098) 0px 0px 17px 2px;
-moz-box-shadow:rgba(201, 201, 201, 0.45098) 0px 0px 17px 2px;
}


.form_ct{
	border-bottom: 1px solid #999;
	width:96%;
	padding:2%;
}

.form_left{
	width:100%;
}

.form_right{
	width:80%;
	padding:10%;
}

.form_left span{
	width:20px;
	display:inline-block;
	text-align:center;
}


.img_filter{
	/* border */
border:5px solid rgb(255, 255, 255);

/* border-radius */
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;

/* box-shadow */
box-shadow:rgba(219, 219, 219, 0.529412) 0px 0px 11px 3px;
-webkit-box-shadow:rgba(219, 219, 219, 0.529412) 0px 0px 11px 3px;
-moz-box-shadow:rgba(219, 219, 219, 0.529412) 0px 0px 11px 3px;
width:100%;
padding:2px;
}


.c_m{
	padding:2px;
}




.underlayer-left{
	width:100%;
	max-width: 320px;
	box-sizing: border-box;
	padding: 10px;
}

.underlayer-left img{
	text-align:center!important;
	margin: 0px auto;
}	
	

.underlayer-right{
	width:100%;
	box-sizing: border-box;
	padding: 10px;	
}






}








/*650以上の場合*/

@media screen and (min-width: 650px) {


#contents_layout{
	margin: 0 auto;
	width: 980px;
}


#header{
	margin: 0 auto;
	min-width: 980px;
	width: 980px;
}

#header h1{
	margin:0px;
	padding:0px;
	text-align:left;
}





.company_contents{
	padding:40px;
}

dl.company {
   border-bottom:1px solid #999;
   margin: 0px auto;
}

dl.company dt {
   float:left;
   width: 140px;
   border-top:1px solid #999;
   padding-top:10px;
   padding-bottom:0;
   padding-right:0;
   font-weight:bold;
}

dl.company dd {
   margin-left:140px;
   padding-top:10px;
   padding-bottom:10px;
   padding-right:10px;
   border-top:1px solid #999;
}



.img_frame{
	/* border */
border:8px solid rgb(255, 255, 255);

/* box-shadow */
box-shadow:rgba(201, 201, 201, 0.45098) 0px 0px 17px 2px;
-webkit-box-shadow:rgba(201, 201, 201, 0.45098) 0px 0px 17px 2px;
-moz-box-shadow:rgba(201, 201, 201, 0.45098) 0px 0px 17px 2px;

}


.cp_box{
	float:left;
	width:50%;
	text-align:center;
}





.works_contents{
	padding:40px;
}

.sample_movie{
	width:800px;
	height:460px;
	margin: 0 auto;
	background-color:#000000;
	color:#FFFFFF;
	text-align:center;
	line-height:400px;
}

.works_info{
	margin-bottom:20px;
}

.works_sub{
	font-size:140%;
	font-weight:bold;
	margin-top:10px;
}






.contact_body{
	margin-top: 15%;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 15%;
	width: 90%;
	text-align: center;
}




.contact_body .btn {
	width: 60px;
	border: 1px solid #DDD;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	color: #111;
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 40px;
	font-size: 16px;
	line-height: 24px;
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
box-shadow:rgba(201, 201, 201, 0.45098) 0px 0px 17px 2px;
-webkit-box-shadow:rgba(201, 201, 201, 0.45098) 0px 0px 17px 2px;
-moz-box-shadow:rgba(201, 201, 201, 0.45098) 0px 0px 17px 2px;
}

.form_ct{
	border-bottom: 1px solid #999;
	width:96%;
	padding:2%;
}

.form_left{
	width:40%;
	float:left;
}

.form_right{
	width:60%;
	float:left;
}

.form_left span{
	width:20px;
	display:inline-block;
	text-align:center;
}

.img_filter{
	/* border */
border:5px solid rgb(255, 255, 255);

/* border-radius */
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;

/* box-shadow */
box-shadow:rgba(219, 219, 219, 0.529412) 0px 0px 11px 3px;
-webkit-box-shadow:rgba(219, 219, 219, 0.529412) 0px 0px 11px 3px;
-moz-box-shadow:rgba(219, 219, 219, 0.529412) 0px 0px 11px 3px;
}

.c_m{
	padding:30px;
}




.underlayer-left{
	width:20%;
	float:left;
}

.underlayer-left img{
	width:90%;
	float:left;
}

.underlayer-right{
	width:80%;
	float:left;
}


}