#maindesign{
	line-height:1.4;
	text-align:left;
	list-style-position: inside;
	list-style-type: none;
}

#maindesign p{
	font-size:1.0em;
}

#maindesign .container{
	width:94%;
	margin:3%;
	overflow:hidden;
}

#maindesign .alpha a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.mt5{ margin-top:5px !important}
.mt10{ margin-top:10px !important}

.mb5{ margin-bottom:5px !important}
.mb10{ margin-bottom:10px !important}

.pt5{ padding-top:5px !important}
.pt10{ padding-top:10px !important}

.pb5{ padding-bottom:5px !important}
.pb10{ padding-bottom:10px !important}

/*--------------------------------------
　ステップ
--------------------------------------*/
#maindesign .step_left{
	width:100%;
}

#maindesign .step_right{
	width:100%;
}

/*--------------------------------------
　デザイン印刷例
--------------------------------------*/
#maindesign ul.design{
	overflow:hidden;
}
#maindesign ul.design li{
	float:left;
	width:33.3%;
}

/*--------------------------------------
　ベースデザイン
--------------------------------------*/
#maindesign ul.base{
	overflow:hidden;
}
#maindesign ul.base li{
	float:left;
	width:50%;
}

/*--------------------------------------
　印刷デザイン
--------------------------------------*/
#maindesign ul.print{
	overflow:hidden;
}
#maindesign ul.print li{
	float:left;
	width:50%;
	overflow:hidden;
}

/*--------------------------------------
　見出しh2
--------------------------------------*/
#maindesign h2.heading{
	display: block;
	margin-top:20px;
	padding:5px 10px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	text-align:center;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4;
}

#maindesign h2.green{
	background:#88BB22;
}

#maindesign h2.pink{
	background:#EE8888;
}

/*--------------------------------------
　見出しh3
--------------------------------------*/
#maindesign h3{
	color:#fff;
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
	margin:0 auto 10px;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#006633;
}

#maindesign h3.green{
	background:#006633;
}

#maindesign h3.azuki{
	background:#882222;
}

/*--------------------------------------
　見出しh4
--------------------------------------*/
#maindesign h4{
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
	background:#fff;
	margin:5px auto;
	padding:2px;
}

#maindesign h4.green{
	color:#006633;
	font-weight:bold;
	border:solid 1px #006633;
}

#maindesign h4.azuki{
	color:#882222;
	font-weight:bold;
	border:solid 1px #882222;
}

/*--------------------------------------
　ページ内枠
--------------------------------------*/
#maindesign .frame{
	display: block;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background-color: #FFFFFF;
	font-size:1em;
	font-weight: normal;
	margin:0 auto 10px;
	padding:3%;
	clear: both;
	overflow:hidden;
	box-sizing:border-box;
}

#maindesign .frame_green{
	border:solid 2px #88BB22;
}

#maindesign .frame_pink{
	border:solid 2px #EE8888;
}

/*--------------------------------------
　カラーボックス
--------------------------------------*/
#maindesign ul.color_box li{
	float:left;
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
	width:15%;
	margin:0.8%;
	padding:3px 0;
}

/*黒*/
#maindesign ul.color_box li.co01{
	background:#000;
}
/*赤*/
#maindesign ul.color_box li.co02{
	background:#f00;
}
/*緑*/
#maindesign ul.color_box li.co03{
	background:#199243;
}
/*紺*/
#maindesign ul.color_box li.co04{
	background:#038;
}
/*橙*/
#maindesign ul.color_box li.co05{
	background:#f60;
}
/*桃*/
#maindesign ul.color_box li.co06{
	background:#f58;
}
/*草*/
#maindesign ul.color_box li.co07{
	background:#169E3D;
}
/*青*/
#maindesign ul.color_box li.co08{
	background:#17B;
}
/*黄*/
#maindesign ul.color_box li.co09{
	color:#000;
	background:#ff0;
}
/*小豆*/
#maindesign ul.color_box li.co10{
	background:#711;
}
/*金*/
#maindesign ul.color_box li.co11{
	background:#CEB05C;
}
/*茶*/
#maindesign ul.color_box li.co12{
	background:#A53;
}

/*--------------------------------------
　メモ
--------------------------------------*/
#maindesign p.memo{
	text-align:center;
	border-bottom:solid 1px #ccc;
	margin-bottom:10px;
	padding:5px 0;
}

/*--------------------------------------
　ボックス
--------------------------------------*/
#maindesign .box_left{
	width:100%;
}

#maindesign .box_right{
	width:100%;
}

/*--------------------------------------
　小見出し
--------------------------------------*/
#maindesign .subhead{
	font-size:1.4em;
	font-weight:bold;
	border-bottom:solid 1px #000;
	margin-top:15px;
	margin-bottom:3px;
}

