@charset "utf-8";

/* #############################################################

[ 構造設計 ]

適用範囲：サイト全体

※追記・改変の際はウェブマスタに問い合わせること
※prefixは「#str_」

############################################################# */

/* ==========================================================================
 大枠
=========================================================================== */
#str_container {
	width: 960px;
	margin:5px auto 20px;
}
#str_container:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}


/* ==========================================================================
 メニュー＋コンテンツ
=========================================================================== */
#str_container #str_menuAndContents {
	width:960px;
}
#str_container #str_menuAndContents:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}

/* ==========================================================================
 メニュー：左
=========================================================================== */
#str_container #str_menuAndContents #str_leftmenu {
	width: 160px;
	float:left;
	display: inline;
}


/* ==========================================================================
 コンテンツ：右
=========================================================================== */
#str_container #str_menuAndContents #str_contents {
	width: 790px;
	float:right;
	display: inline;
}
#str_container #str_menuAndContents #str_contents:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}

/* ==========================================================================
 コンテンツ：中央
=========================================================================== */
#str_container #str_center {
	width: 790px;
	margin:20px auto 0;
}


/* -------------------------------------------------------------- 
コンテンツ＞左右振り分け：600 - 160（.str_mainside）
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .str_mainside {
	width: 790px;
}
#str_container #str_menuAndContents #str_contents .str_mainside:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}

/* メイン：左 600
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .str_mainside .str_main {
	width: 600px;
	float:left;
	display: inline;
}
/* サイド：左 180
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .str_mainside .str_side {
	width: 180px;
	float:right;
	display: inline;
}