h2.top_title{/* トップページ用のh2指定 */
	background-image: url(http://smeijin.jp/skins/smeijin/img/top_title_bg.gif);
	margin:0 0 10px 0;
	clear:both;
	}

/* ===== [ メイン ] =====*/
.top_main{ /* トップページ用の背景指定 */
	background-image:url(http://smeijin.jp/skins/smeijin/img/top_bg.gif);
	background-repeat:repeat-y;
	}
/* ===== [ /メイン ] =====*/

body#home p {margin:0 0 0.5em;}

/* ===== [ トップの真ん中エリア ] =====*/
.center_area{
	width:400px;
	margin:0 169px 0 181px;
	padding:5px 0 0 0;
	}

.flash {margin:10px 0 13px;}

.flash div {
	color:#0a1168;
	margin-top:5px;
}

/* ===== [ /トップの真ん中エリア ] =====*/

/* ===== [ トップの左エリア ] =====*/
.left_area{
/* width:154px;*/
	width:165px;
	position:absolute;
	top:0;
	left:0;
	padding:0 0 0 10px;
	line-height:normal;
	}
	
.left_area div{
	margin-bottom:15px;
	}
	
.left_area_box{
	width:154px;
	background-image:url(http://smeijin.jp/skins/smeijin/img/left_img_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
	}
	
.left_area_box div{
	width:137px;
	text-align:center;
	margin:0 10px 0 7px;
	}
	
.left_area_box div p{
	font-size:85%;
	text-align:left;
	padding:0 0 0 6px;
	}
/*IE対策*/
* html .left_area_box div p{
	font-size:85%;
	letter-spacing:0.5px;
}
	
/* = [ 左エリア縦のメニュー ] =*/
#left_menu{
	width:150px;
	margin:0 0 0;
	padding:0;
	}
	
#left_menu ul{
	margin:10px 0;
	padding:0;
	width:150px;
	list-style:none;
	}
	
#left_menu li, #left_menu a{
	display:block;
	width:150px;
	height:30px;
	margin:0;
	}
	
#left_menu li{
	text-indent:-9999px;
	margin-bottom:5px;
	}
	
#left_menu a{
	text-decoration:none;
	background-image:url(http://smeijin.jp/skins/smeijin/img/left_menu.gif);
	}

/* MacIE5には読ませない ¥*/
#left_menu a{
	overflow:hidden;/* Firefox1.5以降で線を消す */
	}
/* /MacIE5には読ませない */

#left_menu_button1 a{
	background-position:   0px   0px;
	}
	
#left_menu_button2 a{
	background-position:   0px -30px;
	}

#left_menu_button3 a{
	background-position:   0px -60px;
	}

#left_menu_button1 a:hover{
	background-position:-150px   0px;
	}
	
#left_menu_button2 a:hover{
	background-position:-150px -30px;
	}

#left_menu_button3 a:hover{
	background-position:-150px -60px;
	}
/* = [ /左エリア縦のメニュー ] =*/
/* ===== [ /トップの左エリア ] =====*/

/* ===== [ トップの活用事例 ] =====*/
.success{
	line-height:1.1em;
	margin:0;
	}

.success_1, .success_2, .success_3{
	width:126px;
	float:left;
	margin:0;
}

.success_2{
	width:126px;
	float:left;
	margin:0 5px;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid #b4bddb;
	border-right:1px solid #b4bddb;
	}

.success p{
	margin:0.5em 0 0 0;
	}

.success span{
	font-size:85%;
	}
/* ===== [ /トップの活用事例 ] =====*/

/* ===== [ トップの活用シーン ] =====*/
.scene_left{
	width:195px;
	float:left;
	margin:0 0 10px 0;
	}

.scene_right{
	width:195px;
	float:right;
	margin:0 0 10px 0;
	}

.scene_left div,.scene_right div{
	width:195px;
	background-image:url(http://smeijin.jp/skins/smeijin/img/center_scene_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0 0 5px;
	margin:0 0 10px;
	}

.scene_left p,.scene_right p{
	padding:5px 10px 0;
	margin:0;
	}
/* ===== [ /トップの活用シーン ] =====*/


/* ===== [ トップのお知らせ ] =====*/
.news{
	border:1px solid #c8c8c8;
	padding:5px;
	height:150px;
	overflow:auto;
	background-image:url(http://smeijin.jp/skins/smeijin/img/center_news_bg.gif);
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin-bottom:10px;
	}
	
.news ul{
	margin:0;
	padding:0;
	}
	
.news li{
	list-style:none;
	margin-bottom:5px;
	padding:0 3px 5px;
	border-bottom:dotted 1px #999999;
	}

/* ===== [ /トップのお知らせ ] =====*/

