/***********************-
タイトル :　大田産業株式会社
概要：共通
制作日：2010/04

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

@import "uni.css";
@import "basic.css";
@import "btn.css";


/*全てをクリア*/
.clear {
   clear: both;
} 

/*ハック*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end safari */ 


#contents{
 background:#ffffff;
 width:720px;
 padding:20px 40px;
}


table.table1{
	margin: 20px 0px 20px 50px;
	width:600px;
}
table.table2{
	margin: 20px 0px 20px 50px;
	width:600px;
}
table.table2 td{
	padding:5px 8px;
}
table.link{
	margin: 20px 0px 20px 50px;
	width:600px;
}
table.link th{
	padding:8px 8px;
	text-align:left;
}
table.link th strong{	padding:5px 0 1px 20px;
 background:url(../img/btn/arrow.gif) no-repeat;
 font-weight:bold;
}
table.link th p{	margin:0 0 0 20px;padding:0px;
}
table.link td{
	padding:8px 8px;
	width:220px;
	text-align:center;
}



/* 共通 */
h1{
	margin: 35px 0px 5px 5px;
}
.titles{
	margin: 25px 0px 20px 0px;
	font-size: 90%;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #3366FF;
	width:310px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	letter-spacing: 2px;
}
.titles2{
	margin: 25px 100px;
	font-size: 90%;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #3366FF;
	width:400px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	letter-spacing: 2px;
}
h3{
	margin: 25px 0px 20px 0px;
	font-size: 110%;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #3366FF;
	width: 550px;
	text-align: center;
	padding: 5px 10px 5px 25px;
	letter-spacing: 5px;
}
h2{
	margin: 35px 25px 20px;
	font-size: 110%;
	color: #3333333;
	font-weight: bold;
	border-bottom:solid 1px #333333;
	border-left:solid 5px #333333;
	width: 620px;
	text-align: left;
	padding: 5px 10px 5px 20px;
	letter-spacing: 2px;
}
.title2{
	margin: 30px 0px 20px 0px;
}

.setumei{	margin: 20px 0px 20px 50px;
padding:8px 15px;
	width:570px;
	background:#f0f0f0;
}


.close{
	font-size: 80%;
	margin: 15px 0px 1px 0px;
}
/* 企業概要 */
.kigyoleft{
	background-color: #E5E5E5;
	padding: 6px 10px 5px 20px;
	border-bottom: solid 1px #FF9933;
	text-align: left;
	vertical-align: top;
	}
.kigyoright{
	background-color: #ffffff;
	padding: 6px 20px 5px 5px;
	border-bottom: solid 1px #FF9933;
	text-align: left;
	vertical-align: top;
	}
.enkakuleft{
	background-color: #EEEEEE;
	padding: 6px 10px 5px 20px;
	text-align: left;
	vertical-align: top;
	}
.enkakuright{
	background-color: #ffffff;
	padding: 6px 20px 5px 5px;
	text-align: left;
	vertical-align: top;
	}
.kigyoright a{
		margin:0 0 0 1em;
		 background:url(../yag/arrow.gif) no-repeat;
	 padding:0 0 0 15px;

	}



/* 課題 */
#container {
	width: 600px;
	margin: 0 auto;
	text-align:left;/*IE6用ハック*/
	padding-bottom: 10px;
}


.kadai{
	margin: 6px 10px 5px 20px;
	text-align: left;
	vertical-align: top;
	}
.kadaileft{
	padding: 6px 10px 6px 10px;
	text-align: right;
	vertical-align: top;
	}
.kadairight{
	padding: 6px 10px 6px 10px;
	text-align: left;
	vertical-align: top;
	}
.kadaibunsho{
	margin:15px 0;
	text-align:left;
	width:46em;
}
.kadaip{
 padding:0px 10px 10px 10px;
}
.forming{
	font-size: 130%;
	color: #009999;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
	}
.forming2{
	margin: 10px 10px 10px 10px;
	text-align: left;
	line-height: 120%;
	}
.simtos{
	font-size: 110%;
	color: #009999;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
	}

/* お問合せ */
.formt{
	font-size: 105%;
	color: #009999;
	font-weight: bold;
	}
.red{
	margin: 10px 10px 10px 10px;
	text-align: left;
	color: #CC3333;
	}

/* sample */
.sample{
	text-align: center;
	vertical-align: middle;
	padding: 5px 10px 5px 10px;
	}
.samplep{
	text-align: center;
	vertical-align: middle;
	padding: 20px 0px 5px 0px;
	}



