/* LAYOUT */
@charset "UTF-8";

/** COMMON
-------------------------------------*/
html
{
    overflow-y:scroll;
    font-size: 10px;
    color:#666666;
}

body
{
	line-height: 1.5;
    letter-spacing:1px;
	font-family: "Open Sans","Meiryo","メイリオ","Meiryo UI","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3"," sans-serif";
    background:#ffffff;

}

a:link { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #cccccc; }

h1 {
	height: 60px;
    margin-bottom: 30px;
    padding: 0px 0px 5px 20px;
    background-image: linear-gradient(90deg, #d70c19, #918c8c, #ffffff);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: bottom left;
}

h1 img {
	
}

/** CONTAINER
-------------------------------------*/
#area
{
	width: 980px;
	display: block;
	overflow: hidden;
	margin: 0 auto 100px auto;
}
/** CONTENTS
-------------------------------------*/
#contents
{
    padding: 65px 0px 50px 0px;
}

/** MIDDLE_MENU
-------------------------------------*/
#middle_menu
{
	position: static;
    width: 100%;
	height: 50px;
    background-color: #f6eeea;
}

#middle_menu ul
{
	width: 980px;
	margin: 0 auto;
}

#middle_menu li
{
	overflow: hidden;
    float: left;
}

#middle_menu li a
{
    display: inline;
    outline: none;
    text-decoration: none;
}

#middle_menu img
{
    width: 100%;
}

/** MIDDLE_MENU02
-------------------------------------*/
#middle_menu02 {
	position: static;
    width: 100%;
	height: 50px;
    background-color: #f6eeea;
}

#middle_menu02 ul {
	width: 980px;
	margin: 0 auto;
}

#middle_menu02 li {
	overflow: hidden;
    float: left;
}

#middle_menu02 li a {
    display: inline;
    outline: none;
    text-decoration: none;
}

#middle_menu02 img {
    width: 100%;
}

/** MIDDLE_MENU03
-------------------------------------*/
#middle_menu03 {
	position: static;
    width: 100%;
	height: 50px;
    background-color: #f6eeea;
}

#middle_menu03 ul {
	width: 980px;
	margin: 0 auto;
}

#middle_menu03 li {
	overflow: hidden;
    float: left;
}

#middle_menu03 li a {
    display: inline;
    outline: none;
    text-decoration: none;
}

#middle_menu03 img {
    width: 100%;
}

/** PAGE_TOP SCROLL
-------------------------------------*/
#page_top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 10pt;
}

#page_top a {
    background-color: #666666;
    text-decoration: none;
    color: #ffffff;
    width: 80px;
    padding: 5px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page_top a:hover {
    text-decoration: none;
    background: #999999;
}

/** THANKS
-------------------------------------*/
#thanks_text {
	margin: 50px 0 0 50px;
}

#thanks_text p {
    color: #d70c19;
    font-weight: bold;
    font-size: 1.3rem;
}

/** ERROR
-------------------------------------*/
#error_text {
	margin: 50px 0 0 50px;
}

#error_text p {
    color: #d70c19;
    font-weight: bold;
    font-size: 1.3rem;
}


/** smartphone
-------------------------------------*/
@media only screen and (max-width: 768px)
{
	#contents
	{
   		padding: 65px 0px 0px 0px;
	}
	#area
	{
		width: 100%;
		margin: 0px auto 10px auto;
	}
	
	#middle_menu
	{
		position: static;
	    width: 100%;
		height: 100%;
	    background-color: #f6eeea;
	}
	#middle_menu ul
	{
		display:inline-block;
		width: 100%;
	}
	#middle_menu li
	{
		width: 33%;
		overflow: hidden;
	}
	#middle_menu02
	{
		position: static;
	    width: 100%;
		height: 100%;
	    background-color: #f6eeea;
	}
	#middle_menu02 ul
	{
		display:inline-block;
		width: 100%;
	}
	#middle_menu02 li
	{
		width: 33%;
		overflow: hidden;
		margin: 0 0;
	}
	#middle_menu03
	{
		position: static;
    	width: 100%;
		height:100%;
    	background-color: #f6eeea;
	}
	#middle_menu03 ul
	{
		display:inline-block;
		width: 100%;
	}
	#middle_menu03 li
	{
		width: 33%;
		overflow: hidden;
	}
}
@media only screen and (min-width: 481px)
{
	#middle_menu li
	{
		width: 20%;
		overflow: hidden;
	}
	#middle_menu02 li
	{
		width: 20%;
	}
	#middle_menu03 li
	{
		width: 20%;
		overflow: hidden;
	}