@charset "UTF-8";

/*
Site Name: amc1nai.net
Description: layout style(pc,sp)
*/

/*---------------------------------------------------------------
common
---------------------------------------------------------------*/
#header, #container, #footer, #copyright,
#main, #about, #recruit, #information, 
#topicpath, #nav_etc{
	overflow: hidden;
	clear: both;
}

#header_inner, #footer_inner, #copyright,
#about_inner, #recruit_inner, #information_inner,
#container_area, #topicpath_inner, #nav_etc_inner,
#contents #page_title_inner {
	margin: 0 auto;
}

#contents #topicpath { background-color:#ECECEC; }
#footer { background-color: #B3A7E2; }

<!--
#recruit {
	background-image:url("../img/bg_recruit.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
-->

/*-----------------------------------------
pc
----------------------------------------- */
@media all and (min-width: 900px) {

#home #header_inner {
	max-width: 1240px;
	width: 100%;
	height:370px;
	background-image:url("../img/bg_nav.jpg");
	background-repeat:no-repeat;
	background-size: 100%;
}

#recruit {
	height:265px;
	width: 100%;
}


#information_inner {
        margin-top: 5px; 
	max-width: 1240px;
	width: 100%;
}

#copyright, #about_inner, #recruit_inner {
	max-width: 1280px;
	width: 100%;
}



#footer_inner {
	max-width: 1200px;
	width: 1200px;
}

#contents #page_title {
	overflow: hidden;
	clear: both;
	background-image:url("../img/bg_h1.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height:266px;
	width: 100%;
}


#contents #header_inner,
#contents #container_area,
#contents #page_title_inner,
#contents #topicpath_inner {
	max-width: 1000px;
	width: 1000px;	
}

#contents #main {
	float: left;
	width: 655px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

#contents #sub {
	float: right;
	width: 300px;
	margin-bottom: 20px;	
}
	
}

/*-----------------------------------------
tb
----------------------------------------- */

@media all and (min-width: 600px) and (max-width: 900px) {

#home #header_inner, #home #footer_inner, #home #copyright,
#home #about_inner, #home #recruit_inner, #home #information_inner,
#contents #header_inner, #contents #footer_inner, contents #copyright,
#contents #topicpath_inner, #contents #container_area, #contents #page_title_inner {
	max-width: 600px;
	width: 600px;
}

#home #header_inner {
	height:323px;
	background-image:url("../img/bg_nav_tb.jpg");
	background-repeat:no-repeat;
	background-size: 100%;
}

#contents #header_inner {
	clear:both;
	overflow: hidden;
}

#recruit {
	height:170px;
	width: 100%;
}

#contents #page_title {
	overflow: hidden;
	clear: both;
	background-image:url("../img/bg_h1.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height:160px;
	width: 100%;
	margin-top: 130px;
}

}

/*-----------------------------------------
sp
----------------------------------------- */
@media all and (max-width: 599px) {
	
#header_inner, #footer_inner,
#about_inner, #recruit_inner, #information_inner,
#topicpath_inner {
	max-width: 96%;
	width: 96%;
}

#home #header_inner {
	max-width: 100%;
	width: 100%;
}

#recruit {
	background-image: none;
}

#home #nav_etc,
#page_title,
#topicpath,
#sub {
	max-width: 100%;
	width: 100%;	
}

#contents #page_title {
	overflow: hidden;
	clear: both;
	background-image:url("../img/bg_h1.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height:180px;
	width: 100%;
	margin-top: 90px;
}

#sub_inner {
	margin: 0 auto;
	max-width: 80%;
	width: 80%;	
}

#copyright {
	max-width: 100%;
	background-color:  #722F76;
}


}