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



/* common */

body {
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	color:#003366;
}
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;}

	
.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;
 
}
.fbold {
	font-weight: bold;
}
/* wrap */





/* header */

#header {
}
#header_l {
	height: 62px;
	width: 163px;
	float: left;
	padding-top: 28px;
	padding-left: 37px;
}
#header_r {
	width: 659px;
	background-image: url(img/com_gnavibg.gif);
	background-repeat: no-repeat;
	background-position: right 34px;
	float: left;
	padding-left: 141px;
	height: 56px;
	padding-top: 34px;
}

.headerline {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	height: 0px;
	width: 100%;
}

/* gnavi */
#gnavi {
	margin: 0px;
	position: relative;
	height: 56px;
}
#gnavi li {
	float: left;
}
#gnavi li a {
	height: 56px;
	width: 127px;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	overflow:hidden
}
#subnavi {
	margin: 0px;
	position: relative;
	clear: both;
	float: none;
}
#subnavi .subpop li {
	margin: 0px;
	padding: 0px;
	display: block;
}
#subnavi .subpop li a {
	margin: 0px;
	padding: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -25px;
	height: 25px;
	text-indent: -9999px;
	outline:none;
}
#subnavi .subpop li a:hover {
	background-position: 0px 0px;
}
#subnavi01 {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 127px;
	top:  0px;
	width: 150px;
	visibility: hidden;
	z-index: 2;
}
#subnavi02 {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 254px;
	top:  0px;
	width: 150px;
	visibility: hidden;
	z-index: 2;
}
#subnavi03{
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 381px;
	top:  0px;
	width: 150px;
	visibility: hidden;
	z-index: 2;
}
#subnavi04 {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 508px;
	top:  0px;
	width: 150px;
	visibility: hidden;
	z-index: 2;
}

#gnavi01_sub01 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi01_sub01.gif)}
#gnavi01_sub02 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi01_sub02.gif)}
#gnavi01_sub03 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi01_sub03.gif)}
#gnavi01_sub04 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi01_sub04.gif)}
#gnavi01_sub05 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi01_sub05.gif)}
#gnavi02_sub01 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi02_sub01.gif)}
#gnavi02_sub02 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi02_sub02.gif)}
#gnavi02_sub03 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi02_sub03.gif)}
#gnavi03_sub01 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi03_sub01.gif)}
#gnavi04_sub01 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi04_sub01.gif)}
#gnavi04_sub02 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi04_sub02.gif)}
#gnavi04_sub03 {background-repeat: no-repeat;	
background-image: url(img/com_gnavi04_sub03.gif)}

.gnavi00 a {background-repeat:no-repeat;
background-image: url(img/com_gnavi00.gif)}
.gnavi01 a {background-repeat:no-repeat;
background-image: url(img/com_gnavi01.gif)}
.gnavi02 a {background-repeat:no-repeat;
background-image: url(img/com_gnavi02.gif)}
.gnavi03 a {background-repeat:no-repeat;
background-image: url(img/com_gnavi03.gif)}
.gnavi04 a {background-repeat:no-repeat;
background-image: url(img/com_gnavi04.gif)}


/* frame */
#frame {
/*	height: 500px;
*/	width: 999px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E3E3E3;
}
#company2 #frame {
/*	height: 500px;
*/	width: 999px;
	border-right-style: none;
}

/* content */
#content {
	padding-bottom: 20px;
}

#content h2{
	margin:0 0 45px 0;
}
#content h3{
	margin:20px 72px 10px 12px;
	padding:0 0 0 7px;
	font-size:16px;
	font-weight:bold;
	line-height:19.2px;
	color:#006699;
	border-left:5px solid #006699;
}
#content h4{
	margin:10px 72px 5px 12px;
	font-size:14px;
	font-weight:bold;
	line-height:19.2px;
	color:#006699;
}
#content p{
	font-size:12px;
	line-height:19.2px;
	color:#003366;
	margin:0 72px 12px 12px;
	text-indent:12px;
}

#idea li{ text-indent:0 !important; padding:0 0 0 17px !important; background:url(img/ar.gif) no-repeat 0 2px;}
#idea ul{ padding:0;}

#content ul,#content ol{
	margin:10px 0 10px 0;
}

#content li{
	font-size:12px;
	line-height:19.2px;
	color:#003366;
	margin:0 72px 0 12px;
	text-indent:12px;
}


