/*--------------------------------------------------------
ブラウザのデフォルトスタイルをCSSでリセット
-------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

:focus {
outline: 0;
}

ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

table {
border-collapse: collapse;
border-spacing: 0;
}


/*--------------------------------------------------------
1、Total
-------------------------------------------------------*/


a:link{ color: #0000ff; }
a:visited{ color: #8000FF; }
a:hover{ color: #ff4500; }


body{
margin: 0;
background: url(img/back.gif)  center top fixed;
color: #333333;
text-align: center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Helvetica, Arial, Gothic, sans-serif;
font-size: 0.8em;
line-height: 1.4em;
}

p{ line-height: 1.4em; }





/*--------------------------------------------------------
■container設定
--------------------------------------------------------*/

#container{
width: 810px;
margin: 10px auto;
text-align: left;
}




/*--------------------------------------------------------
■ヘッダー
--------------------------------------------------------*/

#header-logo{
width: 810px;
height: 200px;
background: url(img/top3.jpg) no-repeat;

}

#header-logo img{
margin-left:65px;
margin-top: 51px;
}



/*--------------------------------------------------------
■ナビ
--------------------------------------------------------*/

#navi{
position: absolute;
top: 211px;
width: 810px;
height: 25px;
background: #fff;
border: top 1px solid #CCCCCC;
}

#navi p{
margin: 6px 0 0 16px;
font-size: 10pt;
line-height: 14pt;
}


/*--------------------------------------------------------
■メインコンテンツ
--------------------------------------------------------*/

#main{
overflow: hidden;
position: absolute;
top: 236px;
width: 810px;
text-align: left;
background: #fff;
}

#text{
overflow: hidden;
float: left;
padding: 0 10px 0 10px;
width: 570px;
background: #fff;
}


h1 {
clear: both;
margin: 10px 0px 5px 0px;
padding-left: 7px;
font-size: 13pt;
font-weight: bold;
line-height: 22pt;
color: #333;
background: url(img/h2-bg.jpg) repeat-x;
border-left: 8px solid #ff6f0e;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;

font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Helvetica, Arial, Gothic, sans-serif;
}


h2 {
clear: both;
margin: 10px 0px 5px 0px;
padding-left: 7px;
font-size: 13pt;
font-weight: bold;
line-height: 22pt;
color: #333;
background: url(img/h2-bg.jpg) repeat-x;
border-left: 8px solid #ff6f0e;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Helvetica, Arial, Gothic, sans-serif;
}

#text .contents{
clear: both;
margin: 20px 20px 30px 20px;
}


#text .contents p{
font-size: 11pt;
line-height: 180%;
background	: url("img/note_line.gif") bottom;
margin-bottom: 30px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Helvetica, Arial, Gothic, sans-serif;
}

.style-aka {color: #DE1039;}

.style-aka-futo {
color: #DE1039;
font-weight:bold;
}

.yellow{
font-weight:bold;
background-color:#FFFFcc
}



/*--------------------▽右コンテンツ内のPタグは、自動改行*/

p{ margin-bottom: 1.0em; }





/*--------------------------------------------------------
■メインコンテンツ ファーストメールの例文集のメールボックス
--------------------------------------------------------*/


.mailbox1{
width: 460px;
border: solid 1px #AEAEB1;
margin-top:30px;	
margin-left: 30px;

padding:10px 5px 5px 5px;
background:url("img/icn_mail.gif") no-repeat 7px  #8da8db;
color:#FFFFFF;
font-size: 11pt;

}

.mailbox2{
width: 460px;
background-color:#FFFFFF;
color:#333333;
border: solid 1px #AEAEB1;
margin-left: 30px;
font-size: 11pt;
padding:5px;
margin-bottom:25px;

}




/*--------------------------------------------------------
■右メニュー
--------------------------------------------------------*/


#migimenu{
overflow: hidden;
float: right;
width: 200px;
background: #fff;
margin: 0px 10px 10px 5px;
font-size: 10pt;
}


#migimenu .menu{
margin: 10px 0 20px 5px;
padding-bottom: 3px;
width: 200px;
background: url(img/menu.gif);
text-align: center;
}

#migimenu .title p{
margin: 0px;
padding: 5px 0 5px 15px;
font-size: 11pt;
font-weight: bold;
color: #300;
text-align: left;
background: url(img/side-1.jpg) no-repeat;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Helvetica, Arial, Gothic, sans-serif;

}


.menu  li {
list-style-type: none;
height: 100%;
}



#migimenu .menu a {
display: block;
width:196px;
font-size: 9pt;
text-decoration:none;
color:#333333;
line-height: 22px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-left: auto;	
padding-left: 20px;
border-bottom: solid 1px #ccc;
background:url(img/side-menu2.jpg) no-repeat;
padding-top: 3px;
padding-bottom: 3px;
height: 100%;
}


#migimenu .menu a:hover{
background:url(img/side-menu.jpg) no-repeat;
color: #ff4500;
text-decoration: underline;
border-bottom: solid 1px #cccccc;
}

#migimenu .menu a:visited{ 
color: #8000FF; 
}


#migimenu .menu2{
margin: 10px 0 20px 5px;
padding-bottom: 3px;
width: 200px;

}



#migimenu .add{margin-top:7px;
margin-bottom:5px;
}

#migimenu .okiniiri{margin-bottom:5px;}

#migimenu .kousinbi{margin-bottom:5px;}


/*--------------------------------------------------------
■BEST3のページ
--------------------------------------------------------*/


.ranking-box {
	font-size: 11pt;
	

}

.ranking-img {
	float: left;
	

}

.ranking-setumei {
	float: left;
	width: 335px;
	margin-left: 10px;
	line-height: 1.5em;
}




/*--------------------------------------------------------
■フッターメニュー
--------------------------------------------------------*/

#footer{
clear: both;
width: 810px;
text-align: center;
background: url(img/footer.jpg) no-repeat top;
padding-top: 20px;
}


#footer #copyright{
clear: both;
padding: 15px 0 20px 0;
width: 810px;
font-size: 10pt;
line-height: 14pt;
color: #333;
}

#pagetop {
padding-right:3px;

}

#pagetop p {
text-align:right;
}



/*--------------------------------------------------------
■メインコンテンツ内の画像
--------------------------------------------------------*/


.wakutuki{text-align:center;
font-size: 11pt;
}

.wakutuki img{
	text-align: center;
	padding:3px;
	border: 1px solid #cccccc;
	margin-bottom: 15px;
}