/* =====================================
 * CASABLANCA.LLC
 * =====================================     
 */     

body {
    margin:0; padding:0;
	font-size:12px; color:#333;
	font-family:"ＭＳ Ｐゴシック", Lucida Grande, Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ";
	line-height:18px;
	
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#ccc;
	scrollbar-arrow-color:#999;
	scrollbar-darkshadow-color:#ccc;
	}
a {
    color: #0066CC;
	text-decoration:none;
	}
a:hover {
    color:#09C;
	text-decoration:none;
	}
img {
    border:none;
	}
address {
	font-style:normal;
	display:inline;
    }

h2 {
    border-bottom:1px solid #2b7224;
	}
h3 {
    font-size:12px; color:#87c041;
    display:block;
	margin:0; padding:0;
	}
h4 {
    display:block;
	margin:0; padding:0;
	}
h5 {
    font-size:12px; color:#87c041;
    display:block;
	margin:0; padding:0;
	}
rt, rp { font-size:10px; }

object {
 margin:0; padding:0;	
}
	
	
/*-------- MAIN LAYOUT --------*/	
#wrapper {
    width:100%; height:249px;
	background:url(../img/bg_main.gif) 0 0 repeat-x;
	clear:both;
	}

#header {
    width:800px;height:60px;
	margin:0 auto;
	background:url(../img/logo.gif) left bottom no-repeat;
	}
#header h1 {
    height:20px;
	margin:0;padding:0;
    font-size:10px; color:#999;
	font-weight:normal;
	display:block;
	}
#header #logo img {
	width:241px; height:40px;
	float:left;
    }
#header #tab {
	height:40px;
	float:right;
    }
#header #tab ul {
	margin:0; padding:0;
	list-style-type:none;
    }
#header #tab li {
	margin:0; padding:15px 0 0 0;
	float:left;
    }
#header #sitemap a {
	width:91px; height:25px;
	background:url(../img/btn_sm.gif) bottom no-repeat;
	display:block;
    }
#header #sitemap a:hover {
	width:91px; height:25px;
	background:url(../img/btn_sm_over.gif) bottom no-repeat;
    }
#header #mail a {
	width:96px; height:25px;
	margin-left:5px;
	background:url(../img/btn_mail.gif) bottom no-repeat;
	display:block;
    }
#header #mail a:hover {
	width:96px; height:25px;
	margin-left:5px;
	background:url(../img/btn_mail_over.gif) bottom no-repeat;
    }
#image {
    width:800px; height:184px;
	padding-top:3px;
	margin:0 auto;
	background:url(../img/main.jpg) bottom no-repeat;
	}
	
/*-------- MAIN MENU --------*/	
#mainmenu {
    width:800px;
	margin:0 auto;
	}
#mainmenu dl,dt,dd,ul {
    margin:0; padding:0;
	list-style-type:none;
	}
#mainmenu li {
    margin:0; padding:0;
	float:left;
	}
