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


div#main-contents .main-contents-txt{
width:auto;
height:auto;
margin:0 0 80px 0;
padding:0;
text-align:left;
overflow:hidden;	
}

.wtn_copyright{
display:none;	
}


/* #LEFT
================================================== */

div#main-contents-left{
width:620px;
height:auto;
margin:0 30px 80px 0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
}

h4{
width:auto;
height:auto;
margin:0 0 40px 0;
padding:0px 0 0 70px;
color:#e50612;
background:url(/images/global-link-icon-4.png) no-repeat 0px 8px ;
font-size:14px;
text-align:left;
}

dl#entry-form{
width:620px;
height:auto;
margin:0;
padding:15px 0 15px 0;
text-align:left;
overflow:hidden;	
border-top:1px dashed #cbcbcb	;
}

dl#entry-form dt{
width:200px;
height:80px;
margin:0 0 15px 0;
padding:0;
text-align:left;
overflow:hidden;
float:left;
border-bottom:1px dashed #cbcbcb;
letter-spacing:0;
}

dl#entry-form dd{
width:420px;
height:80px;
margin:0 0 15px 0;
padding:0 0 0 0 15px;
text-align:left;
overflow:hidden;
float:left;
border-bottom:1px dashed #cbcbcb	
}

.check{
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;	
}

.check a{
color:#e50612;	
}

.check a:hover{
color:#e50612;	
text-decoration:underline;
}


.messege{
width:auto;
height:auto;
margin:0 0 30px 0;
padding:0;	
}


.abs{
color:#e50612;
margin:0px;
padding:0px 0px 0px 5px;
font-size:14px;
}

.require {
margin:0px;
padding:0px 0px 0px 0px;
font-size:14px;
font-weight:normal;
	}


/* Form
--------------------------------------------------*/
.zeromail legend {
	display:none;
}

.zeromail label{
    margin:0 3px;
}

.zeromail input[type=radio],
.zeromail input[type=checkbox] {
    margin-right:0.3em;
}

.zeromail button,
.zeromail input[type=checkbox],
.zeromail input[type=radio],
.zeromail input[type=reset],
.zeromail input[type=submit] {
    padding:1px;
}

.zeromail [type=check],
.zeromail [type=radio],
.zeromail [type=submit] {
    cursor: pointer;
}

.zeromail [type=check] + label,
.zeromail [type=radio] + label {
    display: inline-block;
    cursor: pointer;
}

.zeromail [type=number],
.zeromail [type=tel],
.zeromail [type=email],
.zeromail [type=text],
.zeromail [type=password],
.zeromail textarea {
    border:1px solid #666666;
	padding: 7px;
	color: #000000;
	font-size:12px;
	font-weight:bold;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.zeromail input[type=text]:hover,
.zeromail [type=password]:hover,
.zeromail textarea:hover,
.zeromail input[type=text]:focus,
.zeromail [type=password]:focus,
.zeromail textarea:focus {
	background-color: #E3E3E3;
}

/* Button
--------------------------------------------------*/
.zeromail .button {
    width:95%;
	height:auto;
	padding:0;
    text-align:center;
    margin:40px auto 0 auto;
}

.zeromail .button button {
    min-width:100px;
	_width:100px;
}

.zeromail button[type],
.zeromail button[id]{
    margin:0 5px;
	padding:15px;
    border:solid 1px;
    border-color:#ddd #aaa #aaa #ddd;
	border-radius:5px;
    background-color:#ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    line-height:1.4;
    cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	letter-spacing:2px;
}

.zeromail button[type]:hover,
.zeromail button[id]:hover{
    background-color:#efefef;
}
.zeromail button[id=submit] {
    border-color:#E50612;
    background-color:#E50612;
}
.zeromail button[id=submit]:hover {
    border-color:#7F7F7E;
    background-color:#7F7F7E;
}

.zeromail button[id=myreset],
.zeromail button[id=close]{
}


/* 確認・エラー画面(check,error)
--------------------------------------------------*/

.zeromail #confirm table {
	width:auto;
	margin-top:60px;
    margin-bottom:10px;
	font-size:14px;
line-height:150%;
color:#666666;
letter-spacing:1px;
border:none;
}

.zeromail #confirm td  {
    padding:20px 0 20px 0px;
	border-bottom:1px dashed #cccccc;
}

.zeromail #confirm th  {
    padding:20px 0 20px 0px;
	border-bottom:1px dashed #cccccc;
}


/*入力エラー*/
.zeromail strong.error {
	display:inline;
	padding:0;
	margin:0;
	border:0;
    color:#E50612;
}

/* Message()のメッセージ */
.message {
	text-align:center;
}

/*エラー*/
div#main-contents-left .zeromail span.error{ 
    width:auto;
	height:auto;
	display:block;
	margin:1.5em 0px;
	padding:1.5em 0;
	border:solid 3px #E50612;
	text-align:center;
	color:#E50612;
	font-weight:bold;
	font-size:14px;
}

