/* ::::: 住友生命　もっと知りたいビジネスマナーのスタイルシート 2009.03.13::::: */

#busi *,
#side_navi * {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5;
}

#busi img,
#side_navi img {
	border: 0px;
}

#busi {
	text-align: left;
	padding-top: 12px;
	width: 555px;こｙ
}

#busi h1 {
	margin-bottom: 15px;
}

#busi h2 {
	margin-bottom: 10px;
}

#busi h3 {
	background: url(../images/dotline01.gif) repeat-x left bottom;
	padding-bottom: 2px;
	margin-right: 3px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#busi h4 {
	text-align: left;
	color: #116194;
	margin-right: 3px;
	margin-left: 5px;
	margin-bottom: 5px!important;
	padding-bottom: 0px!important;
	height: auto;
}

#busi p {
	margin-right: 3px;
	margin-left: 5px;
	margin-bottom: 18px;
}

#busi ul {
	list-style:none;
	margin-right: 3px;
	margin-left: 5px;
	margin-bottom: 18px;
}

#busi .kakomi01 {
	padding: 10px;
	background: #fef9dc;
	margin: 5px;
	font-weight: bold;
}

#busi .page_top {
	text-align: right;
	padding-right: 4px;
	padding-bottom: 15px;
	clear: both;
}

#busi .red {
	color: #ff0033;
}

#busi .blue {
	color: #0066cc;
}

/*  ====== ↓ 上部ページ内リンクナビゲーション↓ ======  */

#busi #anchor_navi ul {
	background: url(../images/bg_anchor_navi_a.gif);
	font-weight: bold;
	border: 2px solid #FFFFFF;
	padding: 10px 15px;
	margin: 0px;
}

#busi.side_b #anchor_navi ul {
	background: url(../images/bg_anchor_navi_b.gif);
}

#busi #anchor_navi a {
	color: #FFFFFF;
}

#busi #anchor_navi {
	border: 1px solid #bbbbbb;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 5px;
}

#busi #anchor_navi li {
	display: inline;
	padding-left: 15px;
	padding-right: 20px;
	background: url(../images/head_anchor_navi_a.gif) no-repeat;
	line-height: 2;
}

#busi.side_b #anchor_navi li {
	background: url(../images/head_anchor_navi_b.gif) no-repeat;
}

#busi #anchor_navi li.anchor_navi_h2 {
	background:none;
	display:block;
	color:#fff;
	font-size:14px;
	border-bottom:1px solid #fff;
	padding-left:0;
}

/*  ====== ↑ 上部ページ内リンクナビゲーション↑ ======  */


/*  ====== ↓ 表関係 ↓ ====== */

#busi table {
	border-collapse:collapse;
	margin-right: 3px;
	margin-left: 5px;
	margin-bottom: 18px;
}

#busi th {
	background: #b3dbef;
}

#busi.side_b th {
	background: #ffcccc;
}

#busi table th.left_th {
	background: #EBEBEB;
}

#busi table th,
#busi table td {
	padding: 3px 40px;
	border: 1px solid #666666;
	text-align: center;
}

#busi table th.bold_border,
#busi table td.bold_border {
	border-left:2px solid #000;
}


/*----  ↓ （table table）表内の複雑な部分をテーブルでやりました---- */
#busi table table {
	padding: 0px;
	border: none;
	margin: 0px;
}

#busi table table td {
	padding: 3px 5px 3px 0px!important;
	border: none;
}

#busi table.no_border th,
#busi table.no_border td {
	border-style: none;
	margin: 0px;
	padding: 0px;
}

/*----  ↓ （.type2）セル内狭いタイプ<td>左寄せ---- */
#busi table.type2 th {
	padding: 3px 10px;
}

#busi table.type2 td {
	text-align: left;
	padding-left: 15px;
}

#busi table.type2b th {
	padding: 3px 10px;
}

#busi table.type2b td {
	text-align: left;
	padding: 3px 10px;
}

/*----  ↓ （.type3）セル内もっと狭い・テーブル幅いっぱいタイプ---- */

#busi table.type3 {
	width: 98%;
}

#busi table.type3 th {
	padding: 3px;
}

#busi table.type3 td {
	padding-left: 1px;
	padding-right: 1px;
}

#busi table th.left_th {
	text-align: left;
}

#busi table th.left_th2 {
	text-align: left;
	width:75px;
	background-color:#ebebeb;
}

#busi table th.left_th3 {
	text-align: left;
	width:100px;
	background-color:#B3DBEF;
}

#busi table th.left_th4 {
	text-align: left;
	background-color:#fff;
}

/*----  ↓ （.type4）---- */

