/*****************************

Configure base elements

*****************************/

*{
margin:0;
padding:0;
}

body{
	text-align:center;
	background:rgb(239,239,239) url("./images/back_shadow_.gif");
	background-position:center;
	background-repeat:repeat-y;
}

a{
	text-decoration: none;
	color:#0040a0;
}

a:hover{
	color:white;
}

img{
	border:0px;
	padding:0px;
	display:block;
}


/*****************************

Main "div" elements

****************************/

div#header{
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:60px;
	background:#ffffff url("./images/head.png") no-repeat;
}

div#contents{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	background:white url("./images/content_back.gif");
	background-repeat:repeat-y;	
}

div#right{
	font-size:0.8em;
	line-height:1.2;
	float:right;
	width:600px;
	background:white url("./images/right_back.gif");
}


div#text{
	width:500px;
	padding-bottom:20px;
	margin-left:80px;
}
	
div#left{
	float:right;
	width:180px;
	height:650px;
	background-color:rgb(145,212,255);
}

div#footer{
	clear:both;
	width:800px;
	height:100px;
	background:url("./images/footer2.gif");
}




/*****************************

In "header"

*****************************/

div#header ul{
	float:right;
	margin:4px 6px auto auto;
	list-style-type:none;	
	font-size:12px;
	padding-top:0px;
	color:rgb(100,100,100);
	width:360px;
}


div#header li{
	font-weight:normal;
	display:inline;
}

div#header a{
	color:#666666;
}

div#header a:hover{
	color:#00c0ff;
}


div#header img.head_logo{
	float:left;
}

div#header img.head_place{
	float:left;
}



/*****************************

In "right"

*****************************/

div#right h1{
	text-indent:-1000px;
	width:600px;
	height:50px;
	background:url("./images/h1_back.gif");
}

div#right h2{
	color:rgb(10,10,10);
	margin-top:16px;
	margin-bottom:6px;
	padding-left:10px;
	padding-top:3px;
	font-size:14px;
	border-left	:7px solid rgb(73,192,239);
	}

div#right h3{
	color:rgb(10,10,10);
	margin-left:5px;
	margin-top:16px;
	margin-bottom:4px;
	padding-left:5px;
	padding-top:2px;
	font-size:12px;
	border-left:8px solid rgb(200,200,200);
}

div#right p{
	line-height:150%;
	padding-left:7px;
	margin-top:0.1em;
}

div#right p.note{
	font-size:0.9em;
	color:#222;
}

div#right ul{
	margin:6px auto 0px 30px;
}


div#right hr{
	margin-top:16px;
	margin-bottom:12px;
	background-color:rgb(239,239,239);
}

div#right dl{
	margin-top:5px;
	margin-left:10px;
}

div#right dt{
	padding-left:20px;
	background:url("./images/dt_back.gif");
	background-repeat:no-repeat;
}

div#right dd{
	margin-left:35px;
	margin-bottom:8px;
	font-size:0.95em;
}

div#right a:hover{
	color:rgb(140,140,140);
	}

div#right table.index{
	margin-top:10px;
}

div#pick_diary{
	padding:0 10px 8px 0;
}

div#right div#news{
	margin-top:0;
	border-left:3px solid rgb(145,212,255);
	float:right;
	width:240px;
	height:180px;
	font-size:12px;

}

div#right div#news ul,
div#right div#update ul{
	list-style-type:none;
	margin-bottom:4px;
	border-bottom:1px dashed rgb(200,200,200);
	margin-left:0;

}
div#right div#news li,
div#right div#update li{
	padding-left:2em;
	text-indent:-2em;
	margin-left:10px;
	border-top:1px dashed rgb(200,200,200);
	padding-top:2px;
	padding-bottom:2px;
	line-height:1.7;
}

div#right div#update li.new{
	background:url(./images/mark_new.gif) right center no-repeat;
}

div#right div#update{
	margin-top:0;
	border-left:3px solid rgb(145,212,255);
	float:left;
	width:246px;
	font-size:12px;

}

div#right a.left{
	margin-left:140px;
}


div#right div#update h2,div#right div#news h2{
	border:0px;
	margin-top:0px;
	font-weight:bold;
	font-family:sans-serif;
}

div#right div#pick_diary p{
	font-size:0.8em;
}


form#login{
	margin-top:8px;
	margin-bottom:8px;
}

form#login table{
	padding:3px;
	background-color:#eeeeee;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

div#right table.plan{
	margin-left:20px;
	border:1px solid rgb(200,200,200);
	border-collapse: collapse;
}
div#right table.plan tr{
	border:1px dashed rgb(190,190,190);
}
div#right table.plan td{
	border:1px dashed rgb(190,190,190);
	padding:6px;
}

