/* CSS Document */

*{
margin:0px;
padding:0px;
}

strong {
font-weight:normal;
}

img{
border:none;
}

h1,h2,h3,h4{
margin:0px;
padding:0px;}

ul{
margin-top: 0;
 margin-bottom: 0;
}
hr{
margin-top:20px;
}

body{
margin:auto;
padding:auto;
}

#title{
margin:auto;
padding:auto;
border-top:1px solid #F3F4EE;
width:800px;
height:80px;
background:url(../common_img/qr_bg.jpg) no-repeat;
}

#title h1{
text-align:right;
font-size:10px;
color:#687e52;
}

#title p{
text-align:right;
font-size:10px;
color:#999999;
}

.logo{
margin:30px 20px 0px 10px;
font-size:10px;
color:#999999;
}

#menu{
height:35px;
margin:auto;
padding:auto;
width:800px;
}

#menu ul{
clear:both;}

#menu li{
display: inline;
list-style:none;
}


#content{
width:800px;
margin:auto;
padding:auto;
background:#FFFFFF;
}

#breadCrumb{
text-align:left;
font-size:10px;
margin:12px 10px 10px 10px;
clear:both;
color:#5B7D21;
}

#breadCrumb a{
color:#5B7D21;
text-decoration:none;
}

#breadCrumb a:hover{
color:#f60;
}


.home{
float:left;
width:53px;
margin:7px 0px; 
padding-right:20px;
}

.navi{
float:right;
font-size:10px;
color:#999999;
width:670px;
}

#book{
text-align:right;
padding-right:10px;
padding-bottom:10px;
font-size:10px;
color:#666666;
padding-top:30px;
}

#main{
float:right;
width:560px;
padding-right:0px;
margin-bottom:30px;
clear:both;
font-size:12px;
color:#666666;
}

#main p{
font-size:small;
line-height:1.6em;
padding-bottom:14px;
color:#666666;
}

#top_img{
width:560px;
heignt:270px;
display:block;
margin-bottom:10px;
clear:both;
}

.left_img{
width:270px;
float:left;
padding-right:5px;
padding-bottom:20px;
}

.right_img{
width:270px;
float:right;
padding-left:5px;
padding-bottom:20px;
}

.small{
margin-top:10px;
font-size:10px;
color:#74C0FF;
padding-left:4px;
margin-bottom:2px;
}

.midashi{
font-size:12px;
background:url(../common_img/h.jpg);
height:30px;
line-height:30px;
padding-left:26px;
font-weight:bold;
color:#360;
margin-bottom:20px;
}

.komidashi{
font-size:12px;
padding-left:6px;
height:20px;
line-height:20px;
font-weight:bold;
color:#360;
margin-bottom:20px;
border-bottom: #336600 solid 1px;
border-left:#336600 solid 10px;
}

.yamikin_01{
background:url(../image/yamikin_01.jpg) no-repeat right;
margin-bottom:20px;
}

.yamikin_01 ul{
margin:10px 4px;
}

.yamikin_01 li{
color:#666;
font-size:12px;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:16px;
margin-top:10px;
list-style:none;
background:url(../image/note_icon.gif) no-repeat;
color:#CC6600;
}

.yamikin_01 li a{
color:#CC6600;
}

.yamikin_02{
background:url(../image/yamikin_02.jpg) no-repeat right;
margin-bottom:20px;
}

.yamikin_02 ul{
margin:10px 4px;
}

.yamikin_02 li{
color:#666;
font-size:12px;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:16px;
margin-top:20px;
list-style:none;
background:url(../image/note_icon.gif) no-repeat;
color:#CC6600;
}

.yamikin_02 li a{
color:#CC6600;
}

.yamikin_03{
background:url(../image/yamikin_03.jpg) no-repeat right;
margin-bottom:20px;
}

.yamikin_03 ul{
margin:10px 4px;
}

.yamikin_03 li{
color:#666;
font-size:12px;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:16px;
margin-top:20px;
list-style:none;
background:url(../image/note_icon.gif) no-repeat;
color:#CC6600;
}

.yamikin_03 li a{
color:#CC6600;
}

.yamikin_04{
background:url(../image/yamikin_04.jpg) no-repeat right;
margin-bottom:20px;
}

.yamikin_04 ul{
margin:10px 4px;
}

.yamikin_04 li{
color:#666;
font-size:12px;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:16px;
margin-top:10px;
list-style:none;
background:url(../image/note_icon.gif) no-repeat;
color:#CC6600;
}

.yamikin_04 li a{
color:#CC6600;
}

.yamikin_06{
background:url(../image/yamikin_06.jpg) no-repeat right;
margin-bottom:20px;
}

