@import url(../../../control/css/shared.css);

/* ----------------------------------------------
	under views dirs layout info
	- layoyt
	- .greeting
------------------------------------------------- */

/* ==============================================
	layout
================================================= */

.main{
	padding: 0 34px;
}
.layout11L{
	background: url(../../../control/images/separator_vertical.png) no-repeat right center;
	display: inline-block;
	vertical-align: top;
	width: 361px;
	padding-right: 34px;
}
.layout11R{
	display: inline-block;
	vertical-align: top;
	width: 361px;
	padding-left: 34px;
}

/* ==============================================
	.greeting
================================================= */

.greeting{
	font-size: 80%;
}
.greeting .img{
	width: 350px;
	display: inline-block;
	vertical-align: middle;
	padding: 14px 0;
}
.greeting .img img{
	border: solid 1px #aaa;
}
.greeting .mes{
	width: 340px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 29px;
}
.greeting h1{
	height: 40px;
	overflow: hidden;
	background-position: center 0;
	background-repeat: no-repeat;
	margin: 0;
}
.greeting h1 a{
	display: block;
	padding-top: 40px;
}
.greeting .mes p{
	line-height: 1.5;
}
#index{
	background-image: url(../image/views_h1.png);
}

/* ==============================================
	.main
================================================= */

.main h2{
	font: 100%/1 serif;
	background: url(../../../control/images/hn_line_red.png) no-repeat 0 bottom;
	padding-bottom: 5px;
}
.main h3{
	font-size: 90%;
	background: url(../../../control/images/hn_mk_blue.png) no-repeat 0 center;
	padding-left: 20px;
	border-bottom: dotted 1px #363;
}
.main h3.hasTopMargin{
	margin-top: 2em;
}
.main p{
	font-size: 80%;
	line-height: 1.5;
}
.main ul{
	font-size: 80%;
	line-height: 1.5;
	padding-left: 20px;
}