@charset "utf-8";
/* CSS Document */

@import url( common.css );
@import url( template.css );

/* corporation
------------------------------------------ */
#corporation {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	width:680px;
	margin-right:5px;
}
#corporation h2 {
	background-image:url(../img/title_baner1.jpg);
	background-repeat:no-repeat;
	height:23px;
	margin:5px 0px 0px 0px;
	padding:8px 0px 0px 30px;
	color:#ffffff;
	font-size:110%;
}
#corporation table {
	margin-top:10px;
}
#corporation th {
	padding:10px;
	width:70px;
	text-align:center;
	font-weight:normal;
	border:outset 1px;
	background:#fafafa;
}
#corporation td {
	padding:10px;
	width:530px;
	font-weight:normal;
	border:outset 1px;
}

/* profile
------------------------------------------ */
#profile {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	width:680px;
	margin-right:5px;
}

#profile h2 {
	background-image:url(../img/title_baner1.jpg);
	background-repeat:no-repeat;
	height:23px;
	margin:5px 0px 0px 0px;
	padding:8px 0px 0px 30px;
	color:#ffffff;
	font-size:110%;
}

#profile h3 {
	font-size:120%;
	font-weight:bold;
	color:#003366;
	margin-bottom:5px;
	background:url(../img/square.gif) no-repeat center left;
	padding-left:15px;
}
#profile2 dl {
	margin:5px 0px 10px 0px;
}
#profile2 dt {
	font-weight:bold;
}
#profile2 dd {
	margin:2px 0px 0px 10px;
}

#prof {
	margin-top:10px;
	margin-left:10px;
}

#prof1 {
	float:left;
	background-image:url(../img/toukai4.gif);
	background-repeat:no-repeat;
	width:380px;
	padding:170px 10px 0px 0px;
}
#prof1 dl {
	margin:0px 0px 5px 0px;
}
#prof1 dt {
	float:left;
	width:70px;
}
#prof1 dd {
	float:left;
	width:310px;
}
#prof2 {
	float:left;
	background-image:url(../img/toukai.jpg);
	background-repeat:no-repeat;
	width:250px;
	height:340px;
}
.prof3 {
	padding-left:15px;
	margin:5px 0px 10px 0px;
}
#history1 {
	float:left;
	width:80px;
}

#history2 {
	float:left;
	width:300px;
}
.profb {
	background:url(../img/material12.gif) no-repeat;
	width:660px;
	height:3px;
	margin:10px 10px 10px 0;
}
.webrss {
	font-size: 100%;
	color: #000000;
	padding:5px 10px 0px 5px;
}

.webrss li {
	list-style-type:none;
	margin:5px 0px 0px 10px;
	padding:2px 0px 8px 13px;
	background:url(../img/top_b.gif) no-repeat;
}
/* vision
------------------------------------------ */
#vision {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	width:680px;
	margin-right:5px;
}

#vision h2 {
	background-image:url(../img/title_baner1.jpg);
	background-repeat:no-repeat;
	height:23px;
	margin:5px 0px 0px 0px;
	padding:8px 0px 0px 30px;
	color:#ffffff;
	font-size:110%;
}

#vision1 {
	margin:10px 0px 0px 5px;
}
#vision1 h3 {
	margin:20px 0px 10px 0px;
	font-size:110%;
	font-weight:bold;
	background-image:url(../img/bar1.gif);
	background-repeat:no-repeat;
	padding:2px 0px 0px 20px;
	height:19px;
	color:#003366;
}
#vision1 h4 {
	margin:10px 0px 10px 5px;
	background-image:url(../img/material07_1.jpg);
	background-repeat:no-repeat;
	height:22px;
	padding:5px 0px 0px 5px;
	color:#000000;
}
.vision2 {
	margin:0px 0px 20px 10px;
}
.vision4 {
	margin:10px 0px 30px 0px;
}
.red {
	color:#F00000;
}
/* credo
------------------------------------------ */
#credo {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	width:680px;
	margin-right:5px;
}

#credo0 {
	margin:10px 0px 0px 5px;
}
#credo h2 {
	background-image:url(../img/title_baner1.jpg);
	background-repeat:no-repeat;
	height:23px;
	margin:5px 0px 0px 0px;
	padding:8px 0px 0px 30px;
	color:#ffffff;
	font-size:110%;
}

#credo p {
	font-size:110%;
	margin:10px 0px 10px 0px ;
}

#credo dt {
	background:url(../img/credo2.gif) no-repeat;
	padding:0px 0px 5px 13px;
	font-weight:bold;
	color:#00235c;
}
#credo dd {
	padding:0px 10px;
}
dl.credo1 {
	margin-left:5px;
	margin-bottom:10px;
	background-image:url(../img/credo1.gif);
	background-repeat:no-repeat;
	height:60px;
	width:580px;
	padding:10px 10px 0px 10px;
}
dl.credo2 {
	margin-left:5px;
	margin-bottom:10px;
	background-image:url(../img/credo3.gif);
	background-repeat:no-repeat;
	height:75px;
	width:580px;
	padding:10px 10px 0px 10px;
}

