/*
 * Copyright 2012 - 2013 YASUDA Kazutaka. All rights reserved.
 * このソースコードの所有権は安田一隆に属します。
 */
*{
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
}
body.noscroll{
	background: fixed;
    position: fixed; 
    overflow-y: hidden;
    width: 100%;	
}
body#portal{
/*	height: 700px; */
/*	background: -webkit-linear-gradient(top, #ffcccc 0%, #880000 100%); */
/*	background: -webkit-gradient(linear, top, bottom, #ffcccc 0%, #880000 100%); */
/*	background-image: url(../img/poratal_bg_message.png) bottom right no-repeat 30%; */
/*	background-color: #880000; */
/*	background:  url(../img/poratal_bg_message.png) no-repeat bottom right  -webkit-linear-gradient(top, #ffcccc 0%, #880000 100%);*/
/*	background:  url(../img/poratal_bg_message.png) no-repeat bottom right #880000; */
}
select,
textarea,
input[type=email],
input[type=url],
input[type=text],
input[type=url],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=password]{
/*	background-color: #ccff66; */
	background-color: #ffffff;
/*	background-color: #faffbd; */
	border-radius:5px;
	border: 1px solid #aaaaaa;
}

/*
input.createobject[type=button],
input.createobject[type=submit],
.modifytable input[type=button],
.modifytable input[type=submit],
#loginform input[type=button],
#loginform input[type=submit]{
	height: 30px;
	width: 200px;
	border-radius:5px;
	font-size: 16px
	color: #333333;
	margin: 10px;
}
*/
.selectoverflow{
	height: 200px;
}
th{
	font-weight: normal;
}
a,
a:hover,
a:visited{
	color: #0000ff;
}

.clear{
	clear: both;
	line-height: 0px;
	height: 0px;
}
#showprinttop{	/* 印刷用ID */
	display: none;
}
.showprintentry{	/* 印刷用クラス */
	display: none;	
}
.showpagenumber{ /* 印刷クラス */
	display: none;	
}

.bold{
	font-weight: bold;
}
.red{
	color: #ff0000;
}
.pink{
	color: #ff0080;
}
.agentmailcolor{
	color: #800000;
}
p{
	margin: 5px 0px 20px 0px;
	line-height: 1.5em;
}
img{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
strong{
	font-weight: normal;
}
br.doublebr{
	line-height: 3.0em;
}

/* serveiry */
.severity_emergency{
	background-color: #ff0000;
}
.severity_alert{
	background-color: #ff3300;
}
.severity_critical{
	background-color: #ff6600;
}
.severity_error{
	background-color: #ff9900;
}
.severity_warning{
	background-color: #ffCC00;
}
.severity_notice{
	background-color: #ffff00;
}
.severity_information{
	background-color: #ffffff;
}
.severity_debug{
	background-color: #ccff00;
}




div#toolbar{
	position: fixed !important;
	height: 38px;
	background: url(../img/toolbar_bg_color.png) repeat left top;
	width: 100%;
	text-align: center;
	z-index: 85;
}


div#toolbarcontents{
	width: 980px;
	margin: 0 auto;
	text-align: right;
	color: #ffffff;
	background: url(../img/agentmail_header_logo.png) no-repeat left top;
	height: 38px;
	font-size: 14px;
}


body#usrdisplay div#toolbar{
/*	height: 50px;*/
	height: 38px;
}
body#usrdisplay div#toolbarcontents{
/*	background: url(../img/agentmail_header_logo.png) no-repeat left 5px;*/
	background: url(../img/agentmail_header_logo.png) no-repeat left top;
/*	height: 50px;*/
	height: 38px;
}







div#outer{
/*	position: relative; */
	top: 38px;
/*	width: 980px;  */
	width: calc(980px - 20px);
	width: -webkit-calc(980px - 20px);
	margin: 0 auto;
/*	padding: 10px 0px 0px 0px; */
	padding: 10px;
	text-align: left;
	color: #000000;
}

body.preparationpage div#outer,
body.notfoundpage div#outer{
/*	bottom: 0px;
	right: 0px;
	background: url(../img/agentmail_404_bg.png) no-repeat right bottom;*/
}

body.passwordresetentry{
}

div#passwordresetform{
}
div#passwordresetform p.passwordresettitle{
	font-weight: bold;
	font-size: 20px;
}
div#passwordresetform p.message{
	font-size: 24px;
	margin: 30px;
}
div#passwordresetform div.flow{
	text-align: left;
	border: 1px solid #cccccc;
	border-radius:10px;
	background-color: #ffffcc;
	padding: 5px 50px 5px 50px;
}
div#passwordresetform div.passwordreseterrormessage{
	padding: 10px;
	font-weight: bold;
	color: #ff0000;
}
div#passwordresetform table{
	margin: 20px auto;
	text-align: center;
}
div#passwordresetform table caption{
	font-weight: bold;
}
div#passwordresetform table tr th{
	font-weight: bold;
}
div#passwordresetform table tr td input[type=text]{
	width: 300px;
	height: 30px;
	font-size: 22px;
}
div#passwordresetform table tr th,
div#passwordresetform table tr td{
	padding: 5px;
}
div#passwordresetform table tr td.submitrow{
	padding: 5px;
}









div#outer article{
	margin:0px;
	padding: 0px;
	text-align: center;
}

div#outer article div#centercontents{
/*	position: relative; */
	position: absolute;
/*	width: 300px;
	height: 128px;*/
}
div#outer article div#centercontents p.remarks{
	font-size: 10px;
	text-align: center;
}

div#outer article div#login{
	text-align: center;
	margin: 0 auto;
}
div#outer article div#login div#loginlogo{
	background: url(../img/agentmail_main.png) no-repeat top center;
	width: 310px;
	height: 55px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
}


div#outer article div#login table{
	margin: 0 auto;
	text-align: center;
}
div#outer article div#login table tr th,
div#outer article div#login table tr td{
	border: none;
	font-size: 16px;
	padding:2px;
}
div#outer article div#login table tr td input[type=text],
div#outer article div#login table tr td input[type=password]{
	width: 200px;
	height: 30px;
	font-size: 14px;
}
div#outer article div#login table tr td.submitbutton{
	border: none;
	text-align: center;
}


div#outer article div#preparation,
div#outer article div#notfound{
	position: relative;
/*	background: url(../img/agentmail_404_bg.png) no-repeat right bottom; */
/*	width: 580px;
	height: 250px;*/
}
div#outer article div#agentmailadlogo{
	margin-top: 30px;
	background: url(../img/agentmail_404_bg.png) no-repeat right bottom;
	width: 662px;
	height: 130px;
}

footer{
	position: fixed !important;
	bottom: 0px;
	font-size: 10px;
	height: 20px;
	width: 100%;
	z-index: 100;
	background: url(../img/toolbar_bg_color.png) repeat left top;
}

footer div#footercontents{
	width: 980px;
	color: #ffffff;
	text-align: center;
	font-style: italic;
	margin: 0 auto;
	padding: 4px 0px 0px 0px;
	color: #ffffff;
}


div#passwordreset{
	margin: 10px 0px 10px 0px;
}
div#passwordreset p{
	font-size: 10px;
}
div#passwordreset p a,
div#passwordreset p a:hover,
div#passwordreset p a:visited{
	color: #0000ff;	
}


div#alertmessagebox{
	position: absolute;
	display: block;
	width: 400px;
	height: 280px;
	background-color: #800000;
	border: 5px solid #ffffff;
	color: #ffffff;
	z-index: 2000;
	padding: 10px;
	box-shadow: 5px 5px 5px #333333;
}
div#alertmessagebox div#alertmessage a{
	color: #ffffff;
}
div#alertmessagebox div#alertmessage img{
	margin-top: 10px;
}
div#alertmessagebox div#alertmessage a:hover{
	color: #0000ff;
}
div#alertmessagebox div#closebuttonarea{
	text-align: right;
}
/*
div#alertmessagebox div#closebuttonarea input[type=button]{
	height: 25px;
	width: 100px;
	border-radius:5px;
	font-size: 14px;
	color: #333333;
}
*/
div.previewbox{
	position: absolute;
	display: none;
	width: 600px;
	height: auto;
	background-color: #ffffff;
	border: 5px solid #cccccc;
	color: #000000;
	z-index: 2000;
	padding: 10px;
	box-shadow: 5px 5px 5px #333333;
	overflow-y: auto;
}
div.previewbox div.previewmessage a{
	color: #ffffff;
}
div.previewbox div.previewmessage a:hover{
	color: #0000ff;
}
div.previewbox div.closebuttonarea{
	text-align: right;
}
div.previewbox select{
	background:none;	
}
div.previewbox textarea{
	background:none;	
}
div.previewbox tr.submitrow{
	text-align: center;
}




/* utility */
div.invisible{
	display: none;
}


article#deleteconfirm{
}
article#deleteconfirm p{
	margin: 5px 0px 20px 0px;
}
article#deleteconfirm p.subtitle{
	font-weight: bold;
	margin: 30px 0px 30px 0px;
}





body.entry{
}
div#entryform{
}
div#entryform p.campaignmessage{
	color: #ff0000;
	font-weight: bold;	
}
div#entryform p.entrytitle{
	font-weight: bold;
	font-size: 20px;
}
div#entryform p.message{
	font-size: 24px;
	margin: 30px;
}
div#entryform div.entryerrormessage{
	padding: 10px;
	font-weight: bold;
	color: #ff0000;
}


div#entryform table{
	width: 98%;
}

div#entryform table caption{
	font-weight: bold;
}
div#entryform table tr th{
	font-weight: bold;
	text-align: left;
}
div#entryform table tr td input[type=password],
div#entryform table tr td input[type=text]{
	width: 300px;
	height: 25px;
	font-size: 18px;
}
div#entryform table tr th,
div#entryform table tr td{
	padding: 5px;
	border: 1px solid #cccccc;
}
div#entryform table tr th{
	width: 33%;
}
div#entryform table tr td span.remarks{
	font-size:12px;
	color: #880000;
}
div#entryform table tr td span.remainletters{
	font-size: 12px;	
}
div#entryform table tr td div.agreement{
	height: 300px;
	overflow-y: auto;
	font-size: 12px;
	border: 1px solid #cccccc;
}
div#entryform table tr td div.agreement p,
div#entryform table tr td div.agreement h2,
div#entryform table tr td div.agreement h3,
div#entryform table tr td div.agreement li{
	font-size: 10px !important;
}

