/*　総合ページのカラー管理などは
このファイルをコピーして書き換えてください　*/

/* --Grobal Navi-- */
#Nav .Nv01 a, #Nav .Nv01 a:hover {
	background-image: url(../images/globalnav01.png);
}
#Nav .Nv02 a, #Nav .Nv02 a:hover {
	background-image: url(../images/globalnav02.png);
}
#Nav .Nv03 a, #Nav .Nv03 a:hover {
	background-image: url(../images/globalnav03.png);
}
#Nav .Nv04 a, #Nav .Nv04 a:hover {
	background-image: url(../images/globalnav04.png);
}
#Nav .Nv05 a, #Nav .Nv05 a:hover {
	background-image: url(../images/globalnav05.png);
}
#Nav .Nv06 a, #Nav .Nv06 a:hover {
	background-image: url(../images/globalnav06.png);
}
#Nav .Nv07 a, #Nav .Nv07 a:hover {
	background-image: url(../images/globalnav07.png);
}
#Nav li a:hover {
	border-bottom-color: #E50012;
}
/* --MainVisual-- */
#MainVisualWrap {
	background-color: #e50012;
	background-image: url(../images/bgShadow01.png);
}
#Shadow {
	background-image: url(../images/bgShadow02.png);
}
/* --Footer-- */
#FooterArea {
	background-color: #E50012;
}

#FootNav .Nv01 a, #FootNav .Nv01 a:hover {
	background-image: url(../images/footer01.png);
}

#FootNav .Nv03 a, #FootNav .Nv03 a:hover {
	background-image: url(../images/footer03.png);
}
#FootNav .Nv04 a, #FootNav .Nv04 a:hover {
	background-image: url(../images/footer04.png);
}
#FootNav .Nv05 a, #FootNav .Nv05 a:hover {
	background-image: url(../images/footer05.png);
}
#FootNav .Nv06 a, #FootNav .Nv06 a:hover {
	background-image: url(../images/footer06.png);
}
#FootNav .Nv07 a, #FootNav .Nv07 a:hover {
	background-image: url(../images/footer07.png);
}
#FootSiteNavi .Nv08 a, #FootSiteNavi .Nv08 a:hover {
	background-image: url(../images/footer08.png);
}
#FootSiteNavi .Nv09 a, #FootSiteNavi .Nv09 a:hover {
	background-image: url(../images/footer09.png);
}
#FootSiteNavi .Nv10 a, #FootSiteNavi .Nv10 a:hover {
	background-image: url(../images/footer10.png);
}
/*見出し*/
.heading {
	border:solid 1px #ddd;
	padding: 5px;
	border-radius: 5px;
	background: #eee;
	-moz-border-radius: 5px; /* FF */
	background: -moz-linear-gradient(top, #fff, #eee); /* FF */
	-webkit-border-radius: 5px;/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
	-pie-background:linear-gradient(top, #fff, #eee); /* ie */
	behavior: url(../js/PIE.htc);  /* ie */
	margin-bottom: 20px;
}
		.heading span {
	border-left:5px #e50012 solid;
	padding-left:10px;
}
iframe {
	height: 250px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*個人情報の取扱いについて・個人情報保護方針*/
.top, #policy, #privasy , #recruit, .company, #access, #contact, #sitemap, .studio {
	margin-left: 20px;
	margin-right: 20px;
	width: 614px;
}
.top ul li {
	padding-bottom: 5px;
	font-size: 105%;
	
}
.top ul   {
	float: left;
	width: 200px;
}

#policy p , #recruit p, #access p, #contact p{
	margin-bottom: 10px;
}
#policy h3, #recruit h3{
	font-weight: bold;
}
#policy h3 {
	margin-top: 15px;
}

