@charset "Shift_JIS";

/*reset
------------------------------------------------------------------------------*/
body,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
form,
input {
	margin:0;
	padding:0;
}

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

fieldset,
img { border: 0; }

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul,
li { list-style: none; }

caption,
th { text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	clear:both;
}

p { margin-bottom:20px; }

a:link {
	text-decoration:none;
	color: #06C;
}

a:visited {
	text-decoration:none;
	color: #06C;
}

a:hover {
	text-decoration:underline;
	color: #06C;
}

a:active {
	text-decoration:underline;
	color: #06C;
}

/*set
------------------------------------------------------------------------------*/
body {
	background-color:#fff;
	font-size:14px;
	line-height:1.7;
	color:#333;
	font-family:"Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
	_letter-space:1px;
	overflow-x:hidden;
}

h1,
.h1 {
	font-weight:bold;
	font-size:1.38em;
	line-height:1;
	padding:10px;
	text-align:center;
	margin-bottom:30px;
	margin-top:5px;
	border-top:3px solid #b40707;
	border-bottom:3px solid #b40707;
	color:#630;
	background-color:#fff;
}

h2 {
	text-align:center;
	color:#630;
	font-size:1.13em;
	font-weight:bold;
	background:url(/award/image/h3_bg.gif) no-repeat center bottom;
	margin-bottom:30px;
	padding:20px;
}

#main_content p { margin:10px; }

#main_content p strong {
	color:#b40707;
	font-weight:bold;
}

/*layout
------------------------------------------------------------------------------*/


#main_content {
	width:780px;
	margin:0 auto;
	padding-bottom:30px;
}

#netmember { clear:both; }
#dhcmember { margin-bottom:30px; }

/*ヘッダ
------------------------------------------------------------------------------*/
 #header a {
	width:180px;
	height:50px;
	display:block;
	text-indent:-9999px;
	background:url(image/dhclogo.png) no-repeat 10px center;
	-webkit-background-size:55px auto;
	background-size:55px;
}

/*応募の流れ
------------------------------------------------------------------------------*/
.flow,
.flow li {
	height:30px;
	line-height:1;
}

.flow {
	margin:0 auto;
	width:750px;
}

.flow li {
	padding-top:15px;
	padding-left:30px;
	float:left;
	width:165px;
	background:#fff url(image/flow.gif) no-repeat right bottom;
	color:#630;
	text-align:center;
}

.flow li:first-child { padding-left:0px; }

.flow li.flow_on {
	background-image:url(image/flow_on.gif);
	color:#fff;
	font-weight:bold;
}

.login_box {
	width:550px;
	margin:10px auto;
	margin-top:40px;
}

#netmember .login_inbox { border:1px solid #0133D2; }

#dhcmember .login_inbox { border:1px solid #64A932; }



.login_inbox {
	padding:10px 20px;
	border-top:none;
}

.btn {
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
}

.link { text-align:center; }

.link a {
	background:url(/customer/image/faq_icon3.gif) no-repeat left center;
	margin:10px;
	padding:0 10px;
	font-size:12px;
}

/*ログインボックス
------------------------------------------------------------------------------*/

.login_box h3 {
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	padding:10px;
	line-height:1;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

.login_box h3 span {
	background-color:#fff;
	color:#0133D2;
	font-size:12px;
	line-hegith:1;
	font-weight:normal;
	padding:2px 10px;
	margin-left:10px;
	margin-top:40px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

#netmember .login_box h3 { background-color:#0133D2; }

#dhcmember .login_box h3 { background-color:#64A932; }

.login_box dl {
	margin:10px auto;
	background-color: #fff;
	border:1px solid #ccc;
	width:420px;
	padding:1px;
	padding-top:0;
}

.login_box dt,
.login_box dd {
	padding:5px 10px;
	height:25px;
	text-align: left;
	border-top:1px solid #fff;
	border-right:1px solid #A6CAE1;
	border-bottom:1px solid #A6CAE1;
}

.login_box dt {
	float:left;
	width:110px;
	color: #333;
	background-color: #D8EAF6;
}

.login_box dd {
	margin-left:130px;
	font-size:0.85em;
	background-color:#F4F9FC;
}

.login_box dd input { width:150px; }

.attention {
	font-size:0.85em;
	display:block;
}

.link_navi,
.link_navi2 {
	padding:10px 6px;
	font-size:12px;
}

.link_navi { border-bottom:1px dotted #A6CAE1; }

.link_navi li,
.link_navi2 li {
	background:url(/customer/image/faq_icon1.gif) no-repeat left 3px;
	padding:3px;
	padding-left:25px;
}

.link_navi2 li { background-image:url(/customer/image/faq_icon2.gif); }

.chart_txt{font-size:12px;line-height:1.5;padding:5px 0px;}

/*footer
------------------------------------------------------------------------------*/

#footer {
	margin:30px 0 0 0;
	padding:30px 0px 5px 0;
	width:100%;
	clear:both;
	text-align: center;
	background-color:#e6e6e6;
	color:#000;
	font-size:12px;
	line-height:18px;
}

#footer ul { list-style:none; }

#foot_list {
	width:950px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}

#foot_list .foot_list {
	display:block;
	width:24%;
	float:left;
	border:0px solid #fff;
	margin:0;
	padding:0;
}