.yamikin_07{
background:url(../image/yamikin_07.jpg) no-repeat right;
margin-bottom:20px;
}

.yamikin_08{
background:url(../image/yamikin_08.jpg) no-repeat right;
margin-bottom:20px;
}

.yamikin_08 ul{
margin:10px 4px;
}

.yamikin_08 li{
color:#666;
font-size:12px;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:16px;
margin-top:20px;
list-style:none;
background:url(../image/note_icon.gif) no-repeat;
color:#CC6600;
}

.yamikin_08 li a{
color:#CC6600;
}

.yamikin_09{
background:url(../image/yamikin_09.jpg) no-repeat right;
margin-bottom:20px;
}

.yamikin_09 ul{
margin:10px 4px;
}

.yamikin_09 li{
color:#666;
font-size:12px;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:16px;
margin-top:10px;
list-style:none;
background:url(../image/note_icon.gif) no-repeat;
color:#CC6600;
}

.yamikin_09 li a{
color:#CC6600;
}

.yamikin_10{
background:url(../image/yamikin_10.jpg) no-repeat right;
margin-bottom:20px;
}

.yamikin_10 ul{
margin:10px 4px;
}

.yamikin_10 li{
color:#666;
font-size:12px;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:16px;
margin-top:10px;
list-style:none;
background:url(../image/note_icon.gif) no-repeat;
color:#CC6600;
}

.yamikin_10 li a{
color:#CC6600;
}

.new{
background:url(../common_img/dog.jpg) no-repeat right;
margin-bottom:2px;
height:170px;
}

.new ul{
margin:10px 4px;
}

.new li{
color:#666;
font-size:12px;
line-height:12px;
_line-height:13px;
height:12px;
padding-left:16px;
margin-top:12px;
list-style:none;
background:url(../common_img/orange_icon.jpg) no-repeat;
color:#CC6600;
}

.new li a{
color:#CC6600;
}

.knowledge dt a{
color:#666;
font-size:12px;
font-weight:bold;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:18px;
margin:10px 28px;
list-style:none;
background:url(../image/file_icon.gif) no-repeat;
}

.knowledge dd{
color:#666;
font-size:12px;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:20px;
margin:10px 48px;
list-style:none;
background:url(../image/note_icon.gif) no-repeat;
}

.knowledge_03 li a:hover{
color:#f93;
}

.knowledge_03{
background:url(../image/knowledg_03_bg.jpg) no-repeat right;
margin-bottom:20px;
height:180px;
}

.knowledge_03 ul{
margin:10px 4px;
}

.knowledge_03 li{
color:#666;
font-size:12px;
line-height:12px;
_line-height:13px;
height:12px;
padding-left:16px;
margin-top:12px;
list-style:none;
background:url(../common_img/orange_icon.jpg) no-repeat;
color:#CC6600;
}

.knowledge_03 li a{
color:#CC6600;
}

.knowledge_03 li a:hover{
color:#f93;
}

.heart{
background:url(../image/heart_bg.jpg) no-repeat;
padding-right:240px;
}

.heart ul{
margin:20px 4px;
}

.heart li{
color:#666;
font-size:12px;
line-height:12px;
_line-height:13px;
height:12px;
padding-left:2px;
margin-top:12px;
list-style:none;
border-bottom:dotted 1px #CCCCCC;
}

.heart li a{
color:#CC6600;
}

.heart li a:hover{
color:#f93;
}

.file ul{
margin-bottom:26px;
}

.file li{
color:#666;
font-size:12px;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:18px;
margin-top:6px;
list-style:none;
background:url(../image/file_icon.gif) no-repeat;
border-bottom:dotted 1px #CCCCCC;
}

.file li a{
color:#CC6600;
text-decoration:none;
}

.file li a:hover{
color:#FF9966;
text-decoration:none;
}

.word{
color:#666;
font-size:12px;
line-height:14px;
_line-height:15px;
height:14px;
padding-left:20px;
margin:10px 0px;
list-style:none;
background:url(../image/note_icon.gif) no-repeat;
border-bottom:dotted 1px #CCCCCC;
}


#shousai{
background:url(../common_img/bg_main.jpg) no-repeat;
margin-top:10px;
width:560px;
clear:both;
overflow: auto;
}

.banner{
padding:20px 0px 40px 0px;
margin:0px 45px;
}

.info_right{
float:left;
width:355px;
padding-left:45px;
padding-right:5px;
font-size:12px;
font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:1.4em;
_line-height:1.2em;
color:#333333;
}

.mousikomi{
padding:10px 0px 40px 0px;
_padding:20px 0px 40px 0px;
}


.yahoo{
margin-left:350px;
height:12px;
}

