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


/*-----------------------------------------------
-------------------------------------------------

1．記事ページのcontent
   ・記事内容
2. 関連画像
            
-------------------------------------------------
-----------------------------------------------*/



/*-----------------------------------------------
1．記事ページのcontent
-----------------------------------------------*/

/*--- 記事内容 --*/

#main #articleBlock {
     margin-bottom: 35px;
     padding-right: 25px;
}

#main #articleBlock p {
     line-height: 1.4;
}

#main #articleBlock a {
     color: #007600;
     text-decoration: underline;
     font-size: 108%;
     font-weight: bold;
}

#main #articleBlock a:hover {
     color: #007600;
     text-decoration: none;
}

#main .titleBox {
     width: 680px;
     margin-bottom: 35px;
}

* html #main .titleBox {
     width: 670px; /* IE6 h1タイトルのレイアウト崩れ対策 */
}

#main .titleBox h1 {
     background: url(../img/article/line_h1_01.gif) no-repeat left top;
 				padding-left: 10px;
	 			float: left;
		 		width: 505px;
			 	margin-bottom: 0;
}

* html #main .titleBox h1 {
	 width: 495px; /* IE h1タイトルのレイアウト崩れ対策 */
}

#main .titleBox h1 span.english, 
#main .titleBox h1 span.japanese {
     display: block;
}

#main .titleBox h1 span.english {
 				font-weight: 300;
	 			margin: 0 0 1px 2px;
}

#main .titleBox h1 span.japanese {
     font-size: 200%;
}

#main .titleBox p {
     float: right;
     width: 140px;
     margin-right: 18px;
}

#main div#articleBlock h2 {
     margin-bottom: 12px;
}

div#function, div#solutionClassification, div#technicalApplication, div#relatedLiterature,
div#products, div#business, div#techniqueProposal, div#businessProposal, div#relatedNaturetech {
     margin-bottom: 30px;
     padding-left: 10px;
}

div#function p, div#technicalApplication p, div#techniqueProposal p, div#relatedNaturetech p  {
     margin-bottom: 15px;
}

div#functionalClassification {
     padding-bottom: 10px;
}

div#functionalClassification dl {
     margin: 10px 0 20px 0;
     padding-left: 10px;
}

div#functionalClassification dt {
     margin: 0 10px 5px 0;
     font-weight: bold;
     font-size: 108%;
     color: #454545;
}

div#functionalClassification dd {
     margin-left: 15px;
					line-height: 1.5;
}

* html div#solutionClassification {
	   padding-bottom: 20px; /* IE6 環境ソリューション分類タイトルのレイアウト崩れ対策 */
}

*:first-child+html div#solutionClassification {
	   padding-bottom: 20px; /* IE7 環境ソリューション分類タイトルのレイアウト崩れ対策 */
}

div#solutionClassification ul li {
     float: left;
					line-height: 1.1;
}

#main div#articleBlock div.set div.leftBox h2, 
#main div#articleBlock div.set div.rightBox h2 {
	    margin-bottom: 5px;
}

#main div#businessProposal ul {
	    margin: -8px 0 0 16px;
}

div.set {
    width: 670px;
}

* html div.set {
    width: 660px;
}

div.leftBox {
     width: 320px;
        float: left;
}

div.rightBox {
     width: 320px;
     float: right;
}

div#products ul, div#business ul {
     margin-left: 15px;
}

div#products ul li, div#business ul li, div#businessProposal ul li {
    list-style-image: url(../img/common/icon_disc.gif);
    line-height: 1.4;
}

div#relatedLifestyle .relatedBox, div#relatedNaturetech .relatedBox {
    width: 655px;
    margin-bottom: 20px;
    padding-top: 5px;
}

div#relatedLifestyle .relatedBox p ,div#relatedNaturetech .relatedBox p {
    width: 110px;
    float: left;
    margin-bottom: 0;
}

div#relatedLifestyle .relatedBox dl, div#relatedNaturetech .relatedBox dl {
    width: 535px;
    float: right;
    line-height: 1.4;
}

div#relatedLifestyle .relatedBox dl dt, div#relatedNaturetech .relatedBox dl dt {
    font-size: 108%;
    font-weight: bold;
    margin: 2px 0 8px 0;
}

p.next {
	 display: inline;
		margin: 0 16px 0 0;
}

p.before {
	 display: inline;
		margin: 0 16px 0 0;
}

/*-----------------------------------------------
2．関連画像
-----------------------------------------------*/

#sidebar div#relatedPicBlock {
    padding-left: 27px;
    margin: 50px 0 30px 0;
}

#sidebar div#relatedPicBlock dl {
    width: 220px;
    margin-bottom: 25px;
	   word-break:break-all;
}

#sidebar div#relatedPicBlock dd {
    padding-top: 3px;
    line-height: 1.4;
}