div#entryform table tr td.submitrow{
	padding: 20px;
	text-align: center;
	border: none;
}

div#entryform table.pricebasictable{
	width: auto;
	border: 1px solid #cccccc;
	margin-bottom:10px;
}
div#entryform table.pricebasictable tr th,
div#entryform table.pricebasictable tr td{
	border: none;
	font-weight: bold;
	font-size: 12px;
	padding:0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}
div#entryform table.pricebasictable tr td table.inner{
	margin: 20px 0px 20px 0px;
	border: 1px solid #cccccc;
	font-weight: bold;
	background-color: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
	width: 90%;
}
div#entryform table.pricebasictable tr td table.inner tr th,
div#entryform table.pricebasictable tr tdtable.inner tr td{
	vertical-align: middle;
}
div#entryform table.pricebasictable tr tdd table.inner tr td{
	font-size: 1.5em;
	text-align: right;
}
div#entryform table.pricebasictable tr td table.inner tr th{
	width: 80%;
}




body.entry div#outer{
/*	position: relative; */
	top: 38px;
	width: 980px;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	text-align: left;
	color: #000000;
}

body.entry div#outer div#container{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
}
body.entry div#outer article{
	width: 730px;
	margin: 38px 0px 38px 0px;
/*	float: left; */
	text-align: left;
}
body.entry div#outer article h1{
	font-size: 18px;
	font-weight: bold;
}
body.entry  div#outer article p{
	font-size: 14px;
}
/*
div#outer article h1.nonelinefeed{
	display: inline;
}
*/
body.entry div#outer aside{
	position: relative;
	width: 250px;
/*	float: right; */
	text-align: left;
	padding: 5px 0px 0px 0px;
}
body.entry div#outer aside div#fixed{
	top: 38px;	
	position: fixed !important;
}
body.entry div#outer aside div.flow{
	width: 250px;
	text-align: left;
/*	border: 1px solid #cccccc;
	border-radius:10px;
	background-color: #ffffcc; */
/*	background-color: #bbbbbb; */
	padding: 10px 10px 15px 10px;
	font-size: 12px;
}
body.entry div#outer aside div.flow div.flowitem,
body.entry div#outer aside div.flow div.flowitemend{
/*	background: #eeeeee; */
/*	border: 1px solid #cccccc; */
/*	background: #e0e0e0; */
/*	background: #dadada; */
/*	background: #ffffff; */
	position: relative;
	margin: 15px 0px 0px 0px;
	position: relative;
	border: 2px solid #cccccc;
	border-radius: 7px;
	background-color: #eeeeee;
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); 
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); 	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee) );
}
body.entry div#outer aside div.flow div.flowitem p,
body.entry div#outer aside div.flow div.flowitemend p{
	margin: 0px;
	padding: 0px 5px 10px 5px;
}
body.entry div#outer aside div.flow div.flowitem p.flowtitle,
body.entry div#outer aside div.flow div.flowitemend p.flowtitle{
	margin: 10px 3px 3px 5px;
	text-decoration: underline;
	font-weight: bold;
	padding: 0px;
}
body.entry div#outer aside div.flow div.flowitemcurrent{
	background-color: #ffcc66;
	background: -moz-linear-gradient(top, #ffcc66 0%, #ff6600 100%); 
	background: -webkit-linear-gradient(top, #ffcc66 0%, #ff6600 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66), to(#ff6600) );
	border: 2px solid #ff6600;
}
/*
body.entry div#outer aside div.flow div.flowitem:after{
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 20px solid transparent;
	border-top-color: #cccccc;
	top: 100%;
	left: 50%;
	margin-left: -20px;
}
*/
.flowitem {
/*	width: 100px;
	height: 100px;
	background-color: #ccc; */
/*	position: relative;
	border: 4px solid #333;*/
}
.flowitem:after,
.flowitem:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	left: 50%;
	position: absolute;
	width: 0;
	top: 100%;
}
.flowitem:after {
	border-width: 13px;
/*	border-top-color: #e0e0e0; */
	border-top-color: #eeeeee;
	top: 100%;
	margin-left: -13px;
}
.flowitem:before {
	border-width: 15px;
	border-top-color: #cccccc;
	top: 100%;
	margin-left: -15px;
}
.flowitemcurrent:after{
	border-top-color: #ff6600;
}
.flowitemcurrent:before{
	border-top-color: #ff6600;
}

body.userformpage div#userform{
	position: relative;
	top: 30px;
	width: 100%;
	text-align: left;
}
body.userformpage div#userform p.errormessage{
/*	color: #800000; */
	color: #ff0000;
	font-weight:bold;
	font-size:12px;
	padding:0px;
	margin: 10px 0px 30px 0px;
}
/*body.userformpage div#userform p.errormessage span{
	border: 1px solid #cccccc;
	border-radius: 10px;
	padding: 5px 10px 5px 10px;
	background-color: #ffff00;
}*/
body.userformpage div#userform div#agentmailuserform{
/*	border: 1px solid #cccccc;
	border-radius:10px;*/
}
body.userformpage div#userform div#agentmailuserform p.formtilte{
	font-weight: bold;
/*	font-size:18px; */
	font-size:28px;
}
body.userformpage div#userform div#agentmailuserform p.formtilte span.warning{
	color: #ff0000;
}
body.userformpage div#userform div#agentmailuserform p.confirmmessage{
	font-size: 1.0em;
	color: #800000;
	color: #ff0000;
	font-weight: bold;
	margin-bottom: 50px;
}
/*body.userformpage div#userform div#agentmailuserform p.confirmmessage span{
	border: 1px solid #cccccc;
	border-radius: 10px;	
	background-color: #ffcc00;
	padding: 10px 20px 10px 20px;
}*/

body.userformpage div#userform div#agentmailuserform div.formdescriptioncontainer{
}
body.userformpage div#userform div#agentmailuserform div.formdescriptioncontainer div.formdescription{
	margin: 10px;
}
body.userformpage div#userform div#agentmailuserform div.formdescriptioncontainer div.formdescription ul,
body.userformpage div#userform div#agentmailuserform div.formdescriptioncontainer div.formdescription ol{
}
body.userformpage div#userform div#agentmailuserform div.formdescriptioncontainer div.formdescription ul li,
body.userformpage div#userform div#agentmailuserform div.formdescriptioncontainer div.formdescription ol li{
	margin-left: 20px;
}

body.userformpage div#userform div#agentmailuserform table{
/*	text-align: center;
	margin: 0 auto;*/
	width: 700px;
}
body.userformpage div#userform div#agentmailuserform table tr th,
body.userformpage div#userform div#agentmailuserform table tr td{
	text-align: left;
	font-size: 14px;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #cccccc;
	background-color: #fcfcfc;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f0f0f0 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #f0f0f0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0) );
}
body.userformpage div#userform div#agentmailuserform table tr th{
	width: 40%;
	font-weight: bold;
}
body.userformpage div#userform div#agentmailuserform table tr.submitrow td{
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	background: none;
	border: none;
}
body.userformpage div#userform div#agentmailuserform table tr td input[type=email],
body.userformpage div#userform div#agentmailuserform table tr td input[type=url],
body.userformpage div#userform div#agentmailuserform table tr td input[type=password],
body.userformpage div#userform div#agentmailuserform table tr td input[type=text]{
	width: 300px;
	height: 28px;
}
body.userformpage div#userform div#agentmailuserform table tr td select{
	height: 28px;
}
body.userformpage div#userform div#agentmailuserform table tr td textarea{
	width: 300px;	
	height: 100px;
}
body.userformpage div#userform div#agentmailuserform table tr td input[type=radio],
body.userformpage div#userform div#agentmailuserform table tr td input[type=checkbox]{
	margin:2px;
	padding: 0px;
	font-size: 10px;
}
body.userformpage div#userform div#agentmailuserform table tr td label{
	margin:2px;
	padding: 2px;
	font-size: 14px;
}
body.userformpage div#userform div#agentmailuserform table tr td span.agentmail__annotation{
	font-size: 12px;
	color: #666666;
}
body.userformpage div#userform div#agentmailuserform table tr td span.agentmail__warning{
	font-size: 12px;
	color: #880000;
}
body.userformpage div#userform div#agentmailuserform table tr td div.agentmailinlineframe{
	height: 300px;
	overflow-y: scroll;
	border: 1px solid #cccccc;
	margin: 2px;
	padding: 2px;
}
body.userformpage div#userform div#agentmailuserform dl dt{
	font-weight: bold;
	margin-top: 20px;
}
body.userformpage div#userform div#agentmailuserform dl dt.submitdt{
	margin-top: 20px;
}
body.userformpage div#userform div#agentmailuserform dl dd{
	margin-left: 30px;
}
body.userformpage div#userform div#agentmailuserform dl dd textarea{
	width: 300px;	
	height: 100px;
}
body.userformpage div#userform div#agentmailuserform dl dd select{
	height: 28px;
}
body.userformpage div#userform div#agentmailuserform dl dd input[type=email],
body.userformpage div#userform div#agentmailuserform dl dd input[type=url],
body.userformpage div#userform div#agentmailuserform dl dd input[type=password],
body.userformpage div#userform div#agentmailuserform dl dd input[type=text]{
	width: 300px;
	height: 28px;
}
body.userformpage div#userform div#agentmailuserform dl dd input[type=radio],
body.userformpage div#userform div#agentmailuserform dl dd input[type=checkbox]{
	margin:2px;
	padding: 0px;
	font-size: 10px;
}
body.userformpage div#userform div#agentmailuserform dl dd label{
	margin:2px;
	padding: 2px;
	font-size: 14px;
}
body.userformpage div#userform div#agentmailuserform dl dd span.agentmail__annotation{
	font-size: 12px;
	color: #666666;
}
body.userformpage div#userform div#agentmailuserform dl dd span.agentmail__warning{
	font-size: 12px;
	color: #880000;
}
body.userformpage div#userform div#agentmailuserform dl dd div.agentmailinlineframe{
	height: 300px;
	overflow-y: scroll;
	border: 1px solid #cccccc;
	margin: 2px;
	padding: 2px;
}
body.userformpage div#userform div#agentmailuserform dl dt.hiddenitem,
body.userformpage div#userform div#agentmailuserform dl dd.hiddenitem{
	display: none;
}
body.userformpage div#userform div#agentmailuserform input[type=submit]{
	min-width: 290px;
}
body.userformpage div#userform div#agentmailuserform input[type=button]{
/*	margin-top: 10px;*/
	margin-right: 10px;
	width: 150px;
	background-color: #ffffff;
	border-color: #c5140f;
}
body.userformpage div#userform div#agentmailuserform div#submitbuttoncustomframe input#submitbuttoncustom{
	cursor: pointer;
}
/*
body.userformpage div#userform div#agentmailuserform div#submitbuttoncustomframe input#submitbuttoncustom.hoverExpand[type=submit]:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}*/
body.userformpage span.required{
	color: #cc0000;
	font-size: 10px;
}
body.userformpage div.AGENTMAIL__TOP_OF_THE_FORM{
}
body.userformpage div.AGENTMAIL__TOP_OF_THE_FORM_BUTTON__CLASS_NAME:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	cursor: pointer;
}
body.userformpage div.agentmail__policy{
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #cccccc;
	padding: 10px;
}


