@charset "shift-jis";

@import 'iehack.css';

/* ============================================================ *
   Copyright (c) SHINEIJUKI INC. All Right Reserved. 
 * ============================================================ */

#pageHead {
	margin-top:1px;
	height:50px;
	background:#4d4d4d url(../../img/bg_pageHead.gif) repeat-x;
}

#pageHead h2 {
	margin:0 auto;
	width:800px; height:50px;
}

#pageHead h2.ginvas {background:url(../../img/h2_ginvas.gif) no-repeat center center;}
#pageHead h2.gsecur {background:url(../../img/h2_gsecur.gif) no-repeat center center;}
#pageHead h2.stabili {background:url(../../img/h2_stabilization.gif) no-repeat center center;}
#pageHead h2.spp {background:url(../../img/h2_spp.gif) no-repeat center center;}
#pageHead h2.fp {background:url(../../img/h2_fp.gif) no-repeat center center;}
#pageHead h2.nonex {background:url(../../img/h2_nonex.gif) no-repeat center center;}
#pageHead h2.company {background:url(../../img/h2_company.gif) no-repeat center center;}
#pageHead h2.contact {background:url(../../img/h2_contact.gif) no-repeat center center;}
#pageHead h2.sitemap {background:url(../../img/h2_sitemap.gif) no-repeat center center;}


/* ------------------------------------------------------------ *
   Container
 * ------------------------------------------------------------ */
#container .sideArea {
	float:left;
	width:180px;
}

#container .sideArea h2 {
	line-height:30px;
	color:#fff;
	background:url(../../img/bg_h2_side.gif) no-repeat;
	text-indent:10px;
	font-weight:bold;
}

#container .sideArea ul.snavi li {
	line-height:30px;
	background:url(../../img/bg_snavi_off.gif) no-repeat;
	text-indent:17px;
	border-bottom:1px solid #ccc;
	margin-top:1px;
}

#container .sideArea ul.snavi li a {
	display:block;
	width:180px; height:30px;
	text-decoration:none;
}

#container .sideArea ul.snavi li a:link {color:#333;}
#container .sideArea ul.snavi li a:visited {color:#333;}
#container .sideArea ul.snavi li a:hover {color:#386e91; background:url(../../img/bg_snavi_on.gif) no-repeat;}

#container .sideArea ul.snavi li.on {
	line-height:30px;
	background:url(../../img/bg_snavi_on.gif) no-repeat;
	text-indent:17px;
	border-bottom:1px solid #ccc;
	margin-top:1px;
}

#container .contentsArea {
	float:right;
	width:590px;
}

#container .contentsArea .tbstyle th {
	border:1px solid #ccc;
	padding:6px 0 6px 10px;
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	width:110px;
	background:url(../../img/bg_th.gif) no-repeat left top;
}
#container .contentsArea .tbstyle td {
	border:1px solid #ccc;
	padding:6px 0 6px 10px;
}


#container .sideArea ul.snavi2 li {
	line-height:26px;
	text-indent:26px;
	border-bottom:1px dotted #ccc;
	margin-top:1px;
	background:url(../../img/icon_oval_black.gif) no-repeat 7% 50%;
}

#container .sideArea ul.snavi2 li a {
	display:block;
	width:180px; height:26px;
	text-decoration:none;
}

#container .sideArea ul.snavi2 li a:link {color:#333;}
#container .sideArea ul.snavi2 li a:visited {color:#333;}
#container .sideArea ul.snavi2 li a:hover {color:#386e91;}


/* ------------------------------------------------------------ *
   �n�Ւ���
 * ------------------------------------------------------------ */
#container .contentsArea #ginvas h3 {
	margin-bottom:5px;
	line-height:30px;
	background:url(../../img/bg_h3_456px.gif) no-repeat right;
	text-indent:20px;
}

#container .contentsArea #ginvas2 h3 {
	margin-bottom:5px;
	line-height:30px;
	background:url(../../img/bg_h3_590px.gif) no-repeat;
	text-indent:20px;
}

#container .contentsArea #ginvas p ,
#container .contentsArea #ginvas2 p{
	/*margin-top:5px;*/
	line-height:1.6em;
}

#container .contentsArea #ginvas .image {
	float:left;
	margin-right:16px;
	border:5px solid #ccc;
}

#container .contentsArea #ginvas h4 {
	margin-top:15px;
	border-top:2px solid #4d4d4d;
	border-bottom:1px dotted #ccc;
	line-height:28px;
	background:url(../../img/icon_oval.gif) no-repeat left center;
	text-indent:14px;
	color:#386e91;
}

#container .contentsArea #ginvas2 h4 {
	border-bottom:1px dotted #ccc;
	line-height:28px;
	background:url(../../img/icon_oval.gif) no-repeat left center;
	text-indent:14px;
	color:#386e91;
}

