@charset "utf-8";

/* 全体 */
html{
	height: 100%;
    background-color: transparent;
    background-image: none;
}

body{
    /*font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;*/
    font-family:"メイリオ","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック",Osaka, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 1.0em;
	font-weight:normal;
	font-style:normal;
	line-height:150%;
    /* position: relative; */
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/	
    min-height: 100%;
	padding:0px;
    color: #333333;
    margin: 0px;
/*    background-color:#f3f3f3;*/
    background-color:#FFF9E1;
	/* background-color: #ffffff; */
}

.main_parts{
    clear: both;
    margin: auto;
    width: 100%;
    max-width: 1180px;
    box-sizing: border-box;
}

.main_parts:after{
	content: "";
	clear: both;
	display: block;
}

header#main_header{
	margin-top: 0em;
	padding: 1em;
    background-color: #ffffff;
}

header#main_header > div#logo{
	float: left;
}

header#main_header > div#logo > img{
	max-width: 100%;
}

header#main_header > div#contact{
	float: right;
	padding-right: 1em;
}

header#main_header > div#contact div.key{
	float: left;
	width: 10em;
}

header#main_header > div#contact div.key:after{
	content: " :";
}

header#main_header > div#contact div.value{
	float: left;
}

header#main_header > div#contact div.value > button{
	margin-left: 2em;
	padding: 0.2em 1em;
	border-radius: 0.3em;
	color: #fff;
	background-color: #1862d8;
	border: 2px solid #65ace4;
	
}


header#main_header > div#contact > div{
	clear: both;
}

nav#main_nav{
    background-color: #fff; 
	/*
    color: #ffffff;
	border-left: 0.5em solid #fff;
	border-right: 0.5em solid #fff;
	*/
}

nav#main_nav > span{
	display: none;
}

nav#main_nav > ul#main_menu{
	float: left;
	width:95%;
	white-space:nowrap;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-right: 1em;
}

nav#main_nav > ul#main_menu > li{
	display:inline-block;
    width: 15%;
	min-width: 7.5em;
	
    box-sizing: border-box;
    text-align: center;
	border-top: 2px solid #65ace4;
	border-left: 2px solid #65ace4;
	border-right: 2px solid #65ace4;
	border-bottom: 2px solid #fff;

	padding:0.5em 0;
	position: relative;
	border-top-right-radius: 1em;
	
	background-color: #fff;
    color: #333;
}

nav#main_nav > ul#main_menu > li.selected_menu{

	border-bottom: 2px solid #65ace4;
    background-color: #65ace4;
    color: #ffffff;
}

nav#main_nav > button{
	float: right;
	margin: 0.5em;
	padding:0.1em 1em;
}
ul.sub_menu{
    display: none;
	position:absolute;
	background-color: black;
	top: 2.3em;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;	
	width: 100%;
}

ul.sub_menu > li{
	padding: 0.35em 1em;
    text-align: left;
	border-bottom: 1px dotted #fff;
}

p.errorMessage{
    width:100%;
    font-size: 0.72em;
    color: #f70710;
}

/*
@media screen and (max-width: 600px) {

    nav#main_nav > ul#main_menu{
        display: none;
    }

	nav#main_nav > ul#main_menu > li{
		float: right;
		width: 75%;
		text-align: left;
		border-bottom: 1px dotted #fff;
		border-right: none;
	}
	
	ul.sub_menu{
		display: block;
		position:relative;
		top: 0em;
		background-color: transparent;
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;	
	}
	
	ul.sub_menu > li{
		padding: 0.35em 2em;
		border-bottom: none;
	}

	
	
	nav#main_nav {
		border-left: none;
		border-right: none;
		text-align: right;
		padding: 0.5em 1em;
	}
	
	span.sub_menu_opener{
		display: none;
	}
	
	
	nav#main_nav > span{
        display: inline;
        text-align: right;
        color: #fff;
        padding: 0em 1em;
        border: 1px solid #fff;
	}
}
*/

article#main_article{
    padding: 1em;
    box-sizing: border-box;
    background-color: #fff7eb;
    background-color: #ffffff;
	border-top: 2em solid #65ace4;
	border-left: 2px solid #65ace4;
	border-right: 2px solid #65ace4;
	min-height: 35em;
	border-top-right-radius: 1em;
	
}

@media screen and (max-width: 600px) {
    article#main_article{
        padding: 1.5em 1em 2em 1em;
    }
}

@media screen and (max-width: 550px) {
    article#main_article section{
        padding: 0.5em;
        margin-bottom: 0.5em;
    }
}



footer#main_footer{
    background-color: #3e5665;
	background-color: #101986;
    color: #ffffff;
    padding: 1em;
    box-sizing: border-box;
    
}

footer#main_footer > section#company_information{
	float: left;
	width: 45%;
}

footer#main_footer > section#company_information > div{
	display: inline-block;
	width:80%;
}

div.footer_information_detail{
	font-size: 0.85em;
	padding-left: 1em;
}

footer#main_footer > section#site_information{
	float: right;
	width:50%;
	border-left:1px dotted #fff;
	padding-left: 1em;
	
}

footer#main_footer > section#site_information > div{
	border-bottom: 3px double rgba(242, 189, 144, 0.84);
	margin-bottom: 0.8em;
}

footer#main_footer > section#site_information > nav > ul{
	font-size: 0.85em;
	padding-left: 1.85em;
	list-style-type: disc;

}

footer#main_footer > section#copyright{
	clear: both;
	text-align: center;
	font-size: 0.9em;
}


@media screen and (max-width: 550px) {
	footer#main_footer > section#company_information{
		float: left;
		width: 100%;
	}

	footer#main_footer > section#site_information{
		float: left;
		width:100%;
		border-left:none;
		padding-left: 0em;
		padding-top: 1em;

	}
}