/* Minimum device-width 320px */
@media screen and  (min-width: 0px) and (max-device-width: 320px) {
/*@media screen and  (min-width: 0px) and (max-width: 600px) {*/
	body.shwolistpage{
		font-size: 10px !important;
	}
	body.shwolistpage div#toolbar{
		z-index: 105;
	}	
	body.shwolistpage div#outer,
	body.shwolistpage footer div#footercontents{
		width: 100%;
	}
	
	body.userformpage div#toolbar{
		position: fixed !important;
		height: 38px;
		background: url(../img/toolbar_bg_color.png) repeat left top;
		width: 100%;
		text-align: center;
		z-index: 105;
	}
	
	body.userformpage div#toolbarcontents{
		width: 100%;
		margin: 0 auto;
		text-align: right;
		color: #ffffff;
		background: url(../img/agentmail_header_logo.png) no-repeat left top;
		height: 38px;
		font-size: 14px;
	}
	
	body.userformpage div#outer,
	body.userformpage footer div#footercontents{
		width: 100%;
	}
	body.userformpage div#userform div#agentmailuserform table{
	/*	text-align: center;
		margin: 0 auto;*/
		width: 100%;
	}
	body.userformpage div#userform div#agentmailuserform table tr th,
	body.userformpage div#userform div#agentmailuserform table tr td{
	}
	body.userformpage div#userform div#agentmailuserform table tr th{
		width: 40%;
	}
	body.userformpage div#userform div#agentmailuserform table tr.submitrow td{
	}
	body.userformpage div#userform div#agentmailuserform table tr td input[type=email],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=url],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=password],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=text]{
		width: 95%;
		height: 28px;
	}
	body.userformpage div#userform div#agentmailuserform table tr td select{
		height: 28px;
	}
	body.userformpage div#userform div#agentmailuserform table tr td textarea{
		width: 95%;	
		height: 100px;
	}
	body.userformpage div#userform div#agentmailuserform table tr td input[type=radio],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=checkbox]{
	}
	body.userformpage div#userform div#agentmailuserform table tr td label{
	}
	body.userformpage div#userform div#agentmailuserform table tr td span.agentmail__annotation{
	}

	body.userformpage div#userform div#agentmailuserform dl dt{
		font-weight: bold;
		margin-top: 20px;
	}
	body.userformpage div#userform div#agentmailuserform dl dt.submitdt{
		margin-top: 20px;
		text-align: center;
		margin: 20px auto;
	}
	body.userformpage div#userform div#agentmailuserform dl dd{
		margin-left: 30px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd textarea{
		width: 95%;
		height: 100px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd select{
		height: 28px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd input[type=email],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=url],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=password],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=text]{
		width: 95%;
		height: 28px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd input[type=radio],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=checkbox]{
		margin:2px;
		padding: 0px;
		font-size: 10px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd label{
		margin:2px;
		padding: 2px;
		font-size: 14px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd span.agentmail__annotation{
		font-size: 12px;
		color: #666666;
	}
	body.userformpage div#userform div#agentmailuserform dl dd span.agentmail__warning{
		font-size: 12px;
		color: #880000;
	}
	body.userformpage div#userform div#agentmailuserform input[type=submit]{
		width: 290px;
	}
	
	body.userformpage div#centercontents p{
		font-size:8px;
	}
	body.userformpage div#userform img{
		max-width:300px !important;
		width:100%;
		height:auto !important;
	}
}


@media screen and  (min-device-width: 321px) and (max-device-width: 375px) {
/*@media screen and  (min-width: 0px) and (max-width: 600px) {*/
	body.shwolistpage{
		font-size: 10px !important;
	}
	body.shwolistpage div#toolbar{
		z-index: 105;
	}
	body.shwolistpage div#outer,
	body.shwolistpage footer div#footercontents{
		width: 100%;
	}

	body.userformpage div#toolbar{
		position: fixed !important;
		height: 38px;
		background: url(../img/toolbar_bg_color.png) repeat left top;
		width: 100%;
		text-align: center;
		z-index: 105;
	}
	
	body.userformpage div#toolbarcontents{
		width: 100%;
		margin: 0 auto;
		text-align: right;
		color: #ffffff;
		background: url(../img/agentmail_header_logo.png) no-repeat left top;
		height: 38px;
		font-size: 14px;
	}
	
	body.userformpage div#outer,
	body.userformpage footer div#footercontents{
		width: 100%;
	}
	body.userformpage div#userform div#agentmailuserform table{
	/*	text-align: center;
		margin: 0 auto;*/
		width: 100%;
	}
	body.userformpage div#userform div#agentmailuserform table tr th,
	body.userformpage div#userform div#agentmailuserform table tr td{
	}
	body.userformpage div#userform div#agentmailuserform table tr th{
		width: 40%;
	}
	body.userformpage div#userform div#agentmailuserform table tr.submitrow td{
	}
	body.userformpage div#userform div#agentmailuserform table tr td input[type=email],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=url],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=password],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=text]{
		width: 95%;
		height: 28px;
	}
	body.userformpage div#userform div#agentmailuserform table tr td select{
		height: 28px;
	}
	body.userformpage div#userform div#agentmailuserform table tr td textarea{
		width: 95%;	
		height: 100px;
	}
	body.userformpage div#userform div#agentmailuserform table tr td input[type=radio],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=checkbox]{
	}
	body.userformpage div#userform div#agentmailuserform table tr td label{
	}
	body.userformpage div#userform div#agentmailuserform table tr td span.agentmail__annotation{
	}

	body.userformpage div#userform div#agentmailuserform dl dt{
		font-weight: bold;
		margin-top: 20px;
	}
	body.userformpage div#userform div#agentmailuserform dl dt.submitdt{
		margin-top: 20px;
		text-align: center;
		margin: 20px auto;
	}
	body.userformpage div#userform div#agentmailuserform dl dd{
		margin-left: 30px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd textarea{
		width: 95%;
		height: 100px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd input[type=email],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=url],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=password],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=text]{
		width: 95%;
		height: 28px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd input[type=radio],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=checkbox]{
		margin:2px;
		padding: 0px;
		font-size: 10px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd label{
		margin:2px;
		padding: 2px;
		font-size: 14px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd span.agentmail__annotation{
		font-size: 12px;
		color: #666666;
	}
	body.userformpage div#userform div#agentmailuserform dl dd span.agentmail__warning{
		font-size: 12px;
		color: #880000;
	}
	
	body.userformpage div#userform div#agentmailuserform input[type=submit]{
		width: 290px;
	}
	
	body.userformpage div#centercontents p{
		font-size:8px;
	}
	body.userformpage div#userform img{
		max-width:355px !important;
		width:100%;
		height:auto !important;
	}
}

