@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: 加盟についてページ用CSS                                         　　　     */
/* 作成日: 2012-07-13                                                               */
/* 最終更新日: 2012-07-13       　                                                  */
/*                                                                                  */
/* ################################################################################ */
.about #mainleft h3 {
	font-size:1.3em;
	margin:0 0 20px 0;
	
}

.about #mainleft .abouttop p {
	font-size:0.8em;
}

.about #mainleft .abouttop p .firstbold {
	color: #009582;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.4;
}

.about #mainleft .abouttop p.catches {
	padding:5px 0 15px 0;
}

.about #mainleft .abouttop p.catches2 {
	padding:5px 0 25px 0;
}

.about #mainleft .abouttop p.ms01 {
	margin:0 0 10px 0;
}

.about #mainleft .abouttop p.ms02 {
	margin:0 0 20px 0;
}
.about #mainleft .abouttop p.ms03 {
	margin:0 0 35px 0;
}

.about #mainleft .abouttop p.aboutbold {
	font-weight:bold;
	font-size:1.3em;
	color:#009582;
	margin:0 0 10px 0;
}
.about #mainleft .abouttop p.aboutbold2 {
	font-weight:bold;
	font-size:0.9em;
	color:#009582;
	margin:0 0 5px 0;
}

.about #mainleft .abouttop h4 {
	margin:0 0 12px 0;
}

.about #mainleft .abouttop h4.place {
	margin:0 0 7px 0;
	padding:0 0 4px 22px;
	line-height:24px;
	background:url(../images/bullet-baloon.jpg) top left no-repeat;
	font-weight:bold;
	font-size:1em;
	border-bottom:1px dotted #CCCCCC;
	
}

.about #mainleft .abouttop table.placetable {
	margin:0 0 10px 0;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	width:619px;
	font-size:0.8em;
}

.about #mainleft .abouttop table.placetable th,
.about #mainleft .abouttop table.placetable td {
	padding:5px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	line-height:1.4;
}

.about #mainleft .abouttop table.placetable th {
	background:url(../images/backt.jpg) top left repeat;
	font-weight:bold;
	white-space:nowrap;
	width:110px;
}

.about #mainleft .abouttop ul.aboutlist {
	font-size:0.8em;
	margin:0 0 25px 0;
	padding:0 250px 0 0;
	background:url(../images/img03.jpg) top right no-repeat;
}

.about #mainleft .abouttop ul.aboutlist li {
	margin:0 0 10px 0;
	background: url(../images/bullet.jpg) left 5px no-repeat ;
	padding: 0 0 0 8px;
	line-height:1.4;
}

.about #mainleft .abouttop .wantbox {
	background:url(../images/img04.jpg) top right no-repeat;
}

.about #mainleft .abouttop ul.aboutlist2 {
	font-size:0.8em;
	margin:0 0 25px 0;
}

.about #mainleft .abouttop ul.aboutlist2 li {
	margin:0 0 8px 0;
	background: url(../images/bullet.jpg) left 5px no-repeat ;
	padding: 0 0 0 8px;
	line-height:1.4;
}

.about #mainleft .abouttop ul.aboutlist3 {
	font-size:0.8em;
	margin:0 0 25px 0;
}

.about #mainleft .abouttop ul.aboutlist3 li {
	margin:0 0 8px 0;
	line-height:1.4;
}

.about #mainleft .abouttop p.picright {
	overflow:hidden;
}

.about #mainleft .abouttop p.picright img {
	float:right;
	padding:0 0 15px 10px;
}

.about #mainleft .abouttop ul.piclist {
	width:630px;
	margin:0 0 25px -10px;
	overflow:hidden;
}

.about #mainleft .abouttop ul.piclist li {
	padding:0 0 0 10px;
	float:left;
	width:200px;
}

.about #mainleft .abouttop .actionbox {
	background:#F9F8F2;
	padding:10px 10px 10px;
}

.about #mainleft .abouttop .actionbox h5 {
	margin:0 0 10px 0;
}

.about #mainleft p.catch {
	padding:20px 0 20px 0;
	text-align:center;
}

.about #mainleft dl.points {
	margin:0 0 15px 0;
	padding:10px 7px;
	background:#F9F8F2;
}

.about #mainleft dl.points dt {
	margin:0 0 7px 0;
	padding:0 0 3px 0;
	border-bottom:1px dotted #CCCCCC;
}

.about #mainleft dl.points dd {
	font-size:0.9em;
	line-height:1.4;
}

.about #mainleft p.govoice {
	line-height:1.4;
	font-size:0.9em;
	margin:0 0 20px 0;
}

.about #mainleft .flowbox {
	width:620px;
	margin:0 0 10px 0;
	padding:0 0 30px 0;
	overflow:hidden;
	background:url(../images/flow/arrow.jpg) 28px bottom no-repeat;
}

.about #mainleft .flowbox p.stepnum {
	width:67px;
	float:left;
} 

.about #mainleft .flowbox .flowboxright {
	width:531px;
	padding:10px;
	border:1px solid #CCCCCC;
	float:right;
}

.about #mainleft .flowbox .flowboxright h4 {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCCCCC;
}

.about #mainleft .flowbox .flowboxright p {
	font-size:0.8em;
	line-height:1.4;
	overflow:hidden;
}

.about #mainleft .flowbox .flowboxright p img {
	float:right;
	padding:0 0 10px 10px;
}

.about #mainleft .flowbox .flowboxright p.center img {
	float:none;
}

.about #mainleft .flowbox .flowboxright ul {
	margin:-5px 0 0 0;
	position:relative;
}

.about #mainleft .flowbox .flowboxright ul li {
	margin:0 0 10px 0;
	font-size:0.9em;
}

.about #mainleft .flowbox .flowboxright h5 {
	padding:5px;
	color:#FFFFFF;
	background:#00927F;
	margin:20px 0 10px 0;
	font-weight:bold;
}

.about #mainleft p.finish {
	border-bottom:2px solid #00927F;
	border-top:2px solid #00927F;
	padding:15px;
	background:#F5F5F5;
	font-size:0.9em;
	text-align:center;
	line-height:1.5;
}

.about #mainright ul.aboutsubnav {
	margin:0 0 15px 0;
	padding:10px 10px 0 10px;
	border-bottom:3px solid #0893AA;
	font-size:0.8em;
	background:#FEFEFE;
}

.about #mainright ul.aboutsubnav li {
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	border-bottom:1px dotted #CCCCCC;
}

.about #mainright ul.aboutsubnav li.last {
	margin:0 0 8px 0;
	padding:0 0 2px 0;
	border-bottom:none;
}

.about #mainright ul.aboutsubnav li a {
	padding:0 0 0 15px;
	background:url(../../shared/images/bullet-circle.jpg) center left no-repeat;
	color:#333333;
	text-decoration:none;
	line-height:1.3;
}

.about #mainright ul.aboutsubnav li a:hover {
	text-decoration:underline;
}