@charset "utf-8";
@import url("https://www.01act.jp/script/css/base.css");
@import url("https://www.01act.jp/script/css/common.css");
@import url("https://www.01act.jp/script/css/site.css");





/* ---------- TOPページ ---------- */

#right .cardList {
	width:660px;
	float:left;
	padding:0 0 30px;
}

*+html #right .cardList {
	padding:0 0 50px;
}

#right .cardList h5 {
	text-align:center;
	padding:0 0 5px;
	color:#666666;
}

#right .cardList .yoko p {
	text-align:center;
	padding:0 0 6px;
}

#right .cardList .yoko .txt {
	font-size:65%;
	line-height:1.5em;
	padding:5px 10px;
	text-align:left;
	color:#666666;
}

#right .cardList .yoko {
	width:165px;
	float:left;
	margin:0 0 20px;
	padding:0 0 14px;
	display:inline;
	border-bottom:#DDDDDD 1px dotted;
}

#right .cardList .full {
	width:630px;
	\width:660px;
	w\idth:630px;
	float:left;
	margin:0 0 20px;
	padding:0 15px 4px;
	display:inline;
	border-bottom:#DDDDDD 1px dotted;
}

#right .bussinessOption {
	width:674px;
	margin:0 -14px 0 0;
	float:left;
	display:inline;
}

#right .bussinessOption li {
	float:left;
	padding:0 14px 15px 0;
}





/* ---------- ３カラムリストリンク ---------- */

#right .c3LinkList {
	float:left;
	width:660px;
	margin:0 0 20px;
}

#right .c3LinkList li {
	width:210px;
	margin:0 5px 10px;
	display:inline;
	float:left;
	font-size:85%;
	line-height:1.5em;
	letter-spacing:0.3em;
	text-align:center;
	font-weight:bold;
}

#right .c3LinkList li a {
	border:#DDDDDD 1px solid;
	background:#EEEEEE;
	display:block;
	padding:10px 0;
	text-decoration:none;
}

#right .c3BussinessList {
	width:675px;
	float:left;
	margin:0 -15px 0 0;
	display:inline;
}

#right .c3BussinessList li {
	width:210px;
	float:left;
	padding:0 15px 15px 0;
	font-size:75%;
	line-height:1.5em;
}




/* ---------- 用紙の種類 ---------- */

#right .paper { 
	width:660px;
	float:left;
	margin:0 0 30px;
	border-bottom:#DDDDDD 1px dotted;
}

#right .paper li {
	width:136px;
	\width:165px;
	w\idth:136px;
	float:left;
	padding:0 15px 15px 14px;
	display:inline;
	position:relative;
}

#right .paper h5 {
	font-size:75%;
	line-height:1.3em;
	margin:0 0 5px;
	position:absolute;
	left: 25px;
	top: 10px;
}

#right .paper .detail {
	font-size:65%;
	line-height:1.4em;
	margin:0 1px 5px;
	padding:0;
}

#right .paper .price {
	font-size:75%;
	line-height:1.5em;
	margin:-5px 0 5px;
	padding:0;
	text-align:center;
	font-weight:bold;
	color:#CC0000;
}





/* ---------- 価格表 ---------- */

#contents .search {
	background:url(../image/common/bg_price.gif) left top no-repeat;
	width:660px;
	float:left;
	margin:0 0 20px;
	padding:0 0 10px;
}

#contents .search dl {
	float:left;
	padding:13px 0 0 50px;
}

#contents .search dt {
	float:left;
}

#contents .search dd {
	float:left;
	padding:0 30px 0 10px;
}

#contents .search p {
	float:right;
	padding:12px 50px 12px 0;
}





/* ---------- 価格表 ---------- */

#right .tab_under {
	border-top:#DDDDDD 1px solid;
	padding:15px 0 10px;
}

#right .tab {
	float:left;
	width:640px;
	\width:650px;
	w\idth:640px;
	padding:0 5px;
	margin:0 5px;
	background:url(../business/image/bg_tab.gif) left bottom repeat-x;
	display:inline;
}

#right .tab li {
	float:left;
}

#right .tab li a {
	display:block;
}

#right .tab .active a {
	position: relative;
}

#right .tab .active a img {
	visibility:hidden;
}

#right .tab #tab0.active a {
	background:url(../business/image/tab_hg_on.gif) left top no-repeat;
}

#right .tab #tab1.active a {
	background:url(../business/image/tab_tf_on.gif) left top no-repeat;
}

#right .tab #tab2.active a {
	background:url(../business/image/tab_2f_on.gif) left top no-repeat;
}

#right .tab #tab3.active a {
	background:url(../business/image/tab_2g_on.gif) left top no-repeat;
}





/* ---------- はがきサイト ---------- */

#right .postList {
	width:660px;
	float:left;
	padding:10px 0 0;
}

*+html #right .postList {
	padding:10px 0 20px;
}

#right .postList h5 {
	text-align:center;
	padding:0 0 3px;
	color:#666666;
}

#right .postList p {
	text-align:center;
	padding:0 0 6px;
}

#right .postList .yoko {
	width:190px;
	\width:220px;
	w\idth:190px;
	float:left;
	margin:0 0 20px;
	padding:0 15px 14px 15px;
	display:inline;
	border-bottom:#DDDDDD 1px dotted;
}

#right .postList .two {
	width:300px;
	\width:330px;
	w\idth:300px;
	float:left;
	margin:0 0 20px;
	padding:0 15px 14px 15px;
	display:inline;
	border-bottom:#DDDDDD 1px dotted;
}

#right .postList .one {
	width:630px;
	\width:660px;
	w\idth:630px;
	float:left;
	margin:0 0 20px;
	padding:0 15px 14px 15px;
	display:inline;
	border-bottom:#DDDDDD 1px dotted;
}

#right .postList .tate {
	width:126px;
	\width:165px;
	w\idth:126px;
	float:left;
	padding:0 20px 14px 19px;
	margin:0 0 20px;
	display:inline;
	border-bottom:#DDDDDD 1px dotted;
}

.topBusinessList {
	width:675px;
	float:left;
	margin:0 -15px 0 0;
	padding:0 0 30px;
	display:inline;
}

.topBusinessList li {
	width:210px;
	float:left;
	padding:0 15px 15px 0;
	font-size:75%;
	line-height:1.5em;
}

.topBusinessList li a {
	width:210px;
	background:url(../image/top/bg_btn.jpg) left top no-repeat;
	display:block;
	text-align:center;
	font-weight:bold;
	padding:6px 0;
	text-decoration:none;
	
}

.tbtn {
	float:left;
	width:660px;
	padding:0 0 20px;
}

.tbtn li {
	float:left;
}