body {	
    background-color: #FFFFFF;
    color: #000000;
    font: 15px/23px Arial,sans-serif;
    padding: 20px;
    text-rendering: optimizelegibility;
}

.footer {
    max-width:960px;
    margin: 0 auto;
    list-style-type:  none;
    text-align: center;
    color: #B9BEBB;
    font-weight: bold;
    font-size: 13px;
}


h1 {
    color: #1183C8;
    font-size: 26px;
    font-weight: bold;
}

h2{
    color: #B9BEBB;
    font-size: 18px;
    font-weight: normal;
}

.content-text {
    margin-top: 10px;
}

.contact {
    width: 45%;float:left;
}


#responsive_wrapper {
    max-width:960px;
    margin: 0 auto;
    border: 2px solid #B9BEBB;
	
}


li {
    list-style:square;
    color: #1183C8;
}

li span {
    color: #000000;
}

.content-form {
    margin-left:2px;
}

.label {
    display: inline-block;
}


select {
    border: 1px solid #AAAAAA;
    color: #555555;
    height: 28px;
    line-height: 28px;
    padding: 4px;
    font-size:16px;	
}

input {
    border: 1px solid #AAAAAA;
    color: #555555;
    height: 20px;
    line-height: 20px;
    padding: 4px;
    font-size:16px;
}

.link {
    color:#1183C8;
    cursor: pointer;
}


.toptext {
    margin-top:15px;
}

.term {
    font-style: italic;
    margin-left: 20px;
}


textarea {
    border: 1px solid #AAAAAA;
    color: #555555;
    height: 100px;
    width: 350px;
    line-height: 20px;
    padding: 4px;
    font-size:16px;
}

.header {
	width:100%;
	text-align:center;
	margin-top:5px;
}


.content {
   
    margin: 0 auto;
    margin-top: 20px;
    padding-left:30px;   
    padding-left: 30px !important;
}


.error {
    border: 1px solid red;
}

.errortext {
    color: red;
}

.emotion {
    margin-top: 20px;
}

.emotion img {
    width:100%;
    height:200px;
}

.submit {
    background-color: #1183C8;
    border: none;
    color: white;
    font-size: 22px;
    height: 28px;
    cursor: pointer;
    
    font-weight: bold;
    width: 250px;
}


.navigation {
	height: 40px;
	width:100%;
	text-align: center;
	display:block;
	background-image: url(../img/navi_image.png)
}

.left {
	margin-left:5px;
}

.fl {
	float:left;
}

.top {
	margin-top:5px;
}

.active {
    color: #1183C8 !important;
}

.navigation .item {
	font-size:19px;
	color:#B9BEBB;
	font-weight: bold;
	display:inline-block;
}


.navigation .l80 {
    margin-left:50px;
}

.navigation a {
	text-decoration: none;
	color:#B9BEBB;
}

.navigation a:hover {
	text-decoration: underline;
}


.navigation_small {
    display:none;
    margin-top: 15px;
}

#logo-small {
	display:none;
}

#logo-large {
	display:inline;
}


@media  (max-width: 800px) {
    .contact {
        display: inline-table;
        width:100%;
    }
    textarea {
        width: 200px;
    }
    
    .term {
        margin-top:25px;
        margin-left:0px;
    }
}

@media  (max-width: 625px) {
	
    .contact {
        display: inline-table;
    }
        
     
    .submit {
        width: 210px;
    }
    
	.navigation {
		display:none;
	}
	
	.navigation_small {
            display:block;
            width:100%;
            text-align: center;
            margin-top: 15px;
	}
	
	#logo-small {
		display:inline;
	}
	
	#logo-large {
		display:none;
	}

	#responsive_wrapper {
		max-width: 550px;
		margin: 0 auto;
		border: none;
	}
        
        .footer {
            max-width:550px;
            margin: 0 auto;
            text-align: center;
        }
        
        
        textarea {
            width: 200px;
        }
 
}