#busi table.type4 {
	width: 98%;
}

#busi table.type4 th {
	padding: 3px 10px;
}

#busi table.type4 td {
	padding-left: 1px;
	padding-right: 1px;
	text-align: left;
	padding: 3px 10px;
}

/*----  ↓ （.type5）---- */

#busi table.type5 {
	width: 98%;
}

#busi table.type5 th {
	padding: 3px 10px;
	width:130px;
	text-align:left;
}

#busi table.type5 td {
	padding-left: 1px;
	padding-right: 1px;
	text-align: left;
	padding: 3px 10px;
}

/*----  ↓ （.type6）---- */

#busi table.type6 {
	width:auto;
}

#busi table.type6 th,
#busi table.type6 td {
	padding:0;
	margin:0;
	border:none;
	vertical-align:top;
	text-align:left;
	padding-right:30px;
}

#busi table.type6 td.none {
	padding:0;
}

#busi table.type6 th {
	background-color:#fff;
}

#busi table.type6 td {
	padding-top:3px;
}

#busi table.type7 {
	width:auto;
	border-collapse:separate;
}

#busi table.type7 th,
#busi table.type7 td {
	padding:0;
	margin:0;
	border:none;
	vertical-align:top;
}

#busi table.type7 th {
	background-color:#fff;
	border-bottom:1px solid #bbb;
	text-align:left;
}

#busi table.type7 td {
	text-align:left;
	padding-top:3px;
}

#busi table.type7 td.right {
	text-align:right;
}

#busi table.type7 td.bottom {
	vertical-align:bottom;
}

#busi table.type7 td.space {
	width:10px;
}

#busi table.type7 td.space2 {
	width:40px;
}

/* ====== ↑ 表関係 ↑ ====== */


/*----  ↓ （.illust_box）キャプション付きイラスト---- */

#busi .illust_box {
	float: left;
	width: 170px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 3px;
}

#busi .illust_box img {
	margin-bottom: 3px;
}

/*----  ↓ （.illust_box）キャプション付きイラスト 少し大きめ---- */

#busi .illust_box2 {
	float: left;
	width: 255px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 3px;
}

#busi .illust_box2 img {
	margin-bottom: 3px;
}

/* ====== ↓ サイドナビ ↓ ====== */


td#side_navi {
	padding: 0px 0px 10px;
	text-align: center!important;
	background: #e8e8e8;
	height: 100%;
}

#side_navi h2 {
	margin-top: 5px;
	margin-bottom: 5px;
}

#side_navi h3 {
	margin-bottom: 3px;
}

#side_navi ul {
	list-style:none;
}

#side_navi .part {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 180px;
	margin-left: 3px;
	margin-bottom: 4px;
}

#side_navi li {
	margin: 0px 0px 2px;
	padding: 0px;
	line-height: 0px;
}


#side_navi .part img {
	vertical-align: bottom;
}

#main #side_navi li ul {
	border-bottom: 1px solid #CCCCCC;
	margin: 3px 3px 3px 4px;
}

#main #side_navi li li {
	text-align: left;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px none #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 0px;
	background: url(../images/side/head_01.gif) no-repeat 8px 7px;
	padding: 2px 6px 2px 18px;
}

#main #side_navi li li a {
	text-decoration: none;
	color: #4b4b4b;
}

#main #side_navi li li a:hover {
	text-decoration: underline;
}

#side_navi .to_home {
	text-align: left;
	background: url(../images/side/head_02.gif) no-repeat 18px 9px;
	padding-left: 30px;
	padding-top: 5px;
}

/* ====== ↓ トップページ ↓ ====== */

#busi.top_page {
	padding-top: 6px;
}

#busi #main_navi .part {
	float: left;
}

#busi #main_navi ul {
	margin: 0px;
	padding: 0px;
}

#busi.top_page img {
	vertical-align: bottom;
}
#busi.top_page h1, 
#busi.top_page h2 {
	margin: 0px;
	padding: 0px;
}

#busi #main_navi {
	margin-bottom: 15px;
}

/* ====== ↓ 共通 ↓ ====== */

.copy {
	display:block;
	text-align:left;
	border-bottom:1px solid #ccc;
	font-size:11px;
	margin:0 10px;
	padding:0 0 5px 0;
}

.copy a {
	color:#666;
}


/* ====== ↓ スクロールメニュー ↓ ====== */

#mov_navi {
	position: absolute;
	left:1px;
	top:850px;
}

#mov_navi h2 {
	margin-left:4px;
}

/* safari only \*/  
html:\66irst-child #mov_navi {  

}  

/* ====== ↓ clearfix ↓ ====== */

.clr {
	clear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */