/***********************************************/
/* offon_index.css                             */
/* ƒgƒbƒvƒy[ƒW‚ΙŽg—p                          */
/***********************************************/


/* --------- Šξ–{’θ‹` --------- */

body{
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background-color: #ededed;
	font-size: 12px;
	text-align: center;
	
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	margin: 0px;
}


/* --------- Šξ–{ƒŒƒCƒAƒEƒg --------- */


#head { 
        width: 760px;
		margin: 0px auto;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		background: #ffffff ;
          
}

#main-manu { 
        width: 760px;
		margin: 0px auto;
		background: #ffffff ;
		}

#base {  
         margin: 0px auto;
         width: 760px;
		 height:1515px;
		 /* height:auto; */
		 color: #333333;
         border-left: 1px solid #cccccc;
	     border-right: 1px solid #cccccc;
		 border-bottom: 1px solid #cccccc;
		 background: #ffffff ;
		 padding-bottom: 5px;
}
/* url(../img/bg_bar_top.jpg) repeat-y */


#pan { 
        width: 760px;
		height: 40px;
		color:#999999;
		}
		
#pan a:link, a:visited {
	color: #999999;
	text-decoration: none;
	}

#pan  a:hover {
	color: #666666;
	text-decoration: underline;
	}

#pan_r { 
        width: 152px;
		text-align:center;
		margin: 15px 0px 0px 0px;
		float:right;
		color:#999999;
		}
		
#pan_l { 
        width: 593px;
		text-align:left;
		padding: 0px 0px 0px 15px;
		margin: 15px 0px 0px 0px;
		float:left;
		}

#cont { 
        width: 760px;
		height:1400px;
		background: #ffffff url(../img/bg_cont.gif) repeat-y;
		}

#cont-foot{
			background-image:url(../img/bg_white.gif);
			height:20px;
			width:745px;
			margin-top:20px;
			padding-left:15px;
			text-align:left;
			color:#999999;
			float:inherit;
			}

#cont-foot a:link, a:visited {
	color: #999999;
	text-decoration: none;
	}

#cont-foot a:hover {
	color: #666666;
	text-decoration: underline;
	}
	
#foot{ 
    margin: 0px auto;
	/* padding: 5px 0px 0px 0px; */
	width: 760px;
	height: 30px;
	color:#999999;
	background-color: #ededed;
	/* border-top: 1px solid #cccccc; */
	}	

#foot a:link, a:visited {
	color: #999999;
	text-decoration: none;
	}

#foot a:hover {
	color: #666666;
	text-decoration: underline;
	}

/* --------- indexƒŒƒCƒAƒEƒg --------- */

#navi { 
        width: 760px;
        
}

#body { 
        width: 735px;
		height:auto;
		padding: 10px 15px 10px 10px;
}
	
/* --------- indexƒŒƒCƒAƒEƒg --------- */

#main-content{
    width: 539px;
	margin-right: 20px;
	float: right;
	text-align:left;
	}
	

#side-content {
	float: left;
	width: 175px;
	margin-left: 10px;
    text-align:left;
	background-color: #F0F8FF;
	}


/* ---------- cont ƒŒƒCƒAƒEƒg -------------------*/

#col2{
	margin:0px 0px 0px 197px;
	padding: 0px 20px 0px 0px;
}

.pageNav_s{
	padding: 5px;
	background-color: #ffffff;
	font-family: Verdana,sans-serif;
	font-size: 10pt;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;

}

.pageNav{
	padding: 5px;
	background-color: #ffffff;
	font-family: Verdana,sans-serif;
	font-size: 10pt;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px;
	border-top-style:dotted;
	border-top-color:#CCCCCC;

}
.pageNav_E{
	height:5px;
	background-color: #ffffff;
	font-family: Verdana,sans-serif;
	font-size: 10pt;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px;
	border-top-style:dotted;
	border-top-color:#CCCCCC;
}


.textFrame { 
	padding: 5px;
	border: 1px solid #cccccc;
	margin-bottom: 15px;
}