#foot_list ul {
	margin:0;
	padding:0;
}

#foot_list ul li {
	margin:0;
	padding:0 0;
	text-indent:13px;
	background-image:url(../image/foot_point.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

#foot_list ul.foot_ul {
	padding:5px 0 25px 0;
	font-size:10px;
	line-height:18px;
}

#foot_list ul.foot_ul li {
	margin:0;
	padding:2px 0 2px 0px;
	background-image:url(../image/foot_point2.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

#footer hr {
	display:block;
	clear:both;
	margin:0;
	padding:0;
	border:1px solid #e6e6e6;
	border-collapse:collapse;
	border-spacing:0px;
	background-color:#e6e6e6;
	height:1px;
	overflow:hidden;
}

/*リンク*/
#footer a:link {
	color:#000;
	text-decoration:none;
}

#footer li a:hover {
	color:#000;
	text-decoration:underline;
}

#footer a:visited {
	color:#000;
	text-decoration:none;
}

#footer a:active {
	color:#000;
	text-decoration:underline;
}

/*footer add
------------------------------------------------------------------------------*/

#address_area {
	width:100%;
	background-color:#000;
}

.address_area {
	width:950px;
	margin:0 auto;
	padding:15px 0 0px 0;
	text-align:left;
	border:0px solid #000;
}

#address_area address {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#address_area address img { margin:0 0 15px 0; }

#address_area p {
	display:block;
	float:right;
	margin:0;
	padding:0;
}

#address_area p img { margin:15px 0 0 0; }

#address_area hr {
	display:block;
	clear:both;
	margin:0;
	padding:0;
	border:1px solid #000;
	border-collapse:collapse;
	border-spacing:0px;
	background-color:#000;
	height:1px;
	overflow:hidden;
}

.error_txt {
	color : red;
	font-weight : bold;
	text-align:center;
}

/*スマホ対応
============================*/
 @media screen and (max-width:780px) {
 body {
font-size:12px;
}
 #main_content {
width:100%;
}
 h1 img {
 max-width:400px;
 width:90%;
}
 .flow {
 height:auto;
 width:165px;
}
 .flow li {
 padding-top:38px;
 padding-left:0px;
 float:none;
}
 .flow li:first-child {
 padding-top:15px;
 height:30px;
}
.login_box {
 width:100%;
margin:0;
margin-top:25px;
}
 .login_inbox {
 padding:0;
 border:none!important;
}
.login_box h3 {
 background:#fff url(/sph/image/faq/scat_bg_top.png) repeat-x left top;
 text-indent: 0px;
 text-align: center;
 display: block;
 height:auto;
 border-bottom:2px solid #000;
 padding:10px 5px;
line-height:1;
font-size:1em;
font-weight:bold;
color:#333;
border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
}
.login_box h3 span {
display:block;
font-size:0.88em;
font-weight:normal;
margin-top:3px;
color:#333;
}
 .login_box dl {
 width:100%;
 margin:0px auto;
 border:none;
}
 .login_box dt, .login_box dd {
 height:auto;
}
.login_box dt {
float:none;
width:auto;
border-top-color:#A6CAE1;
border-left:none;
border-right:none;
}
 .login_box dd {
 margin-left:0px;
 border:none;
background-color:#fff;
padding:10px;
}
#form_mail, #form_pw {
width:65%;
font-size:20px;
height:30px;
}
.link a {
display:block;
 width:55%;
 padding:5px;
 padding-right:25px;
 margin:10px auto;
background-color:#fff;
 background-position:96% center;
 border:1px solid #333;
 color:#333;
}
 #address_area {
overflow:hidden;
}
.chart{display:none;}
}