#policy table th {
	padding-top: 3px;
	padding-bottom: 3px;
	/* [disabled]text-align: center;
*/
	background-color: #EAEAEA;
	padding-left: 3px;
}
#policy table td, #recruit table td, #recruit table th , .company table th, .company table td, #contact table td, #contact table th {
	vertical-align: text-top;
	padding: 10px;
}
#policy table td, #policy table th, #recruit table td, #recruit table th , .company table th, .company table td, #contact table td, #contact table th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#policy table tr, #recruit table tr, .company table tr, #contact table tr {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
}
#policy table tr td ul li {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 10px;
	font-size: 11px;
	line-height: 1.5em;
}
#policy table tr td p {
	margin-left: 0px;
	margin-bottom: 0px;
}
#recruit table th, .company table th, #contact table th {
	width: 100px;
	background-color: #EAEAEA;
}
.company #right {
	float: right;
	width: 400px;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.company #left {
	float: left;
	width: 154px;
	padding-left: 20px;
}
.studio .txtbox {
	float: right;
	width: 344px;
	margin-left: 20px;
}
.studio h3 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #969696;
	border-bottom-color: #969696;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
	color: #800000;
	padding-top: 2px;
	padding-bottom: 2px;
}
.studio h3 a {
	text-decoration: none;
	color: #800000;
}


.studio {
	margin-bottom: 50px;
}
.studio img {
	float: left !important;
}

#access  h3{
	font-size: 18px;
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F00;
}
hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #D5D5D5;
	margin-top: 20px;
	margin-bottom: 20px;
}
#contact iframe {
	width: 614px;
	margin-right: auto;
	margin-left: auto;
}
#contact iframe, #contact input, #contact textarea{
	border: 1px double #EAEAEA;
	/* [disabled]background-color: #FFF; */
}
#contact table {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
}


#contact table th {
	vertical-align: top;
}
#sitemap table td {
	vertical-align: top;
}
#sitemap .title {
	border: 1px solid #D5D5D5;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #F0F0F0;
	margin-right: 20px;
	padding-left: 10px;
}
#sitemap .title p {
}
#sitemap ul {
	padding-left: 20px;
	margin-top: 10px;
	width: 184px;
	margin-bottom: 20px;
}
#sitemap table a {
	color: #030303;
	text-decoration: none;
}

#sitemap ul li {
	margin-bottom: 3px;
}






.submit{
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #A8A8A8;
	border-radius: 5px;

/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ccc),
		to(#A8A8A8)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;

/* Firefox */
	background: -moz-linear-gradient(
		top,
		#ccc,
		#A8A8A8
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;

/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ccc,endColorstr=#ff428ec9);
	zoom: 1;
}

/*ボタンはじめ*/
.button{
	margin: 5px;
	text-decoration: none; /*Change the em value to scale the button*/
	display: inline-block;
	text-align: center;
	color: #fff;
	border: 1px solid #9c9c9c; /* Fallback style */
	border: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	font-family: 'Trebuchet MS', Arial, Helvetica;
	font-weight: bold;
}
 
.button, .button span{
    -moz-border-radius: .3em;
    border-radius: .3em;
}
 
.button span{
	border-top: 1px solid #fff; /* Fallback style */
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	display: block;
	/* The background pattern */
 
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
	background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
	/* Pattern settings */
 
    -moz-background-size: 3px 3px;
	-webkit-background-size: 3px 3px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
 
.button:hover{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}
 
.button:active{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}
.button-blue{
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}
 
.button-blue:hover{
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
}
 
.button-blue:active{
    background: #4477a1;
}

.button-red{
    background: #ff0000;
    
}
/*ボタンおわり*/

/*----studioお申込み-------------*/
#howTo .howToB{
	width:290px;
	float:left;
	text-align:center;
	margin:5px;
}
#howTo table{
	width:270px;
	margin:10px;
}

#howTo table tr,td{
	width:270px;		
	vertical-align:middle;
	padding:0;	
}

#howTo td.odd{	
	padding:0;
	background-color:#DDD;
}