#container .contentsArea #ginvas table ,
#container .contentsArea #ginvas2 table {margin:5px 10px 0;}

#container .contentsArea #ginvas table th ,
#container .contentsArea #ginvas2 table th {
	padding:6px 0;
	width:30px;
	text-align:left;
	font-size:1.4em;
	vertical-align:top;
	font-weight:bold;
}

#container .contentsArea .ginvas table td ,
#container .contentsArea .ginvas2 table td {padding:6px 0;}


/* ------------------------------------------------------------ *
   �n�Օۏ�
 * ------------------------------------------------------------ */
#container .contentsArea #gsecur h3 {
	margin-bottom:5px;
	line-height:30px;
	background:url(../../img/bg_h3_590px.gif) no-repeat;
	text-indent:20px;
}

#container .contentsArea #gsecur .flow {margin-top:10px;}

#container .contentsArea #gsecur .flow .lBox {
	float:left;
	width:381px;
}
#container .contentsArea #gsecur .flow .rBox {
	margin-right:10px;
	float:right;
	width:182px;
}

#container .contentsArea #gsecur .flow .lBox table {width:100%;}

#container .contentsArea #gsecur .link li {
	text-indent:14px;
	background:url(../../img/icon_oval.gif) no-repeat left center;
	border-bottom:1px dotted #ccc;
	line-height:30px;
}


/* ------------------------------------------------------------ *
   �n�Չ���
 * ------------------------------------------------------------ */
#container .contentsArea #stabili .tokucho span {display:none;}

#container .contentsArea #stabili .tokucho .one {
	background:url(../../stabilization/img/tokucho01.gif) no-repeat;
	height:40px;
}

#container .contentsArea #stabili .tokucho .two {
	margin-top:15px;
	background:url(../../stabilization/img/tokucho02.gif) no-repeat;
	height:40px;
}

#container .contentsArea #stabili .tokucho .three {
	margin-top:15px;
	background:url(../../stabilization/img/tokucho03.gif) no-repeat;
	height:40px;
}

#container .contentsArea #stabili h3 {
	margin-top:20px;
	line-height:30px;
	background:url(../../img/bg_h3_590px.gif) no-repeat;
	text-indent:20px;
}

#container .contentsArea #stabili h4 {
	margin:10px 0 5px;
	border-bottom:1px dotted #ccc;
	line-height:24px;
	background:url(../../img/icon_oval.gif) no-repeat left center;
	text-indent:14px;
	color:#386e91;
}


/* ------------------------------------------------------------ *
   �|�ǍY
 * ------------------------------------------------------------ */
#container .contentsArea #spp h3 {
	line-height:30px;
	background:url(../../img/bg_h3_590px.gif) no-repeat;
	text-indent:20px;
}

#container .contentsArea #spp .trouble {padding-top:10px; height:164px;}
#container .contentsArea #spp .trouble div {width:190px;}
#container .contentsArea #spp .trouble .lBox {float:left; margin-right:10px;}
#container .contentsArea #spp .trouble .cBox {float:left;}
#container .contentsArea #spp .trouble .rBox {float:right;}

#container .contentsArea #spp .trouble .img {margin-bottom:7px;}

#container .contentsArea #spp .info {margin-top:10px;}

#container .contentsArea #spp .info .img {float:left; margin-right:10px;}

#container .contentsArea #spp .info li {margin-top:5px;}

#container .contentsArea #spp h4 {
	margin:5px 0;
	line-height:30px;
	font-size:14px;
	color:#009245;
	border-bottom:1px dotted #ccc;
}

#container .contentsArea #spp h4 span {font-size:1.2em;}

#container .contentsArea #spp .ecoPile {padding:0 8px;}

#container .contentsArea #spp .ecoPile .categ01 {margin-top:10px; height:80px;}
#container .contentsArea #spp .ecoPile .categ01 div {width:280px; height:80px;}
#container .contentsArea #spp .ecoPile .categ01 .lBox {float:left;}
#container .contentsArea #spp .ecoPile .categ01 .rBox {float:right;}
#container .contentsArea #spp .ecoPile .categ01 .img {float:left; margin-right:10px;}
#container .contentsArea #spp .ecoPile .categ01 dd {
	margin-top:8px;
	font-size:14px;
	font-weight:bold;
	color:#009245;
}
#container .contentsArea #spp .ecoPile .products {padding-top:10px;}
#container .contentsArea #spp .ecoPile .products .imgL {float:left; margin-right:10px;}
#container .contentsArea #spp .ecoPile .products .imgR {float:right; margin-left:10px;}


/* ------------------------------------------------------------ *
   �e���b�Y
 * ------------------------------------------------------------ */
