@charset "utf-8";

/********************
  base 1
********************/

body{
	margin:0;
	padding:0;
	line-height:150%;
	color:#333;
	background:#ffeffc url(../img/bg.gif) top center repeat-x;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size:78%;
	text-align:center;
}

div#wrap{
	margin:0 auto;
	padding:0;
	width:877px;
	text-align:left;
}

div#header{
	margin:0;
	padding:0;
	height:68px;
}

div#navi_top{
	margin:0;
	padding:0;
	width:877px;
	height:72px;
	background: url(../img/bg_navi.gif);
}

div#mainphoto{
	margin:72px 0 0;
	padding:0;
}



div#contents_bg{
	margin:0;
	padding:0;
	width:877px;
	background: url(../img/bg_main.gif);
	overflow: hidden;
}

div#contents_bottom{
	margin:0;
	padding:0;
	width:877px;
	height:20px;
	clear:both;
}

div#contents{
	margin:0 14px 0 0;
	padding:0 7px 0;
	float:right;
	width:574px;
	text-align:left;
	display:inline;
}

div#navi_left{
	margin:0px 0px 0px 13px;
	padding:0;
	float:left;
	width:236px;
	display:inline;
}

div.navi_left_pad{
	padding:0 7px 0;
}

div#footer{
	margin:0;
	padding:10px 0 0;
	clear:both;
	height:138px;
	color:#fff;
	background: url(../img/bg_foot.gif) repeat-x;
}

/********************
  base 2
********************/

h1{
	margin:0;
	padding:45px 0 0;
	font-size:100%;
	color:#fff;
}

h2{
	margin:0;
	padding:0;
	clear: both;
	font-size:110%;
}

h3{
	margin:0;
	padding:0;
	font-size:100%;
}


a{ color: #243397; text-decoration: underline;}
a:hover{ text-decoration: none;}

img{ border: none;}


/* --- space & font --- */

.cntr{ text-align: center;}
.rght{ text-align: right;}
.left{ text-align: left;}

.clear{clear:both;}
img{border:none;}
.img{vertical-align: bottom;}
.img_middle{vertical-align: middle;}

td{font-size:12px;}

.b{font-weight:bold;}

.red{color:#cc3333;}

/********************
  link
********************/
a:link{text-decoration:none;color:#3366ff;}
a:visited{text-decoration:none;color:#3366ff;}
a:hover{text-decoration:underline;color:#3366ff;}

a.foot:link{text-decoration:none;color:#fff;}
a.foot:visited{text-decoration:none;color:#fff;}
a.foot:hover{text-decoration:underline;color:#fff;}


/********************
  header
********************/

#header_l{
	width:150px;
	float:left;
}

#header_r{
	width:727px;
	float:right;
	text-align:right;
}


/********************
  navi top
********************/

#navi_top, #navi_top1{
	position: absolute;
}

#navi_top1 span{ display: none;}


#navi_top1 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#navi_top1 li{
	margin: 0;
	padding: 0;
	float: left;
}


#navi_top1{
	left:14px;
	top:20px;
	width: 850px;
	height: 46px;
	background: url(../img/navi.gif) no-repeat;
}

#navi_top1 li, #navi_top1 li a{
	width: 170px;
	height: 46px;display: block;
}
#navi_top1 li a:hover{ background-image: url(../img/navi.gif);}
#t1_1 a:hover{ background-position: 0px 46px;}
#t1_2 a:hover{ background-position: -170px 46px;}
#t1_3 a:hover{ background-position: -340px 46px;}
#t1_4 a:hover{ background-position: -510px 46px;}
#t1_5 a:hover{ background-position: -680px 46px;}

#t1_1_self{ background-position: 0px 0px; background-image: url(../img/navi_.gif);}
#t1_2_self{ background-position: -170px 0px; background-image: url(../img/navi_.gif);}
#t1_3_self{ background-position: -340px 0px; background-image: url(../img/navi_.gif);}
#t1_4_self{ background-position: -510px 0px; background-image: url(../img/navi_.gif);}
#t1_5_self{ background-position: -680px 0px; background-image: url(../img/navi_.gif);}




/********************
  navi left
********************/

div#navi_left1 ul{
	margin:0 0 10px 10px;
	padding:0;
	list-style-type:none;
}


div#navi_left1 li{
	margin: 0;
	padding: 0 5px 10px 15px;
	background: url(../img/ya.gif) 0 5px no-repeat;
	font-weight:bold;
}


div.blue_b{
	color:#3366ff;
	font-weight:bold;
}


div.linktitle{
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: url(../img/ya.gif) 0 5px  no-repeat;
	font-weight:bold;
}



/* --- 角丸枠 --- */
div.column_s{
	width: 234px;
	background: url(../img/box_bottom.gif) no-repeat bottom;
	padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
}

div.column_s .inner{
	background: url(../img/box_head.gif) no-repeat;
	padding-top: 5px;
}

div.column_s .inner .bg {
	background: url(../img/box_bg.gif) repeat-y;
	padding: 0 7px;
}


div.column{
	width: 574px;
	background: url(../img/box2_bottom.gif) no-repeat bottom;
	padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
}

div.column .inner{
	background: url(../img/box2_head.gif) no-repeat;
	padding-top: 5px;
}

