@import url("individually.css");
/* css document */



/* common */

body {
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	background-color: #F3F3F3;
}
p {
	margin: 0px;
	padding: 0px;
}
ol,ul,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


h1,h2,h3,h4,h5 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

h1 {
	text-indent: -9999px;
	line-height: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
form {
	margin: 0px;
	padding: 0px;
}
input {
	height: 14px;
}

.clear{
	clear:both;
	visibility: hidden;
	height: 0px;
	font-size: 0px;
	border-style: none;
	display: block;
	margin: 0px;
	padding: 0;
	line-height: 0px;
}
.fullsize {
	width:95%;
}
#an {
 position:absolute;
 top:0;
 
}
/* wrap */



/* box */
	/* outbox */

#outbox {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/com_wrapbg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	padding-right: 10px;
	padding-left: 10px;
}

/* header */
	/* #header_top */
#cnt #header_top {
	height: 336px;
	width: 782px;
	margin-bottom: 1px;
	padding-left: 18px;
	padding-top: 13px;
}
#index2 #header_top {
	height: 350px;
	width: 800px;
	background-image: none;
}
#cnt h2 {
	text-indent: -9999px;
	height: 80px;
	width: 500px;
	margin-bottom: 15px;
}
#cnt h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #99C846;
	padding-left: 8px;
	letter-spacing: 1px;
	margin-top: 15px;
}
#cnt .h3eng {
	font-size: 9px;
	line-height: 11px;
	font-weight: bold;
	color: #AAAAAA;
	text-decoration: none;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #D5F479;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
#sample #header_top {
}
#index #header_top {
}
#about #header_top {
	background-image: url(img/cnt_header_top_bg02.jpg);
	background-repeat: no-repeat;
}
#about h2 {
	background-image: url(img/cnt_h2-02.jpg);
	background-repeat: no-repeat;
}
#about h2.News {
	background-image: url(img/cnt_h2-17.jpg);
	background-repeat: no-repeat;
}

#system #header_top {
	background-image: url(img/cnt_header_top_bg03.jpg);
	background-repeat: no-repeat;
}
#system h2 {
	background-image: url(img/cnt_h2-03.jpg);
	background-repeat: no-repeat;
}
#aplication #header_top {
	background-image: url(img/cnt_header_top_bg04.jpg);
	background-repeat: no-repeat;
}
#aplication h2 {
	background-image: url(img/cnt_h2-04.jpg);
	background-repeat: no-repeat;
}
#studio #header_top {
	background-image: url(img/cnt_header_top_bg05.jpg);
	background-repeat: no-repeat;
}
#studio h2 {
	background-image: url(img/cnt_h2-05.jpg);
	background-repeat: no-repeat;
}
#expenses #header_top {
	background-image: url(img/cnt_header_top_bg06.jpg);
	background-repeat: no-repeat;
}
#expenses h2 {
	background-image: url(img/cnt_h2-06.jpg);
	background-repeat: no-repeat;
}
#forcompany #header_top {
	background-image: url(img/cnt_header_top_bg07.jpg);
	background-repeat: no-repeat;
}
#forcompany h2 {
	background-image: url(img/cnt_h2-07.jpg);
	background-repeat: no-repeat;
}
#flow #header_top {
	background-image: url(img/cnt_header_top_bg08.jpg);
	background-repeat: no-repeat;
}
#flow h2 {
	background-image: url(img/cnt_h2-08.jpg);
	background-repeat: no-repeat;
}
#support #header_top {
	background-image: url(img/cnt_header_top_bg09.jpg);
	background-repeat: no-repeat;
}
#support h2 {
	background-image: url(img/cnt_h2-09.jpg);
	background-repeat: no-repeat;
}
#check #header_top {
	background-image: url(img/cnt_header_top_bg10.jpg);
	background-repeat: no-repeat;
}
#check h2 {
	background-image: url(img/cnt_h2-10.jpg);
	background-repeat: no-repeat;
}
#contact #header_top {
	background-image: url(img/cnt_header_top_bg11.jpg);
	background-repeat: no-repeat;
}
#contact h2 {
	background-image: url(img/cnt_h2-11.jpg);
	background-repeat: no-repeat;
}
#request #header_top {
	background-image: url(img/cnt_header_top_bg12.jpg);
	background-repeat: no-repeat;
}
#request h2 {
	background-image: url(img/cnt_h2-12.jpg);
	background-repeat: no-repeat;
}
#company #header_top {
	background-image: url(img/cnt_header_top_bg13.jpg);
	background-repeat: no-repeat;
}
#company h2 {
	background-image: url(img/cnt_h2-13.jpg);
	background-repeat: no-repeat;
}
#recruit #header_top {
	background-image: url(img/cnt_header_top_bg14.jpg);
	background-repeat: no-repeat;
}
#recruit h2 {
	background-image: url(img/cnt_h2-14.jpg);
	background-repeat: no-repeat;
}
#privacy #header_top {
	background-image: url(img/cnt_header_top_bg15.jpg);
	background-repeat: no-repeat;
}
#privacy h2 {
	background-image: url(img/cnt_h2-15.jpg);
	background-repeat: no-repeat;
}
#access #header_top {
	background-image: url(img/cnt_header_top_bg16.jpg);
	background-repeat: no-repeat;
}
#access h2 {
	background-image: url(img/cnt_h2-16.jpg);
	background-repeat: no-repeat;
}
#topicspage #header_top {
	background-image: url(img/cnt_header_top_bg17.jpg);
	background-repeat: no-repeat;
}
#topicspage h2 {
	background-image: url(img/cnt_h2-17.jpg);
	background-repeat: no-repeat;
}
	/* #header_btm */

