@charset "utf-8";
/* CSS Document */
body{
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 80%;
}

a{text-decoration:underline; color:#0000FF}
a:visited {text-decoration:underline; color:#0000FF}
a:active {text-decoration:underline;}
a:hover{text-decoration:underline; color:#000000}

/*---------------------------------ページ全体の横幅*/
#container{
text-align: left;
margin: auto;
padding: 0px 0px 0px 0px;
width: 850px;
/*border: 1px solid #000000;*/

}

/*---------------------------------ヘッダー部分*/
#header{
position:relative;
float:left;
width:815px;
margin: 0px 0px 0px 0px;
padding:0;
}
#header .logo{
	position:relative;
	float:left;
	width:75px;
	padding:0;
	}	
#header .content{
	position:relative;
	float:left;
	width:730px;
	margin-left:5px;
	}

#header p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 1em 20px;
}

#weather{
position:relative;
color: #666;
float:left;
width:830px;
margin: 0px 0px 0px 0px;
padding:0;
}

#header2{
}

#note{
font-size: 14px;
color: #333;
background-color:#ffff99;
position:relative;
float:left;
width:810px;
margin:5px 0;
border:1px dotted #666666;
border-left:5px solid #333;
border-right:1px solid #333;
padding:0 0 2px 5px;
color:black;
list-style-type: none;
}

#oshirase{
position:relative;
float:left;
width:830px;
margin: 0px 0px 0px 10px;
padding:2px 0px 0px 0px;
}

/*---------------------------------メニューリスト部分*/
#menulist{
position:relative;
float:left;
width:605px;
margin: 5px 0px 0px 0px;
padding:0;
/*border: 1px solid #C99;*/
/*border-bottom: 1px solid #000000;*/
}

/* カテゴリメニュー */
#menulist .cat{
margin: 0px 0px 0px 5px;
position:relative;
float:left;
width:115px;
}

#menulist .cat ul{
display:block;
margin:5px 0;
border:1px dotted #666666;
border-left:5px solid #333;
border-right:1px solid #333;
padding:0 0 2px 5px;
color:black;
list-style-type: none;
}

#menulist .cat li{
display: inline;
color: #333;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
margin:0px;
padding: 0px 0.5em 0px 0.5em;
line-height:150%;
}

/* カテゴリメニュー本体*/
#menulist .cat-r{
position:relative;
float:left;
width:480px;
}

#menulist .cat-r ul{
display:block;
margin:5px 0 5px 5px;
border:1px dotted #666666;
border-right:1px solid #333;
padding:0 0 2px 5px;
color:black;
list-style-type: none;
}

#menulist .cat-r li{
display: inline;
color: #333;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
margin:0px;
padding: 0px 0.5em 0px 0.5em;
line-height:150%;
}


/*---------------------------------メニューリスト2部分*/
#menulist2{
position:relative;
float:left;
width:600px;
margin: 5px 0px 0px 0px;
padding:0;
}

/* カテゴリメニュー */
#menulist2 .cat{
position:relative;
float:left;
width:115px;
}

#menulist2 .cat ul{
display:block;
margin:5px 0;
border:1px dotted #666666;
border-left:5px solid #333;
border-right:1px solid #333;
padding:0 0 2px 5px;
color:black;
list-style-type: none;
}

#menulist2 .cat li{
display: inline;
color: #333;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
margin:0px;
padding: 0px 0.5em 0px 0.5em;
line-height:150%;
}

/* カテゴリメニュー本体*/
#menulist2 .cat-r{
position:relative;
float:left;
width:590px;
}

#menulist2 .cat-r ul{
display:block;
margin:5px 0 5px 5px;
border:1px dotted #666666;
border-right:1px solid #333;
padding:0 0 2px 5px;
color:black;
list-style-type: none;
}

#menulist2 .cat-r li{
display: inline;
color: #333;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
margin:0px;
padding: 0px 0.2em 0px 0.2em;
line-height:150%;
}

/*---------------------------------メニューリスト部分*/
#ad-r{
position:relative;
width:205px;
margin: 10px 2px 0px 5px;
padding:0;
}


/*---------------------------------太い線*/

#line{
position:relative;
float:left;
width:818px;
margin-bottom:10px;
border-bottom:solid 15px #3399FF;
}


