﻿.maindesign{
	line-height:1.4;
	text-align:left;
	list-style-position: inside;
	list-style-type: none;
	max-width:680px;
	margin:auto;
}

.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 )";
}
.mt0{ margin-top:0 !important}
.mb0{ margin-bottom:0 !important}


.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 .kome{
	text-align:right;
	font-size:0.9em;
	margin-bottom:10px;
}


/*--------------------------------------
　ステップ
--------------------------------------*/
.maindesign .step_left{
	width:100%;
}

.maindesign .step_right{
	width:100%;
}

/*--------------------------------------
　デザイン印刷例
--------------------------------------*/
.maindesign ul.design{
	overflow:hidden;
}
.maindesign ul.design li{
	float:left;
	width:50%;
}

/*--------------------------------------
　ベースデザイン
--------------------------------------*/
.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;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	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:#003792;
}


/*--------------------------------------
　見出し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: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color: #FFFFFF;
	font-size:1em;
	font-weight: normal;
	margin:0 auto 10px;
	padding:2% 3% 3%;
	clear: both;
	overflow:hidden;
	box-sizing:border-box;
	border:solid 2px #003f97;
}


/*--------------------------------------
　カラーボックス
--------------------------------------*/
.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 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 .order_btn{
	width:100%;
	margin-bottom:10px;
	color:#006633;
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
	border:solid 2px #003f97;
}

.maindesign .order_btn a{
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
	color:#003f97 !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 .small{
	font-size:0.9em;
	text-align:center;
	margin-bottom:5px;
}

.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;
}

.maindesign .seal-size{
	text-align:center;
	margin-bottom:15px;
}

.maindesign .seal-size img{
	margin:auto;
}

.maindesign .seal-size .order_btn{
	margin:10px auto;
}


@media screen and (min-width: 560px) {
.maindesign .seal-size{
	overflow:hidden;
}

.maindesign .seal-size img{
	float:left;
	width:50%;
}

.maindesign .seal-size .order_btn{
	float:left;
	width:50%;
}

.mt9p{
	margin-top:9%!important;
}
/*--------------------------------------
　ベースデザイン
--------------------------------------*/
.maindesign ul.base{
	overflow:hidden;
}
.maindesign ul.base li{
	float:left;
	width:33.3%;
}

}
