/*==================================================================================== 

main.css
2010/01/15

copyright@ foglamp co.,ltd.

====================================================================================*/



body {
	margin: 0px;
	padding: 0px;
}
* {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
	color: #149035;
}
a:hover {
	text-decoration: underline;
	color: #165829;
}

li {
	list-style-type: none;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
.clearfix {
	clear: both;
}
#outline {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border: solid #999999 1px;
}
#lead {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom:5px;
	color: #999999;
}

#head {
	height: 40px;
	width: 900px;
}

#head h1 {
	background-image: url(../image/logo.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 237px;
	float: left;
	margin-right: 310px;
	margin-top: 5px;
	margin-left: 20px;
}
#head h1 a {
	display: block;
	height: 28px;
	width: 237px;
}

#head ul {
	margin-top: 0px;
}
#head ul li {
	float: left;
	margin-left: 25px;
	margin-top: 15px;
}
#head ul .hn1 {
	text-indent: -9999px;
	display: block;
	height: 14px;
	width: 72px;
}
#head ul .hn1 a {
	background-image: url(../image/hn1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 14px;
	width: 72px;
}
#head ul .hn1 a:hover {
	background-image: url(../image/hn1_on.gif);
	text-indent: -9999px;
	display: block;
	height: 14px;
	width: 72px;
}
#head ul .hn2 {
	text-indent: -9999px;
	display: block;
	height: 14px;
	width: 74px;
}
#head ul .hn2 a {
	background-image: url(../image/hn2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 14px;
	width: 74px;
}
#head ul .hn2 a:hover {
	background-image: url(../image/hn2_on.gif);
	text-indent: -9999px;
	display: block;
	height: 14px;
	width: 74px;
}
#head ul .hn3 {
	display: block;
	height: 14px;
	width: 74px;
}
#head ul .hn3 a {
	background-image: url(../image/hn3.gif);
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	width: 74px;
}
#head ul .hn3 a:hover {
	background-image: url(../image/hn3_on.gif);
	display: block;
	height: 14px;
	width: 74px;
}
#head ul .hn4 {
	display: block;
	height: 14px;
	width: 89px;
}
#head ul .hn4 a {
	background-image: url(../image/hn4.gif);
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	width: 89px;
}
#head ul .hn4 a:hover {
	background-image: url(../image/hn4_on.gif);
	text-indent: -9999px;
	display: block;
	height: 14px;
	width: 89px;
}#topimage {
	background-image: url(../image/topimage.gif);
	background-repeat: no-repeat;
	margin: 0px;
	width: 900px;
	height: 115px;
	padding-top: 250px;
}
#topnews table {
	font-size: 10px;
	height: 80px;
	width: 210px;
	margin-left: 55px;
}
#centernavi {
	width: 900px;
	height: 25px;
	border-bottom: solid #999999 1px;
	border-top: solid #999999 1px;
}
#centernavi ul li {
	float: left;
}
#centernavi ul .cn1 {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn1 a {
	text-decoration: none;
	background-image: url(../image/cn1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn1 a:hover {
	text-decoration: none;
	background-image: url(../image/cn1_on.gif);
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn2 {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn2 a {
	text-decoration: none;
	background-image: url(../image/cn2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn2 a:hover {
	text-decoration: none;
	background-image: url(../image/cn2_on.gif);
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn3 {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn3 a {
	text-decoration: none;
	background-image: url(../image/cn3.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn3 a:hover {
	text-decoration: none;
	background-image: url(../image/cn3_on.gif);
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn4 {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn4 a {
	text-decoration: none;
	background-image: url(../image/cn4.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn4 a:hover {
	text-decoration: none;
	background-image: url(../image/cn4_on.gif);
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn5 {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn5 a {
	text-decoration: none;
	background-image: url(../image/cn5.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#centernavi ul .cn5 a:hover {
	text-decoration: none;
	background-image: url(../image/cn5_on.gif);
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 180px;
}
#content {
	width: 900px;
	padding-top: 30px;
}
#content #maincon {
	float: left;
	width: 649px;
	border-right: dotted #999999 1px;
}
#content #maincon #pannavi {
	text-align: right;
	margin-left: 50px;
	width: 560px;
	color: #999999;
	border-bottom: solid #000000 1px;
	border-top: dotted #999999 1px;
	padding: 2px 0px;
	font-size: 11px;
}

#content #maincon h2 {
	margin-left: 50px;
	margin-top: 50px;
}

#content #maincon p {
	font-size: 12px;
	line-height: 170%;
}
#content #maincon .conbox {
	width: 560px;
	margin-top: 30px;
	margin-left: 50px;
}
#content #maincon .conbox p {
	margin-top: 20px;
}

#content #topcon {
	float: left;
	width: 649px;
	border-right: dotted #999999 1px;
	line-height: 1.2em;
}

#content #topcon h2 {
	margin-left: 50px;
}

#content #topcon p {
	font-size: 12px;
}
#content #topcon .conbox {
	width: 560px;
	margin-top: 30px;
	margin-left: 50px;
}
#content #topcon .conbox p {
	margin-top: 20px;
}


#content #side {
	float: left;
	width: 250px;
}
#content #side h2 {
	background-image: url(../image/infomation.gif);
	background-repeat: no-repeat;
	text-indent: -9999pt;
	display: block;
	height: 20px;
	width: 183px;
	margin-left: 35px;
}
#content #side ul .sidenews {
	text-decoration: none;
	background-image: url(../image/sidenews.gif);
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 182px;
	margin-top: 10px;
	margin-left: 35px;
}
#content #side ul .sidenews a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 182px;
}
#content #side ul .qa {
	height: 54px;
	width: 182px;
	margin-top: 10px;
	margin-left: 35px;
}
#content #side ul .smile {
	text-decoration: none;
	background-image: url(../image/smile.gif);
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 182px;
	margin-top: 10px;
	margin-left: 35px;
}
#content #side ul .smile a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 182px;
}
#content #side ul .meet {
	text-decoration: none;
	background-image: url(../image/meeting.gif);
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 182px;
	margin-top: 10px;
	margin-left: 35px;
}
#content #side ul .meet a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 55px;
	width: 182px;
}
#content #side ul .sidecampaign {
	text-decoration: none;
	background-image: url(../image/sidecampaign.gif);
	text-indent: -9999px;
	display: block;
	height: 56px;
	width: 182px;
	margin-top: 30px;
	margin-left: 35px;
}
#content #side ul .sidecampaign a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 56px;
	width: 182px;
}
#footer {
	width: 900px;
	margin-top: 30px;
}
#footer #pagetop {
	width: 900px;
	border-bottom: solid #999999 1px;
}
#footer #pagetop p img {
	height: 15px;
	width: 72px;
	margin-left: 795px;
}
#footer #copy {
	width: 900px;
}
#footer #copy p img {
	height: 11px;
	width: 306px;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 561px;
}
#inimage {
	width: 900px;
}
#content #maincon #contel p img {
	margin-left: 118px;
	margin-top: 100px;
}
#content #maincon .conboxblock {
	margin-left: 50px;
	margin-top: 30px;
	width: 560px;
}
#content #maincon .conboxblock p {
	margin-top: 15px;
	line-height: 1.5em;
}
#content #maincon .conboxblock .line {
	float: left;
	width: 10px;
}
#content #maincon .conboxblock .osaka1 {
	float: left;
	width: 540px;
	margin-left: 10px;
	background-image: url(../image/osaka_chair.gif);
	background-repeat: no-repeat;
}
#content #maincon .conboxblock .block_c {
	float: left;
	margin-right: 5px;
}
#content #maincon .conboxblock .block_r {
	float: left;
}
#content #maincon .conboxblock .block_c p span {
	font-weight: bold;
	color: #159135;
}
#content #maincon .conboxblock .group {
	float: left;
	width: 540px;
	margin-left: 10px;
	font-size: 11px;
	margin-top: 12px;
	line-height: 1.5em;
}
#content #maincon .smile {
	font-size: 12px;
	line-height: 1.2em;
	background-image: url(../image/smile_bg.gif);
	background-repeat: no-repeat;
	height: 240px;
	width: 603px;
	margin-top: 30px;
	margin-left: 23px;
	padding-top: 455px;
}
#content #maincon .smile table {
	margin-left: 68px;
}
#content #maincon .meet {
	width: 586px;
	margin-top: 30px;
	margin-left: 23px;
}
#content #maincon .meetc {
	background-image: url(../image/meet_c.gif);
	background-repeat: no-repeat;
	margin-left: 23px;
	padding-left: 370px;
}

