@import url("slide.css");

body { margin: 0 6px; font-size: 12px }
input { font-size: 12px; margin: 0; padding: 0 }
img { border: none }
form { margin: 0; padding: 0 }
p { margin: 4px 0 4px 0; padding: 0 }
a { text-decoration: none; color: blue; }

div.column, div.column2, div.column3 { margin: 6px auto; width: 960px; overflow: hidden; }
div.column:after, div.column2:after, div.column3:after { content: "."; height: 0px; clear: both; display: block; visibility: hidden }

div.column div.left { float: left; width: 320px; display: inline; overflow: hidden; }
div.column div.center { float: left; margin-left: 10px; padding-top: 10px; width: 360px; display: inline; background: url("../../images/style01_blue/center_bg_01.gif") no-repeat; overflow: hidden; }
div.column div.right { float: left; margin-left: 10px; width: 260px; display: inline; overflow: hidden; }

div.column2 div.left { float: left; width: 250px; display: inline; overflow: hidden; }
div.column2 div.center { float: left; margin-left: 10px; width: 430px; display: inline; overflow: hidden; }
div.column2 div.right { float: left; margin-left: 10px; width: 260px; display: inline; overflow: hidden; }

div.center div.read { margin: 0 0 10px; }
div.center div.read h1 { margin: 6px 0 6px 0; padding: 0; font-size: 18px; text-align: center; }
div.center div.read p a.more { margin: -20px 6px; float: right; }
div.read h1 a { color: #0736AA }
div.read p { font-size: 14px; line-height: 20px; text-indent: 28px; }
div.read img { float: left; margin: 6px; }

div.list ul:after { content: "."; height: 0px; clear: both; display: block; visibility: hidden; }
div.list h1 a { color: #0736AA; }
div.list ul { margin: 4px; padding: 0; font-size: 14px; list-style-type: none; }
div.list ul li {
	padding-left: 12px;
	background: url("../../images/style01_blue/ul_list.gif") no-repeat -995px 0;
	line-height: 24px; 
}
div.list ul li a { text-decoration: underline }
div.list ul li span { margin-left: 10px; font-size: 12px; color: #666666; }
div.list ul li img { float: left; margin: 4px 4px 0 -8px; clear: left; }
div.list ul li p { display: inline; clear: right; }
div.list ul li p.content { display: block; line-height: 20px; margin-left: -6px; }
div.list ul li:after { content: "."; height: 0px; clear: both; display: block; visibility: hidden; }

div.center div.list { margin: 0 0 10px; padding: 0; background: url("../../images/style01_blue/title_bg_01.gif") no-repeat; }
div.center div.list h1 { margin: 0; padding: 0 0 0 24px; background: url("../../images/style01_blue/title_bg_02.gif") no-repeat top right; font-size: 14px; line-height: 28px; }
div.center div.list a.more { float: right; margin: -22px 10px; font-size: 12px; }

div.column3 div.list ul { zoom: 1; }
div.column3 div.list ul li { float: left; margin-left: 4px; display: inline; }

div.column3 div.list,
div.left div.list, 
div.right div.list,
div.left div.read,
div.right div.read { margin-bottom: 6px; border: 1px solid #A2D1FF; border-top: none; background-color: #F2F9FF; }
div.left div.bottom,
div.center div.bottom,
div.right div.bottom { margin-bottom: 0; }
div.column3 div.list h1,
div.left div.list h1,
div.right div.list h1,
div.left div.read h1,
div.right div.read h1 { margin: 0; padding: 2px 0 0 10px; background-image: url("../../images/style01_blue/title_bg_03.gif"); font-size: 14px; line-height: 24px; }
div.column3 div.list a.more,
div.left div.list a.more,
div.right div.list a.more { float: right; margin: -18px 10px; font-size: 12px; }
div.left div.read p,
div.right div.read p { margin: 6px; }


div.album { margin-bottom: 6px; display: block; border: 1px solid #A2D1FF; border-top: none; background-color: #F2F9FF; }
div.album h1 { margin: 0; padding: 2px 0 0 10px; background-image: url("../../images/style01_blue/title_bg_03.gif"); font-size: 14px; line-height: 24px; }
div.album h1 a { color: #0736AA; }
div.album dl.picture { float: left; margin: 0; padding: 6px 0 6px 6px; display: inline; }
div.album dt, div.album dd { margin: 0; padding: 0; text-align: center }
div.album dt { line-height: 24px; background-color: #CAE4FF;  }
div.album:after { content: "."; height: 0px; clear: both; display: block; visibility: hidden }

div.left div.album dl.picture,
div.right div.album dl.picture { float: none; margin: 0; padding: 0px; display: inline; }
div.left div.album dt,
div.right div.album dt { margin-top: 10px; background-color: transparent; line-height: 16px; padding: 0 6px 0 6px; }
div.left div.album dd,
div.right div.album dd { margin-top: 10px; }

div.no-indent p { text-indent: 0; }

.picPlayer{ background:#e6f5fc; border-color: #a2d1ff; }
.picPlayer #picBox #picImg { border-color: #015dca; }

div.topic { margin-bottom: 6px; display: block; border: 1px solid #A2D1FF; border-top: none; background-color: #F2F9FF; }
div.topic h1 { margin: 0; padding: 2px 0 0 10px; background-image: url("../../images/style01_blue/title_bg_03.gif"); font-size: 14px; line-height: 24px; }
div.topic h1 a { color: #0736AA; }
div.topic dl { margin: 0; clear: both; }
div.topic dt, div.topic dd { margin: 0; padding: 0 10px 0 10px; float: left; text-align: left; }
div.topic dt { line-height: 24px; background-color: #CAE4FF;  }
div.topic:after { content: "."; height: 0px; clear: both; display: block; visibility: hidden }
div.left div.topic dt,
div.right div.topic dt { margin-top: 10px; background-color: transparent; line-height: 16px; padding: 0 6px 0 6px; }
div.left div.topic dd,
div.right div.topic dd { margin-top: 10px; }