#content dt{
	font-size:12px;
	line-height:19.2px;
	color:#003366;
	margin:0 72px 0 12px;
	text-indent:12px;
}
#content dd{
	font-size:12px;
	line-height:19.2px;
	color:#003366;
	margin:0 72px 0 36px;
	text-indent:12px;
}



#content table{
	margin:10px 0 10px 20px;
	padding:5px;
	width:70%;
	font-size:12px;
	line-height:19.2px;
	color:#003366;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	border-collapse:collapse;
}
#content th,td{
	padding:5px;
}
#content th{
	color:#FFFFFF;
	background:#006699 url() repeat-y 100% 0; 
}
#content .al_left{
	text-align:left;
}

	#cal tr,#cal td{
		text-align:center;
	}
	#dog tr,#dog td{
		text-align:left;
	}


#content .year{
	background-color:#FFF8DF;
}
.dog_th{
	padding:5px;
	background-color:#FFF8DF;
}
#content td{
	border-bottom:1px dotted #333;
}
#content th{
	border-bottom:1px dotted #FFF;
}

#content li{
	padding-left:12px;
	margin:0 72px 5px 24px;
}

#content a:link{
	text-decoration:none;
	border-bottom:1px solid #0000FF;
	color:#0000FF;}
#content a:visited{
	text-decoration:none;
	border-bottom:1px solid #0000FF;
	color:#0000FF;}

#content a:hover{
	text-decoration:none;
	border-bottom:1px solid #0000FF;
	color:#0000FF;}

#content .int1{background:url(img/int_001.gif) no-repeat 0 2px;padding-left:12px;}
#content .int2{background:url(img/int_002.gif) no-repeat 0 2px;padding-left:12px;}
#content .int3{background:url(img/int_003.gif) no-repeat 0 2px;padding-left:12px;}
#content .int4{background:url(img/int_004.gif) no-repeat 0 2px;padding-left:12px;}
#content .int5{background:url(img/int_005.gif) no-repeat 0 2px;padding-left:12px;}
#content .int6{background:url(img/int_006.gif) no-repeat 0 2px;padding-left:12px;}
#content .int7{background:url(img/int_007.gif) no-repeat 0 2px;padding-left:12px;}





/* footer */
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 25px;
}

.footerline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	height: 0px;
	width: 100%;
	clear:left;
}

/** adress **/

.adr {
	margin-left: 30px;
	font-size: 12px;
	line-height: 160%;
	margin-bottom: 30px;
	font-weight: bold;
}

/** For staff.html **/

.staff_left{
	width:300px;
	float:left;
	margin-bottom: 10px;
}

.staff_left img,.staff_right img{
	margin:0 0 0 0;
}

.m_b_m20{margin:0 0 20px 0;}

.staff_left h3,.staff_right h3{
	margin:0 10px 5px 12px !important;
	padding:0 0 0 7px;
	font-size:16px;
	font-weight:bold;
	line-height:19.2px;
	color:#006699;
	border-left:5px solid #006699;
}


.staff_right{
	width:325px;
	margin-left:300px;
	margin-bottom: 15px;
}


.img_f_right{
	float:right;
	margin:5px 0 5px 10px;
}




/** topics表示用 **/

#topics{
	width:650px;
}

#topics h2{
	margin:0;  padding:0 0 15px 0;
}


#topics dl{
	width:650px;
	margin:0 20px 5px 20px;  padding:0;
/*	margin:0 20px 20px 20px;  padding:0;*/
/*	border-bottom:3px solid #E3E3E3;
*/}

#topics dt{
	width:550px;
	margin:0 0 0 18px;
	padding:0 20px 0 15px;
	text-indent:0;
	font-weight:bold;
	background:url(img/dot.gif) no-repeat 0 50%;
}

#topics dd{
	width:550px;
	text-indent:0;
	padding:0 20px 10px 20px;
/*	margin:10px 0 15px 0;*/
	margin:10px 0 10px 0;
	border-bottom:1px solid #E3E3E3;
}

/*#topics a:link{
	text-decoration:none;
	border-bottom:1px solid #0000FF;
	color:#0000FF;
}
#topics a:visited{
	text-decoration:none;
	border-bottom:1px solid #0000FF;
	color:#0000FF;
}
#topics a:hover{
	text-decoration:none;
	border-bottom:1px solid #0000AA;
	color:#0000AA;
}*/

/** For informatiion.html **/

#topics2{
	width:615px;
}

#topics2 h2{
	margin:0;  padding:0 0 15px 0;
}

#topics2 h3{
	margin:0 0 10px 12px;
}



#topics2 dl{
	width:550px;
	margin:0 20px 20px 20px;  padding:0;
