@import "backnumber.css";

/*base-----------------*/

.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*共通部分*/
@charset "utf-8";

div,
h1, h2, h3, h4, h5,
dl, dt, dd, ul, ol, li,
p, pre, blockquote,
form, fieldset, input, textarea,
table, th, td {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  border: none;
  background: none;
  font-weight: bold;
  font-size: 100%;
  color: #333;
}

ul,
ol { list-style-type: none; }

img { border: 0; }

a { color: #833A19; }
*> a { outline: none; }

/*----------------------------------------------------------
	Container Style
----------------------------------------------------------*/

{
  margin-top: 15px;
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, verdana, sans-serif;
  font-size: 12px;
  color: #333;
}

.colPink {
  color: #E45991;
}

/*----------------------------------------------------------
	Elements Style
----------------------------------------------------------*/

p.keyVisual { text-align: left; }

p.lead {
  color: #333;
  font-weight: normal;
}

p.caption {
  font-size: 10px;
  text-align: left;
}
div#mainContentswide{
width:940px;
font-size:12px;
line-height:16px !important;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*Mailmg_TtlArea-----------------*/
div#Mailmg_TtlArea{
background: transparent url(../images/Mailmg_TtlArea_bg.jpg) 0 0 repeat;
padding-left:25px;
padding-bottom:25px;
}

div#Mailmg_Ttl{
padding:25px 0 26px 0;
}
div#Mailmg_Ttl h1{
text-indent: -9999px;
width:652px;
height:135px;
background: transparent url(../images/Mailmg_Ttl_h1.jpg) 0 0 no-repeat;
}
div#Mailmg_Ttl{
background: transparent url(../images/Mailmg_Ttl_bg.jpg) 675px 0 no-repeat;
}
div#Mailmg_Ttlmerit{
width:890px;
background: transparent url(../images/Mailmg_Ttlmerit_bg.jpg) 0 0 repeat;
padding-top:10px;
}
div#Mailmg_Ttlmerit h2{
text-indent: -9999px;
width:358px;
height:75px;
background: transparent url(../images/Mailmg_Ttlmerit_h2.jpg) 0 0 no-repeat;
margin-left:265px;
}
div#Mailmg_Ttlmerit ul{
padding:0 1px 0 16px;
}
div#Mailmg_Ttlmerit ul li{
text-indent: -9999px;
width:276px;
height:298px;
float:left;
margin:0 15px 0 0;
display:inline;
}
div#Mailmg_Ttlmerit ul li.Mailmg_Ttlmerit_l1{
background: transparent url(../images/Mailmg_Ttlmerit_l1.jpg) 0 0 no-repeat;
}
div#Mailmg_Ttlmerit ul li.Mailmg_Ttlmerit_l2{
background: transparent url(../images/Mailmg_Ttlmerit_l2.jpg) 0 0 no-repeat;
}
div#Mailmg_Ttlmerit ul li.Mailmg_Ttlmerit_l3{
background: transparent url(../images/Mailmg_Ttlmerit_l3.jpg) 0 0 no-repeat;
}
div#Mailmg_Ttlmerit p{
text-align:right;
margin-right:10px;
}
div#Mailmg_Ttlmerit p a:link,
div#Mailmg_Ttlmerit p a:visited,
div#Mailmg_Ttlmerit p a:hover{
font-size:14px;
font-weight:bold;
}
/*Mailmg_BtnArea-----------------*/
div#Mailmg_BtnArea{
margin:25px 0 40px 142px;
}
div#Mailmg_BtnArea ul li{
float:left;
margin-left:40px;
display: inline;
}
/*Mailmg_ProcessArea-----------------*/
div#Mailmg_ProcessArea{

}
div#Mailmg_ProcessArea h2{
text-indent: -9999px;
width:940px;
height:39px;
background: transparent url(../images/Mailmg_ProcessArea_h2.jpg) 0 0 no-repeat;
padding-bottom:10px;
}
div#Mailmg_ProcessArea ul{
margin-top:15px;
}
div#Mailmg_ProcessArea ul li{
float:left;
}
/*Mailmg_SampleArea-----------------*/

div#Mailmg_SampleArea h2{
text-indent: -9999px;
width:940px;
height:39px;
background: transparent url(../images/Mailmg_SampleArea_h2.jpg) 0 0 no-repeat;
padding-bottom:10px;
}
div#Mailmg_Sample{
float:left;
width:450px;
margin:20px 10px 26px 10px;
_margin:20px 10px 26px 8px;
display:inline;
}
div.last{
margin-bottom:0px !important;
}
div#Mailmg_Sample h3{
background: transparent url(../images/Mailmg_Sample_h3_bg.jpg) 0 0 no-repeat;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:center;
padding:6px 0 15px 0;
}
div#Mailmg_Sample p{
padding:3px 0 6px 15px;
}
div#Mailmg_SampleBox{
width:450px;
margin-top:10px;
border:solid 1px #43d3d6;
padding-top:7px;
}

div#Mailmg_SampleBox h4{
background: transparent url(../images/Mailmg_SampleBox_h4_bg.jpg) 0 0 no-repeat;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:4px 0 0 40px;
height:27px;
}
div#Mailmg_SampleBox p{
padding:8px 0 8px 40px;
}
div#Mailmg_SampleBox i{
font-style:normal;
color:#43d3d6;
}