@charset "utf-8";
/* FUN FACTORY CSS Document ver0.1*/
#maintext {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 800px;
	line-height: 180%;
}
#gallery {
	float: right;
	width: 830px;
}
.line {
	line-height: 170%;
	
}
/* a */
a{
	text-decoration:none;
}
a.blue{
	color:#06f;
}
a:link.blue {
	color:#06f;
}
a:hover.blue{
	color:#F60;
}
a.white{
	color:#fff;
}
a:link.white {
	color:#fff;
}
a:hover.white{
	color:#FC0;
}
/* a end */
/* ================================================== */

body {
	font-size:12px;
	background-color : #7baad6;
	margin-left : auto;
	margin-top: 0px;
	margin-right : auto;
	margin-bottom: 0px;
	
	
}
#wrap {
	width: 800px;
	margin: 0px auto;
}
#topmessage {
	width:1000px;
	background-color:#FFFFFF;
	position: inherit;
	margin-top: -20;
	margin-right: auto;
	margin-bottom: -20;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#navibox {
	background-color:#ffffff;
	margin:0 0 0 auto;
	top: 0px;
	position: static;
	float: right;
}
#navi {
	margin:0 0 0 auto;
	position: relative;
	background-color:#dddddd;
	border-style:solid;
	border-color:#dddddd;
	border-width:0;
}
#inner {
	margin: 0 0 auto 0;
	background-color: #fff;
	width: 800px;
	height: 460px;
}
#main {
	width:440px;
	background-color: #fff;
	float: left;
	margin-left: 0px;
}
#side {
	float: right;
	background-color: #FFF;
}
#Partition {
	width: 10px;
	height: 100%;
	float: left;
	background-image : url(images/bg_04.png);
	clear: both;
}
/* h1 */
h1 {
		-webkit-transition:.3s ease-in-out;/*ここで時間軸を持たせる*/
	text-decoration: none;
	width: 150px;
	padding: 3px;
	font-size: 1.2em;
	background-color: #444;
	vertical-align:middle;
	color:#acf;
	height: 1.2em;
	
}
h1:hover{
	text-decoration: none;
	background-color:#09f;
	color:#fff;
  font-weight : bolder;
}
/* h1 END */
/* ---------------------------*/
/* h2 */
h2{
	size:1.5em;
	font: bold;
	font-weight : 700;
}
h2.blue{
	color:#06F;
}
/* h2 end */
/* ---------------------------*/
/* h3 */
h3{
	color:#fff;
	margin:0%;
	width:100%;
	height:auto;
	background-color:#69F;
	font-size: 1.2em;
	line-height: normal;
	font-weight: bold;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #F90;
	border-left-color: #F90;
}
h3.short{
	color:#fff;
	margin:0%;
	width:405px;
	height:auto;
	background-color:#69F;
	font-size: 1.2em;
	line-height: normal;
	font-weight: bold;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #F90;
	border-left-color: #F90;
}
/* h3 end */
.point {
	cursor:url(../images/ff_c.cur) ,pointer;
}
ul {
	margin:4px 10px 20px 0px;
	
}
ul.line{
	line-height:170%;
}
ul.leftbutton {
	padding:0;
	width:100%;
	font: #ffffff;
}
/* リストのレフトボタン */
li.leftbutton {
	-webkit-transition:0.2s ease-in-out;/*ここで時間軸を持たせる*/
	font-size:1em;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	width:158px;
	height:18px;
	background-color:#7ac;
	list-style-type:none;
	margin:2px auto 2px 0px;
}
li.leftbutton:link {
	text-decoration: none;
	color: #CCC;
}
li.leftbutton:visited {
	text-decoration: none;
	color: #CCC;
}
li.leftbutton:hover{
	text-decoration: none;
	color:#FFF;
	background-color: #F90;
	height:28px;
}
li.leftbutton:active {
	text-decoration: none;
	color: #CCC;
}
/*　リストのアクティブボタン*/
li.lefta {
	-webkit-transition:0.2s ease-in-out;/*ここで時間軸を持たせる*/
	font-size:1em;
	font-weight:bold;
	text-align:left;
	width:158px;
	height:28px;
	color:#FFF;
	background-color: #09F;
	list-style-type:none;
	margin:2px auto 2px 0px;
}
li.lefta:link {
	text-decoration: none;
	color: #CCC;
}
li.lefta:visited {
	text-decoration: none;
	color: #CCC;
}
li.lefta:hover{
	text-decoration: none;
	color:#FFF;
	background-color: #F90;
}
li.lefta:active {
	text-decoration: none;
	color: #CCC;
}
/*liボタンB*/
li.leftb {
	font-size:1em;
	font-weight:bold;
	text-align:left;
	width:158px;
	height:18px;
	color:#FFF;
	background-color: #9cd;
	list-style-type:none;
	margin:2px auto 2px 0px;
}
li.leftb:link {
	text-decoration: none;
	color: #CCC;
}
li.leftb:visited {
	text-decoration: none;
	color: #CCC;
}
li.leftb:hover{
	text-decoration: none;
	color:#FFF;
	background-color: #9cd;
}
li.leftb:active {
	text-decoration: none;
	color: #CCC;
}
/* hyou */
.hyou {
	line-height:240%;
	height:auto;
}
/* hyou end */
/* hyou2 */
.hyou2 {
	line-height:160%;
	height:auto;
	font-size:x-large;
}
/* hyou end */
.main {
	font-size: large;
	color: #333;
	background-color: #FFF;
}

