@charset "utf-8";
/* CSS Document */

/*
===============================================================================
初期設定
===============================================================================
*/

/*-----------------------------------------------------------------------------
タグのブラウザ依存設定を初期化
-----------------------------------------------------------------------------*/
/*
Reset: margin, padding propaty*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,img,th.td {
margin:0;padding:0; }

/*
Reset: border propaty*/
img {
border:0; }

/*
Reset: List selector*/
ul {
list-style:none; }

/*
Reset: font propaty*/
address {
font-style:normal;font-weight:normal; }


/*-----------------------------------------------------------------------------
フォントフェイス、フォントサイズ、行間の基本設定
-----------------------------------------------------------------------------*/
/*
Reset: font-size, line-height propaty
ブラウザのデフォルトフォントサイズを16pxと前提*/
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
font-size: 75%; /* 12px */    line-height: 1.4; }
h1,h2,h3,h4,h5,h6 {
font-size: 1.2em; /* 14px */ line-height: 1.0; }
p, li {
font-size: 1.0em; /* 12px */ line-height: 150%; letter-spacing:0.1em}
h1,h2,h3,h4,h5,h6,a,ul, li, p, td{
	color: #000;
}
li {
font-size: 1.0em; /* 12px */ line-height: 1.4; letter-spacing:0.1em}
dt, dd{
font-size: 1.0em; /* 12px */ line-height: 1.4; letter-spacing:0.1em}	


/* 
Reset: font-family propaty*/
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;*/}


/*-----------------------------------------------------------------------------
フロート操作によるボックスの高さ調整
-----------------------------------------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-Mac */


/*-----------------------------------------------------------------------------
Firefoxの右側スクロールバーの表示
Firefox上でコンテンツの高さがウィンドウの高さより短い場合に表示位置がずれる現象を解消
-----------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
hr {
	display: none;
}


/*
===============================================================================
レイアウト設定
===============================================================================
*/
body {
	background: #FFFFFF;
}

#wrap{
	width:980px;
	margin:0 auto;
	padding:0 20px;
	background:url(img/bg.jpg) left top repeat-y;
	border-bottom:1px solid #FFF;
	
}


/*-------------
ヘッダー
-------------*/
#header{
	width:940px;
	margin:0;
	padding:0;
}
h1{
	font-size:25px;
	color:#000;
	padding:0;
}
#w3n_wrap{
	padding-left:689px;
}

p.outline{
	padding:0 20px 25px 10px;
}
table#innerH1{
	font-size:12px;
	float:left;
	margin-top:15px;
}
table#innerH1 td{
	padding:3px 5px 0;
	font-weight:bold;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

#NaviForm{
	width:200px;
}
/*-------------
コンテンツ
-------------*/
/*メール一斉配信のしくみ*/
#figure{
	border:1px solid #FFCECE;
	width:720px;
}
#figure h2{
	font-size:14px;
	color:#000;
	margin:10px;
}
#figure h3{
	color:#333;
	font-weight:normal;
	margin-left:10px;
}

/*左サイド*/
#leftSide{
	width:740px;
	float:left;
}

/*右サイド*/
#rightSide{
	width:200px;
	float:left;
	padding-top:30px;
}


/*Googleアカウント作成*/
#googleAccount {
	margin-top:30px;
}
p.explain{
	margin:10px 20px 20px 20px;	
}

/*BitMailPRO DL*/
#bmp_trildl a{
	display:block;
	padding:10px 0 20px 20px;
}

/*BitMailPROの設定方法*/
.instruction ol{
	margin-left:35px;
}
.instruction h4{
	width:710px;
	height:25px;
	background:url(img/bg_ttl.jpg) left top no-repeat;
	padding-left:30px;
	padding-top:15px;
	color:#000;
	font-size:14px;	
}

.instruction ol{
	margin-top:20px;
}

.subttl{
	color:#993333;
	font-weight:bold;
}
.instruction li img{
	padding-bottom:20px;
}
.instruction table{
	margin-bottom:20px;
	text-align:left;
	border:2px solid #F99D9D;
	background-color:#FDF4F5;
}
.instruction table th{
	border-right:1px solid #F99D9D;
	border-bottom:1px solid #F99D9D;
	padding:3px 5px 3px 10px;
	vertical-align:top;	
}
.instruction table td{
	padding:3px 5px 3px 10px;
}
.instruction table tr#lastRow td{
	border-bottom:none;	
}
.instruction table tr#lastRow th{
	border-bottom:none;	
}

span.red{
	color:#F66;	
}

#helpdesk{
	width:940px;
}
#helpdesk p{
	background:#F1EEDC;
	padding:10px;
	margin:20px;
	font-size:1.0em;
}


/*---------------------
フッター
---------------------*/
#footer{
	margin:20px 0;
}
#footer table{
	margin:0 auto;
}
#footer table td{
	padding:0 10px;
	border-right:1px solid #666; 
	font-size:1.2em;
}
#footer table td#right{
	border-right:none;
}