/*
オレンジ　#ff7b1e
うすオレンジ　#ffe2d2
*/

/*可変img*/
img,
iframe,
object {
    max-width:100%;
}
/*IE7用可変img*/
.ie7 img,
.ie7 object/ {
    width:100%;
}
/*IE8用可変img*/
.ie8 img,
.ie8 object {
    width:auto\9
}


* {
	margin:0;
	padding:0;
	zoom:1;
	font-family:'ＭＳ ゴシック', sans-serif;
	font-stretch: extra-condensed;
	}
	
table{margin:0;padding:0;}

ul,ul li{
		margin:0;
		padding:0;
		list-style-type:none;
		}

img{border:0;}

hr{
	margin:15px auto;
	width:600px;
}

html {height:100%;}

body {
	width:100%;
	background-color:#fff;
	color:#000;
	font-size:16px;
	_height: 1%;
	}

/*--------------clearfix--------------*/
.cfx:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cfx { display: inline-block; }

/* Hides from IE-mac \*/
* html .cfx { height: 1%; }
.cfx { display: block; }
/* End hide from IE-mac */
/*--------------clearfix--------------*/

a {text-decoration:none; color:#efe1b6;}

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

#flashMessage {
    display:block;
    width:100%;
    font-size:20px;
    color:#fff;
    padding:20px 0;
    text-align:center;
    background-color:#ff7b1e;
    position:fixed;
    top:0;
}

#top {
    width:1000px;
    margin:50px auto;
    text-align:center;
}

p#toptext {
    width:1000px;
    margin:0 auto;
}

#comarea {
    width:100%;
    background-color:#ffe2d2;
    padding-top:50px;
    padding-bottom:20px; 
}

#comins {
    width:1000px;
    margin:0 auto;
}

.cobox {
    width:100%;
    clear:both;
}

.left {
    width:300px;
    text-align:left;
    float:left;
}

.right {
    width:700px;
    margin:0;
    float:left;
}

.r_title {
    font-size:20px;
    font-weight:bold;
    margin:30px 0;
}

.r_text {
    background-color:#fff;
    padding:30px;
    line-height:30px;
    box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      -o-box-sizing:border-box;
      -ms-box-sizing:border-box;
}

#under {
    width:100%;
    background:url(/img/dot.png);
    padding:50px 0;
}

p.un_text {
    width:1000px;
    padding:20px 0;
    margin:0 auto;
}

#mailform {
    width:1000px;
    margin:50px auto;
    padding:30px;
    padding-top:0;
    background-color:#fff;
    border-radius:10px;
    border:1px solid #bbb;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
}

.ititle {
    width:100%;
    text-align:left;
    color:#ff7b1e;
    font-size:26px;
    margin-top:50px;
    margin-bottom:10px;
}

#form {
    background-color:#fff;
    border-radius:10px;
    font-size:18px;
    padding:20px;
    text-align:left;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
}

.en_q {
    width:100%;
    font-size:18px;
}

.en_name {
    width:200px;
    padding:5px;
    font-size:18px;
    margin: 20px 0;
    margin-left:30px;
}

.en_age {
    width:50px;
    padding:5px;
    font-size:18px;
    margin:20px 0;
    margin-left:30px;
}

.en_inp {
    width:300px;
    padding:5px;
    font-size:18px;
    margin: 20px 0;
    margin-left:30px;
}

.en_inp2 {
    width:93%;
    padding:5px;
    font-size:18px;
    margin:20px 30px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
}

#submit {
    width:100%;
    text-align:center;
}

.en_st {
    font-size:18px;
    margin-top:30px;
    border-radius:10px;
    background-color:#ff7b1e;
    height:50px;
    color:#fff;
}

.error-message {
    margin-bottom:20px;
    margin-left:30px;
    color:red;
}

#phone {
    width:1000px;
    margin:0 auto;
    text-align:right;
    margin-top:50px;
}

#bana {
    width:1000px;
    margin:0 auto;
    margin-top:30px;
    text-align:center;
}

#footer {
    background-color:#ff7b1e;
    padding:30px 0;
    text-align:center;
}



@media screen and (max-width:700px) {

    #flashMessage {
        display:block;
        width:100%;
        font-size:20px;
        color:#fff;
        padding:20px 0;
        text-align:center;
        background-color:#ff7b1e;
        position:fixed;
        top:0;
    }

    #top {
        width:90%;
        margin:50px auto;
        text-align:center;
    }

    p#toptext {
        width:90%;
        margin:0 auto;
        line-height:28px;
        margin-bottom:20px;
    }

    #comarea {
        width:100%;
        background-color:#ffe2d2;
        padding:70px 0; 
    }

    #comins {
        width:100%;
    }

    .left {
        width:100%;
        text-align:center;
        float:none;
    }

    .left img {
        width:240px;
        margin:0 auto;
    }

    .right {
        width:90%;
        margin:0 auto;
        float:none;
    }

    .r_title {
        font-size:20px;
        font-weight:bold;
        text-align:center;
        margin:20px 0;
    }

    .r_text {
        background-color:#fff;
        padding:15px;
        line-height:30px;
        box-sizing:border-box;
          -moz-box-sizing:border-box;
          -webkit-box-sizing:border-box;
          -o-box-sizing:border-box;
          -ms-box-sizing:border-box;
    }

    #under {
        width:100%;
        background:url(/img/dot.png);
        padding:30px 0;
    }

    p.un_text {
        width:90%;
        padding:10px 0;
        line-height:28px;
        margin:0 auto;
    }

    #mailform {
        width:90%;
        margin:30px auto;
        padding:5px;
        padding-top:0;
        background-color:#fff;
        border-radius:10px;
        border:1px solid #bbb;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
    }

    .ititle {
        width:100%;
        text-align:left;
        color:#ff7b1e;
        font-size:18px;
        margin-top:10px;
        margin-bottom:10px;
    }

    #form {
        background-color:#fff;
        border-radius:10px;
        font-size:16px;
        text-align:left;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
    }

    #form input {
        padding:5px;
        font-size:26px;
    }

    .en_q {
        width:100%;
        font-size:18px;
    }

    .en_name {
        width:80%;
        padding:5px;
        margin: 20px 0;
        margin-left:0px;
    }

    .en_age {
        width:100px;
        padding:5px;
        margin:20px 0;
        margin-left:0px;
    }

    .en_inp {
        width:100%;
        padding:5px;
        margin: 20px 0;
        margin-left:0px;
    }

    .en_inp2 {
        width:100%;
        padding:5px;
        margin:20px 0px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
    }

    .error-message {
        margin-bottom:20px;
        margin-left:30px;
        color:red;
    }

    #phone {
        width:70%;
        margin:0 auto;
        text-align:right;
        margin-top:50px;
    }

    #footer {
        background-color:#ff7b1e;
        padding:30px 0;
        text-align:center;
    }

    #credit {
        width:70%;
    }

}