@charset "UTF-8";
@import url(navigation.css);

/* CSS Document */
html, body, form {margin:0px;padding:0px;font-family:Meiryo,'メイリオ',verdana; font-size:100%;}
img, div, input { behavior: url("/iepngfix.htc") }
img {border:none;}


body {background:url(img/bg.jpg) repeat-x top center #ECF9E0; color:#333;}
body.parfait {background:url(img/bg2.jpg) repeat-x top center #F9FFFF;}

h1 {margin:0px auto; padding:3px 0 0 ; height:17px; font-size:11px; width:760px; }

#Head { width:780px; height:133px; margin:0 auto; background-image:url(img/head.png); padding-top:15px; background-repeat:no-repeat; }

#Wrap { width:750px; margin:0 auto;background:url(img/bg_wrap.png) repeat-y; padding:5px 15px;}
#Contents { clear:both; padding:5px 0 10px; }
#Foot { width:780px; margin:0 auto; height:30px; padding:4px 0 5px; text-align:center; background:url(img/foot.png) no-repeat; font-size:8px; color:#fff; clear:both; }

#Foot a:link,
#Foot a:active,
#Foot a:visited { color:#fff; padding:0 2px;text-decoration:none;}
#Foot a:focus,
#Foot a:hover { text-decoration:underline; color:#CF0;}


.topLeft { float:left; width:550px; }
.topLeft dl { margin:0; padding:0 5px 0 15px; }
.topLeft dl dt { font-weight:bold; color:#f00;font-size:12px;}
.topLeft dl dd {  font-size:11px;}
.topLeft dl a:link,
.topLeft dl a:active,
.topLeft dl a:visited { color:#36F; text-decoration:none;}
.topLeft dl a:focus,
.topLeft dl a:hover { text-decoration:underline;}

.topRight { float:right; width:190px; }
.topLeft p,
.topRight p {margin:0 0 0; padding:0 0 10px;font-size:12px;}

h2 { margin:0 0 10px; padding:0;}
h3,h4 { margin:10px 20px 10px 100px; padding:0 0 0 25px; background:url(img/h3.jpg) no-repeat top left; color:#C60; line-height:30px; font-size:16px; clear:both;}

#diaryPro h3,
#diaryPro h4 { margin-left:10px;}

#Contents.pages {}
#Contents.pages ul {margin:0 20px 10px 130px; font-size:13px;}
#Contents.pages p { text-indent:0.5em; margin:.7em 20px 0 120px; line-height:150%; font-size:14px;}
#Contents.pages p.noindent { text-indent:0; line-height:105%;}

#Contents.pages table {background:#ccc; font-size:12px;}
#Contents.pages table.h { margin:0 10px 1em 140px; }
#Contents.pages table.h th { text-align:left; padding:2px 5px 0 10px; border-left:4px solid #FC3; background:#ffe; vertical-align:top;}
#Contents.pages table.h td {padding:2px 5px 0 10px;background:#fff;}

#Contents.pages table.h2 { margin:0 10px 1em 140px; }
#Contents.pages table.h2 th { text-align:left; padding:2px 5px 0 10px; border-left:4px solid #369; background:#eff; vertical-align:top;}
#Contents.pages table.h2 td {padding:2px 5px 0 10px;background:#fff;}

#Contents.pages table.v {
	margin:0 5px 3px 100px;
}
#Contents.pages table.v th {background:#eff; padding:8px 5px;}
#Contents.pages table.v td {background:#fff; text-align:center;padding:15px 2px; font-size:11px;}

.imgRight { float:right; margin:0 0 5px 5px;}

small { font-size:11px; color:#f00;}


h3.par {background:url(img/h3-2.jpg) no-repeat top left; color:#fff; padding-left:30px;}
h4.par { background:url(img/h4.jpg) no-repeat top left; color:#06C; font-size:14px; }
ul.per li { list-style-image:url(img/li.jpg); color:#039; font-weight:bold; }


ul#sideBlock { margin:0 !important; padding:0 0 0 10px!important; list-style:none; width:200px; float:left; display:block;}
ul#sideBlock li { padding:0 0 4px;}
ul#sideBlock li img { vertical-align:bottom;}

#mainBlock { float:right; width:520px; padding-right:10px;}
.topRight dl {  margin:0; padding:0;}

.topRight dl dt { font-size:11px; font-weight:bold; }
.topRight dl dd { margin-left:1em;font-size:10px; padding:2px 0; line-height:110%;}

select {font-size:11px;}
input.s { width:6em; font-size:11px;}
input.m { width:50%;; font-size:11px;}
input.num { width:45%;; font-size:11px;}
input.l { width:80%;; font-size:11px;}
input.ll { width:95%;; font-size:11px;}