/*--------------------------------------
　注文ボタン
--------------------------------------*/
#maindesign div.order_btn{
	width:100%;
	margin-bottom:10px;
	color:#006633;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
}

#maindesign div.order_btn a{
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
}

#maindesign div.order_btn_green{
	color:#006633;
	border:solid 2px #006633;
}
#maindesign div.order_btn_green a{
	color:#006633 !important;
}

#maindesign div.order_btn_pink{
	color:#882222;
	border:solid 2px #882222;
}
#maindesign div.order_btn_pink a{
	color:#882222 !important;
}


/*--------------------------------------
　ボタン
--------------------------------------*/
#maindesign ul.btn{
	overflow:hidden;
	margin-bottom:15px;
}

#maindesign ul.btn li{
	float:left;
	width:48%;
	margin:0 1%;
	color:#006633;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
}

#maindesign ul.btn li a{
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
}

#maindesign ul.btn li.green{
	color:#006633;
	border:solid 2px #006633;
}
#maindesign ul.btn li.green a{
	color:#006633 !important;
}

#maindesign ul.btn li.pink{
	color:#882222;
	border:solid 2px #882222;
}
#maindesign ul.btn li.pink a{
	color:#882222 !important;
}




	
#maindesign br{
	display:block;
}
#maindesign .clear{
	clear:both;
}

#maindesign span.small{
	font-size:0.8em;
}

#maindesign span.big{
	font-size:1.4em;
}


#maindesign span.green{
	color:#006633;
	font-weight:bold;
}

#maindesign span.pink{
	color:#EE8888;
	font-weight:bold;
}

#maindesign span.azuki{
	color:#882222;
	font-weight:bold;
}

#maindesign .indent-1{
	padding-left:1.0em;
	text-indent:-1.0em;
}

@media screen and (min-width: 480px) {
/*--------------------------------------
　ステップ
--------------------------------------*/
#maindesign .step_left{
	float:left;
	width:50%;
}

#maindesign .step_right{
	margin-top:20px;
	float:right;
	width:50%;
}

/*--------------------------------------
　デザイン印刷例
--------------------------------------*/
#maindesign ul.design li{
	width:20%;
}

/*--------------------------------------
　ベースデザイン
--------------------------------------*/
#maindesign ul.base li{
	width:25%;
}

/*--------------------------------------
　印刷デザイン
--------------------------------------*/
#maindesign ul.print li{
	width:25%;
}

/*#maindesign br{
	display:none;
}*/

/*--------------------------------------
　見出しh2
--------------------------------------*/
#maindesign h2.heading{
	font-size:1.6em;
}

/*--------------------------------------
　見出しh3
--------------------------------------*/
#maindesign h3{
	font-size:1.1em;
}

/*--------------------------------------
　ボックス
--------------------------------------*/
#maindesign .box_left{
	float:left;
	width:48%;
}

#maindesign .box_right{
	float:right;
	width:48%;
	margin-bottom:20px;
	overflow:hidden;
}

/*--------------------------------------
　注文ボタン
--------------------------------------*/
#maindesign div.order_btn{
	font-size:1.8em;
}

/*--------------------------------------
　ボタン
--------------------------------------*/
#maindesign ul.btn{
	overflow:hidden;
	margin-bottom:15px;
}

#maindesign ul.btn li{
	font-size:1.4em;
}
}

@media screen and (min-width: 600px) {
#maindesign p{
	font-size:1.1em;
}

#maindesign br{
	display:none;
}

/*--------------------------------------
　ベースデザイン
--------------------------------------*/
#maindesign ul.base li{
	width:20%;
}

/*--------------------------------------
　印刷デザイン
--------------------------------------*/
#maindesign ul.print li{
	width:20%;
}

/*--------------------------------------
　見出しh2
--------------------------------------*/
#maindesign h2.heading{
	font-size:1.6em;

}

/*--------------------------------------
　見出しh3
--------------------------------------*/
#maindesign h3{
	font-size:1.2em;

}

/*--------------------------------------
　注文ボタン
--------------------------------------*/
#maindesign div.order_btn{
	font-size:2.0em;
}
}

@media screen and (min-width: 1000px) {
#maindesign p{
	font-size:1.3em;
}

/*--------------------------------------
　ベースデザイン
--------------------------------------*/
#maindesign ul.base li{
	width:16.5%;
}

/*--------------------------------------
　印刷デザイン
--------------------------------------*/
#maindesign ul.print li{
	width:16.5%;
}

/*--------------------------------------
　見出しh2
--------------------------------------*/
#maindesign h2.heading{
	font-size:2.0em;

}

/*--------------------------------------
　見出しh3
--------------------------------------*/
#maindesign h3{
	font-size:1.4em;

}

/*--------------------------------------
　見出しh4
--------------------------------------*/
#maindesign h4{
	font-size:1.4em;
}
}