#bg-img{
	width:800px;
}
#leftmenu{
	background-color: #ccc;
	width: 160px;
	position: relative;
	left: 0px;
	float: left;
	height: 460px;
}
#rightmenu{
	width: 190px;
	background-color: #fff;
	float: right;
}
/* news */
.news {

}
/* news end */
/* newslink */
.newslink:link {
	text-decoration: none;
	color: #00C;
}
.newslink:visited {
	text-decoration: none;
	color: #00C;
}
.newslink:hover{
	text-decoration: none;
	color:#99C;
}
.newslink:active {
	text-decoration: none;
	color: #00C;
}
/* newslink end */

/* header link button */
.btn{
	-webkit-transition:0.3s ease-in-out;/*ここで時間軸を持たせる*/
	text-decoration: none;
	width: 100px;
	padding: 6px 6px;
	margin: 0px 0px;
	font-size: x-small;
	background-color: #666;
	color:#ccc;
	-moz-border-radius: 6px;/* firefox */
    -webkit-border-radius: 6px;/* Safari、Google Chrome */
}
.btn:link {
	text-decoration: none;
	color: #CCC;
	-moz-border-radius: 6px;/* firefox */
    -webkit-border-radius: 6px;/* Safari、Google Chrome */
}
.btn:visited {
	text-decoration: none;
	color: #CCC;
	-moz-border-radius: 6px;/* firefox */
    -webkit-border-radius: 6px;/* Safari、Google Chrome */
}
.btn:hover{
	text-decoration: none;
	background-color:#ccc;
	color:#333;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 14px;
	padding-left: 6px;
	-moz-border-radius: 6px;/* firefox */
	-webkit-border-radius: 6px;/* Safari、Google Chrome */
}
.btn:active {
	text-decoration: none;
	color: #CCC;
}

/* Navi button */
.nbtn{
	-webkit-transition:0.4s ease-in-out;/*ここで時間軸を持たせる*/
	text-decoration: none;
	font-size:1.3em;
	background-color: #000060;
	color:#fff;
	padding-top: 1px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 9px;
	font-weight: bold;
}
.nbtn:link {
	text-decoration: none;
	color: #CCC;
}
.nbtn:visited {
	text-decoration: none;
	color: #FFF;
}
.nbtn:hover{
	text-decoration: none;
	color:#FFF;
	background-color: #F90;
}
.nbtn:active {
	color: #CCC;
}
/* Navi button end */

/* minilink */
.minilink{
	-webkit-transition:0.8s ease-in-out;/*ここで時間軸を持たせる*/
	text-decoration: none;
	padding: 2px 9px;
	font-size:1em;
	color:#06F;
}
.minilink:link {
	text-decoration: none;
	color: #06F;
}
.minilink:visited {
	text-decoration: none;
	color: #aaf;
}
.minilink:hover{
	text-decoration: none;
	color:#F00;
}
.minilink:active {
	text-decoration: none;
	color: #06F;
}
/* minilink end 

/* sdlink */
.sdlink{
	text-decoration: none;
	padding:0px 2px;
	font-size:1.2em;
	color:#66f;
}
.sdlink:link {
	text-decoration: none;
	color: #aaf;
}
.sdlink:visited {
	text-decoration: none;
	color: #aaf;
}
.sdlink:hover{
	text-decoration: none;
	color:#00b;
}
.sdlink:active {
	text-decoration: none;
	color: #aaf;
}
/* sdlink end */
#footer{
	float: none;
	width:800px;
	background-color:#666666;
	margin: 0 auto;
	bottom: 0px;
	clear: both;
}

/* footer button */
.foo{
	text-decoration: none;
	font-size:1em;
	color:#aaa;
}
.foo:link {
	text-decoration: none;
	color: #ddd;
}
.foo:visited {
	text-decoration: none;
	color: #ddd;
}
.foo:hover{
	text-decoration: none;
	color:#fff;
}
.foo:active {
	text-decoration: none;
	color: #ddd;
}
/* end */

.kan {
	line-height:180%;
}
/* credit */
.credit{
	color:#dddddd;
	size:0.5em;
	margin: 0px auto;
}
/* credit end */
h3.privacy {
	background-color: #69f;
	width : 600px;
}
#rogo {
	float: left;
}
#headbody {
	height: 100px;
	width: 800px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.gbtn{
	/*"業務案内のボタン"*/
	font-size: 24px;
	font-weight: bolder;
	background-color: #d0e8ff;
	color: #0432aa;
}