@charset "UTF-8";

/* CSS Document */



* {

	margin: 0;

	padding: 0;

}



body {

	

	text-align: center;

	background-color:#FFFFFF;

	background-position: center;

	background-repeat:repeat-y;

}

a:link {color: #333333;}



a:visited {color: #9999CC;}



/************************************************************************

-) Slider: only the following lines are necceassary for slider styling,

   rest of the css file styles the demo page

*************************************************************************/

.aviaslider{ 

height:461px; 	/*this changes the height of the image slider*/

width:764px;

overflow: hidden;

position: relative;

background: #fff url(../images/layout/preload.gif) center center no-repeat;

}



.aviaslider li, .aviaslider .featured{

display: block;

width:100%;

height:100%;

position: absolute;

top:0;

left:0;

z-index: 1;

}



.js_active .aviaslider li, .js_active .aviaslider .featured{

display:none;

}



.aviaslider img, .aviaslider a img, .aviaslider a{

border:none;

text-decoration: none;

}



.slidecontrolls{

margin:20px auto 0 auto;

position: relative;

float:left;

}



.slidecontrolls a{

height:20px;

width:18px;

display:block;

cursor: pointer;

background: transparent url(../images/layout/controlls.gif) center bottom no-repeat;

float:left;

outline: none;

}



.slidecontrolls a:hover, .slidecontrolls .active_item{

background: transparent url(../images/layout/controlls.gif) center top no-repeat;

}



.feature_excerpt{

width:610px;

position: absolute;

display: block;

bottom: 0;

left:0;

z-index: 2;

padding:14px 15px;

font-size: 11.5px;

line-height:1.5em;

cursor: pointer;

background: #000;

color: #fff;

}



.feature_excerpt strong{

display: block;

font-size: 15px;

padding-bottom: 3px;

}







/************************************************************************



/* @gheader */



#headder {

	float:right;

	margin: 0 auto 10px auto;

	width: 768px;

	height: 60px;

	text-align:left;

}



#headder .ttl {

	float:left;

	margin-top: 10px;

	width: 471px;

	height: 50px;

}





.logo {

	float:left;

	margin-top:8px;

	width: 151px;

	height: 73px;

}



#toiawase {

	float:right;

	text-align:right;

	font-size:10px;

	vertical-align:top;

	margin-top: 3px;

	width: 200px;

	height: 25px;

}



#langu {

	float:right;

	text-align:right;

	vertical-align:bottom;

	margin-top: 3px;

	width: 250px;

	height: 18px;

}



/* @topmain */



#top-main {

	margin: 0 auto 10px auto;

	width: 960px;

	height: auto;

}



#contents {

	margin: 0 auto 10px auto;

	width: 817px;

	height: auto;

}





#flasharea {

	float: right;

	margin-top: 0px;

	margin-right: 0px;

	padding: 0;

	widows: 767px;

	height: 461px;

}



#contensharea {

	float: right;

	margin: 0;

	padding: 8px;

	width: 750px;

	height: auto;

	text-align:left;

	font-size:95%;

	line-height:130%;

	color:#333333;

	background-color:#FFFFFF;

	background-image: url(../images/nakamen-ber.gif);

	background-position: center;

	background-position:top;

	background-repeat:no-repeat;

}





#contensharea .midashi {

	float: right;

	margin-top: 20px;

	margin-bottom: 10px;

	padding: 4px;

	width: 744px;

	height: 20px;

	text-align:left;

	font-size:15px;

	font-weight:bold;

	color: #003065;

	border-bottom:solid 1px #003065;

}





/* @sp-info */

#top-sp-info {

	float: right;

	margin-top:10px;

	width: 770px;

	height: auto;

}



/* @whatsnew */



#whatsnew-ttl {

	float:left;

	margin: 10px 0;

}







#informationarea {

	float: left;

	width: 396px;

	font-size:12px;

	line-height: 140%;

	text-align:left;

	color:#5b5b5b;

}



.info-date {

	margin-top:7px;

	margin-left: 15px;

	font-size:12px;

	line-height: 140%;

	text-align: left;

	color:#d20303;

}



.info-text {

	margin-left: 15px;

	font-size:12px;

	line-height: 115%;

	text-align:left;

	color:#5b5b5b;

}





#newsarea {

	float: right;

	margin-top:10px;

	width: 770px;

	font-size:12px;

	line-height: 140%;

	text-align:left;

	color:#5b5b5b;

}

.ichiran {

	margin-top:4px;

	margin-left: 15px;

	font-size:12px;

	line-height: 115%;

	text-align:right;

	color:#5b5b5b;

}



/* @leftmenue */

#left-navi {

	float:left;

	width: 162px;

	text-align: left;

}



#left-menu {

	float:left;

	width: 162px;

	height: 280px;

	margin-top:10px;

	text-align: left;

	background-image:url(../images/mnuo-onoffbtn.gif);

	background-repeat:no-repeat;

	background-position:-162px 0;

}



#left-menu ul {

	position:relative;

	margin: 0;

	list-style:none;

}

