@charset "utf-8";
*{
margin:0;
padding:0;
}

img{border:none;}

body{
        font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
        background:url(../img/bg-main.png);
        color: #333;
        line-height:150%;
        padding:0px;
        margin:0px;
        font-size:16px;
}
/* for IE6 */
* html body {
    font-size: 100%;
}
/* for IE7 */
*:first-child+html body {
    font-size: 100%;
}

h1,h2,h3,h4,h5,ul,li,ol,p,dl,dt,dd{
        margin:0px;
        padding:0px;
}

form{
        margin:0px;
        padding:0px;
}
a{
text-decoration:none;
}

ul{list-style:none;}

.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
.clr{clear:both;}

/* Header */

.head-top{
	height:165px;
	padding:0 10px 10px;
width:1200px;
margin:0px auto;
}

.head-top .ht1{
	width:330px;
	float:left;
}

.head-top .ht2{
	width:120px;
	padding:10px;
	float:left;
}

.head-top .ht3{
	width:730px;
	height:120px;
	margin-top:24px;
	float:left;
}


.head-top .ht1 h1 a{
	background: url(../img/main-logo.png) no-repeat;
	text-indent: -99999px;
	height:60px;
	width:330px;
	display: block;
	margin-top:24px;
}

.head-top .headline{
	/*background:url(../img/bg-headline.png) no-repeat;*/
background:url(../img/bg-headline_mailmagazine.png) no-repeat;
	width:318px;
	height:20px;
	padding:23px 6px 9px 8px;
	margin:10px 0 0 0;
}

/* HeaderMenu */
#header-bg ul.header-menu{
	height:40px;
	font-size:94%;
	padding:10px 0 0 0;
}

#header-bg ul.header-menu li{
	float:left;
	padding:0 10px;
}

#header-bg ul.header-menu li a{
	color:#fff;
	font-weight: 200;
}

#header-bg ul.header-menu li a:hover{
	color:#e38a27;
}

#header-bg ul.ad-6{
	width:1205px;
	margin:0px auto 0;
	padding:25px 0 0;
height: 100px;
overflow: hidden;
}

#header-bg ul.ad-6 li{
	float:left;
	margin:0 9px 0 8px;
	width:155px;
	height:100px;
}

#header-bg ul.ad-txt{
	width:1210px;
	margin:20px auto;
}

#header-bg ul.ad-txt li{
	background:#fff;
	text-align: center;
	float:left;
	padding:5px 0 0;
	margin:0 20px 0 0;
	width:390px;
	height:25px;
}

#header-bg ul.ad-6 li.end,
#header-bg ul.ad-txt li.end{
	float:left;
	margin:0 0 0 0;
}

/* Footer */
#footer a{color:#fff;}
#footer a:hover{color:#e38a27;}
.btn2top a{
	background:url(../img/btn-2top.png) no-repeat;
	float:right;
	text-indent: -9999px;
	width:114px;
	height:41px;
	display: block;
	margin-top:1px;
}

#footer h2 a{
	background: url(../img/bg-footer-logo.png) no-repeat;
	width:335px;
	height:60px;
	text-indent: -9999px;
	float:left;
	margin:0 20px 30px 0;
}

#footer .ad-footer{
	float:left;
	width:470px;
	height:60px;
	margin:0 20px 30px 0;
}

#footer ul.ad-footer-txt{
	float:left;
	width:335px;
	height:60px;
	margin:0 0 30px;
	display: block;
}
#footer ul.ad-footer-txt li{
	font-size: 12px;
	width:335px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}

#footer ul{
	margin:30px 30px 25px;
}

#footer ul li{
	font-size: 94%;
	float:left;
}
#footer ul li a{
	color:#fff;
}

#footer h3{
	font-size:97%;
	color:#ccc;
	margin:0 0 0 40px;
}

#footer p{
	font-size:80%;
	color:#ccc;
	margin:0px 40px 20px;
}

#footer address{
	text-align: center;
	font-size:70%;
}