/* plivacy
------------------------------------------ */
#plivacy {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	width:680px;
	margin-right:5px;
}
#plivacy2 {
	width:650px;
	padding:3px 5px 15px;
	border:1px solid #003366;
}
#plivacy h2 {
	background-image:url(../img/title_baner1.jpg);
	background-repeat:no-repeat;
	height:23px;
	margin:5px 0px 0px 0px;
	padding:8px 0px 0px 30px;
	color:#ffffff;
	font-size:110%;
}
#plivacy h3 {
	font-size:110%;
	margin:5px 0px 15px 0px;
}
#plivacy p {
	margin:10px 5px 20px 5px;
}
#plivacy1 {
	text-align:right;
	padding-right:5px;
	margin-top:5px;
	font-weight:bold;
}
/* journalism
------------------------------------------ */
#journ {
	background-image:url(../img/left/b_material3.jpg);
	background-repeat:no-repeat;
	margin-left:2px;
	height:20px;
	padding:4px 0px 0px 9px;
}

#journalism {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	width:680px;
	margin-right:5px;
}
#journalism h2 {
	background-image:url(../img/title_baner1.jpg);
	background-repeat:no-repeat;
	height:23px;
	margin:5px 0px 0px 0px;
	padding:8px 0px 0px 30px;
	color:#ffffff;
	font-size:110%;
}
#journalism div {
	margin:10px 0px 0px 5px;
}
#journalism dl {
	margin-bottom:14px;
	background:url(../img/dotto_under.gif) no-repeat bottom left;
	padding-bottom:4px;
}
#journalism dt {
	margin-bottom:2px;
	background:url(../img/dotto3.gif) no-repeat left center;
	padding-left:10px;
}
#journalism dd {
	padding-left:10px;
}

/*  access
------------------------------------------ */
#access {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	width:680px;
	margin-right:5px;
}
#access h2 {
	background-image:url(../img/title_baner1.jpg);
	background-repeat:no-repeat;
	height:23px;
	margin:5px 0px 0px 0px;
	padding:8px 0px 0px 30px;
	color:#ffffff;
	font-size:110%;
}
#access h3 {
	font-size:110%;
	margin-top:10px;
}
#access1 {
	float:left;
	width:260px;
	margin:10px 5px 0px 5px;
}
#access2 {
	float:left;
	background-image:url(../img/skyit1.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:220px;
	margin-top:10px;
}
#access3 {
	margin-top:50px;
	width:578px;
}
#access4 {
	margin:30px 10px 0px 12px;
	float:left;
	background:url(../img/himi.gif) no-repeat bottom;
	width:200px;
	height:200px;
	padding-top:10px;
}
#access4 p {
	background:url(../img/access1.gif) no-repeat;
	padding:0px 0px 4px 13px;
	font-weight:bold;
}
#access5 {
	margin:10px 0px 0px 5px;
	background:url(../img/dotto_b2.gif) no-repeat;
	height:535px;
	padding:12px;
}

#access6 {
	margin:10px 0px 0px 5px;
	background:url(../img/dotto_b3.gif) no-repeat;
	height:592px;
	padding:12px;
}

#access7 {
	margin-top:65px;
	width:578px;
}

#access8 {
	float:left;
	width:260px;
	margin:10px 5px 0px 5px;
}

#access9 {
	float:left;
	font-weight:bold;
	margin:10px 5px 0px 5px;
}

#access9 span {
	color:#F30
}
/* staff
------------------------------------------ */
#staff {
	margin:10px 0px 0px 5px;
}
#staff h3 {
	font-size:110%;
	font-weight:bold;
	margin:5px 0px 5px 4px;
	background:url(../img/staff_back2.gif) no-repeat;
	height:20px;
	padding:2px 0px 0px 8px;
}
#staff dl {
	margin-bottom:10px;
}
#staff dt {
	margin-bottom:5px;
}
#staff dd {
}
.staff1 {
	float:left;
	width:350px;
	padding:0px 10px 0px 10px;
}
.staff1 p {
	border:outset 1px #3399cc;
	padding:5px;
}
#staff2 {
	float:left;
	width:250px;
	height:180px;
	background:url(../img/tsujino.jpg) no-repeat;
}
#staff3 {
	float:left;
	width:250px;
	height:180px;
	background:url(../img/takahashi.jpg) no-repeat;
}
#staff4 {
	float:left;
	width:250px;
	height:180px;
	background:url(../img/shibata.jpg) no-repeat;
}
.staff_border {
	margin-top:20px;
	background:url(../img/staff_border.gif) no-repeat;
	padding:3px;
	height:220px;
}