@charset "UTF-8";
/* 主に共通のサイト全体の大まかなレイアウト　ブロックのレイアウトのみの設定。  */

/** 詳細は object.css で規定 **/
#contentsInner { /* 上下入れ替えブロック */
	position:relative; }



/* =============================================================================
   Mobile定義
   ========================================================================== */


@media screen and (max-width:400px) {
}

@media screen and (max-width:640px) {
#wrapper {
	margin:0 auto;
	width: auto;
	max-width: 480px;
	min-width: 320px;
	min-height:100%;
	}
#contents-base {
	margin: 0 2.5%;
	min-height:200px;
	}
	#wrapper.top #contents-base{
		margin:0 auto;
		padding:20px 2.5% 40px;}
	#contents {
	}
	#contents #main {

		}
	#contents #side {
		width:100%;
		}
}


/* =============================================================================
   PC定義
   ========================================================================== */
@media screen and (min-width:641px) {
/* layout.css----------------------------- */
body {
	_display: inline;
	_zoom:1;
	}
#wrapper {
	margin:0 auto;
	}
#contents-base {
	margin:0 auto;
	width:1000px;
	min-height:500px;
	}
	#contents {}
	
/* トップページレイアウト
-------------------------------------- */
#wrapper.top #main{ width:670px; float:left;}

#side{ width:310px; float:right; padding-bottom: 40px;}

}