.menu01 {

	width: 162px;

	height: 49px;

	position:absolute;

	display:block;

}

.menu01 a {

	width: 162px;

	height: 49px;

	text-indent: -5000px;

	display: block;

}

.menu01 a:hover {

	width: 162px;

	height: 49px;

	background-image:url(../images/mnuo-onoffbtn.gif);

	background-repeat:no-repeat;

	background-position:0 0;

	display:block;

}

.menu02 {

	width: 162px;

	height: 49px;

	margin-top: 49px;

	position:absolute;

	display:block;

}

.menu02 a {

	width: 162px;

	height: 49px;

	text-indent: -5000px;

	display: block;

}

.menu02 a:hover {

	width: 162px;

	height: 49px;

	background-image:url(../images/mnuo-onoffbtn.gif);

	background-repeat:no-repeat;

	background-position:0 -49px;

	display:block;

}

.menu03 {



	width: 162px;

	height: 48px;

	margin-top: 97px;

	position:absolute;

	display:block;

}

.menu03 a {

	width: 162px;

	height: 48px;

	text-indent: -5000px;

	display: block;

}

.menu03 a:hover {

	width: 162px;

	height: 48px;

	background-image:url(../images/mnuo-onoffbtn.gif);

	background-repeat:no-repeat;

	background-position:0 -97px;

	display:block;

}

.menu04 {

	width: 162px;

	height: 48px;

	margin-top: 145px;

	position:absolute;

	display:block;

}

.menu04 a {

	width: 162px;

	height: 48px;

	text-indent: -5000px;

	display: block;

}

.menu04 a:hover {

	width: 162px;

	height: 48px;

	background-image:url(../images/mnuo-onoffbtn.gif);

	background-repeat:no-repeat;

	background-position:0 -145px;

	display:block;

}

.menu05 {

	width: 162px;

	height: 23px;

	margin-top: 193px;

	position:absolute;

	display:block;

}

.menu05  a {

	width: 162px;

	height: 23px;

	text-indent: -5000px;

	display: block;

}

.menu05  a:hover {

	width: 162px;

	height: 23px;

	background-image:url(../images/mnuo-onoffbtn.gif);

	background-repeat:no-repeat;

	background-position:0 -193px;

	display:block;

}

.menu06  {

	width: 162px;

	height: 18px;

	margin-top: 216px;

	position:absolute;

	display:block;

}

.menu06 a {

	width: 162px;

	height: 18px;

	text-indent: -5000px;

	display: block;

}

.menu06 a:hover {

	width: 162px;

	height: 18px;

	background-image:url(../images/mnuo-onoffbtn.gif);

	background-repeat:no-repeat;

	background-position:0 -216px;

	display:block;

}

.menu07  {

	width: 162px;

	height: 25px;

	margin-top: 234px;

	position:absolute;

	display:block;

}

.menu07 a {

	width: 162px;

	height: 25px;

	text-indent: -5000px;

	display: block;

}

.menu07 a:hover {

	width: 162px;

	height: 25px;

	background-image:url(../images/mnuo-onoffbtn.gif);

	background-repeat:no-repeat;

	background-position:0 -234px;

	display:block;

}

/* @ttl-naka */

#ttl-naka {

	float:right;

	width: 604px;

	height: 16px;

	font-size:12px;

	padding:6px 2px 2px 6px;

	margin-bottom:15px;

	font-weight:bold;

	color:#333333;

	text-align:left;

	background-image:url(../images/ttl-naka.gif);

	background-repeat:no-repeat;

}



/* @contentsarea */

#contentsarea {

	float:right;

	margin-right:10px;

	width: 595px;

	height: auto;

	text-align:left;

	font-size: 95%;

	line-height:140%;

}





.photo {

	float:right;

	margin-right:10px;

	width: 595px;

	height: auto;

	text-align:left;

	font-size: 12px;

	line-height:140%;

}





/* @table */

.cptable {

	margin:10px;

	font-size: 12px;

	line-height:125%;

	width:590px;

	color: #333333;

	border-collapse:collapse;

}

.cptable td {

	padding: 4px;

	border:solid 1px #cccccc;

	border-collapse:collapse;

}

.in td {

	padding: 4px;

	border: 0;

	border-collapse:collapse;

}



.brandtable {

	width:590px;

	margin:5px;

	border-collapse:collapse;

}

.brandtable td {

	padding:5px;

	font-size: 12px;

	line-height:125%;

	color: #333333;

	border-top:solid 1px #cccccc;

	border-bottom:solid 1px #cccccc;

}



.suporttable {

	width:590px;

	margin:5px;

	border-left:solid 1px #cccccc;

	border-collapse:collapse;

}

.suporttable td {

		padding:5px;

	font-size: 12px;

	line-height:125%;

	color: #333333;

	border-top:solid 1px #cccccc;

	border-right:solid 1px #cccccc;

	border-bottom:solid 1px #cccccc;

}



.spec-ttl {

	background-color: #666666;

	margin: 0px 0px 4px 0px;

	padding: 4px 2px 2px 2px;

	font-size: 11px;

	color: #ffffff;

}