@media screen and  (min-device-width: 376px) and (max-device-width: 414px) {
/*@media screen and  (min-width: 0px) and (max-width: 600px) {*/
	body.shwolistpage{
		font-size: 10px !important;
	}
	body.shwolistpage div#toolbar{
		z-index: 105;
	}
	body.shwolistpage div#outer,
	body.shwolistpage footer div#footercontents{
		width: 100%;
	}

	body.userformpage div#toolbar{
		position: fixed !important;
		height: 38px;
		background: url(../img/toolbar_bg_color.png) repeat left top;
		width: 100%;
		text-align: center;
		z-index: 105;
	}
	
	body.userformpage div#toolbarcontents{
		width: 100%;
		margin: 0 auto;
		text-align: right;
		color: #ffffff;
		background: url(../img/agentmail_header_logo.png) no-repeat left top;
		height: 38px;
		font-size: 14px;
	}
	
	body.userformpage div#outer,
	body.userformpage footer div#footercontents{
		width: 100%;
	}
	body.userformpage div#userform div#agentmailuserform table{
	/*	text-align: center;
		margin: 0 auto;*/
		width: 100%;
	}
	body.userformpage div#userform div#agentmailuserform table tr th,
	body.userformpage div#userform div#agentmailuserform table tr td{
	}
	body.userformpage div#userform div#agentmailuserform table tr th{
		width: 40%;
	}
	body.userformpage div#userform div#agentmailuserform table tr.submitrow td{
	}
	body.userformpage div#userform div#agentmailuserform table tr td input[type=email],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=url],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=password],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=text]{
		width: 95%;
		height: 28px;
	}
	body.userformpage div#userform div#agentmailuserform table tr td select{
		height: 28px;
	}
	body.userformpage div#userform div#agentmailuserform table tr td textarea{
		width: 95%;	
		height: 100px;
	}
	body.userformpage div#userform div#agentmailuserform table tr td input[type=radio],
	body.userformpage div#userform div#agentmailuserform table tr td input[type=checkbox]{
	}
	body.userformpage div#userform div#agentmailuserform table tr td label{
	}
	body.userformpage div#userform div#agentmailuserform table tr td span.agentmail__annotation{
	}

	body.userformpage div#userform div#agentmailuserform dl dt{
		font-weight: bold;
		margin-top: 20px;
	}
	body.userformpage div#userform div#agentmailuserform dl dt.submitdt{
		margin-top: 20px;
		text-align: center;
		margin: 20px auto;
	}
	body.userformpage div#userform div#agentmailuserform dl dd{
		margin-left: 30px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd textarea{
		width: 95%;
		height: 100px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd input[type=email],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=url],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=password],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=text]{
		width: 95%;
		height: 28px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd input[type=radio],
	body.userformpage div#userform div#agentmailuserform dl dd input[type=checkbox]{
		margin:2px;
		padding: 0px;
		font-size: 10px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd label{
		margin:2px;
		padding: 2px;
		font-size: 14px;
	}
	body.userformpage div#userform div#agentmailuserform dl dd span.agentmail__annotation{
		font-size: 12px;
		color: #666666;
	}
	body.userformpage div#userform div#agentmailuserform dl dd span.agentmail__warning{
		font-size: 12px;
		color: #880000;
	}
	
	body.userformpage div#userform div#agentmailuserform input[type=submit]{
		width: 290px;
	}
	
	body.userformpage div#centercontents p{
		font-size:8px;
	}
	body.userformpage div#userform img{
		max-width:394px !important;
		width:100%;
		height:auto !important;
	}
}





article#changemailaddress{
}
article#changemailaddress table tr th,
article#changemailaddress table tr td{
	text-align: left;
}
article#changemailaddress table tr td input[type=text]{
	width: 200px;
	height: 26px;
	font-size: 18px;
}
article#changemailaddress table tr.submitrow td{
	text-align: center;	
	padding: 10px 10px 30px 10px;
}
article#changemailaddress div.errormessage{
	font-weight: bold;
	color: #ff0000;
}

article#changemailaddress{
}
article#changemailaddress dl dt{
	margin-top: 20px;
	font-weight: bold;
}
article#changemailaddress dl dd{
}
article#changemailaddress dl dd input[type=text]{
	width: 250px;
	height: 26px;
	font-size: 18px;
}
article#changemailaddress p.submitbutton{
	text-align: center;	
	padding: 10px 10px 30px 10px;
}
article#changemailaddress div.errormessage{
	font-weight: bold;
	color: #ff0000;
}




/****** sp ****************/

body.sp{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
/*	background-color: #972700;
	background: -moz-linear-gradient(top, #972700 0%, #eeaa00 100%); 
	background: -webkit-linear-gradient(top, #972700 0%, #eeaa00 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#972700), to(#eeaa00) );*/
	background-color: #eeeeee;
	background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%); 
	background: -webkit-linear-gradient(top, #fafafa 0%, #eeeeee 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee) );
	font-size: 14px;
}



body.sp div#toolbar{
	position: fixed !important;
	height: 38px;
	background: url(/img/toolbar_bg_color.png) repeat left top;
	width: 100%;
	text-align: center;
	z-index: 100;
}

body.sp div#toolbarcontents{
	width: 800px;
	margin: 0 auto;
	text-align: right;
	color: #ffffff;
	background: url(/img/agentmail_header_logo.png) no-repeat left top;
	height: 38px;
	font-size: 0.7em;
	line-height: 38px;
}

body.sp div#toolbarcontents div#agentmaillogo a{
	margin-top: 7px;
	width: 140px;
	height: 30px;
	display: block;
	float: left;
}
body.sp div#toolbarcontents div#agentmaillogo a:hover{
 	background: url(/img/agentmail_header_logo_hover.png) no-repeat left bottom;
}



body.sp a{
	color: #0000ff;
	text-decoration: none;
}
body.sp a:hover{
	color: #0000ff;
	text-decoration: underline;
}
body.sp a:visited{
	color: #0000ff;
}

body.sp div#toolbarcontents a{
	color: #ffffff;
	text-decoration: none;
}
body.sp div#toolbarcontents a:hover{
	color: #ffffff;
	text-decoration: underline;
}
body.sp div#toolbarcontents a:visited{
	color: #ffffff;
}


body.sp div#outer{
	padding-top: 38px;
	background: #ffffff;
	text-align: center;	
	width: 800px;
}

body.sp div#outer header{
	position: relative;
	margin-top: 3px;
	width: 800px;
/*	height: 379px; */
	height: 450px;
/*	height: 385px; */
	background: url(/img/sp/header7.png) no-repeat center top #ffffff;
}



body.sp div#outer header div.transistion{
	position: absolute;
	bottom: 65px;
/*	bottom: 0px; */
	width: 800px;
	height: 65px;
	background: url(/img/sp/transition_hover_2_2.png) no-repeat center top #ffffff;
}
body.sp div#outer header div.topdocument{
	position: absolute;
	bottom: 0px;
	width: 800px;
	height: 65px;
	background: url(/img/sp/pdf_download.png) no-repeat center top #ffffff;
}
body.sp div#outer header div.toptransitionhovered{
/*	background-image: url(/img/sp/transition_hover.png); */
	background-image: url(/img/sp/transition_2.png);
	cursor: pointer;
}
body.sp div#outer header div.topdocumenthovered{
/*	background-image: url(/img/sp/transition_hover.png); */
	background-image: url(/img/sp/pdf_download_hover.png);
	cursor: pointer;
}



body.sp div#outer article{
	padding: 10px;
	text-align: left;
}
body.sp div#outer div#secondheader{
	margin: 20px 0px 20px 0px;
	width: 800px;
	height: 691px;
	background: url(/img/sp/second_header2_.png) no-repeat center top #ffffff;
}
body.sp div#outer article p{
	margin: 30px 0px 30px 0px;
}


body.sp div#digestmovie{
	text-align: center;
	margin: 0 auto;
}
body.sp div#digestmovie p{
	font-weight: bold;
	font-size: 1.5em;
}



body.sp div#outer article div.toentry{
	text-align: center;
	margin: 0 auto;
	width: 600px;
	height: 50px;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.5em;
	margin-top: 30px;
	padding-top: 15px;
	border: 1px solid #cccccc;
	border-radius: 20px;
	background-color: #408000;
	background: -moz-linear-gradient(top, #bbff66 0%, #408000 100%); 
	background: -webkit-linear-gradient(top, #bbff66 0%, #408000 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#bbff66), to(#408000) );
}
body.sp div#outer article div.hovered{
	background-color: #bbff66;
	background: -moz-linear-gradient(top, #408000 0%, #bbff66 100%); 
	background: -webkit-linear-gradient(top, #408000 0%, #bbff66 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#408000), to(#bbff66) );
	cursor: pointer;
}


body.sp div#outer article div.subhead{
	color: #ffffff;
	background-color: #972700;
	background: -moz-linear-gradient(top, #972700 0%, #000000 100%); 
	background: -webkit-linear-gradient(top, #972700 0%, #000000 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#972700), to(#000000) );
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin: 80px 2px 0px 2px;
	padding: 5px 5px 5px 10px;
	font-size: 1.5em;
	font-weight: bold;
}
body.sp div#outer article div.subheaddocument{
	margin-top: 20px;
}
body.sp div#outer article div.subhead p{
	margin: 0px;
	padding: 0px;
}
body.sp div#outer article div.subhead_function{
	color: #000000;
/*	background-color: #972700;
	background: -moz-linear-gradient(top, #972700 0%, #000000 100%); 
	background: -webkit-linear-gradient(top, #972700 0%, #000000 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#972700), to(#000000) );
	border: 1px solid #cccccc;
	border-radius: 5px;*/
	margin: 80px 2px 0px 2px;
	padding: 5px 5px 5px 10px;
	font-size: 1.5em;
	font-weight: bold;
}
body.sp div#outer article div.subhead_function p{
	margin: 0px;
	padding: 0px;
}
body.sp div#outer article div.subhead_function p.reason{
	text-align: center;
	vertical-align: middle;
	font-size: 0.8em;
	color: #ffffff;
	float: left;
	background: url(../img/sp/star.png) top left no-repeat;
	width: 100px;
	height: 100px;
}
body.sp div#outer article div.subhead_function p.subheadname{
	text-align: left;
	font-size: 1.2em;
	color: #000000;
	float: left;
	padding-top: 30px;
	padding-left: 20px;
}
body.sp div#outer article div.subhead_function p.subheadname2{
	padding-top: 10px;
	padding-left: 20px;
}
body.sp div#outer article div.subhead_function p.releasedate{
	font-size: 0.6em;
	float: right;
}
body.sp div#outer article div.subhead_function p span.reason:before,
body.sp div#outer article div.subhead_function p span.reason:after{
	content: ' - ';
}

body.sp div#outer article div.aligncenter{
	text-align: center;
	padding: 10px;
}
body.sp div#outer article div.aligncenter p{
}

body.sp div#outer article div.alignleft{
	text-align: left;
	padding: 10px 20px 10px 20px;
}
body.sp div#outer article div.alignright{
	text-align: right;
	padding: 10px 20px 10px 20px;
}
body.sp div#outer article div.alignright p{
	margin: 0px;
	padding: 0px;	
}

