@charset "UTF-8";
/* CSS Document */

html { font-family:"Meiryo","メイリオ",Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
body { background:#fff; margin: 0; background:url(img/bg.png) repeat-x; color:#444; }

img, div, input { behavior: url("./iepngfix.htc") }
img {border:none;}

/* base block setting */
h2 { margin:5px 0 15px; padding:0;}
h3,
h4 { margin:5px 5px 8px; padding:4px 8px; color:#fff; font-size:14px; background:url(img/h3.jpg) repeat-y; height:20px; }

#Header { width:780px; margin:0 auto 5px;; background:url(img/bg_head.jpg) no-repeat; height:70px;}
#Header p { margin:0; padding:0 0 0 10px; width:255px; float:left;}
#Header h1 { margin:0; padding:0; color:#fcc; font-size:11px; text-align:right; }

#Container { width:794px; margin:0 auto; padding:5px 0; background:url(img/bg_wrap2.png) repeat-y top center;}
#wrap { width:760px;background:url() no-repeat ; margin:0 auto; padding:0;}
#swf { width:770px; height:400px; margin:0 auto; padding:12px 12px 22px; background:url(img/bg_swf.png) no-repeat;}

#Navi.top { width:370px; float:left;}
#Navi2 {width:190px; float:left;}

#Contents.top { width:380px; float:right;}
#Contents2 { width:570px; float:right;}

#foot { width:780px; margin:5px auto 0; padding:0 0 10px;height:61px; text-align:center; font: normal 9px 'century gothic'; background:url(img/foot.jpg) no-repeat left 5px;}
#foot hr { margin:0 0 5px; padding:0; line-height:100%;}



/* ID block */
#Navi ul,
#Navi2 ul{margin:0; padding:0; list-style:none;}
#Navi ul li,
#Navi2 ul li{ margin:0 0 2px 0; padding:0; width:183px; line-height:1%;} 
#Navi ul li,
#Navi2 ul li{ float:left; width:185px;}

#Navi p,
#Navi2 p{ clear:both; font-size:11px; }



#Contents.top .digest { margin:0 0 5px; padding:0 5px; height:150px; overflow:auto;}
#Contents.top .digest p { margin:0; padding:3px 0; background:url(img/bar.jpg) left bottom no-repeat;}
#Contents.top .digest b { font: normal 10px Verdana; color:#690; display:inline;padding:5px 0}
#Contents.top .digest a { margin:0; padding:0 0 0 1em;  font-size: 12px; }

#Contents2 ul { margin:5px 40px 15px; padding:10px; background:#ffe; border:1px solid #ccc;}
#Contents2 ul li { margin:3px 0; padding:0 0 0 16px; list-style-type:none; background:url(img/li.gif) no-repeat 4px left;}
#Contents2 ul li ul {margin:0; padding:5px 0; border:none; color:#960;}
#Contents2 ul li ul li { background:none; font-size:80%; list-style:square outside; padding:0; margin:0 0 0 15px; }

#Contents2 p { margin:0;padding:0.5em 1em; line-height:140%;}

/* class block */
.salon p {font-size:13px; line-height:110%;}
.salon table {margin:0 0 15px 30px; font-size:11px; background:#ddd;}
.salon table th {padding:0 10px; background:#C90; color:#fff; text-align:left;}
.salon table td { padding:0 10px; background:#fff;}

.lnk {clear:both; text-align:center; font-size:80%; color:#999;}
.lnk a { padding:0 5px;}

/* default setting */
strong {color:#600;}
em { font-style:normal; font-weight:bold; color:#C30; }

small { font-size:85%; font-weight:normal;}
small.point { color:#693; text-decoration:underline;}
h3 small { padding:0 0 0 10px; color:#050;}

a { text-decoration:none; color:#06F; }
a:link,
a:active,
a:visted { text-decoration:none;}
a:focus,
a:hover {text-decoration:underline;}



.lnk a {color:#663;}
.lnk a:link,
.lnk a:active,
.lnk a:visted { color:#663;}
.lnk a:hover,
.lnk a:focus {color:#600;}

/* diarypro only*/
#Contents2 #diaryPro ul { margin:5px 10px 10px !important; ; padding:5px; background:#fffff5; border:1px solid #f4f4f4; }
#Contents2 #diaryPro p { margin:0;padding:0.5em 0 !important; line-height:140%;}


#Contents2.Message strong,
#Contents2.Message em { color:#444; font-weight:normal; }