* { margin: 0; padding: 0; font-size: 11pt; }
html { margin-bottom: 1px; height: 100%; overflow-y: scroll; }
img { border: 0; vertical-align: bottom; }

body { text-align: center; color: #666666; }
#container { width: 100%; margin: 0 auto; }
#header { width: 900px; height: 100px; margin: 0 auto; background-color: #ffffff; background: url(images/fujiya_logo.gif) no-repeat top left; }
.floatclear { clear: both; }

/* サブナビゲーター */
#sub_navigator { text-align: right; padding-top: 10px; }
#sub_navigator p { font-size: 8pt; }
a:link, a:visited { color: #810000; text-decoration: none; font-size: 9pt; }
a:active, a:hover { color: #ff9e00; text-decoration: underline; font-size: 9pt; }

/* ナビゲーター */
#navigator { width: 100%; background: url(images/navi_bcg.gif) repeat-x; }
#navigator a { display: block; width: 150px; height: 40px; overflow: hidden; text-indent: -99999px; background: url(images/menu.gif) no-repeat; }
#navigator ul { width: 900px; margin: 0 auto; }
#navigator li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; list-style-type: none; }
li#menu1 a { background-position: 0 0; }
li#menu1 a:hover { background-position: 0 -40px; }
li#menu2 a { background-position: -150px 0; }
li#menu2 a:hover { background-position: -150px -40px; }
li#menu3 a { background-position: -300px 0; }
li#menu3 a:hover { background-position: -300px -40px; }
li#menu4 a { background-position: -450px 0; }
li#menu4 a:hover { background-position: -450px -40px; }
li#menu5 a { background-position: -600px 0; }
li#menu5 a:hover { background-position: -600px -40px; }
li#menu6 a { background-position: -750px 0; }
li#menu6 a:hover { background-position: -750px -40px; }

#partition { width: 100%; height: 5px; background-color: #810000; }

/* 新着情報 */
#whatsnew { width: 400px; height: 50px; margin-top: 14px; float: right; border: 1px solid #cccccc; background: #f9f9f9;
			border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
			box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); }
#whatsnew_title { font-size: 8pt; margin: 3px 0 2px 5px; text-align: left; font-weight: bold; }
#whatsnew_info { font-size: 10pt; margin: 0 auto; text-align: center; background: #ffffff; padding: 3px; }

/* メイン部 */
#main { width: 100%; margin: 0 auto; background: url(images/main_bcg.gif) repeat-x; }
#main_inner { padding: 40px 0; background: url(images/top_image_bcg.gif) no-repeat center bottom; }
#top_image { width: 900px; height: 400px; margin: 0 auto; overflow: hidden;
			box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.35); }
#top_image li { position: relative; display: block; width: 180px; float: left;
				transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s;
				box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5); }
#top_image ul:hover li { width: 45px; }
#top_image ul li:hover { width: 720px; }
#top_image li img { display: block; }
.image_title { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; width: 720px; text-align: left; display: none; }
.image_title a { display: block; color: #fff; text-decoration: none; padding: 20px; font-size: 14px;}

/* フッター */
address { width: 100%; height: 80px; font-style: normal; line-height: 80px; border-top: 2px solid #810000;  }