@charset "Shift_JIS";

@import url("initialize.css");
@import url("default.css");


/*------------------------------------
top
------------------------------------*/
body#chemical {
	margin:0;
	padding:0;
	width:100%;
	background:transparent url(../images/bg_chemical.gif) top left repeat-x;
}

#chmain {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:942px;
}
/*------------------------------------
head
------------------------------------*/
#chmain .head {
	width:942px;
	height:98px;
}
#chmain .head h1 {
	float:left;
	margin:0;
	padding:0;
	vertical-align:top;
}
#chmain .head .headright {
	float:right;
	width:331px;
}
#chmain .head .headright p {
	margin-top:17px;
}
#chmain .head .headright ul {
	text-align:right;
	margin-top:23px;
}
#chmain .head .headright ul li {
	display:inline;
	margin-right:12px;
	font-size:12px;
}
#chmain .head .headright ul li img {
	vertical-align:middle;
}
#chmain .head .headright ul li.last {
	margin-right:0;
}
#chmain .head .headright ul li a { color:#b4b4b4; text-decoration:none; }
#chmain .head .headright ul li a:hover { color:#1094d5; text-decoration:underline; }

/*------------------------------------
globalmenu
------------------------------------*/
#chmain .gmenu {
	width:942px;
	height:37px;
}
#chmain .gmenu ul li {
	display:inline;
}

/*------------------------------------
topcontents
------------------------------------*/
.topmain {
	width:942px;
	margin:15px 0 30px;
}
.topcont {
	width:942px;
	margin-top:15px;
}
.topcont .tcontnews {
	float:left;
	width:452px;
}
.topcont .tcontmesse {
	float:right;
	width:450px;
	background:transparent url(../images/bg_messe.gif ) 97px 15px no-repeat;
}
.topcont .tcontmesse .tttl { float:left; width:100px; padding-top:15px; }
.topcont .tcontmesse .ttxt { float:right; width:332px; padding-top:15px; }

.topcont .tcontnews img { display:block; }
.topcont .whatsnew {
	width:452px;
	padding:10px 0 30px;
	background:transparent url(../images/bg_whatsnew.gif) top left repeat-y;
}
.topcont .whatsnew h2 { margin-left:15px; }
.topcont .whatsnew dl {
	margin:10px 0 0 15px;
	padding:0;
	width:424px;
}
.topcont .whatsnew dl dt {
	float:left;
	width:90px;
	color:#008dd2;
	padding-left:14px;
	background:transparent url(../images/yaji.gif) 0 7px no-repeat;
}
.topcont .whatsnew dl dd {
	float:right;
	width:304px;
	border-left:#ccc8c6 solid 1px;
	padding:0 0 0 15px;
}
.topcont .whatsnew dl dd a {text-decoration:none;}
.topcont .whatsnew dl dd a:hover {text-decoration:underline;}


/*------------------------------------
contents
------------------------------------*/

/*------------------------------------
contents
------------------------------------*/
.contimg {
	width:942px;
	margin-top:18px;
}
.cont {
	width:942px;
	margin-top:35px;
}
.cont .contleft {
	float:left;
	width:197px;
}
.cont .contright {
	float:right;
	width:703px;
}
.cont .contright h2 {
	font-size:0;
	margin-bottom:20px;
}
.cont .contright h2.h2mission {
	margin-bottom:12px;
}
.cont .contright p.ttl {
	margin:0 0 16px 17px;
}
.cont .contright p.ttl2 {
	margin:0 0 16px 17px;
	width:670px;
}
.cont .contright p.end {
	margin:0 0 48px 17px;
}
.cont .contright em.ttl {
	display:block;
	margin:16px 0 0 17px;
	color:#008dd2;
}
.cont .contright em.ttl2{
	display:block;
	margin:16px 0 0 17px;
	color:#008dd2;
	font-size:14px;
}
.cont .contright h3 {
	margin:0 0 8px 16px;
}



