@charset 'UTF-8';

/*  brown: #754b2f　 pale orange: #f5ad4d　blue: #06b4bd*/

* {	margin:0; padding:0;border:0; }

html { height:100%; margin-bottom:1px;}  /*always scroll*/

p {	margin:0 0 1em 0;}
ul { list-style-type:none;}
input { border:none; }

/**************************************************************************************
 　ｔｙｐｏ
**************************************************************************************/

body { font-size:75%; line-height:1.7; color: #754b2f; background-color:#754b2f; text-decoration:none;
	font-family: Helvetica, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,Osaka,'ＭＳ Ｐゴシック',sans-serif;}

h2 { font-weight:bold; font-size:150% }
h3 { color:#754b2f; font-weight:bold; font-size: 117%; letter-spacing:1px; }
h4 { font-size:100%; font-weight: bold; }


#title h2 { color: #fff; font-weight: normal; font-size: 100%; }
#main-about h2 span a { font-weight:normal; font-size:67%; }
#footer { color: #fff; }

a:link{ color:#fff; text-decoration:none; padding-bottom:1px; border-bottom:1px solid #f8c480;}
a:visited{ color:#fff; text-decoration:none; padding-bottom:1px; border-bottom:1px solid #f8c480;}
a:hover { color:#06b4bd; text-decoration:none; padding-bottom:1px; border-bottom:1px solid #06b4bd;}

a.img-link { padding-bottom:0; border-bottom:none;}
a.img-link:hover { padding-bottom:0; border-bottom:none;}

ul#navi1 li a, ul#navi1 li.selected { font-size: 24px; }
ul#navi2 li a, ul#navi2 li.selected { font-size: 117%; }

ul#navi1 li a, ul#navi1 li.selected, ul#navi2 li, ul#navi2 li a, ul#navi2 li.selected, ul#access li a { font-weight:bold; text-decoration:none; padding-bottom:0; border-bottom:none; letter-spacing:1px; }
ul#navi1 li a:hover, ul#navi1 li.selected, ul#navi2 li a:hover, ul#navi2 li.selected, ul#access li a:hover { color:#fff; background-color:#754b2f; }
ul#navi1 li a:active, ul#navi1 li.selected, ul#navi2 li a:active, ul#navi2 li.selected, ul#access li a:active { color:#06b4bd;}


#main-links dt { letter-spacing:1px; }

.smaller { font-size: 83%;}



/**************************************************************************************
 　ｌａｙｏｕｔ
**************************************************************************************/

#wrap {
	width:1000px;
	margin:0 auto;
	background:url(../img/wrap-bg.jpg) 0px 0px repeat-y;
}

#top-head {
	width:1000px; height:400px;
	margin:0 0 25px 0;
	position:relative; /* for #shop-img */
}

#center {
	width:375px;
	float:left;
}

#right {
	width:375px;
	float:left;
}

#footer {
	clear:both;
	text-align:center;
	width:1000px; height:100px;
	padding:110px 0 0 0;
	background:url(../img/m-mark.jpg) top right no-repeat;
	position:relative;
}

/**************************************************************************************
 　ｈｅａｄ−ｔｉｔｌｅ
**************************************************************************************/

#title {
	width:900px; height:50px;
	padding:50px 0 0 100px;
	position:relative;
}

#title h1 {
	text-indent:-9999em;
	width:200px; height:50px;
	background:url(../img/top-logo.png) 0px 0px no-repeat;
	float:left;
}

#title h2 { 
	width:400px;
	text-align:right;
	position:absolute; top:50px; right:50px;
}

#shop-img {
	clear:both;
	width:200px; height:200px;
	background:transparent url(../img/bg-white.png) top center no-repeat;
	position:absolute; top:150px; right:50px;
	padding:0;
}

#shop-img img {
	margin:25px;
}


/**************************************************************************************
 　ｎａｖｉ
**************************************************************************************/

#navi-unite {
	width:250px;
	float:left;
}

ul#navi1 {
	clear:both;
	width:250px; height:250px;
	float:left;
	padding:50px 0 0 0;
	text-align:right;
}

ul#navi1 li a, ul#navi1 li.selected {
	display:block;
	width:200px; height:50px;
	line-height:50px;
	margin:0 0 0 auto;
}


ul#navi2 {
	width:250px;
	float:left;
	text-align:right;
	padding:50px 0 0 0;
}

ul#navi2 li a, ul#navi2 li.selected {
	display:block;
	width:200px; height:30px;
	line-height:30px;
	margin:0 0 0 auto;
}


/**********　ｍａｉｌｍａｇａｚｉｎｅ　**********/

ul#navi2 li.mlmg {
	height:80px;
	margin:25px 0 0 auto;
}

ul#navi2 li.mlmg span {
	line-height:40px;
}

ul#navi2 form input.mlmg-text {
	width:150px; height:1em;
	margin:0 0 10px 0; padding:0.6em 0;
	text-align:center;
	color:#754b2f; background-color:#fff;
}

ul#navi2 form input.mlmg-buttton {
	width:50px; height:2.2em;
	margin:0 0 10px 0; 
	letter-spacing:2px;
	color:#fff; background-color:#754b2f;
	vertical-align:bottom;
	cursor: pointer;
}