.crown_01{
background:url(../image/1.jpg) no-repeat;
height:21px;
line-height:21px;
font-size:12px;
padding-left:30px;
color:#CC6600;
font-weight:bold;
}

.crown_02{
background:url(../image/2.jpg) no-repeat;
height:21px;
line-height:21px;
font-size:12px;
padding-left:30px;
color:#CC6600;
font-weight:bold;
}

.crown_03{
background:url(../image/3.jpg) no-repeat;
height:21px;
line-height:21px;
font-size:12px;
padding-left:30px;
color:#CC6600;
font-weight:bold;
}

.crown_04{
background:url(../image/4.jpg) no-repeat;
height:21px;
line-height:21px;
font-size:12px;
padding-left:30px;
color:#CC6600;
font-weight:bold;
}

.crown_05{
background:url(../image/5.jpg) no-repeat;
height:21px;
line-height:21px;
font-size:12px;
padding-left:30px;
color:#CC6600;
font-weight:bold;
}

.crown_06{
background:url(../image/6.jpg) no-repeat;
height:21px;
line-height:21px;
font-size:12px;
padding-left:30px;
color:#CC6600;
font-weight:bold;
}

#side{
float:left;
width:220px;
margin-right:20px;
_margin-right:10px;
}

#monthly{
background:url(../common_img/side_dack.jpg) no-repeat;
height:170px;
padding-left:40px;
padding-top:30px;
}



.mbottan{
padding-left:8px;
padding-top:6px;}


#side h3{
background:url(../common_img/side_dt.jpg) no-repeat;
height:30px;
line-height:30px;
color:#FFFFFF;
padding-left:10px;
font-size:12px;
}

#side li{
list-style:none;
}

#side li a{
width: 180px; 
display: block;
font-size:12px;
height:26px;
line-height:26px;
padding:0px 0px 1px 20px;
background-color: #fff;
background:url(../common_img/side_icon.jpg) no-repeat;
text-decoration: none;
color:#333333;
border-bottom:solid #CCCCCC 1px;
}

#side li a:hover{
width: 180px; 
display: block;
font-size:12px;
height:26px;
line-height:26px;
padding:0px 0px 1px 20px;
background-color:#EAF4B9;
background:url(../common_img/side_icon_on.jpg) no-repeat #EAF4B9;
text-decoration: none;
color:#333333;
}

#side p{
font-size:10px;
border:1px solid #F3F4EE;
color:#333;
}

#side p a:hover{
width: 180px; 
text-decoration: none;
color:#333333;
}

#side p a{
width: 180px; 
background-color: #fff;
text-decoration: none;
color:#333333;
}


.page_top{
margin-top:30px;
margin-bottom:10px;
text-align:right;
font-size:10px;
color:#999999;
}

#foot{
clear:both;
text-align:right;
margin-top:18px;
font-size:10px;
background:url(../common_img/foot_bg.jpg) repeat-x #fff;
color:#666;
height:80px;
text-decoration:none;
}

#foot a{
color:#666;
text-decoration: none;
}

#foot p{
line-height:1.8em;
font-size:9px;
color:#666;
}

.footer{
width:800px;
margin:auto;
padding:auto;
padding-right:10px;
}


/*■文字の色や強調 */
.red  {color: red; font-weight: normal}
.reds {color: red; font-weight: normal; font-size: 10px}
.redb {color: red; font-weight: bold}
.redl {color: red; font-weight: bold; font-size: 18px}

.blue {color: blue; font-weight: nomal}
.blueb {color: blue; font-weight: bold}
.bluel {color: blue; font-weight: bold; font-size:16px;line-height:1.6em;}

.orange {color: #CC6600; font-weight: normal}
.orangeb {color: #CC6600; font-weight: bold;}
.orangel {color: #CC6600; font-weight: bold; font-size: 16px}

.black {color: #333; font-weight: normal}
.blacks {color: #000; font-weight: normal; font-size: 10px}
.blackb {color: #333; font-weight: bold}
.blackl {color: #333; font-weight: bold; font-size: 18px}

.imgl{
float:left;
margin-right:20px;
margin-left:14px;
}


table{
	margin-top: 20px;
 margin-bottom: 10px;
	border-top: 1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
}

th {padding: 5px;
	font-size:12px;
	color:#CC6600;
	background:#FFE7B7;
	line-height:1.6em;
	font-weight:normal;
	text-align:left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}

td {padding: 10px;text-align:left;
	font-size:12px;
	color:#666;
	line-height:1.6em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
	
	blockquote{
	width:470px;
	background:#CBD4E3;
	text-align:left;
	}

table#contact th {
	font-weight:normal;
	width:100px;
}

td.footer {
	text-align:center;
}