@charset "utf-8";

/*/////////////////////////////////////////

>>gnc-material_d.css

Description: detail design.

Create Date: 2009-12-11

Copyright (C) Erina Taniguchi All Rights Reserved.

/////////////////////////////////////////*/

/*
-------------------------------------------
###########################################
common
###########################################
-------------------------------------------
*/
div#contents h1{ margin: 0 auto 10px auto;}
div#contents div.material_nav{ text-align: right;}
div#contents div.material_nav a img{ margin: 0px 5px 30px 0px;}
div#contents div.material_nav a img.mgNone{ margin: 0px 0px 30px 0px;}
div#contents div.material_nav a img.suiou{ margin: 0px 115px 30px 0px;}
div#contents div.material_nav a img.kuzu{ margin: 0px 110px 30px 0px;}
div#contents div.material_nav a img.aojiru{ margin: 0px 66px 30px 0px;}
div.explanation{
width: 652px;
margin: 10px 0 10px 84px;
text-align: left;
color:#999966;
}
div.explanation img{ margin-bottom: 5px;}
img.imgExplanation{ margin: 15px 0px 15px 54px;}
div#contents p.summary{
margin: 0 40px 20px 40px;
width: 620px;
}
div#contents div.box{
width: 668px;
margin: 30px 0px 30px 20px;
border: solid 1px #CCCC99;
border-bottom: none;
clear: both;
}
div#contents div.box h4{
margin: 15px;
color: #006600;
font-size: 16px;
font-weight: bold;
}
div#contents div.box h5{
margin: 15px;
padding: 6px 0 6px 7px;
color: #006600;
font-size: 12px;
line-height: 12px;
font-weight: normal;
background: url(../gnc-material/img/aojiru_h5.gif) no-repeat left center;
}
div#contents div.box h6{
clear: both;
margin: 15px;
padding: 6px 0 6px 7px;
font-size: 12px;
line-height: 12px;
font-weight: normal;
background: url(../gnc-material/img/aojiru_h6.gif) no-repeat left center;
}
div#contents div.box p{ margin: 15px;}
div#contents div.box .btm-border-short{
margin: 15px;
padding-bottom: 15px;
background: url(../gnc-material/img/dotted_short.gif) no-repeat left bottom;
}
div#contents div.box .photo{
float:right;
margin: 15px;
}
div#contents div.box img.border{
margin: 0px auto;
padding: 0px;
display: block;
text-align: center;
clear: both;
}
div#contents div.box img.presentation{
margin: 0px 15px auto 60px;
padding: 0px;
float: left;
}
div#contents div.box ul.presen-list{
width: 456px;
margin: 15px;
float: right;
list-style-position: outside;
list-style-type: disc;
}
div#contents img.boxphoto{
margin: 30px 0px 0px 20px;
}
