@charset "utf-8";

body {
	background-color : #ffffff; /* #99ccff;*/
	margin : 0 auto;
	padding : 0;
	font-size : 15px;
	font-family : "Osaka", sans-serif;
	line-height : 1.2em;
}


div.top2 {
	margin : 10px auto;
	height : 120px;
	width: 870px;

}

div.logo2 {
	float : left;
	width : 370px;
}


div.upper {
	clear : both;
	text-align : center;
}

ul#menu li {
	display : inline;
	list-style : none;
}


ul.inline li {
	display : inline;
	list-style : none;
}

div.inBlock {
	width : 70px;
	float : left;
}

li.tomato {
	list-style-image: url(../images/veg1.gif);
}


ul.lineHeight {
	line-height:150%;
}

div#outerFrame {
	background-image : url(../images/contents_base2.png);
	width : 850px;
	margin : 10px auto;
	text-align : center;
}


div#container {
/*	height : 400px;	 */
	/* width : 800px; */
	text-align : left;
	padding-left : 39px;
	padding-right : 39px;
}


/* リンク　*/

a {
	text-decoration : none;
}


/* まだ見てないとき */
/*
a:link {
	color:#3300FF
}  	
*/

/* すでに見たとき */
/*
a:visited { 
	color:#FF9933
}	
*/

/* マウスが重なっているとき */
/*
a:hover {
	color:#FF0033
}
*/


img {
	border : none;
}


img.margin {
	margin : 15px 15px;

}

/* パンくずリスト */
ol#topicPath {
	height : 1em;
	margin : 20px 0 0 10px;
	padding : 0;
	text-align : left;
	list-style : none;
}

ol#topicPath li {
	padding : 0 5px 0 15px;
	background : url("../images/stratum_bullet.gif") left center no-repeat;
	float : left;
}

ol#topicPath li#home {
	padding-left : 0;
	background-image : none;
}


p.indent {
	text-indent: 12px;
}


ul.nobullet {
	line-height : 30px;
	list-style : none;
}


div.space {
	clear : both ;
	height : 10px;
}


div.space20 {
	clear : both ;
	height : 20px;
}


div.space5 {
	clear : both ;
	height : 5px;
}

div.spacer {
	background:url(../images/spacer.gif);
}


div.vspace {
	height : 10px;
}


div.space50 {
	clear : both;
	height : 50px;
}

.padleft {
	float : left;
	padding-left : 30px;
}

.boxarea {
	width : 400px;
/*	border : 1px solid #000000; */
}

.putCenter {
	margin : 3px 15px 5px 250px;	
}


h2.title {
	width : 600px;
	margin : 3px 15px 5px 5px;			
	padding : 7px 10px 7px 25px;
 	border : 1px solid #d0d0d0;
	font-weight : 400;
	border-left-width : 5px;
	border-left-style : solid;
	border-left-color : #00ccff;
}


/*
h3.title {
	margin : 3px 15px 5px 5px;			
 	border : 1px solid #d0d0d0;
	text-decoration : none;
}
*/

h4.section {
	width : 310px;
	margin : 3px 15px 5px 5px;
	padding : 5px 10px 5px 20px;
	border : 1px solid #d0d0d0;
	border-left-width : 5px;
	border-left-style : solid;
	border-left-color : #FF0033;
}



h4.sectionLong {
	width : 450px;
	margin : 3px 15px 5px 5px;
	padding : 5px 10px 5px 20px;
	border : 1px solid #d0d0d0;
	border-left-width : 5px;
	border-left-style : solid;
	border-left-color : #FF0033;
}



h4.paragraph {
	width : 280px;
	margin : 3px 15px 5px 5px;
	padding : 5px 10px 5px 20px;
	border : 1px solid #d0d0d0;
	border-left-width : 5px;
	border-left-style : solid;
	border-left-color : #00FF33;
}




h4.ulined {
	width : 150px;
	margin : 3px 15px 5px 5px;
	padding : 1px 10px 5px 15px;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #FF6600;
}


h4.ulinedLong {
	width : 250px;
	margin : 3px 15px 5px 5px;
	padding : 1px 10px 5px 15px;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #FF6600;
}


ul.linerList {
	line-height : 30px;
	list-style-image : url("../images/maru_25.gif");
}

/* -----------------------------------------------------------------*/

div.categoryTitle_3d {
	float : left;
	width : 130px;
	height : 34px;	
	margin : 3px 15px 5px 5px;
	padding : 2px;
	border : 1px solid #d0d0d0;

}


div.categoryTitle_3d a {
	display : block;
	padding-top : 4px;
	padding-left : 5px;
	line-height : 28px;
	font-weight : bold;
}


.home_bg {
	background:url(../images/button/button_red.jpg);
}

.event_bg {
	background:url(../images/button/button_yellow.jpg);
}

.kotoba_bg {
	background:url(../images/button/button_orange.jpg);
}

.homestay_bg {
	background:url(../images/button/button_magenta.jpg);
}

.kouho_bg {
	background:url(../images/button/button_lblue.jpg);
}

.jpn_bg {
	background:url(../images/button/button_lgreen.jpg);
}

.salon_bg {
	background:url(../images/button/button_parpule.jpg);
}

.com_bg {
	background:url(../images/button/button_pink.jpg);
}

.kids_bg {
	background:url(../images/button/button_blue.jpg);
}

.link_bg {
	background:url(../images/button/button_green.jpg);
}


div.categoryTitle {
	float : left;
	width : 130px;
	margin : 3px 15px 5px 5px;
	padding : 2px;
	border : 1px solid #d0d0d0;
	/* background : url("../images/grad.png") left bottom repeat-x #f1f3f6; */
	background-color : #ffffff;
}

div.categoryTitle a {
	display : block;
	padding-left : 5px;
	line-height : 28px;
	font-weight : bold;
	border-bottom-width : 5px;
	border-bottom-style : solid;
/*	border-bottom-color : #FFCC00; */
 
}


.color1 {
	border-bottom-color : #ff0033;
}

.color2 {
	border-bottom-color : #ffcc00;
}

.color3 {
	border-bottom-color : #ff6666;
}

.color4 {
	border-bottom-color : #ffcc99;
}

.color5 {
	border-bottom-color : #00ff66;
}

.color6 {
	border-bottom-color : #ff33ff;
}

.color7 {
	border-bottom-color : #cc66ff;
}

.color8 {
	border-bottom-color : #6699ff;
}

.color9 {
	border-bottom-color : #33ccff;
}

.color10 {
	border-bottom-color : #3300ff;
}



/* -- フッターリンク --*/
div.footerBlock {
	clear : both;
	text-align : center;
}

ul#footerlink li {
	display : inline;
	list-style : none;
	}

div.menuBlock {
	width : 150px;
	float : left;
}


a.under {
	text-decoration : underline;
}

div.footer {
	clear : both;
	margin : 3px 0px 5px 5px;
	padding : 2px;
	border : 1px solid #d0d0d0;
	/* background : url("images/topmenu_gradation.gif") center bottom repeat-x #f1f3f6; */
	background-color : #FFEFFF;
	width: 834px;
	text-align : center;
}

