@charset "utf-8";

/**********************************************************************基本***/

body { 
padding:0;  margin:0;  background : #fff url(http://15qm.com/img/body.jpg) repeat-x center top;  
font-size: 100%;  line-height: 140%; font-family: Verdana, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing: 1px;  vertical-align: baseline; }

*  {	padding:0;	margin:0; }
h1 {	padding:0;	margin:0;	font-size: 78%; line-height: 160%;	color: #333; }
h2 {	padding:10px 0;	margin:0;	font-size: 78%; line-height: 160%;	color: #333; }
h3 {	padding:0;	margin:0;	font-size: 78%; line-height: 160%;	color: #333; }
h4 {	padding:0;	margin:0;	font-size: 78%; line-height: 160%;	color: #333; }
h5 {	padding:0;	margin:0;	font-size: 78%; line-height: 160%;	color: #333; }
h6 {	padding:0;	margin:0;	font-size: 78%; line-height: 160%;	color: #333; }
p  {	padding:0;	margin:0;	font-size: 78%; line-height: 160%;	color: #333; }

ul,ol{ padding:0 40px; margin:10px 0; }
dl   { padding:0; margin:0; }
li      {font-size: 78%; line-height: 160%;}
dt      {font-size: 78%; line-height: 160%;}
dd      {font-size: 78%; line-height: 160%;}

table { margin:10px; padding:0; border-collapse:collapse; border-spacing:0;}
th    { margin:0; padding:2px 5px; text-align:left; }
tr,td { margin:0; padding:2px 5px; color: #333; vertical-align:top;}

a        { color: blue;	text-decoration: none;  }
a:hover  { color: aqua;  text-decoration:underline; }
a:visited{ color: navy; }
img {border:0;}


.f8    { font-size: 8pt;	 line-height: 12pt; }
.f10   { font-size: 10pt; line-height: 14pt; }
.red   { color:#FF0000; }
.center{ text-align:center; }
.left  { float:left;  }
.right { float:right; }
.rightT{ text-align:right;}
.padding20{padding:0 20px}

.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
/*---For IE-----*/
.clearfix {	display:inline-block;}
/*MacIE \*/
* html .clearfix {height: 1em;}
.clearfix {display: block;}

/**********************************************************************　レイアウト　***/

#base{
	width: 910px;
	margin:0 auto;
	background :#fff url(http://15qm.com/img/contents.jpg) repeat-y center top;
}

#contents{
	padding:20px;
	background :url(http://15qm.com/img/base.jpg) no-repeat center top;
_zoom: 1;   
overflow: hidden;
}
#contentsMain{
	width:530px;
	float:left;
}
#contentsSub{
	width:320px;
	float:right;
	}
#contentsBottom{
width:860px;
margin:0 auto;
padding-bottom:20px;
}

#foot{
	width:100%;
	height:105px;
    text-align:center;
	background :url(http://15qm.com/img/foot_bg.jpg) repeat-x center top;
	font-size:10px;
	color:#fff;
}

/**********************************************************************　トップ　***/

#rogo{ text-align:center;}

#tag{
width:480px;
padding:0 10px 20px 10px;
margin:0 auto;
background :#EAD5FF url(http://15qm.com/img/tag_bg.jpg) no-repeat center bottom;
}
#tag strong{color:#9933FF; font-size:100%; line-height:300%;}
#tag img{vertical-align:middle; }


/**********************************************************************　右カラム　***/
/*
#ad   {border:10px solid #ccc; width:300px; height:250px; text-align:center; margin:10px 0;}
*/
.rightBox{border:5px solid #ccc; width:290px; padding:10px; margin:10px 0;}

#attention{
background:#D4F4FF url(http://15qm.com/img/menseki_bg.jpg) no-repeat center bottom;
margin-bottom:10px;
padding-bottom:20px;
}
#attention dd{
padding:0 15px 5px 30px;
background:url(http://15qm.com/img/dot.gif) no-repeat 15px 7px;
}

#link dt{font-size:90%; border-bottom:2px solid #33CCFF; margin:5px 0; padding:0 10px; font-weight:bold;}
#link dd{margin:5px 0;}

/**********************************************************************　メルアド発行　***/

#get {
width:260px;
height:130px;
padding:30px 0 0 80px;
background: url(http://15qm.com/img/get_bg.jpg) no-repeat left top;
text-align:center;
float:left;
}
#get img{margin-bottom:10px;}
.getButton {
width: 190px;
height: 50px;
border: 0;
background: url(http://15qm.com/img/btm_copy.gif) no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
margin-top:6px;
}
#btmQrEnd{margin-top:30px;}
#more{
width:500px;
background-color:#FFEE79;
margin:10px auto;
text-align:center;
}
#more img{vertical-align:middle;}

/**********************************************************************　メールボックス　***/

#mailboxTime{
	color:#9933FF;
	font-weight:bold;
}
#mailBox{
	width:840px;
}
#mailBox th,td{
	border:1px solid #999;
	word-break: break-all;
}
#mailBox th{
	text-align:center;
	font-size:60%;
	line-height:120%;
	background-color:#D4F4FF;
}
#mailBox td{font-size:75%;}

#MailContents {
	word-break: break-all;
	word-wrap: break-all;
}

