@charset "utf-8";

/* ------------ 基本設定 ------------ */
html { margin:0px; }
body { margin:0px; text-align:center; background:url(../images/top/body.jpg) repeat-x #fffff7; color:#333333; font: normal normal normal 12px/1.5 "Lucida Grande", Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "平成角ゴシック", "ＭＳ Ｐゴシック", Osaka, meiryo, sans-serif; }

hr { display:none; }
p { display:inline; }
img { border:0px }


/* ------------ 見出し ------------ */
h1, h2, h3, h4, h5, h6 { font-weight:bold; text-align:left; }
h1 { margin:25px 0px 0px; padding-top:0px; font-size:10px; font-weight:normal; float:left; }
h2 { margin:40px 0px; padding:0px; float:left; }		/* ロゴマーク */
h3 { margin:0px auto; font-size:12px; }
h4 { margin:0px; font-size:12px; }
h5 { margin:0px auto; font-size:12px; margin:auto 20px; }
h6 {  }

h2 span { display:none; }
h2 a { width:180px; height:15px; background:url(../images/h2.gif) no-repeat; display:block; }


/* ------------ リンク ------------ */
a { font-weight:bold; text-decoration:none; }
a:link { color:#333333; }
a:visited { color:#999999; }
a:hover { color:#000000; }
a:active { color:#666666; }


/* ------------ テキスト関係 ------------ */
strong { font-weight:normal; }
em {  }
del {  }
address {  }
blockquote {  }


/* ------------ テーブル ------------ */
table {  }
td {  }


/* ------------ フォーム ------------ */
input {  }
textarea {  }
select {  }
option {  }


/* ------------ リスト ------------ */
ul, ol { margin: 0px 0px 0px 1px; padding: 0px; }
ul li { list-style-type:none; text-align:left; }

ol {  }
ol li {  }

dl {  }
dt {  }
dd {  }


/* ------------ 囲い ------------ */
#page { margin:0px auto; width:860px; background:url(../images/top/page.jpg) no-repeat #fffff7; }
#container { margin:0px auto; width:800px; clear:both; }
#main { margin:0px auto; width:775px; text-align:left; }
.box { margin:0px auto; width:775px; }



/* ------------ ヘッダー ------------ */
#header { margin:0px auto; width:800px; height:50px; color:#ffffff; background:url(../images/stripe.gif) #333333; text-align:center; }



/* ------------ サブメニュー ------------ */
#sub-menu { margin:25px 0px 0px; width:75px; float:right; }
#sub-menu ul li { margin:0px; padding:0px; float:left; }
#sub-menu span { display:none; }

#a-map a { width:75px; height:15px; background:url(../images/a-map.gif) no-repeat; display:block; }



/* ------------ メニュー ------------ */
#menu { margin:40px 0px; width:570px; float:right; }
#menu li { margin:0px; padding:0px; float:left; }
#menu a { display:block; height:15px; background:url(../images/menu.gif) no-repeat; overflow:hidden; }
#menu span { display:none; }

#menu-1 a, #menu-2 a, #menu-3 a { width:141px; }
#menu-4 a { width:142px; }

#menu-1 a { background-position:0px 0px; }
#menu-2 a { background-position:-141px 0px; }
#menu-3 a { background-position:-282px 0px; }
#menu-4 a { background-position:-423px 0px; }

#menu-1 .stay { background-position:0px -30px; }
#menu-2 .stay { background-position:-141px -30px; }
#menu-3 .stay { background-position:-282px -30px; }
#menu-4 .stay { background-position:-423px -30px; }

#menu-1 a:hover { background-position:0px -15px; }
#menu-2 a:hover { background-position:-141px -15px; }
#menu-3 a:hover { background-position:-282px -15px; }
#menu-4 a:hover { background-position:-423px -15px; }



/* ------------ トップ画像 ------------ */
#top { margin:0px auto 30px; width:800px; height:250px; clear:both; }
#top span { display:none; }
#top ul { display:none; }
#top li {  }

#switch { display:none; }
#switch-f a {  }
#switch-a {  }


/* ------------ トピックス ------------ */
#topics { margin:0px; width:495px; min-height:400px; float:left; }
#topics ul { width:495px; }
#topics li { margin-bottom:5px; height:20px; background:url(../images/top/topi_li.gif) no-repeat; }

#topics h3 { margin-bottom:10px; height:20px; background:url(../images/top/h3.gif) no-repeat; }
#topics h4 { margin:0px 10px; display:inline; }
#topics span { display:none }

#topics  a { color:#333333; }
#topics  a:hover { color:#000000; }


#topics  #new { background:url(../images/top/topi_new.gif) no-repeat; color:#ffffff; }
#topics  #new a { color:#ffffff; }
#topics  #new a:hover { color:#cccccc; }



/* ------------ バナー ------------ */
#banner { margin:0px auto 20px; width:250px; height:291px; float:right; }
#banner span { display:none; }
#banner li { margin-bottom:5px; }

#mujam a { margin:0px; width:250px; height:80px; background:url(../images/top/mujam.gif) no-repeat; display:block; }
#digi-con a { margin:0px; width:250px; height:57px; background:url(../images/top/digi_con.gif) no-repeat; display:block; }
#renga a { margin:0px; width:250px; height:57px; background:url(../images/top/renga.gif) no-repeat; display:block; }
#camera a { margin:0px; width:250px; height:57px; background:url(../images/top/camera.gif) no-repeat; display:block; }


/* ------------ フッター  ------------ */
#footer { margin:35px auto 0px; width:800px; height:50px; background:url(../images/stripe.gif) #333333; color:#ffffff; text-align:center; clear:both; }

#copy { margin:10px auto; width:775px; height:30px; background:url(../images/copy.gif) no-repeat right center; }
#copy span { display:none }