body{
	font-size:14px;
	line-height:1.5em;
	color:#666;
}



/*

ブルー　#2693FF →　#00BFFF
グレー　#585858 →　#000000
*/

@media(max-width:768px){

	.container{
		width:98%;
		margin-right:1%;
		margin-left:1%;

	}
	.row{
		width:100%;
	}


	
}

p{
	padding-top:10px;
	line-height:1.5em;
	padding-bottom:5px;
}

/* 固定CSS */
#global-area{
	background:url(../img/site_flame/menu/bg.png) repeat-x;
	width:100%;
	position:absolute;
	top:131px;
	border-top:2px #000 solid;
	border-bottom:2px #000 solid;
	z-index:1;
}



#global-area ul{
  list-style-type: none;
  width:940px;
  border-left:1px solid #ccc;
  margin-top:0px;
  margin-right:auto;
  margin-left:auto;
  padding:0;

}

#global-area li{
  float: left;
  width: 145px;
  margin: 0;
  padding: 0;
  border-right:1px solid #CCC;
}

#global-area li:first-child {
border-left: 1px solid #fff;
}

#global-area a{
  text-align: center;
  font-size:130%;
  font-weight:bold;
  display:block;
  padding: 10px 0;
  background-color:#111;
  color: white;
}

#global-area a:hover{
  background-color:#666;
  color:#fff;
}




/*
<div id="global-area">
    <ul>
        <li><a href="subpage.html">起業準備</a></li>
        <li><a href="subpage.html">業種選択</a></li>
        <li><a href="subpage.html">各種手続き</a></li>
        <li><a href="subpage.html">コンプライアンス</a></li>
        <li><a href="subpage.html">セミナー研修</a></li>
        <li><a href="subpage.html">よくある質問</a></li>
    </ul>
</div>

*/




/* ヘッダー部分 */
header{
	width:100%;
	height:130px;
	font-size:14px;
}

@media(max-width:768px){

	header{
		width:100%;
		height:130px;
		font-size:14px;
	}
	
}



header .h1-area h1{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	height:23px;
	font-size:90%;
	font-weight:normal;
    line-height:1.8em;
	color:#FFF;
}

@media(max-width:768px){

	header .h1-area h1{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		height:auto;
		font-size:70%;
		font-weight:normal;
		line-height:1.5em;
		color:#FFF;
		text-align:center;
	}
	
}