/*エラーなし*/
.zeromail span.confirm{
	display:block;
	padding:10px 0px 0px 0px;
	font-size:14px;
	text-align:left;
}


/* 送信完了(completion.html)
--------------------------------------------------*/
#completion .success {
	margin:1.5em 50px;
	padding:1.5em 0;
	background-color:#e8f198;
	border:solid 1px #c6e148;
	text-align:center;
}




/* #RIGHT
================================================== */

div#main-contents-right{
width:290px;
height:auto;
margin:0 0px 80px 0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
}

div#main-contents-right .contents-box{
width:auto;
height:auto;
padding:15px;
margin:0 0 60px 0;
text-align:left;
overflow:hidden;
border:1px dotted #dddddd;	
font-size:12px;
line-height:180%;
}

ul.contents-inner-box-list-3{
width:265px;
height:auto;
margin:15px 0 -10px 0;
padding:0;
text-align:left;
overflow:hidden;	
}

ul.contents-inner-box-list-3 li{
width:230px;
height:auto;
margin:0px 0 15px 0;
padding:10px;
border: 1px solid #dddddd;	
text-align:center;
overflow:hidden;	
}

div#main-contents-right .contents-inner-box-ttl{
width:auto;
height:auto;
padding:5px;
margin:0 0 15px 0;
text-align:left;
overflow:hidden;
background-color:#e50612;
font-size:12px;
color:#ffffff;
font-weight:bold;
line-height:180%;
}


div#main-contents-right .contents-inner-box-caption{
width:auto;
height:auto;
padding:0;
margin:0 0 5px 0;
text-align:left;
overflow:hidden;
font-size:12px;
font-weight:bold;
line-height:180%;
color:#e50612;
}

div.contents-box-last{
width:290px;
height:195px;
margin:0 0px 60px 0;
padding:0;
}

ul.contents-box-list{
width:auto;
height:193px;
padding:0;
margin:0;
border:1px solid #dddddd;	
}

ul.contents-box-list li{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:10px 0 10px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 10px, 267px 16px; 
border-bottom:1px solid #dddddd;	
}

ul.contents-box-list li.one-indent{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:13px 0 13px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 8px, 267px 14px; 
border-bottom:1px solid #dddddd;	
}

ul.contents-box-list li.last{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:13px 0 13px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 8px, 267px 14px; 
border:none;
}



@media only screen and (min-device-width : 320px)
and (max-device-width : 768px) {

div#main-contents .main-contents-txt{
width:auto;
height:auto;
margin:0 0 20px 0;
padding:0;
text-align:left;
overflow:hidden;	
}

.wtn_copyright{
display:none;	
}

.caption{
margin:3px 0 0 0;	
font-size:10px;	
}

/* #LEFT
================================================== */

div#main-contents-left{
width:auto;
height:auto;
margin:0 0px 40px 0;
padding:0;
text-align:left;
overflow:hidden;
float:none;	
}

h4{
width:auto;
height:auto;
margin:0 0 20px 0;
padding:0;
color:#e50612;
background:none;
font-size:14px;
font-weight:bold;
text-align:left;
}

dl#entry-form{
width:auto;
height:auto;
margin:0;
padding:15px 0 15px 0;
text-align:left;
overflow:hidden;	
border-top:none;
}

dl#entry-form dt{
width:200px;
height:auto;
margin:0 0 15px 0;
padding:0;
text-align:left;
overflow:hidden;
float:none;
border-bottom:none;
letter-spacing:0;
}

dl#entry-form dd{
width:420px;
height:80px;
margin:0 0 15px 0;
padding:0 0 0 0 15px;
text-align:left;
overflow:hidden;
float:none;
border-bottom:none;
}

.check{
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;	
}

.check a{
color:#e50612;	
}

.check a:hover{
color:#e50612;	
text-decoration:underline;
}


.messege{
width:auto;
height:auto;
margin:0 0 30px 0;
padding:0;	
}


.abs{
color:#e50612;
margin:0px;
padding:0px 0px 0px 5px;
font-size:14px;
}

.require {
margin:0px;
padding:0px 0px 0px 0px;
font-size:14px;
font-weight:normal;
	}


/* Form
--------------------------------------------------*/
.zeromail legend {
	display:none;
}

.zeromail label{
    margin:0 3px;
}

.zeromail input[type=radio],
.zeromail input[type=checkbox] {
    margin-right:0.3em;
}

.zeromail button,
.zeromail input[type=checkbox],
.zeromail input[type=radio],
.zeromail input[type=reset],
.zeromail input[type=submit] {
    padding:1px;
}

.zeromail [type=check],
.zeromail [type=radio],
.zeromail [type=submit] {
    cursor: pointer;
}

.zeromail [type=check] + label,
.zeromail [type=radio] + label {
    display: inline-block;
    cursor: pointer;
}