.textFrame2 { 
	border: 1px solid #cccccc;
	margin-bottom: 15px;
	background-image:url(../img/topphilosophy_back.jpg);
	height :141px;
}

.textFrame3 { 
		line-height: 1.5;
		margin:65px 0px 0px 125px;
		width:300px;
		}
/************************************/

#contNav_E{
	height:5px;
	background-color: #ffffff;
	font-family: Verdana,sans-serif;
	font-size: 10pt;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px;
	border-top-style:dotted;
	border-top-color:#CCCCCC;
}

#contNav{
	height:20px;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/sub_menu_011.gif);
}

#contNav a:link {
	display: block;
	color: #999999;
	text-decoration: none;
	background-image: url(../img/sub_menu_011.gif);
	padding: 2px 0px 2px 15px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px;
	border-top-style:dotted;
	border-top-color:#CCCCCC;

}

#contNav a:visited {
	display: block;
	color: #999999;
	text-decoration: none;
	background-image: url(../img/sub_menu_011.gif);
	padding: 2px 0px 2px 15px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px;
	border-top-style:dotted;
	border-top-color:#CCCCCC;

}

#contNav a:hover {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../img/sub_menu_021.gif);
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px;
	border-top-style:dotted;
	border-top-color:#CCCCCC;
}

/* ---------------------------------*/

#contNav_s{
	height:20px;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/sub_menu_011.gif);
}

#contNav_s a:link {
	display: block;
	color: #999999;
	text-decoration: none;
	background-image: url(../img/sub_menu_011.gif);
	padding: 2px 0px 2px 15px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;

}

#contNav_s a:visited {
	display: block;
	color: #999999;
	text-decoration: none;
	background-image: url(../img/sub_menu_011.gif);
	padding: 2px 0px 2px 15px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

#contNav_s a:hover {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../img/sub_menu_021.gif);
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

/************************************/
#map-text-r { 
	padding: 5px 20px 15px 10px;
	line-height: 1.75;
	float:right;
	text-align:left;
	width:230px;
}

#map-text-l { 
	padding: 5px 20px 15px 30px;
	line-height: 1.75;
	float:left;
	text-align:left;
}


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

.subtitle { 
	    padding: 15px 0px 10px 10px;
}
	

.img { 
	    padding: 20px 0px 0px 10px;
			}
			
.Designerimg {
		float:right ;
		margin: 7px 0px 0px 0px;
		border: 1px solid #cccccc;
			}

			
.text { padding: 15px 20px 15px 20px;
		line-height: 1.75;
		}

.text2 { padding: 0px 20px 15px 20px;
		line-height: 1.75;
		font-size:12.5px;
		}

.maintext { padding: 10px 35px 15px 30px;}



/***        ƒtƒH[ƒ€—p          ***/
.form_00 { 
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;
		width: 510px
}

.form_01 { 
	    padding: 5px 0px 5px 10px;
		border-bottom-style:dotted;
		border-bottom:1px #cccccc;

}

.form_02 { 
	    padding: 5px 0px 5px 10px;
		text-align: center;
}

#form_mame_k1 {
		width:100px;
		border: 1px solid #cccccc;
}

#form_mame_k2 {
		width:100px;
		border: 1px solid #cccccc;
}

#form_mame_y1 {
		width:100px;
		border: 1px solid #cccccc;
}

#form_mame_y2 {
		width:100px;
		border: 1px solid #cccccc;
}

#form_address {
		width:300px;
		border: 1px solid #cccccc;
		ime-mode: disabled;
}

#form_add_01 {
		width:35px;
		border: 1px solid #cccccc;
		ime-mode: disabled;
}

#form_add_02 {
		width:50px;
		border: 1px solid #cccccc;
		ime-mode: disabled;
}

#form_add_03 {
		width:300px;
		border: 1px solid #cccccc;
}

#form_add_04 {
		width:300px;
		border: 1px solid #cccccc;
}

textarea {
		width: 350px;
		height: 100px;
		border: 1px solid #cccccc;
}