body.sp div#outer article div.listframe{
	width: 450px;
	background-color: #ccff66;
	background: -moz-linear-gradient(top, #ccff66 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(top, #ccff66 0%, #ffffff 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ccff66), to(#ffffff) );
	border: 1px solid #cccccc; 
	border-radius: 10px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 30px;
}
body.sp div#outer article div.listframe ul{

	margin: 0 auto;
	text-align: left;
	padding: 10px;
}
body.sp div#outer article div.listframe ul li{
	margin: 10px 10px 10px 30px;
	padding-left: 10px;
	font-size: 1.2em;
	font-weight: bold;
/*	color: #ffffff; */
}

body.sp div#outer article div.commonknowledge{
	border: 1px solid #cccccc;
	border-radius: 5px;	
/*	background-color: #f0f0f0;
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); 
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0) );*/
	padding: 5px;
}

body.sp div#outer article div.commonknowledge div.commonknowledgepart1{
	background: url(../img/sp/agent_5.png)  center right no-repeat transparent;
}

body.sp div#outer article div.commonknowledge div.commonknowledgepart2{
	background: url(../img/sp/enjoy_5.png)  center left no-repeat transparent;
}
body.sp div#outer article div.commonknowledge div.commonknowledgepart3{
	background: url(../img/sp/agent4_10.jpeg)  center right no-repeat transparent;
}

body.sp div#outer article div.commonknowledge ul{
	margin-left: 50px;
/*	list-style: url(../img/sp/suggestion_list_24.png); */
/*	list-style: url(../img/sp/suggestion2_list_24.png); */
	list-style: url(../img/sp/suggestion3_list_18.png);
}
body.sp div#outer article div.commonknowledge div.commonknowledgepart1 ul,
body.sp div#outer article div.commonknowledge div.commonknowledgepart3 ul{
	margin-right: 150px;
}
body.sp div#outer article div.commonknowledge div.commonknowledgepart2 ul{
	margin-left: 150px;
}

body.sp div#outer article div.commonknowledge ul li{
	font-size: 1.0em;
	margin: 15px 0px 15px 0px;
	font-weight: 500;
}

body.sp div#outer article div.worldview{
	border: 1px solid #cccccc;
	border-radius: 5px;	
	background-color: #f6f6f6;
/*	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); 
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0) );*/
	padding: 5px;
	margin-bottom: 20px;
}

body.sp div#outer article div.worldview div.worldviewtitle{
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: 1px solid #cccccc;
	background-color: #f6f6f6;
/*	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); 
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0) );*/
}
body.sp div#outer article div.worldview p{
	margin-left: 25px;
}

body.sp div#outer article p.matop10{
	margin-top: 10px !important;
}
body.sp div#outer article p.matop20{
	margin-top: 20px !important;
}
body.sp div#outer article p.matop30{
	margin-top: 30px !important;
}
body.sp div#outer article p.matop60{
	margin-top: 60px;
}
body.sp div#outer article p.matop100{
	margin-top: 100px;
}

body.sp div#outer article p.mabottom10{
	margin-bottom: 10px !important;
}
body.sp div#outer article p.mabottom20{
	margin-bottom: 20px !important;
}
body.sp div#outer article p.mabottom30{
	margin-bottom: 30px !important;
}
body.sp div#outer article p.mabottom60{
	margin-bottom: 60px !important;
}
body.sp div#outer article p.mabottom100{
	margin-bottom: 100px !important;
}
body.sp div#outer article p.mabottom200{
	margin-bottom: 200px !important;
}
body.sp div#outer article p.mabottom300{
	margin-bottom: 300px !important;
}

body.sp div#characteristiclist{
	width: 100%;
}
body.sp div#characteristiclist ul{
	list-style: none;
	height: 600px;
}
body.sp div#characteristiclist ul li{
	width: 177px;
	height: 177px;
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
	border: 1px solid #cccccc;
	border-radius: 5px;
	font-size: 1.0em;
	padding: 5px;
	text-align: center;
	background-color: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}

body.sp div#characteristiclist ul li.hovered{
	background:none;
	background-color: #e3e3e3;
	background: -moz-linear-gradient(top, #e3e3e3 0%, #f3f3f3 100%); 
	background: -webkit-linear-gradient(top, #e3e3e3 0%, #f3f3f3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f3f3f3) );
	text-decoration: underline;
	cursor: pointer;
}

body.sp div#characteristiclist ul li#socialmedia{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_snslogos.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_snslogos.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_snslogos.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#e3e3e3) );
}
body.sp div#characteristiclist ul li#openrate{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_openmail.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_openmail.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_openmail.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}
body.sp div#characteristiclist ul li#lead{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_dousen.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_dousen.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_dousen.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}
body.sp div#characteristiclist ul li#activelead{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_click.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_click.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_click.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}
body.sp div#characteristiclist ul li#backnumber{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_backnumber.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_backnumber.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_backnumber.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}
body.sp div#characteristiclist ul li#smartfileter{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_smartfilter.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_smartfilter.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_smartfilter.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}
body.sp div#characteristiclist ul li#htmlmail{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_htmlmail.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_htmlmail.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_htmlmail.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}

body.sp div#characteristiclist ul li#mailtemplate{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_mail_template.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_mail_template.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_mail_template.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}
body.sp div#characteristiclist ul li#listmanager{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_list.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_list.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_list.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}
body.sp div#characteristiclist ul li#errormail{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_blacklist.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_errormail.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_errormail.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}
body.sp div#characteristiclist ul li#blacklist{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_blacklist.png) no-repeat bottom center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_blacklist.png) no-repeat bottom center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_blacklist.png) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}
body.sp div#characteristiclist ul li#paypal{
	background-color: #f3f3f3;
	background: url(/img/sp/characteristic_paypal.png) no-repeat center center, -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_paypal.png) no-repeat center center, -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: url(/img/sp/characteristic_paypal.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}



body.sp div#outer article div.beforelistframe,
body.sp div#outer article div.afterlistframe{
	width: 100%;
	background-color: #f6f6f6;
/*	background: -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );*/
/*	background-color: #ccff66;
	background: -moz-linear-gradient(top, #ccff66 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(top, #ccff66 0%, #ffffff 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ccff66), to(#ffffff) );*/
	border: 1px solid #cccccc; 
	border-radius: 10px;
	margin: 20px 0px 20px 0px;
}
body.sp div#outer article div.beforelistframe{
	margin-bottom: 5px;
}
body.sp div#outer article div.afterlistframe{
	margin-top: 5px;
}
body.sp div#outer article div.afterlistframe img{
	border: 1px solid #cccccc;
}
body.sp div#outer article div.beforelistframe p,
body.sp div#outer article div.afterlistframe p{
	margin: 20px 10px 20px 20px;
	font-size: 1.0em;
}

body.sp div#outer article div.beforelistframe p.beforetitle,
body.sp div#outer article div.afterlistframe p.aftertitle{
	margin: 0px;
	color: #ff0000;
	padding: 5px 20px 5px 20px;
	font-weight: bold;
	font-size: 1.2em;	
}

body.sp div#outer article div.beforelistframe ul,
body.sp div#outer article div.afterlistframe ul{
	list-style: url(../img/sp/list_arrow_18.png);
	margin: 0 auto;
	text-align: left;
	padding: 10px;
}
body.sp div#outer article div.beforelistframe ul li,
body.sp div#outer article div.afterlistframe ul li{
	margin: 10px 10px 10px 30px;
	padding-left: 10px;
}
body.sp div#outer article div.beforelistframe ul li{
}
body.sp div#outer article div.afterlistframe ul li{
	font-size: 1.2em;
	font-weight: bold;
}


body.sp div#outer article div.beforeafterarrow{
	text-align: center;
	margin: 0 auto;
}
body.sp div#outer article div.centerimage{
	text-align: center;
	margin: 0 auto;
}
body.sp div#outer article div.remarkslistframe{
	margin: 10px 10px 20px 50px;
	padding: 0px;
}
body.sp div#outer article div.remarkslistframe ul{
	list-style: circle;
	padding: 0px;
	margin: 0px;
}
body.sp div#outer article div.remarkslistframe ul li{
	margin: 3px;
	font-size: 1.0em;
	font-weight: normal;
}

body.sp div#outer article p.imageright{
	float: right;
	margin: 10px 30px 0px 0px;
}


body.sp div#outer article span.backliney{
	background-color: #ffff00;
}
body.sp div#outer article span.strongmessage{
	font-weight: bold;
	font-size: 1.4em;
}
body.sp div#outer article span.strongmessage2{
	font-weight: bold;
	font-size: 1.4em;
	text-decoration: underline;
	color: #ff0000;
}
body.sp div#outer article span.strongmessage3{
	font-size: 1.4em;
	color: #ff0000;
}
body.sp div#outer article span.strongmessage4{
	color: #0000ff;
	font-style: italic;
}
body.sp div#outer article span.strongmessage5{
	font-size: 1.4em;
	text-decoration: underline;
}
body.sp div#outer article span.strongmessage_small{
	font-weight: bold;
	font-size: 1.2em;
}

body.sp div#outer article div.basicservice dl{
}
body.sp div#outer article div.basicservice dl dt{
	font-weight: bold;
}
body.sp div#outer article div.basicservice dl dd{
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 10px 10px 30px;
	font-size: 1.0em;
}
body.sp div#outer article div.basicservice dl dd p{
	margin: 5px 5px 5px 0px;
}
body.sp div#outer article div.basicservice dl dd ul{
	margin-left: 30px;
}
body.sp div#outer article div.basicservice dl dd ul li{
	
}


body.sp div#outer article div.suggestion{
	font-size: 1.0em;
	margin: 10px 10px 10px 20px;
}

body.sp div#outer article div.suggestion span.suggestionstrong{
	font-size: 1.1em;
	font-weight: bold;
	background-color: #ffff00;
/*	color: #006600; */
	text-decoration: underline;
/*	text-shadow: 1px 1px 1px #006600; */
}

body.sp div#outer article div.suggestion ul{
	list-style: url(../img/sp/suggestion3_list_18.png);
	margin: 0px 0px 0px 20px;
}
body.sp div#outer article div.suggestion ul li{
	margin: 10px 0px 10px 0px;
	line-height: 1.2em;
	border-bottom: dotted 1px #cccccc;
}
body.sp div#outer article div.suggestion ul li ul{
	margin: 0px 0px 0px 20px;
	list-style: disc;
}
body.sp div#outer article div.suggestion ul li ul li{
}


