|
|
| (32 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - |
| |
| - | <head>
| |
| - | <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
| |
| - | <title>CSS</title>
| |
| - | <style type="text/css">
| |
| - | <!--
| |
| - | p { font-size : 10pt }
| |
| - | pz{ font-size : 30pt; color : red}
| |
| - | -->
| |
| - | .aaa { font-size : 20pt }
| |
| - | @charset "UTF-8";
| |
| - | body {
| |
| - | color: #000;
| |
| - | background:#fff;
| |
| - | }
| |
| - |
| |
| - | body, div, dl, dt, dd, ul, ol, li,
| |
| - | h1, h2, h3, h4, h5, h6, p {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | address, em, strong {
| |
| - | font-style:normal;
| |
| - | font-weight:normal;
| |
| - | }
| |
| - |
| |
| - | li {
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | h1, h2, h3, h4, h5, h6 {
| |
| - | font-size: 100%;
| |
| - | font-weight: normal;
| |
| - | }
| |
| - |
| |
| - | /*フォント*/
| |
| - | body {
| |
| - | font-family : Times New Roman, sans-serif ;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*左右2段組み*/
| |
| - | div#wrapper {
| |
| - | width:950px;
| |
| - | background:url(../images/back.gif) repeat-y #f2f2f2;
| |
| - | margin:10px auto 0;
| |
| - | position:relative;
| |
| - | padding:0 0 50px;
| |
| - | }
| |
| - | div#left_side {
| |
| - | width:170px;
| |
| - | margin:10px 0 0 10px;
| |
| - | float:left;
| |
| - | _display:inline;/*IE6用ハック*/
| |
| - | }
| |
| - | div#main {
| |
| - | width:770px;
| |
| - | float:right;
| |
| - | margin:10px 0 20px;
| |
| - | }
| |
| - |
| |
| - | /*clearfix*/
| |
| - | .clearfix:after {
| |
| - | content:".";
| |
| - | display:block;
| |
| - | height:0;
| |
| - | visibility:hidden;
| |
| - | clear:both;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*カラム*/
| |
| - |
| |
| - | div.col01 {
| |
| - | width:360px;
| |
| - | height:230px;
| |
| - | background:#fff;
| |
| - | margin:0 0 20px 20px;
| |
| - | float:left;
| |
| - | _display:inline;
| |
| - | }
| |
| - |
| |
| - | div.col02 {
| |
| - | width:360px;
| |
| - | height:230px;
| |
| - | background:#fff;
| |
| - | margin:0 0 20px 20px;
| |
| - | float:left;
| |
| - | _display:inline;
| |
| - | }
| |
| - |
| |
| - | div.col03 {
| |
| - | width:360px;
| |
| - | height:230px;
| |
| - | background:#fff;
| |
| - | margin:0 0 20px 20px;
| |
| - | float:left;
| |
| - | _display:inline;
| |
| - | }
| |
| - | div.col04 {
| |
| - | width:360px;
| |
| - | height:230px;
| |
| - | background:#fff;
| |
| - | margin:0 0 20px 20px;
| |
| - | float:left;
| |
| - | _display:inline;
| |
| - | }
| |
| - | div.col02 div.photo_a {
| |
| - | float:left;
| |
| - | }
| |
| - | div.col02 div.text {
| |
| - | width:170px;
| |
| - | float:right;
| |
| - | }
| |
| - | /*画像トリミング*/
| |
| - | div.photo_a {
| |
| - | width:160px;
| |
| - | height:220px;
| |
| - | margin:4px;
| |
| - | border:1px solid #f99;
| |
| - | overflow:hidden;
| |
| - | position:relative;
| |
| - | z-index:2;
| |
| - | }
| |
| - | div.photo_b {
| |
| - | width:160px;
| |
| - | height:110px;
| |
| - | margin:4px;
| |
| - | border:1px solid #f99;
| |
| - | overflow:hidden;
| |
| - | position:relative;
| |
| - | z-index:2;
| |
| - | }
| |
| - | /*画像位置調整*/
| |
| - | div.photo_a img, div.photo_b img {
| |
| - | position:relative;
| |
| - | left:-4px;
| |
| - | top:-4px;
| |
| - | }
| |
| - | div.col01 h2, div.col02 h2,div.col03 h2{
| |
| - | line-height:2em;
| |
| - | text-align:center;
| |
| - | margin:10px 5px;
| |
| - | background:#f99;
| |
| - | font-size:80%;
| |
| - | font-weight:bold;
| |
| - | color:#666;
| |
| - | }
| |
| - | div.col02 h2 {
| |
| - | margin:5px 5px 10px;
| |
| - | }
| |
| - | div#main p {
| |
| - | font-size:70%;
| |
| - | color:#666;
| |
| - | margin:0 5px;
| |
| - | line-height:2em;
| |
| - | }
| |
| - | div#main p.syousai {
| |
| - | text-align:right;
| |
| - | }
| |
| - | div#main p.syousai a {
| |
| - | color:#ff66bd;
| |
| - | }
| |
| - | div#main p.syousai a:hover {
| |
| - | color:#66e3ff;
| |
| - | }*/
| |
| - |
| |
| - | /*ナビゲーション*/
| |
| - | ul#global_navi {
| |
| - | margin:40px 0 0;
| |
| - | }
| |
| - | ul#global_navi li {
| |
| - | width:170px;
| |
| - | height:40px;
| |
| - | overflow:hidden;
| |
| - | margin:20px 0;
| |
| - | }
| |
| - | ul#global_navi li a {
| |
| - | display:block;
| |
| - | width:170px;
| |
| - | height:40px;
| |
| - | }
| |
| - |
| |
| - | ul#global_navi li a:hover img {
| |
| - | position:relative;
| |
| - | top:-40px;
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - | <div id="wrapper" class="clearfix"></div>
| |
| - | <div id="left_side"></div>
| |
| - | <div id="col01">
| |
| - | <font size=8>The world has become bitter against smokers.However, many people like smoking and can't quit smoking.You might be one of such people.
| |
| - | So, what if you got stinky in your mouth if you smoked or broke the "non-smoking promise"?? Very stinky breath will go out from your mouth,and
| |
| - | all the people around you, the professors , friends, family members ,and also boy/girl friends.Then you will get so alone....<BR>
| |
| - | We are growing E.coli or bacterias which express the enzyme that reacts Dioxine and catalyzes a smelling substract.
| |
| - | </div>
| |
| - | <div id="col02">
| |
| - | <font size=8>Yes, Everyone wants to eat what they want.Many people like beaf steak,fried chiken,pork cutlets,hot dogs, hamburgers, many fatty foods,and so on.Only one imagines such foods ,thier mouth will soon get watering.However, too much eating such foods are dangerous for the body.It's very unhealthy.such food (that we like?or the foods like us? I wonder) include much LDL cholesterol.LDL cholesterol causes many diseases.We finally eat what we want! So,one of our projects will make the desire come true.We find a new way to prevent one of the diseases LDL cholesterol cause.<BR>
| |
| - | Arteriosclerosis is caused by LDL cholesterols. So, we are growing S.cerevisiae which express LDL cholesterol receptor and inhibits the absorption of LDLcholesterols in the blood vassel.
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
| | [[Team:Todai-Tokyo/Files | imgfiles]] | | [[Team:Todai-Tokyo/Files | imgfiles]] |
"