div.column .inner .bg {
	background: url(../img/box2_bg.gif) repeat-y;
	padding: 0 7px;
}




.pad01{padding:0 0 10px 10px;}
.pad02{padding:0 10px 0;}
.pad03{padding:30px 0;}
.pad04{padding:10px 0 30px 10px;}
.pad05{padding:0 0 10px;}
.pad06{padding:0 0 0 6px;}
.pad07{padding:10px 5px 0;}



.blogbanner{
	padding:10px;
	float:left;
}


/********************
  contents top
********************/

div.topmain_left{
	margin:0px 0px 0px 1px;
	padding:0 0 10px;
	float:left;
	width:272px;
}

div.topmain_right{
	margin:0px 0px 0px 0px;
	padding:0 0 10px;
	float:right;
	width:272px;
}

div.topmain_l{
	margin:0 0 0 2px;
	padding:0;
	float:left;
	width:115px;
}

div.topmain_r{
	margin:0;
	padding:0;
	float:right;
	width:155px;
}


/********************
  contents others
********************/

/* --- システム --- */
div.step_bg{
	margin:0;
	padding:10px 20px 10px 30px;
	background: url(../img/system/step_bg.gif) no-repeat;
	width: 524px;
}

div.step_ya{
	margin:0;
	padding:10px 0 20px;
	text-align:center;
}


/* --- 料金 --- */

div.price_table{
	margin:10px 0 0 0;
	padding:0;
}

div.price_table .l_t1,
div.price_table .c_t1,
div.price_table .r_t1{
	margin:0;
	padding:4px;
	border-bottom:#ccc dotted 1px;
}

div.price_table .l_t1_top{
	width:150px;
	margin:4px;
	padding:4px;
	border-top:#ccc dotted 1px;
	border-bottom:#ccc dotted 1px;
}


div.price_table .c_t1_top,
div.price_table .r_t1_top{
	margin:4px;
	padding:4px;
	border-top:#ccc dotted 1px;
	border-bottom:#ccc dotted 1px;
}

div.price_table .bg01{
	margin:0;
	padding:6px;
	background:#f8d4e2;
}

.totop{padding:5px 0 10px; text-align: right;}

/* --- 再婚 --- */

.float_right{
	margin:0;
	padding:0 0 10px 10px;
	float:right;
}


/* --- 会社概要 --- */

div.outline_l{
	margin:0;
	padding:5px 0 20px;
	float:left;
}

div.outline_r{
	margin:0;
	padding:10px 10px 0 0;
	float:right;
}

div.outline_l td.td_l{
	width:80px;
}

div.accessmap_l{
	margin:0;
	padding:10px 0 20px 5px;
	float:left;
	width:220px;
}

div.accessmap_r{
	margin:0;
	padding:10px 5px 20px 0;
	float:right;
	width:325px;
}

/* --- プライバシー --- */

.privacy_l{
	margin:0;
	padding:10px 0 10px 10px;
	float:left;
	width:130px;
}

.privacy_r{
	margin:0;
	padding:20px 0 10px 10px;
	float:left;
	width:325px;
	line-height:200%;
}


.list01 dt{
	font-weight:bold;
}


.list01 dd{
	margin:0;
	padding:0 0 20px 15px;
}


.privacy2_l{
	margin:0;
	padding:10px 0 10px 5px;
	float:left;
	width:190px;
}

.privacy2_r{
	margin:0;
	padding:10px 5px 10px 0;
	float:left;
	width:370px;
}



/********************
  footer
********************/

div#copy{
	margin:0;
	padding:0;
	color:#fff;
}

/********************
  form
********************/

form{
	margin:0;
	padding:0;
}

h3#title1{
	margin:10px;
}
div#title2{
	margin:10px auto;
	width: 300px;
	white-space: nowrap;
	font-size: 85%;
}


/********************
  topics
********************/

/* base -------------------- */
div#topics{
	margin: 0;
	padding: 15px;
	display: block;
	width: 530px;
	height: 500px;
	min-height: 0;
	overflow: auto;
}
div#topics:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html div#topics {
	display: inline-block;
}
/* no ie mac \*/
* html div#topics {
	height: 1%;
}
/* all brouser */

div#topics2{
	margin: 0;
	padding: 15px;
	display: block;
	width: 530px;
}
div#topics2:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html div#topics2 {
	display: inline-block;
}
/* no ie mac \*/
* html div#topics2 {
	height: 1%;
}
/* all brouser */

/* c,l,r -------------------- */

div#topics div.c,
div#topics2 div.c{
	padding: 10px 0;
	border-bottom: 1px #999 solid;
}

div#topics div.l,
div#topics2 div.l{
	margin: 0 0 1px 0;
	padding: 0;
	width: 100px;
	float: left;
	clear: both;
}
div#topics div.r,
div#topics2 div.r{
	margin: 0 0 1px 0;
	padding: 0;
	width: 380px;
	float: right;
}

/* 右上固定ボタン */

#sbx{
position:fixed;
top:268px;
right:0;
z-index:1;
}


/* 高さ処理（トピックス一覧で使用） */
.haj{
	display: block;
	min-height: 0;
}
.haj:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .haj{
	display: inline-block;
}
/* exclude ie mac \*/
* html .haj{
	height: 1%;
}