@import url("/css_new/common.css");

/* ===================================================

title : 東建ホームメイトカップ
				選手応援メール
scope : /ouenmail/index.shtml
 
last modify :	2016/3/4  266_shintani　2016年度用修正
							2014/2/13 183_aoyama

=================================================== */

a{
	overflow:hidden;
}

/* ---------- リードBOX ---------- */
#ouenmail_box{
	clear:both;
	width:705px;
	margin:0px auto 30px;
	padding:0px;
	}
#ouenmail_box h2{
	background:none;
	clear:both;
	width:705px;
	height:150px;
	margin:0 auto 5px;
	padding:0px;
}
#ouenmail_box p.mail_send{
	margin:10px 0 15px 0;
	clear:both;
}

/* ---------- メールを書く ---------- */
table {
	display: table;
	border-collapse: separate;
	*border-collapse: collapse;
	border-spacing: 0px;
}

#mail_write_box{
	clear: both;
	width: 685px;
	margin: 0 auto 20px;
	padding: 0px;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
	*border: 2px solid #444;
}
#mail_write_box th{
	width:210px;
	border-right:none;
	border-bottom:none;
	height:30px;
	line-height:1.2;
	background: #1a80cf;
	font-weight:bold;
  padding-left: 40px;
}
#mail_write_box th.must {
    background: url("/image_cmn_new/mrk_must.gif") no-repeat scroll 5px center #1a80cf;
}
#mail_write_box td {
	border-right: none;
	border-bottom: none;
	padding:12px;
	line-height:1.4;
}
#mail_write_box td p{
	margin:0 0 5px;
}
#mail_write_box td p.error{
background: url("/image_cmn_new/mrk_error.gif") no-repeat scroll 0 5px transparent;
    color: #FF0000;
    font-weight: bold;
    margin: 0 0 2px;
    padding: 2px 0 2px 18px;
}
#mail_write_box td p.note{
    background: url("/image_cmn_new/mark_kome2.gif") no-repeat scroll 6px 13px #fff9d1;
    font-size: 85%;
    line-height: 115%;
    margin: 10px 5px 0 0;
    padding: 10px 8px 9px 16px;
}
#mail_write_box td p.example{
	margin:2px 0 2px 0;
}
#mail_write_box input,
#mail_write_box select {
	padding:5px;
}
#mail_write_box input.radiobtn {
margin: -3px 4px 0 4px;
vertical-align: middle;
}
input[type="radio"] {
	width:15px;
	height:15px;
	vertical-align: middle;
}

/* ---------- 応援メールを送る ---------- */
.attention {
	text-align: left;
}

.attention dl{
	margin:5px 10px;
}
.attention dl dt{
	margin:0px 0px 6px;
	padding:0 0 5px 0;
	font-weight:bold;
	font-size:110%;
	border-bottom: 1px solid #0057ab;
    color: #0055ab;
}
.attention dl dd{
	margin:0px 0px 20px;
	line-height:1.6;
}
.attention dl dd li{
	margin:0px 0px 5px;
	padding:0px 10px 0px 15px;
	background: url(../image/mark_kome.gif) no-repeat 0 6px;
	line-height:1.6;
}
.attention p{
	margin:0px 0px 10px;
	line-height:1.6;
}
.privacy{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	background: url(/image_cmn_new/arrow_bl.gif) no-repeat left 5px;
}

#submit_box {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #999999;
    clear: both;
    margin: 0 auto;
    padding: 10px 25px;
    width: 600px;
}
#submit_box .submit_doui {
    clear: both;
    font-weight: bold;
    margin: 0 auto 10px;
    padding: 0;
}
#submit_box .submit_press {
    text-align: left;
	line-height:1.4;
}
/* ---------- 修正する 送信する---------- */
.btn_box {
    margin: 20px auto 0;
    width: 320px;
}
.submit_big_btn_syusei {
    display: block;
    float: left;
    height: 42px;
    margin: 0 40px 0 0;
    padding: 0;
    width: 140px;
}
.submit_big_btn_send {
    display: block;
    float: left;
    height: 42px;
    margin: 0;
    padding: 0;
    width: 140px;
}