body.sp div#outer article div.pricetable{
	border: 5px double #cccccc;
	margin: 5px;
	padding: 10px;
/*	background: -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );*/
}
body.sp div#outer article div.pricetable p{
	margin: 10px;
	padding: 0px;
	font-size: 0.8em
}


body.sp div#outer article div.pricetable table.pricebasictable{
	font-size: 0.8em;
	margin: 20px 0px 20px 0px;
	border: 1px solid #cccccc;
}

body.sp div#outer article div.pricetable table.pricebasictable tr{
}
body.sp div#outer article div.pricetable table.pricebasictable tr th,
body.sp div#outer article div.pricetable table.pricebasictable tr td{
/*	border: 1px solid #cccccc;	 */
	padding: 2px 10px 2px 10px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
body.sp div#outer article div.pricetable table.pricebasictable tr td span.remarks{
	font-weight: normal;	
}

body.sp div#outer article div.pricetable table.pricebasictable tr td table.inner{
	margin: 20px 0px 20px 0px;
	border: 1px solid #cccccc;
	font-weight: bold;
	background-color: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}
body.sp div#outer article div.pricetable table.pricebasictable tr td table.inner tr th,
body.sp div#outer article div.pricetable table.pricebasictable tr td table.inner tr td{
	vertical-align: middle;
}
body.sp div#outer article div.pricetable table.pricebasictable tr td table.inner tr td{
	font-size: 1.5em;
	text-align: right;	
}


body.sp div#outer article div.pricetable span.price{
	font-weight: bold;
}
body.sp div#outer article div.pricetable span.basicprice{
	font-weight: bold;
}
body.sp div#outer article div.pricetable span.basicprice_campaign{
	text-decoration: line-through;
}
body.sp div#outer article div.pricetable span.campaignprice{
	font-weight: bold;
	font-size: 1.5em;
}


body.sp div#outer article div.pricetable table.pricedetailtable{
	font-size: 0.8em;
}
body.sp div#outer article div.pricetable table.pricedetailtable tr{

}
body.sp div#outer article div.pricetable table.pricedetailtable tr th,
body.sp div#outer article div.pricetable table.pricedetailtable tr td{
	border: 1px solid #cccccc;	
	padding: 2px 10px 2px 10px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
body.sp div#outer article div.pricetable table.pricedetailtable tr td span.remarks{
	font-weight: normal;	
}
body.sp div#outer article div.pricetable table.pricedetailtablemailinfo{
}
body.sp div#outer article div.pricetable table.pricedetailtablemailinfo tr th{
	font-weight: bold;
}
body.sp div#outer article div.pricetable table.pricedetailtablemailinfo tr th,
body.sp div#outer article div.pricetable table.pricedetailtablemailinfo tr td{
	border: 1px solid #cccccc;
	vertical-align: top;
	padding: 2px;
	font-size: 0.8em;
}



body.sp div#outer article div.pricetable table.entrybuttontable{
	margin: 30px 0px 30px 0px;	
}
body.sp div#outer article div.pricetable table.entrybuttontable tr td{
	font-size: 0.8em;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}
body.sp div#outer article div.pricetable table.entrybuttontable tr td span.entrystrong{
	font-size: 1.3em;
}

body.sp div#outer article div.pricetable table.entrybuttontable tr td div.entrybutton4change{
	width: 300px;
	border: 1px solid #cccccc;
	border-radius: 10px;
	color: #ffffff;
	padding: 5px;
	margin: 0 auto;
	background-color: #eeaa00;
	background: -moz-linear-gradient(top, #eeaa00 0%, #ff3300 100%); 
	background: -webkit-linear-gradient(top, #eeaa00 0%, #ff3300 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#eeaa00), to(#ff3300) );
}
body.sp div#outer article div.pricetable table.entrybuttontable tr td div.entrybutton4chagnewHovered{
	background-color: #ff3300;
	background: -moz-linear-gradient(top, #ff3300 0%, #eeaa00 100%); 
	background: -webkit-linear-gradient(top, #ff3300 0%, #eeaa00 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ff3300), to(#eeaa00) );
	cursor: pointer;
}

body.sp div#outer article div.pricetable table.entrybuttontable tr td div.entrybutton4new{
	width: 300px;
	border: 1px solid #cccccc;
	border-radius: 10px;
	color: #ffffff;
	padding: 5px;
	background-color: #00aa00;
	background: -moz-linear-gradient(top, #00aa00 0%, #006600 100%); 
	background: -webkit-linear-gradient(top, #00aa00 0%, #006600 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#00aa00), to(#006600) );
}
body.sp div#outer article div.pricetable table.entrybuttontable tr td div.entrybutton4newHovered{
	background-color: #006600;
	background: -moz-linear-gradient(top, #006600 0%, #00aa00 100%); 
	background: -webkit-linear-gradient(top, #006600 0%, #00aa00 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#006600), to(#00aa00) );
	cursor: pointer;
}
body.sp div#outer article div.pricetable table.entrybuttontable tr td div.remarks{
	font-weight: normal;
	font-size: 12px;
}






body.sp div#outer article div.faq dl dt{
	border: 1px solid #cccccc;
	border-radius: 5px;
	font-size: 1.4em;
	padding: 5px;
	font-weight: bold;
	background-color: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #e3e3e3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e3e3e3) );
}

body.sp div#outer article div.faq dl dd{
	margin-left: 20px;
}

body.sp div#outer article div.profilecontents{
	border: 1px solid #cccccc;
	border-radius: 5px;
	font-size: 1.0em;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}

body.sp div#outer article div#aibarikiyaprofile{
	background: url(../img/sp/aibarikiya.jpg) 490px 50px  no-repeat;
}


body.sp div#outer article div#yasudakazutakaprofile{
	background: url(../img/sp/yasudakazutaka.png) 490px 50px  no-repeat;
}

body.sp div#outer article div#yasudayukiprofile{
	background: url(../img/sp/yasudayuki.jpg) 490px 50px  no-repeat;
}

body.sp div#outer article div.supplementation{
	font-size: 0.8em;
	margin: 100px 0px 30px 30px;
}




body.sp div#outer article table#comparisonmatrix{
	margin-top: 20px;
	width: 100%;
	font-size: 0.9em;
}
body.sp div#outer article table#comparisonmatrix tr th,
body.sp div#outer article table#comparisonmatrix tr td{
	border: 1px solid #eeeeee;
	padding: 2px;
	text-align: left;
}
body.sp div#outer article table#comparisonmatrix tr th{
	font-weight: bold;
	background-color: #eeffee;
}
body.sp div#outer article table#comparisonmatrix tr td{
	text-align: center;
}
body.sp div#outer article table#comparisonmatrix tr.colheader th{
	text-align: center;
}
body.sp div#outer article table#comparisonmatrix tr th.thblank{
	width: 20px;
}









body.sp div#outer article div#inquiry,
body.sp div#outer article div#company,
body.sp div#outer article div#tokusyou,
body.sp div#outer article div#privacy{
}
body.sp div#outer article div#inquiry h1,
body.sp div#outer article div#company h1,
body.sp div#outer article div#tokusyou h1,
body.sp div#outer article div#privacy h1{
	font-size: 1.0em;
}
body.sp div#outer article div#inquiry h2,
body.sp div#outer article div#company h2,
body.sp div#outer article div#tokusyou h2,
body.sp div#outer article div#privacy h2{
	font-size: 1.0em;
}

body.sp div#outer article div#company p{
	margin: 20px 10px 20px 10px;
	font-size: 0.8em;
}
body.sp div#outer article div#company ul{
	margin: 20px 20px 20px 30px;
}
body.sp div#outer article div#company ul li{
	font-size: 0.8em;
}
body.sp div#outer article div#company div.companycontents{
	margin-left: 20px;
}
body.sp div#outer article div#company div.profilearea{
	vertical-align: top;
}
body.sp div#outer article div#company div.profilearea img{
	float: left;
}
body.sp div#outer article div#company div.profilearea p{
	padding-left: 20px;
}
body.sp div#outer article div#company div.hsitory{
	
}
body.sp div#outer article div#company div.hsitory dl{
	font-size: 0.8em;
}
body.sp div#outer article div#company div.hsitory dl dt{
}
body.sp div#outer article div#company div.hsitory dl dd{
}



body.sp div#outer article div#company table,
body.sp div#outer article div#tokusyou table,
body.sp div#outer article div#privacy table{
	width: 100%;
	margin: 20px 0px 20px 0px;
}
body.sp div#outer article div#company table tr th,
body.sp div#outer article div#company table tr td,
body.sp div#outer article div#tokusyou table tr th,
body.sp div#outer article div#tokusyou table tr td,
body.sp div#outer article div#privacy table tr th,
body.sp div#outer article div#privacy table tr td{
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #cccccc;
	font-size: 0.8em;
	background-color: #fcfcfc;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f0f0f0 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #f0f0f0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0) );
}
body.sp div#outer article div#company table tr td dl,
body.sp div#outer article div#tokusyou table tr td dl,
body.sp div#outer article div#privacy table tr td dl{
}
body.sp div#outer article div#company table tr td dl dt,
body.sp div#outer article div#tokusyou table tr td dl dt,
body.sp div#outer article div#privacy table tr td dl dt{
	margin-left: 20px;
}
body.sp div#outer article div#company table tr td dl dd,
body.sp div#outer article div#tokusyou table tr td dl dd,
body.sp div#outer article div#privacy table tr td dl dd{
	margin-left: 40px;
}
body.sp div#outer article div#company table tr td dl dd dl,
body.sp div#outer article div#tokusyou table tr td dl dd dl,
body.sp div#outer article div#privacy table tr td dl dd dl{
	margin-left: 0px;
}
body.sp div#outer article div#company table tr td dl dd dl dt,
body.sp div#outer article div#tokusyou table tr td dl dd dl dt,
body.sp div#outer article div#privacy table tr td dl dd dl dt{
	margin-left: 0px;
}
body.sp div#outer article div#company table tr td dl dd dl dd,
body.sp div#outer article div#tokusyou table tr td dl dd dl dd,
body.sp div#outer article div#privacy table tr td dl dd dl dd{
	margin-left: 20px;
}
body.sp div#outer article div#tokusyou table tr td table.leaveprocess tr td{
	border: 2px dotted #cccccc;
	border-radius: 5px;
	font-size: 1.0em;
	padding: 10px;
}