/* ニュースタイトル */
.newstitle {
	background-repeat:no-repeat;
	text-align: left;
	color: #9A0017;
	background-image: url(http://www.reuse-net.com/index/news.gif);
	padding: 8px 85px 0px;
	height:20px;
	vertical-align:top;
	font-size:85%;
}
/* ニュースpdf */
.mediaall {
	margin:20pxpx 5px 0px 10px;
	width:600px;
	}

.newsp {
	margin:0px 5px 0px 10px;
	}

.newsnikkan {

	border:1px solid #999999;
	float:left;

	}
	
	
.newspdf {
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 0px 10px;
	background-image:url(http://www.reuse-net.com/index/line.gif);
	background-repeat:repeat-y;
	}
	
.media{
	margin:5px 4px 0 0;
}


.medxiatext{
	margin:15px;
}
.mediafont{
	margin: 5px 15px 5px 25px;
	font-size:85%;
	line-height: 1.3;
	text-align:left;
}
.mediafont2{
	margin: 5px 15px;
	font-size:85%;
	line-height: 1.3;
	text-align:center;
}
.mediafont3{
	padding: 5px 15px;
	font-size:85%;
	line-height: 1.3;
	text-align:left;
}



p{
 margin:1.5em 0;
}

/*サンプル*/
#samp{
 margin-left:90px;
}
#samp h3{
 background:#000000;
 text-align:left;

}
#samp dl{
 padding:5px 0 50px 40px;
}

#samp dl dt{
 margin:20px 0 0 0;
 padding-left:8px;
 font-size:120%;
border-left:5px solid #000000;
 font-weight:bold;
}
#samp dl dd{
 margin:25px 0 0 12px;
}


#samp dl dd ul{
 margin:0 0 15px;
}
#samp dl dd ul li{
 margin:0 1.5em 0 0;
 padding-left:10px;
 float:left;
 width:auto;
 background:url(../img/ex/box.gif) no-repeat;
 word-spacing:0.2em;
}
.sample{
 margin-left:20px;
 padding-bottom:60px;
}
.sample .box,.sample2 .box{
	margin: 15px 15px 0 0;
	float:left;
	width:150px;
	}
.sample .box3{
	margin:15px 0 0 0;
	width:495px;
	}
.sample .box3 img{
	margin: 0px 15px 5px 0;
	}
.sample .box img,.sample2 .box img{
	margin: 0px 0px 5px 0;
	}
.sample2{
 margin-left:0px;
}
.sample2 img{
 margin-bottom:5px;
}


#samp .cap{
margin:10px 0 30px;
}


#pagenai{
 margin:10px 0 10px 40px;}

#pagenai ul li{
	margin:0 5px;
	padding:5px 0 1px 20px;
 background:#f0f0f0;
 text-align:left;
 background:url(../img/btn/arrow.gif) no-repeat #f0f0f0;
 float:left;width:14em;}


dl#otoioawase{
 margin:40px 60px 40px 80px;
 padding:15px;
 border:1px solid #333333;
 background:#f0f0f0;
}
dl#otoioawase dt{
 float:left;
 width:10em;
 font-size:130%;
 font-weight:bold;
}
dl#otoioawase dd{
 float:right;
 width:27em;
 font-size:110%;
}
dl#otoioawase dd strong{
 font-size:110%;
 font-weight:bold;
}

.pdf{
		margin:1em 0;
	 background:url(../image/pdf.gif) no-repeat;
	 padding: 3px 0 5px 20px;
	}
table.koen{
	 margin:10px 0 20px 90px;
	 border-bottom:#666 1px solid ;
	 width:420px;
		}
table.koen th{
	padding:0px 0 3px;
	font-weight:bold;
	text-align:left;
	}
table.koen td{
	padding:0 0.5em;
	vertical-align:top;
	line-height: 120%;
	margin: 0px;
	}
	
table.koen td.forming2{
	padding:0 0.5em;
	text-align:right;
	width:4.5em;
	margin: 0px;
}		

#tokkyo{
	 margin:0 0 0 1em;
	 padding:2px 5px;;	 background:#000;
	 color:#fff;
	}

.section{
	margin: 0 auto;
	padding: 0;
	text-align:left;/*IE6用ハック*/
	width: 600px;

	}

.section h3{
 background:#000000;
 text-align:left;

}
.section ul {
margin:10px 40px;
}
.section ul li {
margin:0 0 10px;
}

.section ul h4 {
	 font-weight:bold;
	 margin:0;
	 padding:0 0 0 15px;
	 background:url(../development/maru.gif) no-repeat;
}
.section ul p {
	 margin:0 0 0 15px;
}
.section dl {
	 margin:0 0 25px 25px;
}
.section dl dt {
	font-weight:bold;
	 margin:0;
	 padding:0 0 0 10px;
	 border-left:5px solid #000;
	 font-size:110%;
}
.section dl dd {
	 margin:10px 0 0 15px;
}

.section .photo {
	 margin:15px 50px 40px; text-align:center;
}
.section .photo p.cap {
	 text-align:right;
	 font-size:90%;
	 margin:8px 0 0;
	 padding:0;
}





body#fiber,body#present{
color:#333;
font:90% verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",'ヒラギノ角ゴ ProN W3',"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#000;border-top:5px solid #000;
-webkit-text-size-adjust: none;
}

body#fiber #btn li#kakonituite { color:#fff; padding:20px 0 0; margin:0 0 0 25px; font-size:110%;}