.zeromail [type=text],
.zeromail [type=password],
.zeromail textarea {
    border:1px solid #666666;
	padding: 7px;
	color: #000000;
	font-size:12px;
	font-weight:bold;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.zeromail input[type=text]:hover,
.zeromail [type=password]:hover,
.zeromail textarea:hover,
.zeromail input[type=text]:focus,
.zeromail [type=password]:focus,
.zeromail textarea:focus {
	background-color: #E3E3E3;
}

/* Button
--------------------------------------------------*/
.zeromail .button {
    width:95%;
	height:auto;
	padding:0;
    text-align:center;
    margin:40px auto 0 auto;
}

.zeromail .button button {
    min-width:100px;
	_width:100px;
}

.zeromail button[type],
.zeromail button[id]{
    margin:0 5px;
	padding:15px;
    border:solid 1px;
    border-color:#ddd #aaa #aaa #ddd;
	border-radius:5px;
    background-color:#ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    line-height:1.4;
    cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	letter-spacing:2px;
}

.zeromail button[type]:hover,
.zeromail button[id]:hover{
    background-color:#efefef;
}
.zeromail button[id=submit] {
    border-color:#E50612;
    background-color:#E50612;
}
.zeromail button[id=submit]:hover {
    border-color:#7F7F7E;
    background-color:#7F7F7E;
}

.zeromail button[id=myreset],
.zeromail button[id=close]{
}


/* 確認・エラー画面(check,error)
--------------------------------------------------*/

.zeromail #confirm table {
	width:auto;
	margin-top:60px;
    margin-bottom:10px;
	font-size:14px;
line-height:150%;
color:#666666;
letter-spacing:1px;
border:none;
}

.zeromail #confirm td  {
    padding:20px 0 20px 0px;
	border-bottom:1px dashed #cccccc;
}

.zeromail #confirm th  {
    padding:20px 0 20px 0px;
	border-bottom:1px dashed #cccccc;
}


/*入力エラー*/
.zeromail strong.error {
	display:inline;
	padding:0;
	margin:0;
	border:0;
    color:#E50612;
}

/* Message()のメッセージ */
.message {
	text-align:center;
}

/*エラー*/
div#main-contents-left .zeromail span.error{ 
    width:auto;
	height:auto;
	display:block;
	margin:1.5em 0px;
	padding:1.5em 0;
	border:solid 3px #E50612;
	text-align:center;
	color:#E50612;
	font-weight:bold;
	font-size:14px;
}

/*エラーなし*/
.zeromail span.confirm{
	display:block;
	padding:10px 0px 0px 0px;
	font-size:14px;
	text-align:left;
}


/* 送信完了(completion.html)
--------------------------------------------------*/
#completion .success {
	margin:1.5em 50px;
	padding:1.5em 0;
	background-color:#e8f198;
	border:solid 1px #c6e148;
	text-align:center;
}




/* #RIGHT
================================================== */

div#main-contents-right{
width:290px;
height:auto;
margin:0 0px 20px 0;
padding:0;
text-align:left;
overflow:hidden;
float:none;	
}

div#main-contents-right .contents-box{
width:auto;
height:auto;
padding:15px;
margin:0 0 30px 0;
text-align:left;
overflow:hidden;
border:1px dotted #dddddd;	
font-size:12px;
line-height:180%;
}

ul.contents-inner-box-list-3{
width:265px;
height:auto;
margin:15px 0 -10px 0;
padding:0;
text-align:left;
overflow:hidden;	
}

ul.contents-inner-box-list-3 li{
width:230px;
height:auto;
margin:0px 0 15px 0;
padding:10px;
border: 1px solid #dddddd;	
text-align:center;
overflow:hidden;	
}

div#main-contents-right .contents-inner-box-ttl{
width:auto;
height:auto;
padding:5px;
margin:0 0 15px 0;
text-align:left;
overflow:hidden;
background-color:#e50612;
font-size:12px;
color:#ffffff;
font-weight:bold;
line-height:180%;
}


div#main-contents-right .contents-inner-box-caption{
width:auto;
height:auto;
padding:0;
margin:0 0 5px 0;
text-align:left;
overflow:hidden;
font-size:12px;
font-weight:bold;
line-height:180%;
color:#e50612;
}

div.contents-box-last{
width:290px;
height:195px;
margin:0 0px 30px 0;
padding:0;
}

ul.contents-box-list{
width:auto;
height:193px;
padding:0;
margin:0;
border:1px solid #dddddd;	
}

ul.contents-box-list li{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:10px 0 10px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 10px, 267px 16px; 
border-bottom:1px solid #dddddd;	
}

ul.contents-box-list li.one-indent{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:13px 0 13px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 8px, 267px 14px; 
border-bottom:1px solid #dddddd;	
}

ul.contents-box-list li.last{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:13px 0 13px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 8px, 267px 14px; 
border:none;
}


}