/*----------------------------------------------
デフォルト共通設定
----------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family:  serif;
	color: #333;
	background-color: #F4F5EF;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main { 
    display:block;
}
/*----------------------------------------------
見出し
----------------------------------------------*/
h1 {
	margin: 0;
	padding: 15px 0;
	font-size: 30px;
	text-align: center;
	color: #fff;
	background: url("img/header_line.jpg") repeat-x;
}
/*----------------------------------------------
メインコンテンツ
----------------------------------------------*/
main {
	clear: both;
	overflow: hidden;
	box-sizing: border-box;
	width: 980px;
	margin: 0 auto;
	padding: 30px 10px 10px 10px;
	text-align: center;
}
/*----------------------------------------------
左サブカラム
----------------------------------------------*/
#leftbox {
	float:left;
	display: inline-block;
	box-sizing: border-box;
	width: 230px;
	margin-top: 30px;
	text-align: center;
	vertical-align: top;
}
/*----------------------------------------------
操作方法
----------------------------------------------*/
#method {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	padding-bottom: 100px;
	border-radius: 10px;
	background-color: #fff;
}
#method h2 {
	text-align: center;
}
#method ol {
	list-style-position: outside;
	padding-left: 2em;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
}
#method ol li {
	margin-bottom: 2em;
}
/*----------------------------------------------
シミュレーション
----------------------------------------------*/
#simulation {
	float: right;
	display: inline-block;
	width: 700px;
	margin-top: 30px;
}
#simulation h2 {
	display: none;
}
#baseimg {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	border-radius: 10px;
	background-color:#BDBDBD;
}
/*----------------------------------------------
フォーム
----------------------------------------------*/
#simulation table {
	width: 100%;
	margin-bottom: 10px;
    border-collapse:collapse;
    border-spacing:0;
}
#simulation table th,
#simulation table td {
	box-sizing: border-box;
	width: auto;
	padding: 1em;
	font-size : 14px;
	font-weight: normal;
	color : #03003F;
	vertical-align: middle;
	text-align: center;
	border: solid 1px #BDBDBD;
}
#simulation table th {
	width: 40%;
	text-align: left;
	background-color : #DDDDDD;
}
#simulation label {
	padding-right:1em;
}
#simulation textarea {
	width: 100%;
	height: 50px;
}
/*----------------------------------------------
ボタン
----------------------------------------------*/
/* 共通 */
.btn{
	margin: 0 20px;
	border: 0px;
	width: 226px;
	height: 78px;
	background: url(img/sakusei.fw.png) center center no-repeat;
}
/* 作成ボタン */
.creat{
	background-image: url(img/sakusei.fw.png);
}
/* 戻るボタン */
.back{
	background-image: url(img/back.fw.png);
}
/* ダウンロード */
.download{
	background-image: url(img/down.fw.png);
}
/* プレビュー */
.preview{
	background-image: url(img/preview.fw.png);
}
/*----------------------------------------------
フッター
----------------------------------------------*/
footer {
	width: 100%;
	height: 14px;
	background-image: url(img/bottom_line.jpg);
}
/*----------------------------------------------
上書き
----------------------------------------------*/
@media screen and (max-width:980px) {
	main {
		width: 100%;
	}
	#simulation,
	#leftbox {
		float:none;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
}