.submit_big_btn li {
display: block;
float: left;
margin: 0px 40px 0 0;
padding: 0px;
width: 140px;
height: 42px;
}

.submit_big_btn li.re{
	margin-top:3px;
}
/* ---------- メールを読む ---------- */
#mail_read_box{
	clear:both;
	width:685px;
	margin:10px auto;
	padding:0px;
}
#mail_read_box table{
	border-collapse:collapse;
	margin:5px auto 15px;
	font-size:120%;
	width:650px;
}
#mail_read_box th{
	padding:10px 10px 10px 0.5em;
	/*border-right:none;
	border-bottom:none;*/
	background:#4362bb;
	text-align:left;
	white-space:normal;
	color: #ffffff;
}
#mail_read_box td{
	padding:15px;
	font-weight:normal;
	text-align:left;
	line-height:1.4;
}
#mail_read_box td.mail_message{
	background:#fffbef 0px 0px;
	white-space:normal;
}
#mail_read_box .mail_date{
	display:block;
	margin:15px 0px 3px 0px;
	text-align:right;
}
#mail_read_box .mail_media{
	/*padding:6px 10px;
	border-left:none;
	border-bottom:none;
	background:#013780;*/
	text-align:right;
	float:right;
}
#mail_read_box .page_box{
	clear:both;
	color:#444444;
	margin:0 auto 10px;
	padding:10px;
}
#mail_read_box .page_box .page{
	float:left;
	margin:0px;
	padding:3px;
}
/*1ケタ*/
#mail_read_box .page_box .page .page_no{
	margin:3px;
	padding:0px;
	background:#ffbb39;
	text-align:center;
}
#mail_read_box .page_box .page .page_no a{
	margin:0px;
	padding:6px 12px;
	border:#ffd57a solid 1px;
	background:#FFFFFF;
	text-align:center;
}
#mail_read_box .page_box .page .page_no a:hover{
	background:#ff6c00;
	color:#FFFFFF;
}
#mail_read_box .page_box .page .page_no_ac{
	margin:1px;
	padding:6px 12px;
	border:#ffd57a solid 1px;
	background:#ffbb39;
	text-align:center;
}
/*2ケタ*/
#mail_read_box .page_box .page .page_no2{
	margin:1px;
	padding:0px;
	background:#ffbb39;
	text-align:center;
}
#mail_read_box .page_box .page .page_no2 a{
	margin:0px;
	padding:6px;
	border:#ffd57a solid 1px;
	background:#FFFFFF;
	text-align:center;
}
#mail_read_box .page_box .page .page_no2 a:hover{
	background:#ff6c00;
	color:#FFFFFF;
}
#mail_read_box .page_box .page .page_no2_ac{
	margin:1px;
	padding:3px 2px 3px 5px;
	border:#ffd57a solid 1px;
	background:#ffbb39;
	text-align:center;
}
/*次のページ*/
#mail_read_box .page_box .pagenext{
	float:right;
	width:70px;
	margin:7px 0px 0px 0px;
	padding:0px 16px 0px 0px;
	background:url(../image/arrow_pagenext.gif) right 3px no-repeat;
	font-size:15px;
	text-align:right;
	line-height:100%;
}
#mail_read_box .page_box .pagenext a{
	color:#444444;
}
#mail_read_box .page_box .pagenext a:hover{
	color:#ff6c00;
}
/*前のページ*/
#mail_read_box .page_box .pageback{
	float:left;
	width:70px;
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 16px;
	background:url(../image/arrow_pageback.gif) left 3px no-repeat;
	font-size:15px;
	text-align:left;
	line-height:100%;
}
#mail_read_box .page_box .pageback a{
	color:#444444;
}
#mail_read_box .page_box .pageback a:hover{
	color:#ff6c00;
}
/* ---------- 掲載について ---------- */
#keisai_box{
	clear:both;
	margin:20px 10px 0px 10px;
	padding:20px 0px 0px 0px;
	border-top:#999999 dashed 1px;
}
#keisai{
	clear:both;
	margin:0px;
	padding:10px;
	border:#999999 solid 1px;
	background:#EEEEEE;
}
#keisai_box #keisai h3{
	clear:both;
	margin:0px auto 5px auto;
	padding:0px;
	background:none;
}
#keisai_box #keisai p{
	text-align:left;
	line-height:1.4;
}

