@charset "utf-8";
/* CSS Document */

/*------------ 初期設定 ------------*/
p,ul {
	line-height: 1.8em;
}

/*------------ 背景 ------------*/
body {
	background: url(../business/lp_plusone/images/head_bg.jpg) repeat-x left top #63da8b;
}

/*------------ 全体 ------------*/
#wrapper {
	width: 900px;
	margin: 0 auto;
	background: url(../images/side_back.jpg) repeat-y left top;
}

#contents{
	padding:30px 40px;
	background:url(../business/lp_plusone/images/cont_bg.jpg) repeat-y left top;
}

/*------------ ヘッダー ------------*/
#header {
	background:url(../business/lp_plusone/images/head.jpg) no-repeat left top;
	height:92px;
	padding:40px 40px 0;
}

#header h1{
	background:url(../business/lp_plusone/images/head_logo.jpg);
	width:291px;
	height:87px;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	float:left;
}

/*------------ ヘッダー ------------*/
h2#ttl01{
	background:url(../business/lp_plusone/images/ttl01.jpg) no-repeat left top;
	width:295px;
	height:27px;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	margin-bottom:20px;
}

h3#catch01{
	background: url(../business/lp_plusone/images/catch01.jpg);
	width:699px;
	height:30px;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	margin-bottom:30px;
}


h2#ttl02{
	background:url(../business/lp_plusone/images/ttl02.jpg) no-repeat left top;
	width:346px;
	height:27px;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	margin-bottom:20px;
}

h3#catch02{
	background: url(../business/lp_plusone/images/catch02.jpg);
	width:686px;
	height:67px;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	margin-bottom:30px;
}

#lp_head01{
	background:url(../business/lp_plusone/images/box_head01.jpg);
	width:399px;
	height:56px;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
}

#lp_head02{
	background:url(../business/lp_plusone/images/box_head02.jpg) no-repeat left top;
	width:399px;
	height:56px;
	font-size:0;
	line-height:0;
	text-indent:-5000px;
}

.lp_body{
	background:url(../business/lp_plusone/images/box_bg.jpg) repeat-y left top;
	padding:10px 20px;
}

.lp_foot{
	background:url(../business/lp_plusone/images/box_foot.jpg) no-repeat left top;
	width:399px;
	height:13px;
	font-size:0;
	line-height:0;
}

.left_box{
	float: left;
	width:400px;
}

.right_box{
	float: right;
	width:400px;
}

ul.mark li{
	background:url(../images/mark01.gif) no-repeat left 5px;
	padding-left:20px;
}

/*------ リンク色（コンテンツ） ------*/
#top_contents a,
#contents a {
}

/*------------ ライン ------------*/
.gray_line {
	border-bottom: #E3E3E3 2px solid;
}

.gray_frame {
	border: #E3E3E3 1px solid;
}

/*------------ フッター ------------*/
#footer{
	background: url(images/foot.jpg) no-repeat left top;
	width:900px;
	height:13px;
	font-size:0;
	line-height:0;
	margin-bottom:20px;
}

p#pagetop{
	float:right;
	text-indent:-9999px;
}

p#pagetop a{
	display:block;
	background:url(../images/pagetop.gif);
	width:122px;
	height:25px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

p#pagetop a:hover{
	background:url(../images/pagetop_on.gif);
}

/*------ アドレス ------*/
#footer address {
	text-align: right;
}

/*------ リンク色（フッター） ------*/
#footer a {
}

/*------ マーク ------*/
.mark01{
	background:url(../images/mark01.gif) no-repeat left top;
	padding-left:20px;
}

.mark02{
	padding-left:10px;
	background: url(../images/icon_allow.gif) no-repeat left center;
	font-size:11px;
}

.mark03{
	padding-left:10px;
	background: url(../images/icon_allow.gif) no-repeat left 7px;
}

.arrow a{
	padding-left:10px;
	background: url(../images/icon_allow.gif) no-repeat left center;
	font-size:80%;
}

.blank a{
	padding-right:22px;
	background: url(../images/mark02.gif) no-repeat right center;
}

/*-------- table --------*/
table.common_table th,table.common_table td{
	padding:15px 10px;
	background:url(../images/border_bottom.gif) no-repeat left bottom;
}

table.common_table tr.border_none th,table.common_table tr.border_none td{
	background:none;
}

table.common_table th{
	font-weight:normal;
}

input.type1{
	width:400px;
	padding:2px 4px;
}

textarea.type2{
	width:400px;
	padding:2px 4px;
}

input.type3{
	padding:5px 10px;
}

/*-------- font --------*/
.red {
	color: #e10303;
}
.border_red img:hover{
	border:1px solid #e10303;
}
.bold{
	font-weight:bold;
}

/*-------- top --------*/
.top10 {
	margin-top: 10px;
}

/*-------- bottom --------*/
.btm10 {
	padding-bottom: 10px;
}

.btm15 {
	padding-bottom: 15px;
}

.btm20 {
	padding-bottom: 20px;
}

.btm30 {
	padding-bottom: 30px;
}

/*-------- right --------*/
.right20{
	padding-right:20px;
}

/*-------- center --------*/
.center {
	text-align: center;
}

/*-------- text right --------*/
.t_right {
	text-align: right;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

.photo{
	border:1px solid #dddddd;
}