div#right table.plan th{
	background-color:#F0F8FF;
	text-align:center;
	border:1px dashed rgb(190,190,190);
}

div#right table.plan th.date{
	width:150px;
}

div#right img.photo{
	border: solid 1px black;
	margin:8px;
}

div#right p.diary_date{
	float:right;
	font-family: 'Times','Times New Roman',serif;
	font-weight:bold;
	color:rgb(200,200,200);
	font-size:1.3em;
	margin-top:-4px;
}

div#right p.diary_name{
	border-top:solid 1px rgb(200,200,200);
	width:400px;
	text-align:right;
	float:right;
	font-size:1.2em;
	padding-top:3px;
	margin-top:13px;
	margin-right:10px;
	margin-bottom:20px;
}

div#right p.diary_navi{
	clear:both;
	text-align:right;
	font-size:0.9em;
	margin-top:10px;
	margin-bottom:6px;
}

div#right p.diary_date_mini{
	float:right;
	font-family: 'Times New Roman','Times',serif;
	font-weight:bold;
	color:rgb(140,140,140);
	font-size:1.1em;
	margin-top:-6px;
	margin-right:4px;
}

div#right p.diary_name_mini{
	float:right;
	text-indent:-12px;
	padding-left:16px;
	font-size:1.0em;
	font-family: 'Arial','Tahoma',sans-serif;
	border-left:1px solid rgb(200,200,200);
	margin-right:4px;
}

div#right p.diary_message_mini{
	font-size:0.8em;
	margin-bottom:30px;
}


div#right ol.policy{
	margin-left:30px;
	list-style-type:decimal;
	line-height:130%;
}

div#right ol.policy li{
	margin-top:6px;
}

div#right table.bus {
	font-size:0.9em;
	border:1px solid black;
	border-collapse:collapse;
	margin-left:10px;
}

div#right table.bus th {
	padding:4px;
	border:1px solid black;
	text-align:center;
}

div#right table.bus th#class {
	width:24px;
}

div#right table.bus th#via {
	width:150px;
}

div#right table.bus td {
	padding:4px;
	border:1px solid black;

}

div#right table.bus td.class {
	text-align:center;
}

div#right table.bus td.right10 {
}

div#right table.bus td.right20 {
}

div#right table.bus td.right30 {
}

div#right table.bus span.goal{
	color:blue;
	font-weight:bold;
}

div#right table.pre_photo{
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

div#right table.pre_photo caption{
	margin:10px auto 6px auto;
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:3px;
}

div#right table.pre_photo td{
	border:1px solid #ddd;
	padding:4px;
}


div#right table.stage{
	margin:8px 1px 10px 30px;
	border-collapse:collapse;
}

div#right table.stage td{
	border: 1px solid #ddd;
	padding:2px 10px 2px 10px;
}

div#right table.stage th{
	background-color:#F0F8FF;
	text-align:center;
	padding:3px 10px 3px 10px;
	border: 1px solid #ddd;
}

div#right table.reco{
	margin:10px auto 10px auto;
	font-size:0.95em;
	border-collapse:collapse;
}

div#right table.reco th{
	text-align:center;
	font-weight:bold;
	background:#FFBE4E;
	padding:2px 4px 2px 4px;
}

div#right table.reco td{
	padding:5px 4px 5px 4px;
	border:1px dashed #FFBE4E;
}

div#right table.reco td.kikakumei{
	font-size:1.1em;
	padding-right:10px;
	padding-left:26px;
	background:url(images/dt_back.gif) 4px 3px no-repeat;
}

div#right table.reco td.dantaimei a{
	padding-right:30px;
	background:url(./images/reco.png) right center no-repeat;
}

div#right table.ttable{
	border-collapse:collapse;
	margin:8px auto 12px 10px;
	background:url(./images/ttableback.png) repeat;
}

div#right table.ttable td{
	border:1px dashed #EEEEEE;
}

div#right table.ttable div.tname{
	font-size:0.85em;
	height:16px;
	padding:1px 0px 1px 0px;
	float:left;
}

div#right table.ttable div.tspan{
	float:left;
	display:inline;
	height:16px;
	background:#867FFF;
}	

div#right dl.food{
	margin-top:5px;
	margin-left:10px;
}

div#right dl.food dt{
	padding-left:0px;
	background:none;
	margin-bottom:4px;
}

div#right dl.food dt.conte{
	margin-left:15px;
	margin-top:-20px;
}

div#right dl.food dd.head{
	margin-left:0px;
	margin-bottom:-15px;
}

div#right dl.food dd{
	margin-left:15px;
	margin-bottom:20px;
	font-size:0.95em;
}

div#right table.foodlist{
	font-size:0.9em;
	border:1px  black;
	border-collapse:collapse;
	margin-left:30px;
	margin-top:0px;
	margin-bottom:30px;
	text-align:center;
}