/* ---------- プレゼント概要 ---------- */
#openwin{
	width:528px;
	margin:0px auto;
	padding:20px;
	background:#ffffff;
	text-align:left;
}
#openwin h1{
	text-indent:0;
}
#openwin h2{
	margin:10px 0px 5px;
}
/* ---------- 投稿完了 ---------- */
#submit_message {
    background:url(../image/thanksbk.gif) no-repeat 0 0;
    clear: both;
    margin: 0 auto;
    padding:0;
	width:650px;
	height:156px;
}

#submit_message p{
	padding:85px 0 0 0;
	font-size:120%;
	font-weight:bold;
	line-height:140%;
}

/*終了対応*/
.syuuryou{
	padding:10px;
	margin:0 auto 10px auto;
	width:490px;
	background-color:#FFBFDF;
	border:solid 1px #CC0066;
	color:#BF0060;
	font-weight:bold;
	}
.kome{
	font-size:100%;
	margin:5px auto 10px;
	}

/*プレゼント概要　サイン色紙img*/

.box1_sign {
    margin: 0 10px 20px;
    overflow: hidden;
    padding: 0;
}
p .img_r{
	float:right;
	padding:5px 0 0 15px;

}

/* ----------------------------------------------------------
	2016年度用修正
	===========================================================
	#main メインイメージを上部に移動
---------------------------------------------------------- */
#main h1 {
	height: auto;
	margin: 0px auto 30px auto;
}

/* ----------------------------------------------------------
	2016年度用修正
	===========================================================
	#content_705 サイン色紙プレゼント画像位置修正
---------------------------------------------------------- */
#content_705 p.mail_send {
	margin: 0 0 15px 0;
}


/* ----------------------------------------------------------
	2016年度用修正
	===========================================================
	ページ送り＆ページジャンプ
---------------------------------------------------------- */
#content.flclear{
	overflow:visible;
}

#content.flclear:after{
  content: "";
  display: table;
  clear: both;
}
.page_skip{
	position:relative;
	margin:10px auto 15px auto;
	padding-bottom:8px;
	text-align:center;
	letter-spacing:0px;
	text-align:center;
}

.page_skip_ul{
    position: relative;
	right:75px;
}
.page_skip_ul li{
    position: relative;
    display: inline-block;
	vertical-align:top;
}

.page_nav_ul{
    position: relative;
    right:75px;
}
.page_nav_ul li{
    position: relative;
    display: inline-block;
	vertical-align:top;
}

.page_nav_ul02 li{
    position: relative;
    display: inline-block;
	vertical-align:top;
}

.page_count_box{
		width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0px 3px;
		padding:0;
    border: 1px solid #1d558d;
    font-size: 15px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    behavior: url(/css/PIE.php);
    letter-spacing: 0.01em;
    background: #4250dc;
    color: #fff;
}

.page_count_box a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
		font-size:15px;
		letter-spacing:0.01em;
    background: #fff;
    color: #4250dc;
}
.page_count_box a:hover {
	background:#4250dc;
	color:#fff;
	font-weight:bold;
	}
.p_toback,.p_tonext {
	width:95px;
	border: 1px solid #1d558d;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    behavior: url(/css/PIE.php);
	color:#1d558d;
	font-size:15px;
	line-height:34px;
	}
.p_toback{
	padding-right:10px;
	background:url(/ouenmail/image_cmn/bg_back.png) no-repeat 92px 12px;
	}
.p_tonext{
	padding-left:10px;
	background:url(/ouenmail/image_cmn/bg_next.png) no-repeat 9px 12px;
}
.p_toback a:hover,.p_next a:hover{
	
}
.p_toback a:hover{
	display: block;
	width:95px;
	color:#fff;
	font-weight:bold;
	line-height:34px;
	margin-right:-10px;
	padding-right:10px;
	background:url(/ouenmail/image_cmn/bg_back_ov.png) no-repeat 92px 12px #4250dc;
	}