#content #maincon .meet1 {
	width: 586px;
	margin-left: 23px;
	margin-bottom: -5px;
}

#content #maincon .meet2 {
	background-image: url(../image/meet_bg2.gif);
	background-repeat: no-repeat;
	height: 210px;
	margin-left: 23px;
	padding-left: 500px;
	padding-top: 42px;
}
#content #maincon .meet2 ul li {
	margin-bottom: 38px;



}
#content #maincon #camtocon {
	height: 60px;
	width: 238px;
	margin-top: 10px;
	margin-left: 180px;
}


#content #maincon .newspage {
	font-size: 13px;
	width: 600px;
	margin-top: 20px;
	margin-left: 30px;
	line-height: 40px;
	font-weight: bold;
}
#content #maincon .newspage table tr th {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	color: #666;
}

#content #maincon .newspage table tr td span {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
}
#content #maincon .form {
	width: 560px;
	margin-top: 30px;
	margin-left: 50px;
	font-size: 10px;
}
#content #maincon .form .formhead  {
	width: 560px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 5px;
	color: #F00;
}
#content #maincon .form form table tr th span {
	color: #F00;
}
#content #maincon #email p a {
	margin-left: 105px;
	margin-top: 80px;
	text-decoration: none;
	background-image: url(../image/email.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 337px;
}


#content #maincon .h3Bl {
	margin-top: 30px;
	margin-left: 50px;
}
#content #maincon .form form table {
	width:100%;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}
#content #maincon .form form table tr th {
	padding: 8px;
	margin:0px;
	width:150px;
	text-align: left;
}
#content #maincon .form form table tr td {
	padding: 8px;
	margin:0px;
}
#content #maincon .form form table tr td .Alert {
	color: #F00;
}
#content #maincon .form table {
	width:100%;
	padding:0px;
	margin-top:30px;
	border-collapse:collapse;
}
#content #maincon .form table tr th {
	padding: 8px;
	margin:0px;
	width:150px;
	text-align: left;
}
#content #maincon .form table tr td {
	padding: 8px;
	margin:0px;
}

.submit{
	float:left;
	margin: 0px 10px;
}

input{
}

.txO{
	color: #FF6600;
	font-size:85%;
	line-height:130%;
}

.txR{
	color:#FF0000;
}

.txsR{
	color:#FF0000;
	font-size:85%;
	line-height:130%;
}
.Alert{
	color:#FF0000;
	font-size:85%;
	
}

.Alert2{
	color:#FF0000;
	padding: 10px 0px;
	
}


.txSm{
	font-size:85%;
	line-height:130%;

}

.Err{
	border: 1px solid #FF0000;
}

.Pftitle{
	height:30px;
	/*width:80px;*/
	margin:0px 10px 0px 0px;
}


.PftitleL{
	height:30px;
	/*width:80px;*/
	margin:0px 10px 0px 0px;
	display:block;
	float:left;
}