@charset "utf-8";


body{
    font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", ‘Meiryo UI’, Meiryo, "メイリオ", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
font-size: 90%;
line-height: 1.5;
color: #695f51;
background-color: #fffff7;
}
div,h1,h2,h3,h4,h5,p,ul,ol{
    box-sizing: border-box;
}
ul,ol{
    padding: 0.5em 2em;
    border-radius: 6px;
}
ul{
    background-color: #fcf7e1;
}
li{
    margin-bottom: 1em;
}
/* --------------------------------------------------------------- */
#mp-head {

}
#mp-head h1 {
font-size: 1.2em;
border: 0;
border-radius: 6px;
padding: 1em 0.5em;
width: 98%;
margin-left:auto;
margin-right: auto;    
text-align: left;
background-color: #f1f8ee;
            margin-top: 0em;
        margin-bottom: 2em;
}

/* --------------------------------------------------------------- */
#mp-main {
	margin-bottom: 4em;
    margin-left:auto;
    margin-right: auto;
	padding: 0;
	width: 98%;
}
#mp-main p,li,dt,dl {
	line-height:1.6;
}
#mp-main p {
	margin-top: 0em;
	margin-bottom: 0.5em;
}
#mp-main a:hover {
}
#mp-main a {
}
#mp-main form{
    margin-bottom: 2em;
}
#mp-main input.text,input.password,select {
    height: 1.5em;
    font-size: 1.1em;
    border: solid 1px rgb(171,173,179);
    max-width: 100%;

}
#mp-main textarea {
    font-size: 1.1em;
    border: solid 1px rgb(171,173,179);
    max-width: 100%;
}
#mp-main input.text:focus,input.password:focus,textarea:focus,select:focus {
    border: solid 1px #c3c3c3!important;
    background-color: #f2f2f2!important;
}

/* for browsers except IE6  */
#mp-main input[type="text"],input[type="password"],textarea[name],select[name] {

}
/* */
#mp-main input.submit, input.reset, button {
	overflow: visible;
    font-size: 1.1em;
    border:0;
    border-radius: 3px;

    padding: 0.5em 1.5em;
    background-color: #e5e5e5;
}
#mp-main input.submit:hover, input.reset:hover, button:hover {
    cursor: pointer;
    background-color: #eaedf2;
}
#mp-main select {
}
#mp-main option {
	padding-right: 1em;
}
#mp-main option[selected="selected"] {

}
#mp-main img {
	border: 0px;
}
#mp-main table {
	margin-bottom: 1em;
}
#mp-main div.fieldset {
}

#mp-main div.fieldset dl {
	padding:0;
    margin-top:3em;
}
#mp-main div.fieldset dt {
    /*border-bottom: solid 1px #eaedf2;*/
    background-color: #f1f8ee;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.5em;
    
}
#mp-main div.fieldset dt span.optional {
	background-image: url("../imgs/optional.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 65px;
}
#mp-main div.fieldset dt span.required {
	background-image: url("../imgs/required.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 65px;
}
#mp-main div.fieldset dd {
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 2em;
    
    margin:0;
    
}
#mp-main div.fieldset dd.delimit {

}
#mp-main div.fieldset span.err {
	color: #e64f4f;
}
#mp-main div.fieldset input.text.err {
	background-color: #ffe1e1;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset input.radio.err {
	background-color: #ffe1e1;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset input.checkbox.err {
	background-color: #ffe1e1;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset textarea.err {
	background-color: #ffe1e1;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset select.err {
	background-color: #ffe1e1;
	border: 1px solid #aa6666;
}
#mp-main div.errs {
/*	background-image: url("../imgs/warning.png");
	background-repeat: no-repeat;*/
    background-color: #ffe1e1;
    color:#e64f4f;
    border-radius: 6px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0px 0px 0px 15px;
/*	min-height: 32px;
	height: auto !important;
	height: 32px;*/
}
#mp-main div.errs ul{
 background: none; 
    padding-left: 1em;
}
#mp-main span.radioelement {
	margin-right: 1.8em;
}
#mp-main span.checkelement {
	margin-right: 1.8em;
}

.ttl{
    border:0!important;
    color: #439a22;
}

/* PC ----------------------------------------------------------- */

@media screen and (min-width:768px){
    /*　画面サイズが768pxからはここを読み込む　*/
    #mp-head h1{
        width: 900px;
        font-size:1.5em;
        text-align: center;
        margin-top: 2em;

    }
    #mp-main{
        width: 780px;
    }
    #mp-main div.errs ul{
       padding-left: 2em;
    }
    #mp-main div.fieldset dd {
    padding-bottom: 3em;
    }
    #mp-main form {
    margin-bottom: 4em;
}

}