@charset "utf-8";

/* =======================================

	Structure CSS

========================================== */

body {
	background: #FFF;
	color: #333;
}

#container {
    width: 100%;
    position: relative;
}

header {
	width: 100%;
}
header #header_inner {
    position: relative;
	margin: 0 auto;
	width: 980px;
}

#globalNavi {
	margin: 0 auto;
	width: 980px;
}

#contents {
	clear: both;
	width: 100%;
}
#contents:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#topicPath {
	width: 100%;
}
#mainContents {
    clear: both;
    width: 100%;
}
#mainContents .inner_wrap {
	margin: 0 auto;
	width: 980px;
}
#mainContents .inner_wrap_02 {
	margin: 0 auto;
	width: 900px;
}

section {
    clear: both;
    display: block;
}
section:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}


footer {
	clear: both;
    width: 100%;
}


/* SP
========================================== */

@media screen and (max-width: 767px) {
    body {
    }
    header {
        padding:0;
        width: 100%;
    }
    header #header_inner {
        width: 100%;
    }
    #globalNavi {
        padding:0 4%;
        width: 92%;
    }
    #contents {
        width: 100%;
    }
    #topicPath {
        width: 100%;
    }
    #mainContents {
        width: 100%;
    }
    #mainContents .inner_wrap {
        padding:0 4%;
        width: 92%;
    }
    #mainContents .inner_wrap_02 {
        padding:0 4%;
        width: 92%;
    }
    section {
    }
    footer {
/*        padding:0 4%;*/
        width: 100%;
    }

}