body.sp div#outer article div#inquiry table{
	width: 100%
}
body.sp div#outer article div#inquiry table tr th,
body.sp div#outer article div#inquiry table tr td{
	text-align: left;
	vertical-align: top;
	padding: 2px;
}
body.sp div#outer article div#inquiry table tr th{
	width: 20%;
	font-weight: bold;
}
body.sp div#outer article div#inquiry table tr td{
}
body.sp div#outer article div#inquiry table tr td span.agentmail__annotation{
	font-size: 0.8em;
}
body.sp div#outer article div#inquiry table tr td span.agentmail__warning{
	font-size: 0.8em;
}
body.sp div#outer article div#inquiry table tr.submitrow td{
	text-align: center;
}
body.sp div#outer article div#inquiry input[type=text]{
	width: 200px;
	height: 20px;
}
body.sp div#outer article div#inquiry textarea{
	width: 300px;
	height: 200px;
}



body.sp div.footernavigation{
	padding: 20px;
	text-align: center;
	color: #ffffff;
	font-size: 0.8em;
/*	background: -moz-linear-gradient(top, #000000 0%, #972700 100%); 
	background: -webkit-linear-gradient(top, #000000 0%, #972700 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#972700) );*/
	background-color: #972700;
}
body.sp div.footernavigation a{
	color: #ffffff;	
	text-decoration: none;
}
body.sp div.footernavigation a:hover{
	color: #ffffff;
	text-decoration: underline;
}
body.sp div.footernavigation a:visited{
	color: #ffffff;
	text-decoration: none;
}

body.sp footer{
	position: inherit !important;
	font-size: 10px;
	height: 20px;
	width: 100%;
	z-index: 100;
	background: url(../img/toolbar_bg_color.png) repeat left top;
}

body.sp footer div#footercontents{
	width: 800px;
	color: #ffffff;
	text-align: center;
	font-style: italic;
	margin: 0 auto;
	padding: 4px 0px 0px 0px;
	color: #ffffff;
}

body.sp .shimei{
	font-weight: bold;
	font-size: 1.2em;
}

body.sp .agentmail_name{
	font-weight: bold;
	font-size: 4.0em;
	color: #880000;
	text-shadow: 1px 1px 3px #cccccc;
}
body.sp .agentmail_name_2{
	font-weight: bold;
	color: #880000;
}






body.sp div#agreement{
}

body.sp div#agreement h2,
body.sp div#agreement h3{
	margin: 10px;
}
body.sp div#agreement h2{
	font-size: 18px;
}
body.sp div#agreement h3{
	font-size: 16px;
	font-weight: bold;
}

body.sp div#agreement p,
body.sp div#agreement ul,
body.sp div#agreement ol{
	font-size: 14px;
	margin: 10px;
}
body.sp div#agreement p{
	margin-left: 20px !important;
	margin-right: 20px !important;
}
body.sp div#agreement ol{
	margin-left: 40px;
	margin-right: 20px !important;
}
body.sp div#agreement ol li{
	
}
body.sp div#agreement ol li ul{
	margin-left: 20px;	
}
body.sp div#agreement ul{
	margin-left: 40px;
}



body.sp div#outer header#transition{
	background: url(../img/sp/transition_header.png) top left no-repeat;
	width: 800px;
	height: 250px;
}


body.sp div#outer div.transistionnavigation{
	margin: 10px;
}
body.sp div#outer div.transistionnavigation ul{
	list-style: none;
}
body.sp div#outer div.transistionnavigation ul li{
	margin-right: 10px;
	width: 250px;
	height: 80px;
	float: left;
}

body.sp div#outer div.transistionnavigation ul li.worldview{
	background: url(../img/sp/transition_part_1.png) top left no-repeat;
}
body.sp div#outer div.transistionnavigation ul li.faq{
	background: url(../img/sp/transition_part_2.png) top left no-repeat;
}
body.sp div#outer div.transistionnavigation ul li.flow{
	background: url(../img/sp/transition_part_3.png) top left no-repeat;
}

body.sp div#outer div.transistionnavigation ul li.worldviewactive{
	background: url(../img/sp/transition_part_1_active.png) top left no-repeat;
}
body.sp div#outer div.transistionnavigation ul li.faqactive{
	background: url(../img/sp/transition_part_2_active.png) top left no-repeat;
}
body.sp div#outer div.transistionnavigation ul li.flowactive{
	background: url(../img/sp/transition_part_3_active.png) top left no-repeat;
}

body.sp div#outer div.transistionnavigation ul li.worldviewhovered{
	background: url(../img/sp/transition_part_1_active.png) top left no-repeat;
	cursor: pointer;
}
body.sp div#outer div.transistionnavigation ul li.faqhovered{
	background: url(../img/sp/transition_part_2_active.png) top left no-repeat;
	cursor: pointer;
}
body.sp div#outer div.transistionnavigation ul li.flowhovered{
	background: url(../img/sp/transition_part_3_active.png) top left no-repeat;
	cursor: pointer;
}


body.sp div#outer article div.transistionnavigation2{
	margin: 100px 0px 0px 0px;
}
body.sp div#outer article div.transistionnavigation2 ul{
	list-style: none;
}
body.sp div#outer article div.transistionnavigation2 ul li{
	margin-right: 10px;
	width: 250px;
	height: 80px;
	float: left;
}
body.sp div#outer article div.transistionnavigation2 ul li.worldview{
	background: url(../img/sp/transition_part_1_c.png) top left no-repeat;
}
body.sp div#outer article div.transistionnavigation2 ul li.faq{
	background: url(../img/sp/transition_part_2_c.png) top left no-repeat;
}
body.sp div#outer article div.transistionnavigation2 ul li.flow{
	background: url(../img/sp/transition_part_3_c.png) top left no-repeat;
}

body.sp div#outer article div.transistionnavigation2 ul li.worldviewactive{
	background: url(../img/sp/transition_part_1_c_active.png) top left no-repeat;
}
body.sp div#outer article div.transistionnavigation2 ul li.faqactive{
	background: url(../img/sp/transition_part_2_c_active.png) top left no-repeat;
}
body.sp div#outer article div.transistionnavigation2 ul li.flowactive{
	background: url(../img/sp/transition_part_3_c_active.png) top left no-repeat;
}

body.sp div#outer article div.transistionnavigation2 ul li.worldviewhovered{
	background: url(../img/sp/transition_part_1_c_active.png) top left no-repeat;
	cursor: pointer;
}
body.sp div#outer article div.transistionnavigation2 ul li.faqhovered{
	background: url(../img/sp/transition_part_2_c_active.png) top left no-repeat;
	cursor: pointer;
}
body.sp div#outer article div.transistionnavigation2 ul li.flowhovered{
	background: url(../img/sp/transition_part_3_c_active.png) top left no-repeat;
	cursor: pointer;
}





body.sp div#outer article div.more{
	text-align: right;
}
body.sp div#outer article div.more p{
	margin: 0px;
}


body.sp div#outer article div.flow dl{
}

body.sp div#outer article div.flow dl{
}
body.sp div#outer article div.flow dl dt{
	font-weight: bold;
	font-size: 1.2em;
}
body.sp div#outer article div.flow dl dd{
	margin-left: 20px;
}


body.sp div#outer article div.pricetable table.transistionentrybuttontable{
	margin: 0 auto;
	text-align: center;
}
body.sp div#outer article div.pricetable table.transistionentrybuttontable tr td{
	text-align: centerl;
}


body.sp div#outer article div#worldviewcontents,
body.sp div#outer article div#faqcontents,
body.sp div#outer article div#flowcontents{
	width: 766px;
	border: 2px solid #880000;
	padding-top: 20px;
}


body.sp div#outer article div#documentform{
	padding: 20px;
}
body.sp div#outer article div#documentform table{
	width: 100%;
}
body.sp div#outer article div#documentform table tr th,
body.sp div#outer article div#documentform table tr td{
	padding: 5px;
}
body.sp div#outer article div#documentform table tr th{
	font-weight: bold;
}
body.sp div#outer article div#documentform table tr td input[type=text]{
	width: 300px;	
	height: 20px;
}
body.sp div#outer article div#documentform table tr.submitrow td{
	text-align: center;
}
body.sp div#outer article div#documentform p{
}


div#saveidpasswordarea{
}
div#saveidpasswordarea label,
div#saveidpasswordarea input[type=checkbox]{
	padding: 1px 10px 1px 10px;
	margin: 2px 0px 10px 0px;
	font-size: 12px;
}
div#saveidpasswordarea div#saveidpasswordmessage{
	display: none;
	text-align: center;
	width: 70%;
	color: #ff0000;
	font-size: 10px;
	padding: 2px 10px 2px 10px;
	margin: 0 auto;
	margin-bottom: 10px;
/*	border: 1px solid #cccccc;
	border-radius: 5px;
	background-color: #aa0000;*/
}