/*---------------------------------コンテンツ部分*/
#contents{
width: 850px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
clear:both;
top: 0px;
left: 0px;
}


/*---------------------------------フッター部分*/
#footer{
width: 820px;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
/*border-top: 1px solid #000000;*/
}

#footer p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*---------------------------------メニュー部分*/
#munu{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


#menu ul{
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

#menu li{
display: inline;
color: #333;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
margin:0px;
padding: 0px 0.5em 0px 0.5em;
line-height:150%;
/*border-left: 1px solid #000000;*/
}




/*---------------------------------見出し部分*/

/*ページタイトル*/
h1{
color: #666666;
font-size: 120%;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
h2{
font-size: 120%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
h3{
font-size: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

ul {
	padding-top:5px;
	padding-left: 10px;
	margin: 0px;
	margin-bottom: 10px;
}

li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	line-height: 130%;
	margin-left: 12px;
	margin-right:5px;
	list-style-type:disc;
}


/*---------------------------------コンテンツ内のp部分*/
p{
margin: 0px 0px 1em 0px;
padding-top: 10px;
line-height: 1.5;
}

/*---------------------------------当サイトへのリンク部分*/
#footer #csslink{
text-align: right;
font-size: 10px;
margin: 0;
padding-right: 1em;
font-weight: normal;
}
#footer #csslink a{
text-decoration: underline;
color: #000000;
background-color: transparent;
}
/*----------------------------------追加 */
#my_body{
text-align: left;
margin: 5px auto 5px 5px;
padding: 0px 0px 0px 0px;
width: 860px;
/*border: 1px solid #000000;*/
}

#my_left_contents{
float:left; width:430px;
margin: 0px 0px 0px 0px;
}

#my_right_contents{
float:left; 
margin: 0px 0px 0px 0px;
width:430px;
}
/*-----------------------------------------------
 __box
-----------------------------------------------*/
#box {
float:left; width:420px;
margin: 5px 0px 5px 0px;
padding:0px;
border-top: 6px solid #FF0066;
border-bottom: 1px solid #C99;
border-right: 1px solid #C99;
border-left: 1px solid #C99;
color:black;
}
#box h1 {
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 10px;
border-bottom:1px dotted #FF0066;
color:#C33;
}
#box h2 {
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 10px;
border-bottom:1px dotted #FF0066;
color:#C33;
}
#box ul {
margin-bottom:1em;
text-align:left;
}

#box ul li {
margin-bottom:.3em;
}
#box p{
font-size: 11px;
color: #303030;
margin: 0px 4px 0px 4px;
padding: 2px 4px 0px 4px;
text-align:left;
line-height: 1.5;
}
/*-----------------------------------------------
 __boxblue
-----------------------------------------------*/
#boxblue {
float:left; width:420px;
margin: 5px 0px 5px 0px;
padding:0px;
border-top: 6px solid #6666CC;
border-bottom: 1px solid #99C;
border-right: 1px solid #99C;
border-left: 1px solid #99C;
background:#FFF;
color:black;
}
#boxblue h1 {
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 10px;
border-bottom:1px dotted #6666CC;
color:#33C;
}
#boxblue h2 {
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 10px;
border-bottom:1px dotted #6666CC;
color:#33C;
}

#boxblue ul {
margin-bottom:1em;
text-align:left;
}

#boxblue ul li {
margin-bottom:.3em;
}
#boxblue p{
font-size: 11px;
color: #303030;
margin: 2px 4px 0px 4px;
padding: 0px 4px 0px 4px;
text-align:left;
line-height: 1.5;
}
/*-----------------------------------------------
 __boxblue2
-----------------------------------------------*/
#boxblue2 {
float:left; width:808px;
margin: 5px 0px 5px 0px;
padding:0px;
border-top: 6px solid #6666CC;
border-bottom: 1px solid #99C;
border-right: 1px solid #99C;
border-left: 1px solid #99C;
background:#FFF;
color:black;
}
#boxblue2 h1 {
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 10px;
border-bottom:1px dotted #6666CC;
color:#33C;
}
#boxblue2 h2 {
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 10px;
border-bottom:1px dotted #6666CC;
color:#33C;
}

#boxblue2 ul {
margin-bottom:1em;
text-align:left;
}