div#right table.foodlist th.kind {
	width:100px;
	padding:4px;
	border:1px solid black;

}

div#right table.foodlist th.number {
	width:60px;
	padding:4px;
	border:1px solid black;

}

div#right table.foodlist th.pack {
	width:200px;
	padding:4px;
	border:1px solid black;

}

div#right table.foodlist td {
	padding:4px;
	border:1px solid black;

}
div#right table.foodtimeline {
	font-size:0.85em;
	margin-top:20px;
	text-align:center;
	border-collapse:collapse;
}


div#right table.foodtimeline th#time {
	padding:4px;
	border:1px solid black;
	width:70px;
}

div#right table.foodtimeline th#contents {
	padding:4px;
	border:1px solid black;
	width:400px;
}

div#right table.foodtimeline td {
	padding:4px;
	border:1px solid black;
}


div#right table.foodtimeline td.cont {
	text-align:left;
	padding:8px;
	border:1px solid black;
}

div#right span.vivid{
	font-weight:bold;
}


div#right div.klist{
    zoom:1;/*for IE 5.5-7*/
	padding-top:0px;
	margin-top:18px;
	border-top:1px dashed #a0a0a0;
}

div#right div.klist:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div#right div.klist h3{
	font-size:110%;
	margin-top:10px;
}

div#right div.klist img.mini_img{
	margin-top:10px;
	border:1px solid #202020;
	float:right;
	margin-left:6px;
}


div#right p.search {
	font-size:1.1em;
	margin-bottom:4px;
}

div#right ul.search li {
	font-size:1.1em;
	margin-left:0px;
	margin-bottom:4px;
	list-style-type:none;
}

div#right ul.search a {
	font-size:0.8em;
}

div#right table.kikaku {
	margin:20px;
	font-size:1.3em;
	width:450px;
}



div#right table.glist{
	margin:20px auto 10px auto;
}

div#right table.glist td a{
	display:block;
	text-indent:-3000px;
	width:160px;
	height:61px;
	overflow:hidden;
}

div#right table.glist td a.gl1{
	background:url(./images/glist/glist_01.gif) no-repeat;
}
div#right table.glist td a.gl1:hover{
	background:url(./images/glist/hover_01.gif) no-repeat;
}

div#right table.glist td a.gl2{
	background:url(./images/glist/glist_02.gif) no-repeat;
}
div#right table.glist td a.gl2:hover{
	background:url(./images/glist/hover_02.gif) no-repeat;
}

div#right table.glist td a.gl3{
	background:url(./images/glist/glist_03.gif) no-repeat;
}
div#right table.glist td a.gl3:hover{
	background:url(./images/glist/hover_03.gif) no-repeat;
}

div#right table.glist td a.gl4{
	background:url(./images/glist/glist_04.gif) no-repeat;
}
div#right table.glist td a.gl4:hover{
	background:url(./images/glist/hover_04.gif) no-repeat;
}

div#right table.glist td a.gl5{
	background:url(./images/glist/glist_05.gif) no-repeat;
}
div#right table.glist td a.gl5:hover{
	background:url(./images/glist/hover_05.gif) no-repeat;
}

div#right table.glist td a.gl6{
	background:url(./images/glist/glist_06.gif) no-repeat;
}
div#right table.glist td a.gl6:hover{
	background:url(./images/glist/hover_06.gif) no-repeat;
}

div#right table.glist td a.gl7{
	background:url(./images/glist/glist_07.gif) no-repeat;
}
div#right table.glist td a.gl7:hover{
	background:url(./images/glist/hover_07.gif) no-repeat;
}

div#right table.glist td a.gl8{
	background:url(./images/glist/glist_08.gif) no-repeat;
}
div#right table.glist td a.gl8:hover{
	background:url(./images/glist/hover_08.gif) no-repeat;
}

div#right table.glist td a.gl9{
	background:url(./images/glist/glist_09.gif) no-repeat;
}
div#right table.glist td a.gl9:hover{
	background:url(./images/glist/hover_09.gif) no-repeat;
}

div#right table.glist td a.gl10{
	background:url(./images/glist/glist_10.gif) no-repeat;
}
div#right table.glist td a.gl10:hover{
	background:url(./images/glist/hover_10.gif) no-repeat;
}

div#right table.glist td a.gl11{
	background:url(./images/glist/glist_11.gif) no-repeat;
}
div#right table.glist td a.gl11:hover{
	background:url(./images/glist/hover_11.gif) no-repeat;
}

div#right table.glist td a.gl12{
	background:url(./images/glist/glist_12.gif) no-repeat;
}
div#right table.glist td a.gl12:hover{
	background:url(./images/glist/hover_12.gif) no-repeat;
}