/*	border-bottom:3px solid #E3E3E3;
*/}

#topics2 dt{
	width:550px;
	margin:0 0 0 18px;
	padding:0 20px 0 15px;
	font-size:12px;
	text-indent:0;
	font-weight:bold;
	background:url(img/dot.gif) no-repeat 0 5px;
}

#topics2 dd{
	width:550px;
	text-indent:0;
	padding:0 20px 10px 20px;
	margin:10px 0 15px 0;
	border-bottom:1px solid #E3E3E3;
	clear:right;
}

#topics2 a:link{
	text-decoration:none;
	border-bottom:1px solid #0000FF;
	color:#0000FF;
}
#topics2 a:visited{
	text-decoration:none;
	border-bottom:1px solid #0000FF;
	color:#0000FF;
}
#topics2 a:hover{
	text-decoration:none;
	border-bottom:1px solid #0000AA;
	color:#0000AA;
}

.topics_f_right{
	width:134px;
	float:right;
	margin:5px 0 5px 10px;
}

.topics_f_right p,.topics_f_righ img{
	width:134px;
	font-size:10px !important;
	line-height:12px  !important;
	margin:0 !important; padding:0 !important;
	text-indent:0 !important;
	text-align:right !important;
}



/** For materials.php **/
#tab-navi{ margin:0 0 20px 0; padding:0; width:615px; height:51px; background:url(img/tab_navi_bg.gif) no-repeat 0 100%; list-style:none; border-style:none;}
#tab-navi ul{padding:0; margin:0;}
#tab-navi li{ margin:0; padding:0 0 0 10px; display:block; height:41px; text-indent:0; width:138px; float:left;}
#tab-navi a,#tab-navi li,#tab-navi ul{ border-style:none !important;}


/** iframe **/
	iframe{
		margin:0 0 0 10px;
	}
	
	
	
.totop{text-align:right;}

#assist_link {
 padding:0;
 margin:0 0 0 425px !important;
}

#assist_link2{
 margin:0 25px 0 470px !important;
 background:url(img/ar.gif) no-repeat 600px 0;
}

#assist_link,#assist_link2{ background:url(img/ar.gif) no-repeat 0 50%;}
#topics a:link,#topics2 a:link,#assist_link a:link,#assist_link2 a:link,#pagearea a:link{
	text-decoration:none;
	border-bottom:1px solid #0066CC;
	color: #0066CC;
}
#topics a:visited,#topics2 a:visited,#assist_link a:visited,#assist_link2 a:visited,#pagearea a:visited{
	text-decoration:none;
	border-bottom:1px solid #0066CC;
	color: #0066CC;
}
#topics a:hover,#topics2 a:hover,#assist_link a:hover,#assist_link2 a:hover,#pagearea a:hover{
	text-decoration:none;
	border-bottom:1px solid #0099FF;
	color: #0099FF;
}

#pagearea {
	text-align:right;
	margin: 5px;
}
#pagearea a:link{
	text-decoration:none;
	border-bottom:1px solid #0000FF;
	color:#0000FF;
}
#pagearea a:visited{
	text-decoration:none;
	border-bottom:1px solid #0000FF;
	color:#0000FF;
}
#pagearea a:hover{
	text-decoration:none;
	border-bottom:1px solid #0000AA;
	color:#0000AA;
}

#itemdetail table{
	margin:10px 0 10px 20px;
	padding:5px;
	width:80%;
	font-size:12px;
	line-height:19.2px;
	color:#003366;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	border-collapse:collapse;
}
#itemdetail th,td{
	padding:5px;
}
#itemdetail th{
	width: 8%;
	color:#FFFFFF;
	background:#006699 url() repeat-y 100% 0; 
}
#itemdetail .comments{
	padding:10px;
}
#itemdetail .detail_url{
	text-align:right;
	padding:10px;
}
#itemdetail .filearea{
	margin: 10px;
	text-align: left;
}

/** For project.html **/

.ideaimg {
	margin-top: 90px;
	margin-bottom: 20px;
}

/** For dock.html **/

.dock_dd{ border-bottom:1px dotted #036;}
#dock { width:90%;}
#dock dt{ padding:0; margin:0 0 0 22px; text-indent:0; font-weight:bold;}
#dock dd{ text-indent:0; padding:5px 20px;}
#dock .list{ padding:0 5px; border:1px solid #036;}
.price{ padding:5px 120px 5px 5px; text-align:right !important;}.red {
	color: #FF0000;
}