/* CSS Document */

/* initialize ============================*/

img{
	vertical-align:top;
	border:0;
}

table{
	border-collapse:collapse;
}

table td{
	padding:0;
}

p{
	margin:0 0 1em 0;
	line-height:1.4em;
}

ul{
	margin:0;
	padding:0;
}

/* layout ============================*/

body{
	margin:0 auto;
	font-size:12px;
	text-align:center;
	background:#a5b6a7;
}


.body{
	margin:0 auto;
	width:760px;
	border:1px solid #004000;
	background:#fff;
	text-align:left;
}

table.side{
	width:190px;
	margin:0 10px 0 15px;
}

.main{
	width:530px;
	margin-right:15px;
	border:1px solid #004000;
}


/* head copy ============================*/
	p.headcopy{
	font-size:12px;
	text-align:center;
	margin-bottom:3px;
}
  
/* grobal navigation ============================*/

ul.grvMenu{
	list-style:none;
	margin:0;
	zoom:1;
	border-top:1px solid #fff;
}

ul.grvMenu li{
	float:left;
}

/* bread navigation ============================*/

p.breadNav{
	margin:8px 15px;
	text-align:left;
	background:url(../images/common/icon_list.gif) no-repeat left 0.4em;
	padding:0 0 0 10px;
}

/* sidebar ============================*/

/* side list */
.sidelist{
	font-size:12px;
	border:1px solid #004000;
	margin:0 0 20px 0;
	padding:5px;
}

.sidelist p.title{
	font-weight:bold;
	text-align:center;
	background:#004000;
	color:#fff;
	margin:0 0 10px 0;
	padding:5px 0;
}

.sidelist ul{
	margin:0;
	list-style:none;
}

.sidelist ul li{
	line-height:120%;
	clear:both;
	overflow:auto;
	zoom:1;
	padding: 0 0 5px 12px;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
	background:url(../images/common/arrow_right.gif) no-repeat left 0.2em;
}

.sidelist ul li span{
	display:block;
	float:left;
	width:110px;
	color:#666;
	font-size:10px;
}

.sidelist ul li span a{
	font-size:12px;
}


.sidelist ul li img{
	float:left;
	border:1px solid #999;
	margin-left:5px;
}

.sidelist ul li img.new{
	float:none;
	border:none;
}


/* each banner*/

.side td.menu{
	padding-bottom:10px;
}

.side td.menu_end{
	padding-bottom:20px;
}

.address{
	border:1px solid #004000;
	padding:10px;
	margin-bottom:10px;
}

.address p{
	margin-bottom:0px;
}

.address p.title{
	margin-bottom:8px;
}

.address p.title img{
	margin-right:5px;
	vertical-align:middle;
}

/* article ============================*/

/* articleBox*/

.articleBox{
	padding:10px 15px;
	text-align:left;
}

h3.title{
	border-bottom:1px solid #004000;
	font-size:18px;
	margin:5px 0 0 0;
}

h3.title span{
	display:block;
	border-left:5px solid #004000;
	padding:5px 0 3px 10px;
	margin-bottom:5px;
}

.articleBox p.date{
	text-align:right;
	font-size:12px;
	color:#666;
	margin:5px 0 15px 0;
}

/* articleImg*/

.articleImg{
	margin-bottom:10px;
	text-align:center;
}

.articleImg img.photo{
	border:1px solid #999;
}

/* txtBox*/

.articleBox .txtBox{
	margin-bottom:15px;
	line-height:1.8em;
	font-size:14px;
}


p.pagetop{
	border-top:1px solid #ccc;
	padding:5px 0 25px 0;
	margin:0 15px;
	text-align:right;
	font-size:12px;
}

p.pagetop a{
	background:url(../images/common/arrow_top.gif) no-repeat left 0.2em;
	padding-left:12px;
}

/* article eachpage ============================*/

ul.naviBox{
	list-style:none;
	font-size:12px;
	zoom:1;
	overflow:auto;
	padding:5px 10px;
	margin:10px 15px;
	border:1px solid #ccc;
}

ul.naviBox li{
	float:left;
	margin-right:10px;
}

/* article backnumber ============================*/

p.bn{
	text-align:center;
	margin-bottom:20px;
}

p.bn a{
	font-size:14px;
	background:url(../images/common/arrow_right.gif) no-repeat left 0.2em;
	padding-left:12px;
}

ul.listbox{
	list-style:none;
	text-align:left;
	font-size:14px;
	margin:20px 0 10px 0;
}

ul.listbox li{
	background:url(../images/common/arrow_right.gif) no-repeat left 0.2em;
	padding-left:12px;
	margin-bottom:10px;
	line-height:1.2em;
}

ul.listbox li span.date{
	color:#666;
	padding-left:5px;
	font-size:12px;
}

/* letter 拓ちゃん新聞  ============================*/

/* letter backnumber */
.letter_backnumber{
	margin-bottom:20px;
}

.letter_backnumber p.title{
	font-size:14px;
	margin:0 0 10px 0;
}

.letter_backnumber ul{
	font-size:12px;
	list-style:none;
	margin:0;
	zoom:1;
}

.letter_backnumber ul li{
	margin:0 10px 10px 0;
	line-height:1.2em;
	float:left;
}

a.link{
	background:url(../images/common/arrow_right.gif) no-repeat left 0.2em;
	padding-left:12px;
}


/* h3title下のコメントスペース */
.comment{
	margin:15px 0;
	font-size:12px;
	zoom:1;
}

/* 一般記事  ============================*/
.defaultTxt p{
	line-height:1.6em;
	font-size:12px;
	margin-bottom:10px;
}

.defaultTxt {
	margin:20px 0 10px 0;
}


/* news トップページ新着情報  ============================*/
ul.news{
	font-size:12px;
	list-style:none;
	margin:5px 0px;
}

ul.news li{
	margin:0 0 5px 0;
	line-height:1.4em;
	float:left;
	border-bottom:1px dotted #ccc;
	background:url(../images/common/icon_list.gif) no-repeat left 0.3em;
	padding:0 0 5px 10px;
}

ul.news li .date{
	font-size:10px;
	color:#666;
}

/* footer  ============================*/

table.footer{
	margin-top:40px;
}