div#mailframetopcontents{
	text-align: left;
	margin-bottom: 100px;
}
div#mailframetopcontents p{
	margin: 30px 50px 40px 50px;
	font-size: 1.2em;
}
div#mailframetopcontents ul{
	margin: 30px 50px 40px 80px;
}
div#mailframetopcontents ul li{
	font-size: 1.2em;
}
div#mailframetopcontents span.strongmessage1{
	font-weight: bold;
	font-size: 1.3em;
}
div#mailframetopcontents span.strongmessage2{
	font-weight: bold;
	font-size: 1.5em;
}
div#mailframetopcontents span.strongmessage3{
	font-weight: bold;
	font-size: 1.5em;
	background-color: #ffff00;
}
div#mailframetopcontents span.strongmessage4{
	background-color: #ffff00;
}
div#mailframetopcontents span.strongmessage5{
	font-size: 1.3em;
	background-color: #ffff00;
}
div#mailframetopcontents h1{
	background: url(/img/sp/handmark_white.png) center left no-repeat #800000;
	margin: 20px 0px 10px 0px;
	padding: 10px 0px 10px 150px;
	font-weight: bold;
	font-size: 1.5em;
	color: #ffffff;
}
div#mailframetopcontents h1 span.bigstr{
	font-size: 1.3em;
}

div#mailframetopcontents p.imageright{
	float: right;
	margin: 10px 20px 0px 0px;
}


div#paypaltopcontents{
	text-align: left;
	margin-bottom: 100px;
}
div#paypaltopcontents p{
	margin: 30px 50px 40px 50px;
	font-size: 1.2em;
}
div#paypaltopcontents ul{
	margin: 30px 50px 40px 80px;
}
div#paypaltopcontents ul li{
	font-size: 1.2em;
	margin: 10px 0px 10px 0px;
}
div#paypaltopcontents ul.stronglist1{
	font-size: 1.2em;
	font-weight: bold;
}
div#paypaltopcontents ul.stronglist2{
	font-weight: bold;
	font-size: 1.7em;
}

div#paypaltopcontents span.strongmessage1{
	font-weight: bold;
	font-size: 1.3em;
}
div#paypaltopcontents span.strongmessage2{
	font-weight: bold;
	font-size: 1.5em;
}
div#paypaltopcontents span.strongmessage3{
	font-weight: bold;
	font-size: 1.5em;
	background-color: #ffff00;
}
div#paypaltopcontents span.strongmessage4{
	background-color: #ffff00;
}
div#paypaltopcontents span.strongmessage5{
	font-size: 1.3em;
	background-color: #ffff00;
}
div#paypaltopcontents h1{
	background: url(/img/sp/handmark_white.png) center left no-repeat #800000;
	margin: 20px 0px 10px 0px;
	padding: 10px 0px 10px 150px;
	font-weight: bold;
	font-size: 1.5em;
	color: #ffffff;
}
div#paypaltopcontents h1 span.bigstr{
	font-size: 1.3em;
}
div#paypaltopcontents p.imageright{
	float: right;
	margin: 10px 20px 0px 0px;
}
div#paypaltopcontents dl dt{
	font-weight: bold;
	font-size: 1.3em;
	margin: 10px 0px 20px 50px;
}
div#paypaltopcontents dl dd{
	margin: 10px 30px 20px 50px;
	padding: 10px 20px 10px 20px;
	border: 1px solid #cccccc;
	border-radius: 10px;
	background-color: #f8f8f8;
}
div#paypaltopcontents dl dd ul{
	margin: 0px 50px 0px 20px;
}
div#paypaltopcontents dl dd p{
	margin: 20px;
}



div#specificentrybutton{
	width: 800px;
	height: 100px;
	display: block;
}

div.specificentrybutton a{
	padding-top: 30px;
	background: url(/img/sp/specific_entry_button.png) center left no-repeat;
	width: 800px;
	height: 100px;
	display: block;
	font-size: 1.5em;
	vertical-align: middle;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
div.specificentrybutton a:hover{
	cursor: pointer;
	background: url(/img/sp/specific_entry_button_hover.png) center left no-repeat;
	color: #ffffff;
	text-decoration: none;
}
div.specificentrybutton a:visited{
	color: #ffffff;
}
div#mailframeheaderbottom{
	width: 800px;
	height: 700px;
	display: block;
	text-align: center;
	background: url(/img/sp/header_mailframe_bottom3.png) center left no-repeat;
}
div#wordpressheaderbottom{
	width: 800px;
	height: 700px;
	display: block;
	text-align: center;
	background: url(/img/sp/header_wordpress_bottom.png) center left no-repeat;
}
div#paypalheaderbottom{
	width: 800px;
	height: 700px;
	display: block;
	text-align: center;
	background: url(/img/sp/header_paypal_bottom.png) center left no-repeat;
}

div#mailframetopcontents div.entry{
	text-align: center;
	margin: 0 auto;
	width: 600px;
	height: 50px;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.5em;
	margin-top: 30px;
	padding-top: 15px;
	border: 1px solid #cccccc;
	border-radius: 20px;
	background-color: #408000;
	background: -moz-linear-gradient(top, #bbff66 0%, #408000 100%); 
	background: -webkit-linear-gradient(top, #bbff66 0%, #408000 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#bbff66), to(#408000) );
}
div#mailframetopcontents div.hovered{
	background-color: #bbff66;
	background: -moz-linear-gradient(top, #408000 0%, #bbff66 100%); 
	background: -webkit-linear-gradient(top, #408000 0%, #bbff66 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#408000), to(#bbff66) );
	cursor: pointer;
}



div#paypaltopcontents div.entry{
	text-align: center;
	margin: 0 auto;
	width: 600px;
	height: 50px;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.5em;
	margin-top: 30px;
	padding-top: 15px;
	border: 1px solid #cccccc;
	border-radius: 20px;
	background-color: #408000;
	background: -moz-linear-gradient(top, #bbff66 0%, #408000 100%); 
	background: -webkit-linear-gradient(top, #bbff66 0%, #408000 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#bbff66), to(#408000) );
}
div#paypaltopcontents div.hovered{
	background-color: #bbff66;
	background: -moz-linear-gradient(top, #408000 0%, #bbff66 100%); 
	background: -webkit-linear-gradient(top, #408000 0%, #bbff66 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(#408000), to(#bbff66) );
	cursor: pointer;
}


div#agentmaildetailbutton{
	display: block;
	width: 800px;
	height: 300px;
	padding: 0px;
	margin: 0px;
}
div#agentmaildetailbutton a{
	display: block;
	width: 800px;
	height: 300px;
	padding: 0px;
	margin: 0px;
	background: url(/img/sp/agentmail_detail.png) left top no-repeat;
}
div#agentmaildetailbutton a:hover{
	cursor: pointer;
	background: url(/img/sp/agentmail_detail_hover.png) left top no-repeat;
}

div#agentmaildetailcontents{
	display: none;
}

div#powerdby{
	border-top: 1px solid #cccccc;
	margin: 10px;
	padding: 10px;
	text-align: center;
	font-size: 10px;
}


div.orverridefooterpanel{
	position: fixed !important;
	display: none;
	bottom: 0px;
	left: 5px;
	bottom: 5px;
	height: 150px;
	width: 60%;
	z-index: 1200;
	padding: 10px;
	background: #ffffff;
	border: solid 1px #cccccc;
}
@media screen and  (min-width: 0px) and (max-device-width: 640px) {
	div.orverridefooterpanel{
		width: 90%;
	}
}
div.orverridefooterpanel h3{
	font-weight: bold;
	font-size: 1.0em;
}
div.orverridefooterpanel p{
	font-size: 0.9em;
}
div.orverridefooterpanel input[type=button]{
	padding: 2px 5px 2px 5px;
}



/* new form */


div.LltV2Section div.LltV2SectionFormBlock {
	padding-top: 80px;
	padding-bottom: 80px;
	width: 70%;
	margin: 0 auto;
	text-align: center;
}

@media screen and (min-width: 480px){
	div.LltV2Section div.LltV2SectionFormBlock{
		width: 100%;
	}
}
@media screen and (min-width: 1024px){
	div.LltV2Section div.LltV2SectionFormBlock{
		padding-top: 80px;
		padding-bottom: 80px;
		width: 70%;
		margin: 0 auto;
		text-align: center;
	}
}


div.fv2item{
	width: 100%;
}
div.fv2itemGroup{
	width: 100%;
}
div.fv2itemGroup.fv2itemGroup2{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 20px 1fr;
	justify-content: center;
	align-items: center;
}
div.fv2itemGroup.fv2itemGroup2 div.fv2item{
}
div.fv2itemName{
	text-align: left;
	font-weight: bold;
}
div.fv2itemValue{
	text-align: left;
	margin-bottom: 20px;
	width: 100%;
}
div.fv2itemValue input[type=email],
div.fv2itemValue input[type=text]{	
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	height: 30px;
	font-size: 1.2em;
	border: 1px solid #cccccc;
	text-align: left;
	padding: 5px;
	color: #555555;
	border-radius: 5px;
}
div.fv2itemValue textarea{
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	height: 200px;
	font-size: 1.2em;
	border: 1px solid #cccccc;
	text-align: left;
	padding: 5px;
	color: #555555;
	border-radius: 5px;
}
div.fv2submit{
	text-align: center;
	margin: 0 auto;
}
div.fv2submit input{
	width: 100%;
	font-size: 1.2em;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
	border-radius: 30px;
	border: 0px;
	font-weight: normal;
	border: 1px solid #cccccc;
}

@media screen and (min-width: 480px){
	div.fv2submit input{
		width: 100%;
	}
}
@media screen and (min-width: 1024px){
	div.fv2submit input{
		width: 300px;
	}
}
div.fv2itemValue div.agentmail__policy{
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #cccccc;
	padding: 10px;
	text-align: left;
}
div.fv2itemValue div.agentmail__policy *{
	text-align: left;
}
span.fv2required{
	color: #ffffff;
	background-color: #c5140f;
	border-radius: 10px;
	font-size: 0.8em;
	padding: 3px 15px 1px 15px;
	margin-left: 20px;
	display: inline-block;
	margin-bottom: 5px;
}
span.fv2noRequired{
	color: #ffffff;
	background-color: #9b9393;
	border-radius: 10px;
	font-size: 0.8em;
	padding: 3px 15px 1px 15px;
	margin-left: 20px;
	display: inline-block;
	margin-bottom: 5px;
}