/*全体の定義*/
*{
	margin : 0px ;
	padding : 0px;
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #444444;
	scrollbar-3dlight-color: #444444;
	scrollbar-darkshadow-color: #444444;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	}

a:link {
	color : #787BFE ; font-weight : bold ; }
a:visited {
	color : #C076BF ; font-weight : bold ; }
a:active {
	color : #C0FFC0 ; font-weight : bold ; }
a:hover {
	color : #FFC0FF ; font-weight : bold ; }

body {
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
	padding : 0px ;
/*	background-color : #CBDBFF ; */
	background-image : url(pics_otr/back.png) ;	
	background-repeat : repeat ;  
	background-attachment : scroll ;
	text-align : center ;
	}


div#container {
	width : 960px ;
	height : 100% ;
	margin : 0px auto ;
	border-left : 1px #808080 solid ;
	border-right : 1px #808080 solid ;
	background-color : #FFFFFF ;
	background-image : url(pics_otr/navi.bmp) ;	
	background-repeat : repeat-y ;  
	background-attachment : scroll ;
	background-position :  left ;
	}

/*ヘッダ部分*/
div#header {
	float : none ;
	clear : both ;
	height : 74px ;
	background-color : #FF7F31 ;
	position:relative; 
	background-image : url(pics_otr/header.png) ;	
	background-repeat : repeat ;  
	background-attachment : scroll ; 
	background-position : center ; 
	}
input#msgbox2 {
	width : 246px ;
	position : absolute ; top:16px; left:364px;
	}
img#banner {
	position : absolute ; top: 0px ; left : 0px ;
	border : 0px ;
	}
img#count { 
	position:absolute; top:4px; left:202px;
	border : 0px ;
	}
div#date {
	position:absolute; top:26px; left:202px;
	font-size : 80% ;
	color : white ;
	font-weight : bold ;
	}
img#qr {
	position:absolute; top:4px; left:888px;
	}
img#info {
	position:absolute; top:41px; left:0px;
	border : 0px ;
	}
img#bike {
	position:absolute; top:41px; left:88px;
	border : 0px ;
	}
img#comp {
	position:absolute; top:41px; left:176px;
	border : 0px ;
	}
img#tozan {
	position:absolute; top:41px; left:264px;
	border : 0px ;
	}
img#ski {
	position:absolute; top:41px; left:352px;
	border : 0px ;
	}
img#others {
	position:absolute; top:41px; left:440px;
	border : 0px ;
	}
img#link {
	position:absolute; top:41px; left:528px;
	border : 0px ;
	}
img#diary {
	position:absolute; top:41px; left:616px;
	border : 0px ;
	}
img#mail {
	position:absolute; top:52px; left:704px;
	border : 0px ;
	}
div#mobile {
	font-size : 80% ;
	color : #808080 ;
	position:absolute; top:2px; left:565px;
	}
div#qrmsg {
	font-size : 80% ;
	color : #808080 ;
	position:absolute; top:54px; left:840px;
	}
input#searchbox {
	position:absolute; top:16px; left:618px;
	width : 140px ;
	}
input#button {
	position:absolute; top:16px; left:764px;
	}


/*ナビゲーションバー*/
div#navi {
	width : 220px ;
	height : 100% ;
	background-color : #FF7F31 ;
	float : left ;
	color : white ;
	text-align : left ;
	position : relative;
	scrollbar-base-color : #FFFFFF ;
	scrollbar-face-color : #FF7F31 ;
	scrollbar-track-color: #FF7F31 ;
	scrollbar-arrow-color : #FFFFFF ;
	scrollbar-3dlight-color: #FFFFFF ;
	scrollbar-shadow-color : #FFFFFF ;
	scrollbar-darkshadow-color : #FF7F31 ;
	}
div#history {
	border: 1px solid #777777;
	background-color : #FFEDC5 ;
	color : #909090 ;
	width : 210px ;
	height : 500px ;
	overflow : auto ;
	padding : 2px ;
	margin : 2px ;
	font-size : 70% ;
	scrollbar-base-color : #FFFFFF ;
	scrollbar-face-color : #FFBF35 ;
	scrollbar-track-color: #FFEDC5 ;
	scrollbar-arrow-color : #FFFFFF ;
	scrollbar-3dlight-color: #FFFFFF ;
	scrollbar-shadow-color : #FFFFFF ;
	scrollbar-darkshadow-color : #FFBF35 ;
	}
div#title2 {
	font-size : 160% ;
	font-weight : bold ;
	background-color : #FFBF35 ;
	color: white ;
	}
div.navibox0 {
	border: 1px solid #777777;
	background-color : #FFEDC5 ;
	color : #909090 ;
	width : 210px ;
	overflow : auto ;
	padding : 2px ;
	margin : 2px ;
	font-size : 80% ;
	scrollbar-base-color : #FFFFFF ;
	scrollbar-face-color : #FFBF35 ;
	scrollbar-track-color: #FFEDC5 ;
	scrollbar-arrow-color : #FFFFFF ;
	scrollbar-3dlight-color: #FFFFFF ;
	scrollbar-shadow-color : #FFFFFF ;
	scrollbar-darkshadow-color : #FFBF35 ;
	}