.spec {

	margin: 4px;

	color: #000000;

}

/* @newsinfo */

#contents-news {

	margin: 15px auto 10px auto;

	width: 750px;

	height: auto;

	text-align:left;

	font-size:85%;

	line-height:130%;

}



.newsinfocopy {

	font-size:85%;

	line-height:130%;

}



#steam-table td {

	padding: 4px;

	border:solid 1px #cccccc;

	border-collapse:collapse;

}

#steam-table th {

	background-color:#DCEFF5;

	padding: 4px;

	border:solid 1px #cccccc;

	border-collapse:collapse;

}

#voice {

	margin: 4px;

	padding: 4px;

	background-color:#eaeaea;

	text-align: left;

	color:#000000;

	border:solid 1px #cccccc;

}

#voice .name {

	text-align: right;

}

/* @faq */

.faq-text {

	font-size:12px;

	line-height: 145%;

	text-align:left;

	color:#5b5b5b;

}



/* @footer */



#footer {

	

	margin-left:auto;

	margin-right:auto;

	margin-bottom: 10px;

	

	padding: 5px 0 0 0;

	width: 960px;

	height: auto;

	border-top:solid 1px #b8b8b8;

	text-align: right;

	font-size:12px;

	color: #666666;

}

#footer .info {

	float:left;

	margin:0;

}

#footer_right {

	float: right;

	font-size: 11px;

	margin: 0px;

	padding: 4px 10px 0px 0px;

	text-align: right;

	border: 0px; 

	width: 410px;

}



/* @text */

.bluemidashi {

	font-size:110%;

	color:#333399;

	line-height:140%;

	font-weight:bold;

}

.redemidashi {

	font-size:13px;

	color:#cc4242;

	line-height:130&;

	font-weight:bold;

}



/* @創業支援ルーム追加スタイル*/

#incu {

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size:12.5px;

	line-height: 160%;

	text-align: left;

	color: #5b5b5b;

	margin-bottom: 20px;

}

#bottom-info ul{

	margin-top: 3em;

	width: 750px;

	height: auto;

}



#bottom-info li{

    display:inline;

	margin-right:3px;

	list-style: none;

}



.incu-midashi {

	margin-top: 20px;

	margin-bottom: 10px;

	padding: 4px;

	width:744px;

	height: 20px;

	text-align:left;

	font-size:15px;

	font-weight:bold;

	color:#003065;

	border-bottom:solid 1px #003065;

}



/*---link----*/

a:link {

	 color: #333

}

a:visited {

	 color: #333

}



a:hover {

	color:#FF0000 

	 

}

a {

	outline:none;

}

/*---shin_sogyoshien01---*/

#incutop {

	margin-top: 20px;

}

#incutop h2 {

	float: left;

}

#incutop p {

	float: right;

}

#incu-newsarea {

	width: 700px;

	margin: 0 25px 20px 20px;

	border: double 1px;

	font-size: 12px;

	line-height: 140%;

	text-align:left;

	color:#5b5b5b;

}

#incu-newsarea .news {

	text-align: left;

	height: 15em;

	padding: 1em 1em 1em 2em;

	overflow:auto;

}



.concept {

	padding: 0 20px 1em 10px;

}

.concept .a {

	font-size:110%;

	color:#333399;

	font-weight:bold;

}

.concept .b {

	padding-bottom: 0.5em;

}

#link ul {

	list-style: none;

    margin-bottom: 1em;

}



#link li {

	display: inline;

	margin: 15px;

	font-size:16px;

}

#link a {

     font-weight:bold;

	 color: #333399

}

#link a:visited {

	 font-weight:bold;	

	 color: #333399

}



#link a:hover {

	font-weight:bold;

	color:#FF0000 

	 

}

#link a:active {

	font-weight:bold;

	color:#FF0000 

	 

}





	

/*---shin_sogyoshien02---*/

.service li {

	list-style: none;

	line-height: 160%;

}

	

/*---shin_sogyoshien03---*/

.booth {

	width: 645px;

	margin-top: 22px;

}

.booth .photo {

	float: left;

	width: 250px;

}

.photo img {

	border: 1px solid #999;

}

.booth .setsumei {

	float: right;

	width: 380px;

	text-align:left;

}

.booth .feature{

        font-size:11px;

}

.booth h3 {

	padding: 1em 0px;

}

.room ul {

	list-style: none;

	text-align: left;

	margin: 1em auto 0 0;

}







/*---shin_sogyoshien04---*/

#boshu {

	margin-top: 20px;

}

#boshu .acceess {

	text-align: left;

}

#boshu .pdf {

	margin-left: 2em;

}

#gnavi {

	margin-top: 10px;

	margin-bottom: 10px;

}



/*---hoken---*/

.hoken-img {

	margin-top: 20px;

}



/*---hoken---*/

.hoken-img {

	margin-top: 20px;

}



/*---backnumber---*/

#backnumber {

        margin-top: 10px;

        margin-bottom: 10px;

}

#backnumber dt {

        padding-bottom: 0.5em;

}

#backnumber dd {

        padding: 0 0 1em 1em;

}