.contarea01 {
	width:669px;
	margin-left:17px;
	padding:12px 0 6px;
	background:transparent url(../images/bg_contactarea01.gif) top left repeat-y;
}
.contarea01 em {
	display:block;
	margin:0 0 30px 17px;
	font-weight:normal;
}
.contarea01 em.ttl01 {
	padding-left:15px;
	background:transparent url(../images/dot.gif) 1px 5px no-repeat;
}
.contarea01 em.last {
	margin-bottom:40px;
	padding-left:15px;
	background:transparent url(../images/dot.gif) 1px 5px no-repeat;
}
.contarea01 p {
	margin:0 0 15px 17px;
}
.contarea01 p.news {
	margin:10px 0 15px 17px;
}
.contarea01 p.last {
	margin-bottom:40px;
}
.contarea01 em.pvem {
	font-weight:bold;
	font-size:14px;
	color:#008dd2;
	margin-bottom:0;
}
ul.newstopics {
	margin:30px 0;
}
ul.newstopics li {
	margin:10px 0 0 36px;
	padding-left:12px;
	background:transparent url(../images/yaji.gif) 1px 7px no-repeat;
}
ul.newstopics li span {
	color:#008dd2;
	font-size:11px;
}
ul.newstopics li a { text-decoration:none; }
ul.newstopics li a:hover { text-decoration:underline; }