.h1-area{

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #333), color-stop(0.00, #666));
	background: -webkit-linear-gradient(top, #666 0%, #333 88%);
	background: -moz-linear-gradient(top, #666 0%, #333 88%);
	background: -o-linear-gradient(top, #666 0%, #333 88%);
	background: -ms-linear-gradient(top, #666 0%, #333 88%);
	background: linear-gradient(to bottom, #666 0%, #333 88%);

	/* 赤		
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #B20000), color-stop(0.00, #F00));
	background: -webkit-linear-gradient(#F00, #B20000);
	background: -moz-linear-gradient(#F00, #B20000);
	background: -o-linear-gradient(#F00, #B20000);
	background: -ms-linear-gradient(#F00, #B20000);
	background: linear-gradient(#F00, #B20000);
	*/
}

@media(max-width:768px){
	.h1-area{

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #333), color-stop(0.00, #666));
		background: -webkit-linear-gradient(top, #666 0%, #333 88%);
		background: -moz-linear-gradient(top, #666 0%, #333 88%);
		background: -o-linear-gradient(top, #666 0%, #333 88%);
		background: -ms-linear-gradient(top, #666 0%, #333 88%);
		background: linear-gradient(to bottom, #666 0%, #333 88%);
	
		/* 赤		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #B20000), color-stop(0.00, #F00));
		background: -webkit-linear-gradient(#F00, #B20000);
		background: -moz-linear-gradient(#F00, #B20000);
		background: -o-linear-gradient(#F00, #B20000);
		background: -ms-linear-gradient(#F00, #B20000);
		background: linear-gradient(#F00, #B20000);
	*/
	}
}



.header-wrap{
	width:940px;
	height:117px;
	margin-left:auto;
	margin-right:auto;
}

@media(max-width:768px){
	.header-wrap{
		width:100%;
	}
}


.header-wrap h2{
	font-size:80%;
	font-weight:normal;
    line-height:1.0em;
	color:#333;
	text-align:right;
	padding-top:20px;
	padding-bottom:10px;
	line-height:1.2em;
}

@media(max-width:768px){
	.header-wrap h2{
		font-size:90%;
		font-weight:normal;
		line-height:1.0em;
		text-align:center;
		height:auto;
		padding-top:0px;
		paddin-bottom:0px;
		color:#333;
		width:100%;
	}
}



.logo-area{
	width:400px;
	height:97px;
	padding-top:10px;
	float:left;
}



.header-area{
	padding-top:0px;
	padding-bottom:10px;
	width:540px;
	height:97px;
	float:right;
}


.header-area .left{
	float:left;
	width:327px
}

.header-area .right{
	float:right;
	width:203px;
	text-align:right;
}

@media(max-width:768px){

	.logo-area{
		width:100%;
		height:auto;
	}
	.logo-area img {
		display:block;
		width:50%;
		margin-right:auto;
		margin-left:auto;
	}

	.header-area{
		padding-top:0px;
		padding-bottom:10px;
		width:100%;
		height:auto;

		font-size:70%;
	}
	
	
	.header-area .left{
		width:30%;
		float:left;
	}
	
	.header-area .right{
		width:70%;
		text-align:right;
		float:right;
	}
}






/* 角丸テキストボックス */
.otoiawase{
	width:120px;
	text-align:center;
	padding:5px 5px;
	float:right;
	background-color:#333;
	color:#FFF;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */

	font-size:90%;
}

.tel{
	padding-top:10px;
	padding-bottom:5px;
	padding-left:5px;
	font-size:140%;
	font-weight:bold;
	color:#000;
}


@media(max-width:768px){
	.otoiawase{
		width:90%;
		text-align:center;
		padding-right:5%;
		padding-left:5%;
		float:right;
		background-color:#333;
		color:#FFF;
		border-radius: 5px;		/* CSS3草案 */
		-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 5px;	/* Firefox用 */
	
		font-size:90%;
	}
	
	.tel{
		width:90%;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5%;
		padding-left:5%;

		font-size:180%;
		font-weight:bold;
		color:#000;
	}
}


.mainimg{
	margin:0px;
	height: 260px;
	width:100%;	
	background:#000 url(../img/slide/bg.png) repeat-x;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #666;

}

.mainimg-wrap{
	width:940px;
	height:260px;
	margin-right:auto;
	margin-left:auto;
}

/*これをやらないとスライドショー*/
#slider{height:250px;}

@media(max-width:768px){
#slider{height:auto;}
	
}





@media(max-width:768px){
	.mainimg{
		clear:both;
		margin:0px;
		height:auto;
		width:100%;	
		background:#585858;
		padding-top:10px;
		padding-bottom:0px;
		border-bottom:1px solid #eee;
	
	}
	
	.mainimg-wrap{
		width:90%;
		height:auto;
		margin-right:auto;
		margin-left:auto;
	}

	.mainimg-wrap img{
		margin:0;
		padding:0;
	}

}




@media(max-width:768px){
	
}
footer{
	width:100%;
	height:30px;
	
	
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #333), color-stop(0.00, #666));
	background: -webkit-linear-gradient(top, #666 0%, #333 88%);
	background: -moz-linear-gradient(top, #666 0%, #333 88%);
	background: -o-linear-gradient(top, #666 0%, #333 88%);
	background: -ms-linear-gradient(top, #666 0%, #333 88%);
	background: linear-gradient(to bottom, #666 0%, #333 88%);

	
	
	/* 赤
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #B20000), color-stop(0.00, #F00));
	background: -webkit-linear-gradient(#F00, #B20000);
	background: -moz-linear-gradient(#F00, #B20000);
	background: -o-linear-gradient(#F00, #B20000);
	background: -ms-linear-gradient(#F00, #B20000);
	background: linear-gradient(#F00, #B20000);
	border-top:1px solid #666;
	*/
}

.footer-wrap{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:80%;
	padding-top:8px;
	text-height:1.5em;
	color:#FFF
}


@media(max-width:768px){

	footer{
		width:100%;
		height:30px;
		
		
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #333), color-stop(0.00, #666));
		background: -webkit-linear-gradient(top, #666 0%, #333 88%);
		background: -moz-linear-gradient(top, #666 0%, #333 88%);
		background: -o-linear-gradient(top, #666 0%, #333 88%);
		background: -ms-linear-gradient(top, #666 0%, #333 88%);
		background: linear-gradient(to bottom, #666 0%, #333 88%);
	
		
		
		/* 赤
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #B20000), color-stop(0.00, #F00));
		background: -webkit-linear-gradient(#F00, #B20000);
		background: -moz-linear-gradient(#F00, #B20000);
		background: -o-linear-gradient(#F00, #B20000);
		background: -ms-linear-gradient(#F00, #B20000);
		background: linear-gradient(#F00, #B20000);
		border-top:1px solid #666;
		*/
	}
	
	.footer-wrap{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		font-size:80%;
		padding-top:8px;
		text-height:1.5em;
		color:#FFF
	}
	
}




.heading-1{
	font-size:120%;
	font-weight:bold;
	line-height:1.2em;
	color:#fff;
	margin-top:15px;
	margin-bottom:15px;

	padding:8px 0px 5px 10px;
	border-bottom:2px #999 solid;


/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #3edffe), color-stop(0.00, #aefafe));
	background: -webkit-linear-gradient(top, #aefafe 0%, #3edffe 88%);
	background: -moz-linear-gradient(top, #aefafe 0%, #3edffe 88%);
	background: -o-linear-gradient(top, #aefafe 0%, #3edffe 88%);
	background: -ms-linear-gradient(top, #aefafe 0%, #3edffe 88%);
	background: linear-gradient(to bottom, #aefafe 0%, #3edffe 88%);
*/

	background-color:#2693FF;
		
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	
	/*角丸*/
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

.heading-2{
	font-size:120%;
	font-weight:bold;
	line-height:1.5em;
	color:#666;
	margin-top:10px;
	margin-bottom:10px;

	padding:10px 0px 2px 0px;
	border-bottom:1px #333 solid;
	
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	
	/*角丸*/
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;

}

.heading-3{
	font-size:100%;
	line-height:1.2em;
	color:#333;
	margin-top:10px;
	padding:0px 0px 2px 0px;
	border-bottom:1px #333 dotted;
	
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */

}


/*

	
	text-shadow:0px 1px 0px #fff, 
				0px 0px 2px #fff, 
				1px 0px 0px #fff,
				0px -1px 1px #fff,
				-1px -1px 0px #fff,
				-1px 0px 0px #fff,
				1px -1px 0px #fff,
				1px 1px 0px #fff;

	
	
	filter:dropshadow(color=#fff,offx=0,offy=1,positive=1),dropshadow(color=#fff,offx=0,offy=0,positive=1),dropshadow(color=#fff,offx=0,offy=-1,positive=1),dropshadow(color=#fff,offx=-1,offy=-1,positive=1),dropshadow(color=#fff,offx=-1,offy=0,positive=1);



*/