@charset "utf-8";
/** *****************************************************************
レイアウト
最終更新日：2013.08.20
***************************************************************** **/

/* ----------------------------------------------------------------------------
 html,Body
---------------------------------------------------------------------------- */

/* reset.cssで対応　*/

/* ----------------------------------------------------------------------------
ベース
---------------------------------------------------------------------------- */
body{
    background: #ffffff;
}
#wrapper{
    width:100%;
    height:100%;
}
#page{
	clear: both;
    width: 100%;
    margin:0 auto;
	padding-top: 60px;
}
#page:before,#page:after {    content:"";    display:table;}
#page:after {    clear:both;}
#CONTENTS{
    max-width:1000px;
    width: 100%;
    margin:3.0em auto;
    padding: 0;
}
section{margin-bottom: 6.0em}

@media only screen and (max-width: 768px) {
#page{
	padding-top: 0;
}
#CONTENTS{
    width: 96%;
    margin:0 2%;
	font-size: 90%;
}
section{margin-bottom: 2.0em}
}

/* フロート解除 */
#CONTENTS:before, #CONTENTS:after {	content: "."; 	display: block;	clear: both;	height: 0;	visibility: hidden;}
#CONTENTS:after {clear:both;}

.article:before, .article:after {	content: "."; 	display: block;	clear: both;	height: 0;	visibility: hidden;}
.article:after {clear:both;}







/* ----------------------------------------------------------------------------
バナー
---------------------------------------------------------------------------- */
#BANNER{
	max-width: 1000px;
	margin: 2.0em auto;
}




/* ----------------------------------------------------------------------------
サイド
---------------------------------------------------------------------------- */
.side{
	float: right;
	width: 220px;
}
@media only screen and (max-width: 768px) {

.side{
    float:none;
    width:98%;
    margin:0 auto;
}

}



/* ----------------------------------------------------------------------------
メインセクション
---------------------------------------------------------------------------- */
.main{
	float: left;
	width: 750px;
}
@media only screen and (max-width: 768px) {

.main{
    float:none;
    width:98%;
    margin:1.0em auto;
}

}
/* ----------------------------------------------------------------------------
ヘッダー
---------------------------------------------------------------------------- */
/*  */
header{margin:0;}
hgroup{margin:0;}
/* フロート解除 */
header:before,header:after {	content: "."; 	display: block;	clear: both;	height: 0;	visibility: hidden;}
header:after {clear:both;}
/* ----------------------------------------------------------------------------
フッター
---------------------------------------------------------------------------- */