#header_btm {
	width: 800px;
	background-image: url(img/com_header_gnavibg.jpg);
	background-repeat: no-repeat;
}
#header_btm ul {

}
#header_btm ul li {
	float: left;
}
#header_btm ul li a {
	height: 50px;
	width: 116px;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	overflow:hidden
}
	/* gnavi */
#main00navi {
	margin: 0px;
	position: relative;
	clear: both;
	float: none;
}
#main00sub {
	margin: 0px;
	position: relative;
	clear: both;
	float: none;
}
#main00sub .subpop li {
	margin: 0px;
	padding: 0px;
	display: block;
}
#main00sub .subpop li a {
	margin: 0px;
	padding: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -25px;
	height: 25px;
}
#main00sub .subpop li a:hover {
	background-position: 0px 0px;
}

#subnavi02 {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 117px;
	top: -5px;
	width: 116px;
	visibility: hidden;
	z-index: 2;
}
#subnavi03{
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 233px;
	top: -5px;
	width: 116px;
	visibility: hidden;
	z-index: 2;
}
#subnavi04 {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 349px;
	top: -5px;
	width: 116px;
	visibility: hidden;
	z-index: 2;
}
#gnavi02_sub01 {
	background-image: url(img/com_header_gnavi02_sub01.gif);
	background-repeat: no-repeat;	
}
#gnavi03_sub01 {
	background-image: url(img/com_header_gnavi03_sub01.gif);
	background-repeat: no-repeat;
}
#gnavi03_sub02 {
	background-image: url(img/com_header_gnavi03_sub02.gif);
	background-repeat: no-repeat;
}
#gnavi03_sub03 {
	background-image: url(img/com_header_gnavi03_sub03.gif);
	background-repeat: no-repeat;
}
#gnavi04_sub01 {
	background-image: url(img/com_header_gnavi04_sub01.gif);
	background-repeat: no-repeat;
}
.gnavi01 a {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi01.jpg)}
.gnavi02 a {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi02.jpg)}
.gnavi03 a {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi03.jpg)}
.gnavi04 a {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi04.jpg)}
.gnavi05 a {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi05.jpg)}
.gnavi06 a {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi06.jpg)}
.gnavi01 a:hover {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi01_ov.jpg)}
.gnavi02 a:hover {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi02_ov.jpg)}
.gnavi03 a:hover {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi03_ov.jpg)}
.gnavi04 a:hover {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi04_ov.jpg)}
.gnavi05 a:hover {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi05_ov.jpg)}
.gnavi06 a:hover {background-repeat:no-repeat;
background-image: url(img/com_header_gnavi06_ov.jpg)}