.newscont {
	width:665px;
	margin:20px 0 0 20px;
}
.newscont h3.newsdate {
	font-size:12px;
	margin-left:0;
	padding-top:1px;
	font-weight:normal;
}
.newscont h3.newsdate span {
	padding:2px 5px;
	color:#008dd2;
	border:#99d1ed  solid 1px;
}
.newscont em {
	color:#008dd2;
	font-size:14px;
	line-height:130%;
}
.newscont p {
	margin:7px 0 20px;
}
.newscont p.bl {
	color:#008dd2;
}
.newscont p.tblttl {
	color:#008dd2;
	font-size:13px;
	font-weight:bold;
}
.newscont p.tblbtm {
	margin:0 0 20px 0;
}
.newscont .contact {
	padding-top:15px;
	width:665px;
	text-align:center;
}
.newscont .contact span {
	text-align:center;
}
.newscont table { width:660px; }
.newscont table th { width:160px; color:#008dd2; font-weight:normal; padding-bottom:20px; vertical-align:top; }
.newscont table td { padding-bottom:20px; vertical-align:top; }


/*------------------------------------
leftmenu
------------------------------------*/
.cont .contleft ul {
	padding-top: 2px;
	padding-bottom: 1px;
	background: transparent url(../images/lmenu/lmenu_dot_01.gif) left bottom repeat-x;
}

.cont .contleft li {
	margin: 1px 0;
	padding: 8px 13px;
	background: transparent url(../images/lmenu/lmenu_dot_01.gif) left top repeat-x;
	font-size:14px;
	font-weight: bold;
}

.cont .contleft li a {
	display: block;
	padding-left: 10px;
	background: transparent url(../images/lmenu/lmenu_arrow.gif) left center no-repeat;
	text-decoration: none;
	color: #868686;
}

.cont .contleft li a:hover {color: #008dd2;}

.cont .contleft li.lmenu1 {
	background: transparent url(../images/lmenu/lmenu_dot_01.gif) left top repeat-x;
}

.cont .contleft li.lmenu2 {
	background: transparent url(../images/lmenu/lmenu_dot_01.gif) left top repeat-x;
}
.cont .contleft li.lmenu3,
.cont .contleft li.lmenu4 {
	margin-left: 12px;
	font-size: 12px;
}

.cont .contleft li.lmenu3 {
	background: transparent url(../images/lmenu/lmenu_dot_02.gif) left top repeat-x;
}

.cont .contleft li.lmenu4 {
	background: transparent url(../images/lmenu/lmenu_dot_02.gif) left top repeat-x;
}

.cont .contleft li.stay {
	background: #e5f3fa url(../images/lmenu/lmenu_dot_01.gif) left top repeat-x;
	color: #008dd2;
}
/*------------------------------------
sitemap
------------------------------------*/
.sitemaphead {
	width:650px;
	height:60px;
	margin:20px 0 0 17px;
}
.sitemaphead ul {}
.sitemaphead ul li { display:inline; margin-right:40px; }
.sitemaphead ul li span {
	padding-left:10px;
	background:transparent url(../images/yaji.gif) 2px 6px no-repeat;
}

.sitemapmap {
	position:relative;
	width:650px;
	height:330px;
	margin:0 0 20px 17px;
	background:transparent url(../images/bg_sitemap.gif) left top no-repeat;
}
.sitemapmap p {
	padding-left:10px;
	background:transparent url(../images/yaji.gif) 2px 8px no-repeat;
}
.sitemapmap p.smp000 { position:absolute; top:0px; left:0px; padding:0; background:none; z-index:1; }
.sitemapmap p.smp001 { position:absolute; top:1px; left:4px; z-index:11; }
.sitemapmap p.smp002 { position:absolute; top:1px; left:274px; z-index:12; }
.sitemapmap p.smp003 { position:absolute; top:178px; left:274px; z-index:13; }
.sitemapmap p.smp004 { position:absolute; top:212px; left:274px; z-index:14; }
.sitemapmap p.smp005 { position:absolute; top:247px; left:274px; z-index:15; }
.sitemapmap p.smp006 { position:absolute; top:281px; left:274px; z-index:16; }
.sitemapmap p.smp007 { position:absolute; top:29px; left:404px; z-index:17; }
.sitemapmap p.smp008 { position:absolute; top:56px; left:404px; z-index:18; }
.sitemapmap p.smp009 { position:absolute; top:132px; left:404px; z-index:19; }
.sitemapmap p.smp010 { position:absolute; top:77px; left:487px; z-index:20; }
.sitemapmap p.smp011 { position:absolute; top:98px; left:487px; z-index:21; }
.sitemapfoot {
	width:660px;
	height:35px;
	margin:0 0 40px 17px;
	background:#f9f9f9;
}
.sitemapfoot ul { margin:0 0 0 15px; padding:7px 0 0 0; }
.sitemapfoot ul li { display:inline; margin-right:40px; }
.sitemapfoot ul li span {
	padding-left:10px;
	background:transparent url(../images/yaji.gif) 2px 6px no-repeat;
}
.sitemaphead ul li a,
.sitemapfoot ul li a,
.sitemapmap p a { text-decoration:none; }
.sitemaphead ul li a:hover,
.sitemapfoot ul li a:hover,
.sitemapmap p a:hover { text-decoration:underline; }

/*------------------------------------
aboutus
------------------------------------*/
table.aboutus01 { width:600px; font-size:12px; margin-left:20px;}
table.aboutus01 th { vertical-align:top; width:160px; color:#008dd2; }
table.aboutus01 td { vertical-align:top; width:440px; padding-bottom:15px; }

table.aboutus01_2 { width:640px; font-size:12px; margin-left:20px;}
table.aboutus01_2 th { vertical-align:top; width:135px; color:#008dd2; }
table.aboutus01_2 td.type1 { vertical-align:top; width:388px; padding-bottom:15px; }
table.aboutus01_2 td.type2 {
	text-align:center;
	vertical-align:top;
	width:107px;
	padding-bottom:15px;
	font-size: 11px;
}
table.aboutus01_2 td.type3 { vertical-align:top; padding-bottom:15px; }

.aboutbox {
	width:667px;
	margin-left:17px;
	padding:30px 0 15px;
	background:transparent url(../images/bg_aboutbox.gif) bottom left no-repeat;
}
.aboutboxin {
	width:640px;
	margin-left:14px;
}
.aboutboxin em {
	margin:0;
	font-size:14px;
	color:#222222;
}
.aboutboxin p {
	margin-top:20px;
}
.aboutboxin p.emund {
	margin:0;
	font-size:11px;
	color:#008dd2;
}
/*------------------------------------
contact
------------------------------------*/
.contactarea01 {
	width:669px;
	margin-left:17px;
	padding:12px 0 6px;
	background:transparent url(../images/bg_contactarea01.gif) top left repeat-y;
}
.contactarea01 em {
	display:block;
	color:#008dd2;
	font-size:14px;
	margin:0 0 8px 17px;
}
.contactarea01 em.check {
	color:#fd6b00;
	padding-left:27px;
	background:transparent url(../images/exc.gif) 1px 3px no-repeat;
}
.contactarea01 p {
	margin:0 0 24px 17px;
}
.contactarea01 p.last {
	margin-bottom:0;
}
.contactarea01 p.complete {
	margin-bottom:200px;
}
.contactarea02 {
	width:671px;
	margin-left:16px;
	padding:8px 0 24px;
	background:transparent url(../images/bg_contactarea02.gif) top left repeat-y;
}
h3 {
	font-size:14px;
	color:#008dd2;
	font-weight:bold;
}
.contactarea02 p.ttleng {
	margin:16px 0 8px 16px;
	padding-left:15px;
	font-weight:bold;
	color:#008dd2;
	font-size:14px;
	background:transparent url(../images/dot.gif) 1px 8px no-repeat;
}
.contactarea02 .formarea {
	margin-left:30px;
	width:612px;
}
.contactarea02 .formarea input {
	vertical-align:middle;
}
.contactarea02 .formarea em {
	display:block;
	color:#008dd2;
	font-size:14px;
	margin:10px 0 8px;
}
.contactarea02 .formarea em img {
	vertical-align:middle;
	margin-left:10px;
}
.contactarea02 .formarea .formradio {
	margin-top:8px;
}
.contactarea02 .formarea .formradio li {
	margin-bottom:4px;
}
.contactarea02 .formarea input.bdrbl {
	border:#008dd2 solid 1px;
}
.contactarea02 table.formbox {
	width:612px;
}
.contactarea02 table.formbox p {
	padding:8px 0;
	margin-left:12px;
}
.contactarea02 table.formbox th {
	width:200px;
	vertical-align:top;
	border-right:#f8f8f8 1px solid;
	background:#eff1f2 url(../images/bg_form_th.gif) top left repeat-x;
}
.contactarea02 table.formbox th div {
	position:relative;
	width:200px;
}
.contactarea02 table.formbox th div img {
	position:absolute;
	top:8px;
	right:8px;
}
.contactarea02 table.formbox th.last {
	width:200px;
	border-bottom:#e5e5e5 1px solid;
}
.contactarea02 table.formbox th.hissu {
	width:200px;
	border:none;
	background:#f8f8f8 ;
}
.contactarea02 table.formbox th p span {
	color:#fd6b00;
	margin-left:4px;
}
.contactarea02 table.formbox td {
	padding:0 12px;
	background:#ffffff;
	color:#959595;
	border-top:#e5e5e5 1px solid;
	border-left:#e5e5e5 1px solid;
}
.contactarea02 table.formbox td.last {
	border-bottom:#e5e5e5 1px solid;
}
.contactarea02 table.formbox td select,
.contactarea02 table.formbox td input.w240 {
	display:block;
	width:320px;
	margin:8px 0 3px;
	color:#6a6a6a;
	border:#95c2d7 solid 1px;
	font-size:12px;
	font-family:arial,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN";
	background-color:#faffff;
}
.contactarea02 table.formbox td input.ml16 {
	margin-left:16px;
}
.contactarea02 table.formbox td textarea.w320 {
	width:320px;
	border:#95c2d7 solid 1px;
	margin:8px 0;
	color:#6a6a6a;
	font-size:12px;
	font-family:arial,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN";
	background-color:#faffff;
}
.contactarea02 table.formbox td p.rei {
	margin:0 0 4px 0;
	padding:0;
	color:#959595;
	font-size:9px;
}
.contactarea02 table.formbox td p.conf {
	margin:0;
}
.contactarea02 .formarea .btnarea {
	height:28px;
	margin-left:187px;
}
.contactarea02 .formarea .btnarea input {
	margin-right:40px;
	vertical-align:top;
}
p.policy {
	width:671px;
	margin:4px 0 0 16px;
	font-size:9px;
}


/*------------------------------------
foot
------------------------------------*/
#foot {
	height:16px;
	margin:0;
	padding:0;
	width:100%;
	background:#008dd2 url(../images/bg_foot.gif) repeat-x;
}
#foot #footmain {
	height:16px;
	margin:0 auto;
	width:942px;
	font-size:10px;
	color:#ffffff;
	background:#008dd2;
	vertical-align:top;
}
#foot #footmain em {
	display:block;
	float:left;
}
#foot #footmain p { float:right; }
#foot #footmain p a { text-decoration:none; color:#ffffff; }
#foot #footmain p a:hover { text-decoration:underline; }
#foot #footmain p span { margin:0 8px; }


#foot #footmain ul {
	float:right;
}
#foot #footmain ul li {
	display:inline;
	margin-right:12px;
	vertical-align:middle;
	color:#ffffff;
}
#foot #footmain ul li a {
	color:#ffffff;
	text-decoration:none;
}
#foot #footmain ul li span {
	vertical-align:middle;
}
#foot #footmain ul li.last {
	margin-right:0;
}
#foot #footmain ul li.sepimg img {
	margin-top:3px;
}


/*------------------------------------
topagetop
------------------------------------*/
.topagetop { width:669px; margin:10px 0 10px 17px; text-align:right; }
.topagetop img { display:inline; margin:20px 0; text-align:right; }
.topagetop span {
	padding-left:12px;
	text-align:right;
	font-size:11px;
	background:transparent url(../images/yaji2.gif) 1px 7px no-repeat;
}
.topagetop span a { text-decoration:none; }
.topagetop span a:hover { text-decoration:underline; }




/* Clear Style */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}
.clearfix{display:inline-block;}

/* exclude MacIE5 \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* end MacIE5 */