#container .contentsArea #fp h3 {
	line-height:30px;
	background:url(../../img/bg_h3_590px.gif) no-repeat;
	text-indent:20px;
}

#container .contentsArea #fp .info {margin-top:8px; height:200px;}

#container .contentsArea #fp .info .lBox {
	float:left;
	width:418px;
}

#container .contentsArea #fp .info .rBox {
	float:right;
	margin-left:10px;
	width:155px;
	background:#e8f6fd url(../../fp/img/bg_rBox.gif) repeat-x;
}

#container .contentsArea #fp .info .rBox p {padding:5px 8px;}

#container .contentsArea #fp .info .rBox ul {padding:5px;}
#container .contentsArea #fp .info .rBox ul li {font-weight:bold;}

#container .contentsArea #fp .flow {padding-top:15px;}

#container .contentsArea #fp .flow .lBox {
	float:left;
	width:285px;
}
#container .contentsArea #fp .flow .rBox {
	float:right;
	width:285px;
}
#container .contentsArea #fp .flow ul {margin-top:10px;}
#container .contentsArea #fp .flow li {font:11px/1.4em "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3"; padding-bottom:5px;}
#container .contentsArea #fp .img {float:right; margin-left:6px;}


/* ------------------------------------------------------------ *
   ��J��H�@
 * ------------------------------------------------------------ */
#container .contentsArea #nonex h3 {
	line-height:30px;
	background:url(../../img/bg_h3_590px.gif) no-repeat;
	text-indent:20px;
}

#container .contentsArea #nonex .info {
	margin-top:10px;
	padding:10px;
	background:#e8f6fd url(../../fp/img/bg_rBox.gif) repeat-x;
}

#container .contentsArea #nonex .info ul li {
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	font-weight:bold;
}

#container .contentsArea #nonex h4 {
	border-bottom:1px dotted #ccc;
	line-height:28px;
	background:url(../../img/icon_oval.gif) no-repeat left center;
	text-indent:14px;
	color:#386e91;
}


/* ------------------------------------------------------------ *
   Company
 * ------------------------------------------------------------ */
#container .contentsArea #about {
	margin-top:10px;
	text-align:left;
}

#container .contentsArea #about .rinen {
	float:left;
	width:285px;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
}

#container .contentsArea #about .greetings {
	float:right;
	width:285px;
	font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
}

#container .contentsArea #about h3 {
	line-height:30px;
	background:url(../../img/bg_h3_285px.gif) no-repeat;
	text-indent:20px;
}

#container .contentsArea #about .greetings .name {
	margin-top:15px;
	text-align:right;
}


/* ------------------------------------------------------------ *
   Company > Summary
 * ------------------------------------------------------------ */
#container .contentsArea #summary h3 {
	line-height:30px;
	background:url(../../img/bg_h3_590px.gif) no-repeat;
	text-indent:20px;
}

#container .contentsArea #summary table {width:100%;}


/* ------------------------------------------------------------ *
   Contact
 * ------------------------------------------------------------ */
#container .contentsArea #contact h3 {
	line-height:30px;
	background:url(../../img/bg_h3_590px.gif) no-repeat;
	text-indent:20px;
}

#container .contentsArea #contact ul.tel_and_fax {margin-top:5px;}

#container .contentsArea #contact ul.tel_and_fax li {
	width:430px; height:30px;
	margin-bottom:5px;
}

#container .contentsArea #contact .mor {background:url(../../contact/img/mor_tel_and_fax.gif) no-repeat;}
#container .contentsArea #contact .aki {background:url(../../contact/img/aki_tel_and_fax.gif) no-repeat;}
#container .contentsArea #contact .sen {background:url(../../contact/img/sen_tel_and_fax.gif) no-repeat;}

#container .contentsArea #contact table {width:100%;}


/* ------------------------------------------------------------ *
   Sitemap
 * ------------------------------------------------------------ */
#sitemap {
	margin:15px auto 0;
	padding-bottom:50px;
	width:600px;
}

#sitemap h2 {
	line-height:30px;
	text-indent:25px;
	background:url(../../img/bg_h2_sitemap.gif) no-repeat;
	border:1px solid #ccc;
}

#sitemap p {
	margin:10px auto 0;
	width:90%;
	text-align:left;
	text-indent:12px;
	background:url(../../img/ic_arrow_black2.gif) no-repeat left center;
}

#sitemap table {
	margin:10px auto 0;
	width:90%;
}

#sitemap table th {
	width:15%;
	text-align:left;
	padding:6px;
	vertical-align:top;
	text-indent:12px;
	background:url(../../img/ic_arrow_black2.gif) no-repeat left center;
}

#sitemap table td {
	text-align:left;
	padding:6px;
}