/* mainbox */
#mainbox .gopagetop {
	padding-right: 35px;
	padding-top: 20px;
	padding-bottom: 18px;
	text-align: right;
	float: left;
	width: 765px;
}
	/* mainbox_l */
#mainbox_l {
	width: 220px;
	padding-right: 25px;
	padding-left: 20px;
	float: left;
	padding-top: 18px;
	padding-bottom: 25px;
}
#mainbox_l .btn {
	border: 1px solid #DDDDDD;
}

	/* mainbox_r */
#mainbox_r {
	float: left;
	width: 500px;
	padding-right: 35px;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 12px;
	line-height: 160%;
	color: #464C56;
}
#mainbox_r a {
	color: #0099FF;
	text-decoration: none;
}
#mainbox_r a:hover {
	text-decoration: underline;
}

	/* lnavi */

.lnavi {
	width: 218px;
	border: 1px solid #DDDDDD;
	background-image: url(img/com_mainbox_lnavi_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 42px;
	padding-bottom: 18px;
	font-size: 12px;
	line-height: 167%;
	color: #83B427;
}
.lnavi li {
}
.lnavi a {
	color: #666666;
	text-decoration: none;
}
.lnavi a:hover {
	color: #000000;
	text-decoration: underline;
}
.lnavi_n {
	background-image: url(img/com_mainbox_lnavi_ar.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 9px;
	padding-left: 12px;
} 
.lnavi_i {
	margin-left: 30px;
} 



/* footer */
	/* footer_top */
#footer_top {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/com_wrapbg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	padding-right: 10px;
	padding-left: 10px;
}
#footer_top .line{
	height: 25px;
	background-color: #BDE179;
}
#footer_top .right{
	height: 14px;
	width: 480px;
	padding-top: 6px;
	padding-bottom: 9px;
	padding-right: 20px;
	text-align: right;
	float: right;
}
#footer_top .right li{
	float: right;
	display: block;
}

#footer_top .left a{
	color: #666666;
	text-decoration: none;
}
#footer_top .left a:hover{
	text-decoration: underline;
}
#footer_top .left{
	height: 14px;
	font-size: 10px;
	color: #666666;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 9px;
	float: left;
	padding-left: 20px;
}
#footer_top .copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	padding-bottom: 12px;
	padding-right: 20px;
	text-align: right;
}
	/* footer_btm */
#footer_btm {
	height: 36px;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/com_footer_btmbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 14px;
	text-align: center;
}

/* form */
.hissu,.tadashi `{
	font-size: 10px;
	color: #CC0000;
}

.hissu {
	line-height: 30px;
}
.kome {
	color: #FF6600;
	font-size: 12px;
}
.tadashi {
	font-size: 10px;
	color: #777777;
}
#formbox_out {
	background-color: #F7FBF0;
	padding: 10px;
	width: 480px;
}
#formbox_in {
	color: #444444;
}
#formbox_in th,td {
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F5F3EF;
}
#formbox_in th {
	width: 80px;
	font-weight: normal;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F5F3EF;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#formbox_in td {
	width: 348px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#formbox_in .submit {
	float: left;
	height: 33px;
	width: 111px;
	display: block;
	margin-right: 5px;
	cursor:hand;
}
#check .submit {
	height: 33px;
	width: 111px;
	display: block;
	margin-right: 5px;
}
.alert {
	color: #CC3366;
}

/* sample */
.dummy {
	line-height: 350px;
}