#fiber #contents h1,#fiber #contents  h2{
	margin: 35px auto 20px !important;
	border:none;
	width: 712px;
	text-align: left;
	padding: 0 !important;
	letter-spacing:0;
}
#fiber #contents .pan{
	margin: 0px;
	
}
#fiber #contents ul.pan{ margin:0 0px 0 20px!important;pading:0 0px 0 0!important;
}

#fiber #contents .pan li{
	 display:inline-block; *display: inline;
    *zoom: 1; font-size:80%; margin:0 20px 0 0;
}

#fiber #contents ul.fchui{ margin:0 0px 4em 3em!important;pading:0 0px 0 0!important;}

#fiber #contents ul.fchui li{ display:inline-block; *display: inline; *zoom: 1;  margin:0 20px 0 0; font-weight:normal;
}


#fiber #contents  h3{
	margin: 25px auto 20px;
	font-size: 120%;
	color: #333!important;
	font-weight: bold;
	border-left:solid 5px #333333;
	width: 620px;
	text-align: left;
	padding: 3px 10px 0px;
	letter-spacing:0;
	background:#fff;
}

#fiber #contents span{
	margin: 0px 5px 0 0; padding:0;
	border-bottom:1px solid #666;

}
#fiber #contents sub {font-size:70%}

#fiber #contents  p,#fiber #contents  dl { margin: 10px auto 20px;width: 620px;}
#fiber #contents  p img{ float:right; margin:0 15px 15px;}

#fiber #contents  dl dt,#fiber #contents  dl dd {float:left;}
#fiber #contents  dl dt {clear:both;}
#fiber #contents  dl dd {}

#fiber #contents  ul.kako { margin: 0px auto 40px;width:650px; border-bottom:solid #999999 1px; text-align:center; }
#fiber #contents  ul.kako li { display:inline-block; *display: inline; *zoom: 1;  margin:0 20px 15px 0; text-align:center; width:260px; vertical-align:top;}
#fiber #contents  ul.kako h4 { font-weight:bold; font-size:110%; padding:8px 0 6px; text-align:left; height:3em;}
#fiber #contents  ul.kako h4 span {  margin-left:1.6em; border:none;font-weight:bold; }


#fiber #contents  ul.kako p{   text-align:left; width:200px; font-weight:normal;}

#fiber #contents  dl.kikai { margin: 10px auto 40px;width: 620px;}
#fiber #contents  dl.kikai dt {width:150px;}
#fiber #contents  dl.kikai dt,#fiber #contents  dl.kikai dd {margin:0; padding:10px 8px 6px; border-bottom:dotted #999999 1px;}
#fiber #contents  dl.kikai dd {width:400px;}
#fiber #contents  ul { margin: 10px auto 20px;width: 600px; list-style:none;}
#fiber #contents  ul li {  margin: 0 0 3px; font-weight:bold;}




#present a:hover img{filter:alpha(opacity=50);
opacity:0.50;
-moz-opacity:0.50;
}
body#present #btn li#samplele { color:#fff799; padding:15px 0 0; margin:0 0 0 25px; font-size:180%;}
body#present sub{ font-size:70%;}
#present #contents h1{
	margin: 35px auto 20px !important;
	border:none;padding: 0px;
	max-width: 712px;
	width: 100%;
	text-align: left;
	padding: 0 !important;
	letter-spacing:0;
}

#present #contents  span.shasin{ float:right;
	margin:0 0 0 15px; font-size:40%; text-align:center; display:block; font-weight:normal;
}

#present #contents  header {
  margin:10px;
  padding:0 0 0 15px ;
  border:1px solid #333;
  background:none;
  font-weight:800;
  letter-spacing:1px; height:161px}


#present #contents  h2{
	font-size: 145% !important;
	margin: 10px auto 8px !important;
	border:none;padding: 0px;
	max-width: 712px;
	width: 100%;
	text-align: left;
	padding: 0 !important;
	letter-spacing:0;
}
#present #contents  header   p{
	margin: 5px auto 5px !important; line-height:1.4;
}


#present #contents  h3{
	margin: 25px auto 20px;
	width:80%;
	padding: 5px 10px;
	letter-spacing:0;
	background:#98d3d8; color:#000;
	 text-align:left;
}
#present #contents .photo{ clear:both; text-align:center; margin:10px; padding:20px 0 0;}
#present #contents .photo p{  margin:0 auto; padding:0px 0 10px; }

#present #contents .photo img{ 
border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */}
#present #contents .photo img.sa{ width:auto; height:250px;}
#present #contents p.setumei{ margin:30px auto 30px !important; width:70%; background:none; border:#cc0000 dotted 2px;border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */}



#present #contents  ol{
	margin: 10px auto;
	width:70%;
	 text-align:left;
	 list-style-type:decimal;
}
#present #contents  ol li{
	margin: 0 0 5px 0;

}
#present #contents .chui{
	margin: 30px auto;
	width:75%;
	 text-align:left;
	 color:#cc0000;
	 font-size:90%;
}
#present #contents .chui span{ display:block; margin-left:1em;
}