#boxblue2 ul li {
margin-bottom:.3em;
}
#boxblue2 p{
font-size: 11px;
color: #303030;
margin: 2px 4px 0px 4px;
padding: 0px 4px 0px 4px;
text-align:left;
line-height: 1.5;
}
/*-----------------------------------------------
 __boxblack
-----------------------------------------------*/
#boxblack {
float:left; width:420px;
margin: 5px 0px 5px 0px;
padding:0px;
border-top: 6px solid #666;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
background:#FFF;
color:black;
}
#boxblack h1 {
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 10px;
/*background-color:#DDD;*/
border-bottom:1px dotted #666;
color:#333;
}
#boxblack h2 {
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 10px;
border-bottom:1px dotted #666;
color:#333;
}

#boxblack ul {
margin-bottom:1em;
text-align:left;
}

#boxblack ul li {
margin-bottom:.3em;
}
#boxblack p{
font-size: 11px;
color: #303030;
margin: 2px 4px 0px 4px;
padding: 0px 4px 0px 4px;
text-align:left;
line-height: 1.5;
}
/*-----------------------------------------------
 __boxyellow
-----------------------------------------------*/
#boxyellow {
float:left; width:420px;
margin: 5px 0px 5px 0px;
padding:0px;
border-top: 6px solid #CCFF00;
border-bottom: 1px solid #CC9;
border-right: 1px solid #CC9;
border-left: 1px solid #CC9;
background:#FFF;
color:black;
}
#boxyellow h1 {
margin: 0px 0px 0px 10px;
padding: 2px 2px 2px 2px;
border-bottom:1px dotted #CCFF00;
color:#666;
}
#boxyellow h2 {
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 10px;
border-bottom:1px dotted #CCFF00;
color:#666;
}

#boxyellow ul {
margin-bottom:1em;
text-align:left;
}

#boxyellow ul li {
margin-bottom:.3em;
}
#boxyellow p{
font-size: 11px;
color: #303030;
margin: 2px 4px 0px 4px;
padding: 0px 4px 0px 4px;
text-align:left;
line-height: 1.5;
}
#contents{
width:100%;
margin:0;
padding:0;
}

div.pic{
margin:5px 5px 0 0;
padding:5px;
float:left;
width:180px;
/* width:195px; */
height:210px;
border:1px solid #cccccc;
}
div.pic img{
display:block;
padding:2px;
}
div.picbox {
display:block;
width:180px;
height:140px;
padding:2px;
}
div.picc{
margin:30px 0px 0 5px;
padding:5px;
width:160px;
/* width:175px; */
float:left;
border:1px solid #cccccc;
}
div.picw{
margin:5px 5px 0 0;
padding:5px;
float:left;
border:1px solid #cccccc;
}

#preflist .cat{
position:relative;
float:left;
width:800px;
}

#preflist .cat ul{
display:block;
margin:5px 0 5px 5px;
border:1px dotted #666666;
border-right:1px solid #333;
padding:0 0 2px 5px;
color:black;
list-style-type: none;
}

#preflist .cat li{
display: inline;
color: #333;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
margin:0px;
padding: 0px 0.5em 0px 0.5em;
line-height:150%;
}

#contents:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.migiyose{
float: right;
}
.kokoku2{
float: right;
border: 1px solid #A0A0A0;
}
.keyword{
color: #666;
float:left;
width:90%;
margin: 0px 10px 0px 10px;
padding:0;
}
.pankuzu{
color: #666;
margin: 5px 0px 0px 10px;
}

#place{
font-size: 16px;
color: #303030;
font-weight: bold;
margin: 2px 4px 0px 4px;
padding: 0px 4px 0px 4px;
text-align:left;
line-height: 1.5;
}
.memo {
	font-size: 12px;
        background:#F0F0F0;
        padding-top: 8px;
        padding-bottom: 8px;
	padding-right: 20px;
	padding-left: 20px;
       -moz-border-radius: 2px 2px 2px 2px;
        border: 1px solid #CC6666;
}
.box01_bar {
	clear:both;
	width:620px;
	height:19px;
	background:url(images/bar_620.jpg) no-repeat;
	margin:0;
	padding:1px;
	color:#FFFFFF;
	}
.boxgray {
	margin:0;
	padding:10px;
	background:#E0E0E0;
	width:598px;
	border:solid 1px #666666;
	}