@charset "utf-8";

/*スタイル*/

body{
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}
	
#content{
	width:760px;
	margin:0 auto;
}

#header table, #footer table {
    height: 60px;
    margin: 5px auto 20px;
    padding: 0 1px;
    width: 760px;
}

#h_td_r {
	font-size: 10px;
	padding-right: 10px;
	text-align: right;
	width: 100px;
}
#f_td_r {
	padding-right: 10px;
	width: 637px;
}
.s3 {
	font-size: 12px;
}

/*20160615色変更*/
.m_l5 {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	margin-left: 5px;
}
.m_l6 {
	color: #e70000;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
}


p{
	margin: 20px 0;
	}

form{
	margin-top: 20px;
	}

hr{
	border: 1px dotted #999;
	margin: 20px 0;
	border-bottom: none;
	}

h1{
	font-weight:bold;
	color:#e70000;
	margin-bottom:5px;
	font-size: 26px;
}

h2{
	background: #e70000;
	padding:5px 15px;
	font-weight:bold;
	color:#fff;
	font-size: 20px;
}

h3{
	background: #F29D16;
	position: relative;
	margin:0;
    padding: 8px 20px;
//	color:#385086;
//	color: #e70000;
	color: #000000;
	font-size:18px;
	font-weight:bold;
}

h4{
	margin:0 0 7px;
	color:#000333;
	font-size:16px;
	font-weight:bold;
	
	background-color: #d8dcde;
    padding: 3px 6px;
}

h5{
    margin: 25px 0 1.5em;
    padding: 3px 10px;
    border-bottom: 2px solid #365eba;
	font-size:18px;
	font-weight:bold;
}

h6{
	border-left:4px solid #365eba;
	padding-left:6px;
	margin-bottom:0;
	font-size:14px;
}

.item_content{
	margin: 10px 0;
	}
	
.item_title{
background-color:#d8dcde;
padding:3px 6px;
margin:6px 0;
font-size:16px;
/*font-weight:bold;*/
}


.docomoshop_title{
display:block;
text-align:center;
}
.docomoshop_title div{
font-size:15px;
padding:10px;
display:inline-block;
width:max-content;
background:yellow;
color:black;
text-align:center

}
.banner_title{
	width:max-content;
}

.select_title{
//background-color:#d8dcde;
//padding:3px 6px;
width:16%;
display:inline-block;
vertical-align:top;
margin-right: 10px;
font-size:16px;
/*font-weight:bold;*/
}
.select_box{
//background-color:#d8dcde;
//padding:3px 6px;
display:inline-block;
width:80%;
vertical-align:top;
font-size:16px;
/*font-weight:bold;*/
}

.select_box input[type=text]{
	width:80%;
}

/*20160615追加*/
#h_td_exl {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	width: 260px;
}

#h_td_exr {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	width: 100px;
}


/*テキストエリア*/
#content .textbox{
	background: #f4f6f7;
	padding:20px 25px;
//	border:1px solid #F29D16;
	border:1px solid #FBE3D6;
//	opacity: 0.7;
	margin-bottom: 20px;
}

input[type=text]{
width:70%;
padding: 6px;
border: 1px solid #999;
margin-bottom: 5px;
font-size: 14px;
}



p{
	margin-top:0;
}

