@charset "utf-8";
/* CSS Document */
html,body {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important; }
.wrapper { width:980px; margin:15px auto 0; font-size:16px;}
#header,#footer { width:100%; margin:auto;}
#campaign1,#campaign2 { width:100%; margin: 0 auto 4em;}
#header,#intro,#footer { text-align:center;}
#intro {margin:30px auto;}
#intro h1 {font-size: 23px; color: #2390c5; line-height:1.5em;margin: 0 0 30px 0;letter-spacing:1px;}
#intro p{ width: 60%;  margin: auto; line-height: 1.5em;}

#campaign1 h2,#campaign2 h2 {background-color:#2390c5; color:#FFFFFF; font-size:26px; padding:0.8em 0; text-align:center; letter-spacing:5px;}
#campaign1 .illust{ background-image: url(../images/tenki-illust.jpg);background-repeat: no-repeat;background-position: center top;width: 947px; height: 230px; margin:30px auto 47px;position:relative;}
#campaign1 .illust .left{ position: absolute;top: 25px;left: 112px;width: 320px;}
#campaign1 .illust .right{ position: absolute; top:25px; left:482px;width: 287px;}
.illust h4{ font-size:14px; margin:0 0 7px 0;font-weight: normal;}
.illust p{font-size: 10.5px; line-height: 1.5em;}
.product > div { float:left; width:32%;}
.mrl3{ margin:0 2%;}
.product > div h4{background-color: #f1eedf; color: #837434;font-weight: normal;padding: 0.5em 0;font-size: 13px; text-align:center; letter-spacing:-1px;}
.product > div a{color:#172a88; display:block; text-decoration:underline;text-align:center;}
.product > div a:hover{color: #FF0004;text-decoration:none;}
.product > div h3{font-weight: normal;text-align:center;  font-size:14px; margin:15px 0;}
.product > div p{ font-size: 12px;  margin: 15px 15px 0; line-height: 1.5em;}
.product > div p > span{ font-size: 10.5px; display:block;}

#campaign2 .illust{ background-image: url(../images/hizashi-illust.jpg);background-repeat: no-repeat;background-position: center top;width:947px; height: 313px; margin:30px auto 47px;position:relative;}
#campaign2 .illust p{ position: absolute; top:38px; left:88px;font-size:14px; margin:0 0 7px 0;}
/*IE7対応*/
#ie7 .product > div { float:left; width:31%;}
#ie7 .mrl3{ margin:0 1%;}


#copy { font-size:12px; text-align:center; background-color:#2390c5; padding:2em 0; color:#FFF;}

/* spacing-css */
.mt4 {margin-top: 4px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mr14 { margin-right:14px;}
.mb20 { margin-bottom:20px;}
.ml-12{ margin-left:-12px!important;}
.ar { text-align:right;}
/* font-css */
.reds{ color:#E6002E;}
.fs16 { font-size:16px!important;}
.fs14 { font-size:14px!important;}
.fs13 { font-size:13px!important;}
/* float-css */
.fl70{ float:left; width:61%; margin-right:1%; padding:4%;}
.fr30{ float:right; width:30%;}
/* clearfix-css */
.clearfix:after{  content: ".";   display: block;   height: 0;   font-size:0;clear: both;   visibility:hidden;}
/* Hides from IE Mac \*/
/** html .clearfix {height: 1%;}*/
.clearfix{display:block;}


#wrapper2 {font-size:14px; width:580px; margin:2em auto}
#wrapper2 h1 {font-size:1.3rem; font-size:18px\9;/*IE9以下*/ line-height:1.6; font-weight:bold; margin-bottom:10px;}
#wrapper2 table.outside {border:1px solid #A40029;width:100%; height:100%; table-layout:fixed;}
#wrapper2 table.outside th {padding:1em; color:#FFF;background-color:#A40029;width:100px; text-align:left; border-bottom:1px solid;}
#wrapper2 table.outside tr:last-child th {border-bottom:none!important;}
#wrapper2 table.outside td {background-color:#FFFFFF; padding:1em; border-bottom:1px solid #A40029; line-height:1.6;}
#wrapper2 table.inside th,table.inside td { border:none!important;padding: 2px 0!important;}
table.inside td.aicon { color:#A40029; width:10px;}









#ie7 #campaign .text {left:115px!important;}
#ie7 #campaign .img {left:115px!important; top:320p!important;}
#ie7 #campaign .img dl {width:24%!important;}
#ie7 .lf7 { float:left; width:200px;}
#ie7 .contents #profile a.link-profile {margin-left: 0px!important;}
#ie7 .fr30{ width:28%!important;}