#mainmenu dt.home a {
    width:123px; height:49px;
	background:url(../img/mm/00.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu dt.home a:hover {
    width:123px; height:49px;
	background:#83b467 url(../img/mm/00_over.gif) 0 0 no-repeat;
    }
#mainmenu dt.concept a {
    width:123px; height:49px;
	background:url(../img/mm/01.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu dt.concept a:hover {
    width:123px; height:49px;
	background:#83b467 url(../img/mm/01_over.gif) 0 0 no-repeat;
    }
#mainmenu dt.about a {
    width:123px; height:49px;
	background:url(../img/mm/02.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu dt.about a:hover {
    width:123px; height:49px;
	background:#83b467 url(../img/mm/02_over.gif) 0 0 no-repeat;
    }
#mainmenu dt.work a {
    width:123px; height:49px;
	background:url(../img/mm/03.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu dt.work a:hover {
    width:123px; height:49px;
	background:#83b467 url(../img/mm/03_over.gif) 0 0 no-repeat;
    }
#mainmenu dt.company a {
    width:123px; height:49px;
	background:url(../img/mm/04.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu dt.company a:hover {
    width:123px; height:49px;
	background:#83b467 url(../img/mm/04_over.gif) 0 0 no-repeat;
    }
#mainmenu dt.contact a {
    width:124px; height:49px;
	background:url(../img/mm/05.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu dt.contact a:hover {
    width:124px; height:49px;
	background:#83b467 url(../img/mm/05_over.gif) 0 0 no-repeat;
    }

/*-------- DROP DOWN MENU --------*/

.dropdown {float:left;}
.dropdown dt {width:133px; height:59px; cursor:pointer;}
.dropdown dd {width:133px; position:absolute; overflow:hidden; display:none; background:#fff; z-index:2; opacity:0;}
.dropdown ul {width:130px; border:1px solid #99cc66; border-top:none;}
.dropdown li {display:inline; font-size:11px; font-weight:bold; border-bottom:1px solid #99cc66;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#27641d; text-decoration:none; background:#d0e8c3; width:121px;}
.dropdown a:hover {background:#99cc66; color:#fff;}
.dropdown .nobd { border-bottom:none; }

	
/*-------- CONTENTS --------*/	
#container {
    width:774px;
	padding:0 20px 0 20px;
	margin:0 auto 30px auto;
	background:url(../img/bg_cnt.gif) 0 0 no-repeat;
	clear:both;
	}
/*-------- LEFT --------*/
#left_column {
    width:555px;
	padding-top:20px;
	float:left;
	}
#left_column .box {
    width:249px; height:102px;
	margin:5px 0 5px 15px;
	float:left;
	}
#left_column .box a {
    width:245px; height:100px;
	border:1px solid #bbb;
	font-size:11px; color:#666;
	display:block;
	}
#left_column .box a:hover {
    width:245px; height:100px;
	border:1px solid #51a51e;
	font-size:11px; color:#09C;
	background:#f2f2f2;
	}
#left_column .box p {
	padding:10px 10px 0 10px;
	margin:0;
	font-size:11px; color:#666;
	line-height:15px;
	display:block;
	}
#news {
	height:110px;
    margin-bottom:30px;
	overflow:auto;
    }
#news dl {
	width: 500px;
	padding-top: 0px;
	margin: 2px 0 2px 15px;
	line-height: 1.1em;
	float: left;
    }
#news dt {
	clear: both;
	width: 65px;
	padding: 5px 5px 5px 0;
	margin-right: 0px;
	font-size: 11px; color: #777;
	float: left;
    }
#news dd {
	width: auto;
	margin: 0 0px 0 15px;
	padding: 5px 4px 5px 0;
	font-size: 12px;
	background: url(../img/bg_line2.gif) bottom repeat-x;
    }

/*-------- RIGHT --------*/
#right_column {
    width:190px;
	margin:27px 0 0 25px;
	float:left;
	}
#right_column ul {
    margin:0; padding:0;
	list-style-type:none;
	}
#right_column li {
    margin:10px 0 0 0; padding:0;
	font-size:10px; color:#777; line-height:13px;
	}
#right_column #contact {
	padding-bottom: 20px;
}
.QR {
	margin-top:20px;
    }

/*-------- FOOTER --------*/
#BtoC {
    width:800px;
	margin:10px auto;
	font-size:10px; color:#666;
	line-height:12px;
	border:1px solid #ddd;
    }
#BtoC div {
	/*padding:10px 20px 10px 20px;*/
	}
#BtoC h5 {
	background:#eee url(../img/bg_caption.gif) 0 0 no-repeat;
	padding:5px 15px;
	margin-bottom:10px;
	font-size:10px;
	display:block;
    }

#footer {
    width:100%; height:83px;
	background:url(../img/bg_foot.gif) 0 0 repeat-x;
	}
#footmenu {
    width:760px;
	padding:10px 20px 0 20px;
	margin:0 auto;
	font-size:11px;color:#999;
	}
#footmenu ul {
	margin:0; padding:0;
	list-style-type:none;
	}
#footmenu li {
	margin:0; padding:0 0 0 6px;
	float:left;
	}
#footmenu a {
    color:#26611d;
	text-decoration:none;
	}
#footmenu a:hover {
    color:#FF3300;
	text-decoration:none;
	}
#footer #info {
	padding-top:10px;
    }
	
/*-------- UNIVERSAL --------*/
.gotop {
    width:800px;
	margin:0 auto;
    text-align:right;
	}
.back {
    width:100%;
	margin:30px 0 0 0;
	padding-top:5px;
	background:url(../img/bg_line.gif) 0 0 repeat-x;
    font-size:11px;
	}
.clear {
    clear:both;
	}