div#right table.glist td a.gl13{
	background:url(./images/glist/glist_13.gif) no-repeat;
}
div#right table.glist td a.gl13:hover{
	background:url(./images/glist/hover_13.gif) no-repeat;
}


div#right table.glist td a.gl14{
	background:url(./images/glist/glist_14.gif) no-repeat;
}
div#right table.glist td a.gl14:hover{
	background:url(./images/glist/hover_14.gif) no-repeat;
}

div#right table.glist td a.gl15{
	background:url(./images/glist/glist_15.gif) no-repeat;
}
div#right table.glist td a.gl15:hover{
	background:url(./images/glist/hover_15.gif) no-repeat;
}


div#right table.introG td{
	padding:8px;
	vertical-align:top;
	width:240px;
}

div#right img.k_img{
	display:none;
	position:absolute;
}

div#right table.arrngimg td{
	vertical-align:top;
	margin:8px;
}

div#right div.reco p{
	font-size:1.1em;
	margin:4px;
}

div#right div.reco dl{
	border:1px solid #bbbbbb;
	float:right;
	margin:12px;
}

div#right div.reco dt{
	background:none;
	padding:0;
}

div#right div.reco dd{
	padding:2px;
	text-align:center;
	margin:0;
}

div#right div.reco p.q{
	font-weight:bold;
	margin-top:24px;
	background:url(./images/reco_q.png) no-repeat 0px 2px;
	padding-left:18px;
}

div#right div.kouza img{
	float:left;
	margin:8px;
}

div#right div.kouza ul{
	list-style-type:none;
	padding-top:10px;
}

div#right div.kouza li{
	padding-left:20px;
	background:url(./images/dt_back.gif) no-repeat;
	margin:6px;
}

div#right div.kouza li.name{
	font-size:1.1em;
	font-weight:bold;
}

div#right div.kouza hr{
	clear:both;
	margin-bottom:0;
}

div#right div.erally p{
	font-size:0.9em;
	margin-left:20px;
	color:#111111;
	margin-top:4px;
}

div#right div.erally{
	margin-bottom:40px;
}

/*****************************

In "left"

*****************************/


div#left h1{
	margin-top:6px;
	text-indent:-1000px;
	font-size:0px;
	height:40px;
	width:180px;
	}

div#left h1#visitor{
	background:rgb(145,212,255) url("./images/menu_visitor.gif");
	background-repeat:no-repeat;
}
div#left h1#info{
	background:rgb(145,212,255) url("./images/menu_info.gif");
	background-repeat:no-repeat;
}
div#left h1#mfjc{
	background:rgb(145,212,255) url("./images/menu_mfjc.gif");
	background-repeat:no-repeat;
}
div#left h1#other{
	background:rgb(145,212,255) url("./images/menu_other.gif");
	background-repeat:no-repeat;
}

div#left ul{
	list-style-type:none;	
	margin-bottom:18px;
	padding-right:11px;
	text-align:right;
	font-size:13px;
	}


div#left li{
	line-height:130%;
	}


img.banner{
	margin-left:auto;
	margin-right:auto;
}

div#left div#counter{
	font-family: 'Arial','Tahoma',sans-serif;
	font-weight:bold;
	font-size:1.0em;
	margin-left:40px;
	color: white;
}



/*****************************

In "footer"

*****************************/

div#footer ul{
	margin-top:9px;
	margin-left:200px;
	list-style-type:none;
	font-size:0.8em;
}

div#footer ul:before{
	content: "|";
	color:white;
	}



div#footer li{
	display:inline;
	text-align:center;
}

div#footer li:after{
	display:inline;
	content: "|";
	color:white;
}


div#footer a.home_link{
	display:block;
	float:right;
	width:150px;
	height:24px;
	margin-top:0px;
	margin-right:4px;
}

div#footer div#validate{
	margin-left:20px;
	font-size:10px;
	color:white;
	text-align:right;
	width:182px;
}

div#footer div#validate p{
	margin-right:11px;
	text-align:right;
	margin-top:2px;
}


div#footer p#copy_right{
	font-size:10px;
	color:rgb(140,140,140);
	margin-left:270px;
	margin-top:8px;
}

div#footer p#back_up{
	float:right;
	font-size:0.75em;
	width:140px;
	margin-right:5px;
	margin-top:12px;
}

div#footer p#back_up a{
	border:1px solid #999;
	float:right;
	display:block;
	padding:3px 4px 3px 4px;
	background:#BFD5FF;
	width:48px;
	color:black;
	text-align:center;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
}

div#footer p#back_up a:hover{
	background:#c2fff1;
}

div#footer p.cellular a:hover{
	color:#8c8c8c;
}