@charset "utf-8";

body {
	font-size:12px;
	line-height:1.5em;
	text-align: left;
	color:#333333;
	margin: 0;
	background:url(../i/bg.png) repeat left 4px;
}

body#index #main{
	margin-top:15px;
}

p{
    text-align:justify;
	text-justify:distribute;
}

ul{
	list-style:none;
}

div,p,ul,li,img,dl,dt,dd,th,td,a,h1,h2,h3,h4,table,th,td{
	margin:0;
	padding:0;
	border:0;
}

br.clear{
	clear:both;
	font-size:0px;
	height:0;
}

a,a:hover{
	text-decoration:none;
	color:#000000;
}

table,thead,tbody,th,td{
	border-collapse: collapse;
}

h1{
	font-size:11px;	
}

img{
	vertical-align:top;
}

/* ヘッダー
------------------------------------------*/
header#hTop{
	padding-top:8px;
	padding-left:10px;
	padding:8px 0 8px 10px;
	background: url(../i/head_bg.png) repeat-x center top #FFFFFF;
}

article {
	text-align:center;
}

article header{
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	background: url(../i/library.png) no-repeat 10px center, url(../i/018_bg.png) no-repeat right center #F5F4F0;
	padding:4px 0;
}

article header p{
	text-align:left;
	padding-left:80px;
}

article header p.ttl1{
	padding-top:2px;
	padding-bottom:2px;
	font-size:17px;
}

article header p.ttl2{
	font-size:12px;
	line-height:1.2em;
}

article header.line2 p.ttl1{
	padding-top:8px;
}

article header.line2 p.ttl2{
	padding-bottom:8px;
}


article section#video{
	background: url(../i/video_bg.png) repeat-x left top;
	height:210px;
	margin:6px 0 11px;
}

article section#video video{
	margin-top:15px;
}

article section#other h2{
	text-align:left;
	color:#FFF;
	background: url(../i/other_icon.png) no-repeat 10px center, url(../i/other_bg.png) repeat-x left top;
	font-size:13px;
	padding:4px 0 4px 43px;
}

article section#other li{
	height:44px;
	text-align:left;
	background: url(../i/other_next.png) no-repeat 98% center, url(../i/other_next_bg.png) repeat-x left top;
}

article section#other li a{
	display:block;
	padding:6px 0;
}

article section#other li h3{
	font-size:14px;
	padding-left:10px;
}

article section#other li.line1 h3{
	padding-top:7px;
}

article section#other li h4{
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
}

footer{
	margin-top:20px;
	border-top:1px solid #7B7B7B;
	background:url(../i/footer_bg.png) repeat-x left top;
}

footer p{
	padding:11px 0;
	text-align:center;
}

/* カテゴリ別スタイル */
body#lib002 article header{
	background: url(../i/library.png) no-repeat 10px center, url(../i/002_bg.png) no-repeat right center #F5F4F0;
}

body#lib004 article header{
	background: url(../i/library.png) no-repeat 10px center, url(../i/004_bg.png) no-repeat right center #F5F4F0;
	padding:0;
}

body#lib006 article header{
	background: url(../i/library.png) no-repeat 10px center, url(../i/006_bg.png) no-repeat right center #F5F4F0;
	padding:0;
}

body#libdelful article header{
	border-top:0;
	border-bottom:0;
	background: none;
	padding: 0;
}

body#libdelful article header img{
	width:100%;
}