/**********　ａｃｃｅｓｓ　**********/

ul#access {
	width:250px;
	text-align:right;
	position:absolute; top:-100px; left:0;
}

ul#access li {
	margin:0 0 20px 0;
}

ul#access li a {
	display:block;
	width:200px; height:50px;
	line-height:50px;
	margin: 0 0 0 auto;
}

ul#access li span {
	color:#fff;
	font-size:83%;
	letter-spacing:0.5px;
}

ul#access li a { font-size: 24px; }



/**************************************************************************************
 　ｔｏｐ−ｎｅｗｓ　＆　ｐｉｃｋ−ｕｐ
**************************************************************************************/

#right h3 {
	clear:both;
	height:25px;
	line-height:25px;
	background-color:#f5ad4d;
	margin:0 0 25px 0;
}

#news p {
	margin:0 0 2em0;
}

h4.info, .blog, .shop {
	width:5em;
	padding:0 50px 0 0;
}

.info {	background:url(../img/icon-info.jpg) top right no-repeat; }
.blog {	background:url(../img/icon-blog.jpg) top right no-repeat; }
.shop {	background:url(../img/icon-shop.jpg) top right no-repeat; }


#right img {
	margin:0 0 5px 0;
}

#right p {
	line-height:1.8;
	width:325px;
}



/**************************************************************************************
 　ｔｏｐ−ｅｖｅｎｔ　＆　ｅｖｅｎｔ−ｌｉｓｔ
**************************************************************************************/

#top-event-list,#news {
	margin:0 25px 0 25px;
}

#center h3 {
	clear:both;
	height:25px;
	line-height:25px;
	background-color:#f5ad4d;
	margin:0 -25px 25px -25px;
	padding:0 0 0 25px;
}

#top-event-list {
	height:325px;
}

.event-thumb {
	clear:both;
	width:325px;
	margin: 0 0 25px 0;
}

.event-thumb img {
	width:100px; height:100px;
	float:left;
}

.event-thumb h4, .event-thumb p {
	margin:0 0 0 105px;
}


/**********　ｅｖｅｎｔ−ｌｉｓｔ　**********/

#main-event-list {
	width:750px;
	padding:100px 0 50px 0;
	float:left;
}

.event-list {
	clear:both;
}

.event-list h3 {
	width:725px; height:25px;
	margin:0 0 25px 0; padding:0 0 0 25px;
	line-height:25px;
	background-color:#f5ad4d;
}

.event-list .event-thumb {
	clear:none;
	float:left;
	padding: 0 0 0 25px;
}


/**************************************************************************************
 　ｅｖｅｎｔ−ｐａｇｅ
**************************************************************************************/

#main-event {
	width:500px;
	padding:50px 0 0 25px;
	float:left;
}

#sub-event {
	width:165px;
	padding:150px 0 0 10px;
	float:left;
}

p.link-event-thumb {
	height:50px;
	line-height:50px;
	margin:0;
}

/*#main-event h2 {
	height:50px;
	line-height:50px;
}*/

#main-event img {
	margin:0 0 25px 0;
}

.event-note {
	margin:25px 0; padding:10px 25px;
	background-color:#fbdcb3;
	border-top:10px #754b2f solid;
	border-bottom:10px #754b2f solid;
}


/**************************************************************************************
 　ａｂｏｕｔ
**************************************************************************************/

#main-about {
	width:650px;
	padding:50px 75px 0 25px;
	float:left;
}

#main-about h2 {
	height:50px;
	line-height:50px;
}

#main-about h3#access {
	height:25px;
	margin:25px -75px 20px -25px;
	padding: 0 0 0 25px;
	line-height:25px;
	background-color:#f5ad4d;
}

/**************************************************************************************
 　ｗｏｒｌｄ
**************************************************************************************/

#main-world {
	width:725px;
	padding:50px 0 0 25px;
	float:left;
}

#main-world h2 {
	height:50px;
	line-height:50px;
}


/**************************************************************************************
 　ｌｉｎｋｓ
**************************************************************************************/

#main-links {
	width:650px;
	padding:50px 75px 110px 25px;
	float:left;
}

#main-links h2 {
	height:50px;
	line-height:50px;
}

#main-links h3 {
	height:25px;
	margin:25px -75px 20px -25px;
	padding: 0 0 0 25px;
	line-height:25px;
	background-color:#f5ad4d;
}

#main-links dd {
	margin:0 0 0 1em;
}



/**************************************************************************************
 　ｆｏｏｔｅｒ
**************************************************************************************/

#footer p {
	background-color:#754b2f;
	height:75px;
	padding:25px 0 0 0;
}


/**************************************************************************************
 　ｃｌｅａｒｆｉｘ
**************************************************************************************/

ul#access:after, .event-thumb:after {
	content: "";
	display: block;
	clear: both; 
}



/**************************************************************************************
 　ｆｏｒＩＥ６
**************************************************************************************/

* html #title h1 {
	background:url(../img/top-logo-ie6.png) 0px 0px no-repeat;
}

* html #center h3, #right h3 {
	position:relative;
}

* html #shop-img {
	background-color:#f5ad4d;
	background-image:none;
	filter:Alpha(opacity=70);
	opacity:0.70;
}