div.navibox200 {
	border: 1px solid #777777;
	background-color : #FFEDC5 ;
	color : #909090 ;
	width : 210px ;
	height : 200px ;
	overflow : auto ;
	padding : 2px ;
	margin : 2px ;
	font-size : 80% ;
	scrollbar-base-color : #FFFFFF ;
	scrollbar-face-color : #FFBF35 ;
	scrollbar-track-color: #FFEDC5 ;
	scrollbar-arrow-color : #FFFFFF ;
	scrollbar-3dlight-color: #FFFFFF ;
	scrollbar-shadow-color : #FFFFFF ;
	scrollbar-darkshadow-color : #FFBF35 ;
	}
div.navibox300 {
	border: 1px solid #777777;
	background-color : #FFEDC5 ;
	color : #909090 ;
	width : 210px ;
	height : 300px ;
	overflow : auto ;
	padding : 2px ;
	margin : 2px ;
	font-size : 80% ;
	scrollbar-base-color : #FFFFFF ;
	scrollbar-face-color : #FFBF35 ;
	scrollbar-track-color: #FFEDC5 ;
	scrollbar-arrow-color : #FFFFFF ;
	scrollbar-3dlight-color: #FFFFFF ;
	scrollbar-shadow-color : #FFFFFF ;
	scrollbar-darkshadow-color : #FFBF35 ;
	}
div.navibox400 {
	border: 1px solid #777777;
	background-color : #FFEDC5 ;
	color : #909090 ;
	width : 210px ;
	height : 400px ;
	overflow : auto ;
	padding : 2px ;
	margin : 2px ;
	font-size : 80% ;
	scrollbar-base-color : #FFFFFF ;
	scrollbar-face-color : #FFBF35 ;
	scrollbar-track-color: #FFEDC5 ;
	scrollbar-arrow-color : #FFFFFF ;
	scrollbar-3dlight-color: #FFFFFF ;
	scrollbar-shadow-color : #FFFFFF ;
	scrollbar-darkshadow-color : #FFBF35 ;
	}
div.title3 {
	font-size : 130% ;
	font-weight : bold ;
	background-color : #FFBF35 ;
	color: white ;
	clear : both ;
	}
p {
	margin : 4px ;
	}

/*メインコンテンツ*/
div#main {
	font-size : 80% ;
	width : 738px ;
	background-color : #FFFFFF ;
	float : right ;
	text-align : center ;
	scrollbar-base-color : #FFFFFF ;
	scrollbar-face-color : #FF7F31 ;
	scrollbar-track-color: #FF7F31 ;
	scrollbar-arrow-color : #FFFFFF ;
	scrollbar-3dlight-color: #FFFFFF ;
	scrollbar-shadow-color : #FFFFFF ;
	scrollbar-darkshadow-color : #FF7F31 ;
	}
div#ndiary {
	font-size : 130% ;
	width : 560px ;
	color : #00B47B ;
	text-align : right ;
	font-weight : bold ;
	margin-top : 10px ;
	margin-bottom : 0px ;
	margin-right : 4px ;
	margin-left : 4px ;
	padding : 2px ;
	}
div#newdiary {
	border : 1px black solid ;
	width :560px ;
	height : 180px ;
	padding-top : 4px ;
	padding-right : 4px ;
	padding-bottom : 4px ;
	padding-left : 4px ;
	margin-top : 0px ;
	margin-right : auto ;
	margin-bottom : 10px ;
	margin-left : auto ;	
	overflow : auto ;
	background-color : #E4E3FF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #444444;
	scrollbar-3dlight-color: #444444;
	scrollbar-darkshadow-color: #444444;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	}
div#list {
	margin-left : 100px ;
	text-align : left ;
	}
ul li {
	list-style-type : circle ;
	}
div#sresult {
	font-size : 80% ;
	width : 700px ;
	background-color : #FFFFFF ;
	float : right ;
	text-align : left ;
	margin-left : 30px ;
	margin-top : 20px ;
	scrollbar-base-color : #FFFFFF ;
	scrollbar-face-color : #FF7F31 ;
	scrollbar-track-color: #FF7F31 ;
	scrollbar-arrow-color : #FFFFFF ;
	scrollbar-3dlight-color: #FFFFFF ;
	scrollbar-shadow-color : #FFFFFF ;
	scrollbar-darkshadow-color : #FF7F31 ;
	}
div.linkbox {
	width : 660px ;
	margin-left : 38px ;
	margin-right : 38px ;
	}
div.linkbox2 {
	border: 1px solid #777777;
	background-color : #FFEDC5 ;
	color : #505050 ;
	width : 210px ;
	height : 110px ;
	overflow : auto ;
	text-align : left ;
	float : left ;
	padding : 2px ;
	margin : 2px ;
	scrollbar-base-color : #FFFFFF ;
	scrollbar-face-color : #FFBF35 ;
	scrollbar-track-color: #FFEDC5 ;
	scrollbar-arrow-color : #FFFFFF ;
	scrollbar-3dlight-color: #FFFFFF ;
	scrollbar-shadow-color : #FFFFFF ;
	scrollbar-darkshadow-color : #FFBF35 ;
	}
img.link {
	border : 0px ;
	}
img.top {
	margin : 10px ;
	}
table {
	margin-left : auto ;
	margin-right : auto ;
	margin-top : 10px ;
	margin-bottom : 10px ;
	border-collapse : collapse ;
	border-color : #909090 ;
	}
/*フッター*/
div#footer {
	height : 48px ;
	float : none ;
	clear : both ;
	background-color : #FF7F31 ;
	color : #404040 ;
	text-align : left ;
	background-image : url(pics_otr/footer.png) ;	
	background-repeat : repeat ;  
	background-attachment : scroll ; 
	background-position : center ; 
	}