@import url("style.css");

/*****************************************
	ドメイン指定受信ページ
******************************************/

/*フレーム*/
.contentsflame {
	margin: 10px;
	padding: 15px;
	border: 1px #666 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
/*リンクボタン*/
.contents ul {
	padding-top:10px;
}

.contents li{
	border: solid 1px #666666;
	margin:0 0 15px 0;
	height: 35px;
	line-height: 35px;
	list-style:none;
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */
}
.contents li a {
	padding-left: 5px;
	display:block;
	
}

/*固定枠*/
.contents{
	padding : 10px;
	line-height : 20px;
}
/*見出し*/
.h2 {
	border-left: solid 10px green;
	font-weight: bold;
	font-size:15px;
	margin-bottom:10px;
}
/*行間*/
.contentsflame p {
	font-size:15px;
	line-height:18px;
}
.contentsflame td {
	font-size:15px;
	line-height:18px;
	padding-bottom:5px;
}

#caria-img {
	width:240px;
	height:395px;
}


/***************************************
	2013/2/27 メールが届かない方へ
****************************************/

/*ポップアップ*/
#glayLayer{
	display: none;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:black;
	opacity: 0.60;
	filter:alpha(opacity=60);
}

#overLayer{
	display: none;
	position: fixed;
	top:0%;
	height:auto;
	width:100%;
}


* html #glayLayer{
	position: absolute;
}

* html #overLayer{
	position: absolute;
}

img.close{
	width:254px;
	height:30px;
	position: relative;
	top:30px;
}

img:not(.close){
	border:solid 2px #BBBBBB;
}

img.image {
	margin:0 auto;
}

.wgp-fix {
	overflow:hidden !important;
}

.pop {
	text-align:center;
}

/*================================================
	ソフトバンクへボタン
================================================*/
.softbank {
	width:auto;
	height:30px;
	padding:5px;
	text-align:center;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff),
		to(#ccc)
	);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px #666 solid;
	margin-top:5px;
	margin-bottom:10px;
	line-height:30px;
	font-size:15px;
}

.softbank a {
	display:block;
	height:100%;
	width:100%;
	color:#000;
}
/*================================================
	上のソフトバンクへリンク
================================================*/
.contentsflame #bank {
	color:#0213F4;
	font-size:19px;
	text-decoration:underline;
	padding-right:4px;
}
/*================================================
	AUへボタン
================================================*/
.au {
	width:auto;
	height:30px;
	padding:5px;
	text-align:center;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff),
		to(#ccc)
	);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px #666 solid;
	margin-top:5px;
	margin-bottom:10px;
	line-height:30px;
	font-size:15px;
}

.au a {
	display:block;
	height:100%;
	width:100%;
	color:#000;
}
/*================================================
	上のAUへリンク
================================================*/
.contentsflame #au {
	color:#0213F4;
	font-size:19px;
	text-decoration:underline;
	padding-right:4px;
}

/*================================================
	Gmailドメイン指定記述追加0614
================================================*/
#overLayerG{
	display: none;
	position: fixed;
	top:3%;
	right:3%;
	left:3%;
	height:100%;
	width:94%;
}

*html #overLayerG{
	position: absolute;
}


/********************************************
	新 メールが届かない方へページ 0115
*********************************************/
.sample-frame {
	margin:0 auto 20px auto;
}

.sample-img {
	float:left;
}

.sample-img img {
	width:110px;
	height:auto;
	margin-right:5px;
}

.sample-img .sample-text {
	width:114px;
	text-align:center;
	background-color:#FF7000;
	margin-top:2px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.sample-img .sample-text a {
	font-size:14px;
	line-height:26px;
	display:block;
	color:#FFF;
}

.setting-text {
	display:block;
	font-size:15px;
	line-height:20px;
	color:#000;
	word-break:break-all;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.emphasis {
	font-size:15px;
	line-height:20px;
	color:#ff0000;
}

/************************************
	問い合わせボタン
*************************************/
#support {
	width:250px;
	height:30px;
	margin:10px auto 5px;
	border:1px solid #565656;
	box-shadow:1px 1px 3px #7c7c7c;
	-moz-box-shadow: 1px 1px 3px #7c7c7c;
	-webkit-box-shadow: 1px 1px 3px #7c7c7c;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
}

#support-text {
	font-size:12px;
	line-height:14px;
	color:#000;
	display:block;
}

#support a {
	display:block;
	text-align:center;
	width:100%;
	height:100%;
	line-height:30px;
	font-size:16px;
	color:#333;
}

/*********************************
		MMS送信ボタン
**********************************/
#mms {
	width:200px;
	height:35px;
	margin:10px auto 20px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #6FBE0A;
}

#mms a {
	display:block;
	text-align:center;
	width:100%;
	height:100%;
	line-height:35px;
	font-size:16px;
	color:#FFFFFF;
}

/*================================================
	2014/5/9 キャリアとOS(iOS/Android)による振り分けページ
================================================*/
/*ボタンのスタイル*/
.cariabtn li {
	text-align: center;
	border: solid 1px #565656;
	margin: 1px 1px 10px;
	list-style: none;
	float: left;
	width: 31%;
	height:36px;
	line-height:36px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}
/*ボタン全体を押せるようにする*/
.cariabtn li a {
	display:block;
}