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

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

/* reset.cssで対応　*/

/* ----------------------------------------------------------------------------
ベース
---------------------------------------------------------------------------- */
body{
    background: #ffffff;
}
#wrapper{
    width:100%;
    height:100%;
}
#page{
    z-index: -200;
    width: 100%;
    margin:-25px auto 0 auto;
    background-image: url(../images/bg.png);
}
#page:before,
#page:after  {	content: "."; 	display: block;	clear: both;	height: 0;	visibility: hidden;}
#page:after {    clear:both;}

#CONTENTS{
    max-width:1000px;
    width: 100%;
    margin:0 auto 5.0em auto;
    padding: 0;
}
/* フロート解除 */
#CONTENTS:before,
#CONTENTS:after {	content: "."; 	display: block;	clear: both;	height: 0;	visibility: hidden;}
#CONTENTS:after {clear:both;}

/* ----------------------------------------------------------------------------
メインセクション
---------------------------------------------------------------------------- */
/*1カラム*/
#SECTIONall{

}
/*2カラム*/
#SECTION{
    float:left;
    max-width:65%;
    width: 100%;
    margin:3.0em 0 0 0;
}
@media only screen and (max-width: 769px) {

#SECTION{
    float:none;
    max-width:90%;
    margin:3.0em 5% 0 5%;
}

}

#SECTION article{
    margin: 5.0em 0 0 0;
}
#SECTION article:first-child{
    margin: 0;
}



/* ----------------------------------------------------------------------------
サイド
---------------------------------------------------------------------------- */
#SIDE{
    float:right;
    max-width:30%;
    width:100%;
    margin:3.0em 0 0 0;
}
@media only screen and (max-width: 769px) {

#SIDE{
    float:none;
    max-width:90%;
    margin:3.0em 5% 1.5em 5%;
}

}


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