@charset "utf-8";

h2{border:none; padding-bottom:30px;}
h2 img{width:100%;}
h4{line-height:1.4em;}

#what{padding-bottom:60px;}
#what .whatleft{float:left; width:75%;}
#what .whatRight{float:right; text-align:center;}
#what .whatRight p{margin:0; padding:0; line-height:0em;}
#what .whatRight p.txt{background-color:#E2C9CD; color:#663333; padding:3px; font-size:0.9em; line-height:1.5em;}

#mechanism h4{color:#FF3366;}
#mechanism .meLeft{float:left; width:65%;}
#mechanism .meRight{float:right; width:200px; color:#006699; font-size:0.85em;}
#mechanism .me_line{border:1px solid #006699; padding:4px;}

.meIcon .meIconL{float:left; width:95px;}
.meIconR{float:right; width:84%;}

#adaptation{margin-bottom:60px;}
#adaptation .adapL{float:left; width:42%; line-height:1.6em;}
#adaptation .adapR{float:right; padding-bottom:30px;}
#adaptation .adapR img{border:1px solid #3399FF;}
ul.adaptation{margin-left:24px; line-height:1.5em; margin-bottom:20px;}
ul.adaptation li{list-style:square;}

#ex{padding-bottom:30px;}
#ex ul.ex{margin:0;}
#ex ul.ex li{display:inline;}
#ex ul.ex li img{padding-bottom:30px; padding-right:8px;}

ul.safe{line-height:1.6em; margin-left:24px; margin-bottom:60px;}
ul.safe li{list-style:disc;}

dl.flow{line-height:1.8em; padding-bottom:30px;}
dl.flow dt{ font-weight:bold; color:#FF0033; border-bottom:1px dotted #CCCCCC;}
dl.flow dd{padding-bottom:20px;}

table.flows{border-left:1px solid #FF3366; border-top:1px solid #FF3366; line-height:1.6em; margin-bottom:60px;}
table.flows th{background-color:#FF9999; padding:4px; white-space:nowrap; border-bottom:1px solid #FF3366;}
table.flows td{border-bottom:1px solid #FF3366; border-right:1px solid #FF3366; padding:4px;}

p.price{font-size:1.6em; color:#990000; font-weight:bold;}
p.price span{font-size:0.5em; font-weight:normal;}