#templateNNo{
width: 12em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateNameA{
width: 15em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateNameB{
width: 15em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateKanaA{
width: 15em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateKanaB{
width: 15em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateName2A{
width: 15em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateName2B{
width: 15em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templatePostCodeA {
width: 6em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templatePostCodeB {
width: 9em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateCity{
width: 70%;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateApartment{
width: 70%;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateTellA{
width: 6em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateTellB{
width: 6em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateTellC{
width: 6em;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateEmailA{
width: 70%;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateEmailB{
width: 70%;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

#templateMailmagaMail{
width: 70%;
padding: 0 6px;
height: 2em;
line-height: 2em;
vertical-align: middle;
}

.textlist{
margin-top:25px;
}

.imagelist{
overflow:hidden;
width:100%;
text-align:center;
display: inline-block;
}
.imagelist2{
overflow:hidden;
width:100%;
text-align:center;
display: inline-block;
}


.image_title1{
display: inline-block;
background:white;
float:left;
text-align:center;
width:30%;
margin-left:120px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;
border: 1px solid;
}
.image_title2{
display: inline-block;
background:white;
float:left;
text-align:center;
width:30%;
margin-left:30px;
;margin-right:50px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;
border: 1px solid;
}


.image_title3{
display: inline-block;
background:white;
;float:left;
clear:both;
text-align:center;
width:30%;
//margin-left:20px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid;
}
.image_title4{
display: inline-block;
background:white;
float:left;
text-align:center;
width:30%;
margin-left:20px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid;
}
.image_title5{
display: inline-block;
background:white;
float:left;
text-align:center;
width:30%;
margin-left:20px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid;
}





span.agreement{
font-weight:bold;
}

textarea {
width:70%;
padding: 6px;
border: 1px solid #999;
margin-bottom: 5px;
}

/*プルダウン*/
select{
border: 1px solid #999;
padding: 3px;
}


/*ボタン*/
#btn{
text-align:center;
margin: 20px 0 80px;
}

input[type=button],input[type=submit]{
	position: relative;
	background-color: #d42439;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #821421;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-size: 18px;
	font-weight: bold;
	border: none;
	padding: 10px 20px;
	margin: 10px;
	cursor: pointer;
}
input[type=button]:hover,input[type=submit]:hover {
	background-color: #ed4458;
	box-shadow: 0 3px 0 #d42439;
}
input[type=button]:active,input[type=submit]:active {
	top: 3px;
	box-shadow: none;
}/*text-align:center;
padding: 10px 20px;
font-size:18px;
background: -moz-linear-gradient(top,#d42439 0%,#821421);
background: -webkit-gradient(linear, left top, left bottom, from(#d42439), to(#821421));
border: 2px solid #FFF;
color: #FFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
*/

/*リスト*/
ul,li{
	margin: 10px 0;
	padding: 0;
	}
	
li{
	list-style-type: none;
}

.kome{
	padding-left: 0;
}

ul.kome li{
font-size:14px;
}


/*ラジオボタン*/
/*
.textbox input[type=radio],
.textbox input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
	border: 1px solid #999;
}
.textbox input[type=radio] + label,
.textbox input[type=checkbox] + label {
    position: relative;
      
    display: inline-block;
    margin-right: 12px;
      
    font-size: 14px;
    line-height: 30px;
}
.textbox input[type=radio] + label{
    cursor: pointer;
}
  
    .textbox input[type=radio]{
        display: none;
        margin: 0;
    }
    .textbox input[type=radio] + label{
        padding: 0 0 0 24px;
    }
    .textbox input[type=radio] + label::before{
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
          
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
          
        background: #FFF;
    }
    .textbox input[type=radio] + label::before {
        border: 1px solid #999;
        border-radius: 30px;
    }
    .textbox input[type=radio]:checked + label::after{
        content: "";
        position: absolute;
        top: 50%;
          
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .textbox input[type=radio]:checked + label::after {
        left: 5px;
          
        width: 8px;
        height: 8px;
        margin-top: -4px;
          
        background: #365eba;
        border-radius: 8px;
    }
*/

/*エラー*/
#content .err_msg{
	color:#cc0000;
	font-weight:bold;
}


/*ニホチカ*/
#nihochika{
	font-size: 14px;
	}


.selectlist{
margin-top:10px;
width:100%;
}

.btn {
  border-radius: 5px;
  background-color: pink;
  padding: 2px;
  text-decoration: none;
  color: black;
}

.for_sp{display:none !important;}

/* セレクトメニュー */
 select {
font-size: 14px;
line-height: 2.2em;
vertical-align: middle;
height: 2.2em;
  padding: 0 5px;
  margin-bottom:5px;
  font-size:14px;
  border:1px slid #999;
  background-image: url('/apply_form/img/ns1323/select.svg');
//background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolygon fill='rgb(0,0,0)' points='8,18 0,4 16,4'/%3E%3C/svg%3E") 0 0 no-repeat;  
//background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpolygon fill='rgb(0,0,0)' points='4,9 0,2 8,2'/%3E%3C/svg%3E") 0 0 no-repeat;  
  background-repeat: no-repeat;
  background-size: 15px auto; /* 画像のサイズ（幅 高さ）*/
  background-position: right 6px center; /* 画像の位置 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 80%;
}

@media all and (min-width: 0px) and (max-width: 640px){
	.for_sp{display:block !important;}

#content .textbox{
	padding:5px 5px;
}

.textlist{
	padding:5px 5px;
}

body{
	min-width: inherit;
	margin: 0;
	padding: 0;
}

#content {
    width: 95%;
}

input [type=text]{
width:100%
}

#templateTellA{
width: 4em;
}

#templateTellB{
width: 4em;
}

#templateTellC{
width: 4em;
}

#header table, #footer table {
    height: 60px;
    margin: 5px auto 20px;
    padding: 0 1px;
    width: 95%;
}

textarea{
	width:95%;
	margin:auto;
}

.imagelist{
overflow:hidden;
width:100%;
tetxt-align:center;
//display: inline-block;
display: flex;
flex-direction:column;
}
.image_title1{
display: inline-block;
background:white;
float:left;
text-align:center;
width:80%;
margin-left:30px;
margin-bottom:5px;
padding-top:5px;
padding-bottom:5px;
border: 1px solid;
}
.image_title2{
display: inline-block;
background:white;
float:left;
text-align:center;
width:80%;
margin-left:30px;
margin-bottom:5px;
padding-top:5px;
padding-bottom:5px;
border: 1px solid;
}
.image_title3{
display: inline-block;
background:white;
float:left;
text-align:center;
width:80%;
margin-left:30px;
padding-top:5px;
padding-bottom:5px;
border: 1px solid;
}
.image_title4{
display: inline-block;
background:white;
float:left;
text-align:center;
width:80%;
margin-left:30px;
margin-bottom:5px;
padding-top:5px;
margin-top:5px;
padding-bottom:5px;
border: 1px solid;
}
.image_title5{
display: inline-block;
background:white;
float:left;
text-align:center;
width:80%;
margin-left:30px;
margin-bottom:5px;
padding-top:5px;
padding-bottom:5px;
border: 1px solid;
}


.banner_title{
	width:initial;
}
h2{
	font-size: 18px;
}
h1{
	font-size: 20px;
}

.selectlist{
	padding:5px 5px;
}

/* セレクトメニュー */
 select {
font-size: 14px;
line-height: 2.2em;
vertical-align: middle;
height: 2.2em;
  padding: 0 5px;
  margin-bottom:5px;
  font-size:14px;
  border:1px slid #999;
  background-image: url('/apply_form/img/ns1323/select.svg');
//background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolygon fill='rgb(0,0,0)' points='8,18 0,4 16,4'/%3E%3C/svg%3E") 0 0 no-repeat;  
//background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpolygon fill='rgb(0,0,0)' points='4,9 0,2 8,2'/%3E%3C/svg%3E") 0 0 no-repeat;  
  background-repeat: no-repeat;
  background-size: 15px auto; /* 画像のサイズ（幅 高さ）*/
  background-position: right 6px center; /* 画像の位置 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 80%

}

.select_title{
//background-color:#d8dcde;
//padding:3px 6px;
width:100%;
display:inline-block;
vertical-align:top;
margin-right: 10px;
font-size:16px;
/*font-weight:bold;*/
}
.select_box{
padding: 5px 5px;
//background-color:#d8dcde;
//padding:3px 6px;
display:inline-block;
width:100%;
vertical-align:top;
font-size:16px;
/*font-weight:bold;*/
}

.select_box input[type=text]{
	width:80%;
}


}