.p_tonext a:hover{
	display: block;
	width:95px;
	color:#fff;
	font-weight:bold;
	line-height:34px;
	margin-left:-10px;
	padding-left:10px;
	background:url(/ouenmail/image_cmn/bg_next_ov.png) no-repeat 9px 12px #4250dc;
}
.p_toback_gr {
	padding-right:10px;
	width:95px;
	border-radius: 2px;
  behavior: url(/css/PIE.php);
	background:url(/ouenmail/image_cmn/bg_back_gr.png) no-repeat 92px 12px #ccc;
	color:#8E8E8E;
	font-size:15px;
	line-height:36px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	}
.p_tonext_gr{
	padding-left:10px;
	width:95px;
	border-radius: 2px;
  behavior: url(/css/PIE.php);
	background:url(/ouenmail/image_cmn/bg_next_gr.png) no-repeat 9px 12px #ccc;
	color:#8E8E8E;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	line-height:36px;
	font-size:15px;
	}
	
.page_select{
	position:absolute;
	margin-left:3px;
}
.page_select_ttl{
	position:relative;
	padding-left:2px;
	display:block;
	width:146px;
	background:url("/ouenmail/image_cmn/bg_select_bottom.png") no-repeat right center;
	color:#1d558d;
	font-size:15px;
	text-align:left;
	line-height:34px;
	cursor:pointer;
}
.page_select_ttl span{
	display:block;
	position:relative;
	width:137px;
	padding-left:4px;
	border: 1px solid #1d558d;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    behavior: url(/css/PIE.php);
	color:#1d558d;
	font-size:15px;
	text-align:left;
	line-height:34px;
	cursor:pointer;
}
.page_select_ttl_hover{
	background:url("/ouenmail/image_cmn/bg_select_bottom_on.png")#fff no-repeat right center;
	color:#1d558d;
}
.page_select_ttl_hover span{
	border-radius: 2px 2px 0px 0px / 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px / 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px / 2px 2px 0px 0px;
	behavior: url(/css/PIE.php);
	border-bottom: 1px dotted #1d558d;
}
.page_select_menu{
	position:relative;
	left:2px;
	width:145px;
	max-height:195px;
	overflow-y: scroll;
    overflow-x: hidden;
	line-height:34px;
	border-left: 1px solid #1d558d;
	border-right: 1px solid #1d558d;
	border-bottom: 1px solid #1d558d;
	color:#1d558d;
	font-size:15px;
	text-align:left;
	z-index:1000;
}
.page_select_menu ul{
	width:145px;
	text-indent:10px;
}
.page_select_menu li{
	background:#fff;
	border-bottom:1px dotted #1d558d;
}
.page_select_menu li.first_list{
	margin-left:-10px;
}
.page_select_menu .li_last{
	border-bottom:none;
	margin-left:-9px;
	padding-left:9px;
}
.page_select_menu a{
	display:block;
	width:140px;
}
.page_select_menu a:hover{
	background:#FFE6EB;
}
.page_select_menu::-webkit-scrollbar {
    width: 12px;
}
 
.page_select_menu::-webkit-scrollbar-track {
   background:  rgba(200,200,200,1); 
}
 
.page_select_menu::-webkit-scrollbar-thumb {
    background: rgba(200,230,255,1); 
}
.page_select_menu::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(200,230,255,1);  
}


dl.keisai_inq{
	margin:15px 10px 0px;
	padding:0px;
	border:#000000 solid 2px;
}
dl.keisai_inq dt{
	margin:0px;
	padding:5px;
	border-bottom:#000000 solid 1px;
	background:#0066cc;
	font-size:110%;
	font-weight:bold;
}
dl.keisai_inq dd{
	margin:0px;
	padding:15px;
  text-align: left;
}
dl.keisai_inq .keisai_inq_h {
  color: #ffffff;
}

.send_check #mail_write_box th{
  padding: 8px;
}
.send_check #mail_write_box th.must{
  background: #1a80cf;
}
.send_check{}