@charset "utf-8";

/*　リセットする要素　*/

html,body,div {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}

ul { margin: 0; padding: 0;}
li {list-style-type: none; margin: 0; padding: 0;}


a:link {text-decoration: none; border: 0; color: #368EB1;}/*←シーズンカラー！*/
a:visited {text-decoration: none; border: 0;color: #368EB1;}/*←シーズンカラー！*/
a:active {text-decoration: none; border: 0;color: #368EB1;}/*←シーズンカラー！*/
a:hover {text-decoration: none; color: #000000;}

img, div {
	border:0px solid #eee;
	margin:0;
	padding:0;
	list-style:none
	}	
		
/*　基本　*/
body {
	font-size: 8pt; color: #403D3C;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.1em;
	text-align:center;
	scrollbar-base-color:#368EB1;/*←シーズンカラー！*/
	}
/* safari only \*/
html[xmlns*=""] body:last-child  {font-size: 7pt; line-height: 1.7em;}
/* IE7用 */	
*:first-child+html body {font-size:80%; line-height: 1.7em;} 
*:first-child+html h2 {font-size:14pt; }
*:first-child+html h3 {font-size:10pt; }
/* IE4-6用 */	
* html body {font-size:80%; line-height: 1.7em;}
* html h2 {font-size:14pt; }
* html h3 {font-size:11pt; }

h1 {display: inline; position: absolute; left: -9999px;}
h2, h3  {color: #000000;}
	
.red {color: #CA3E2B;}	

.clear {clear:both;}

ul.list {margin:10px 0 0 0; padding:0; }
ul.list li {list-style:url(../img/disc.gif) inside; padding-bottom:5px; font-size: 90%; font-family: sans-serif; }	

.caption {font-size: 90%; font-family: sans-serif; }

	
/*　 全体　*/	
#container {
	width:820px;
	margin:0 auto;
	padding: 0 20px;
	text-align:left;
	background: #FFFFFF;
	}	

/*　 メニュー　*/
#menu {width: 820px; height: 11px; margin:35px auto 15px auto; }
ul#mainmenu  {width: 639px; height: 11px; float:left;}
ul#mainmenu li {width:auto; height:11px; float: left;}
li.m_1 a {width: 112px; height: 11px; background: url(../img/triton.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden; }
li.m_2 a {width: 35px; height: 11px; background: url(../img/m_news.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden;}
li.m_3 a {width: 42px; height: 11px; background: url(../img/m_menu.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden; }
li.m_4 a {width: 45px; height: 11px; background: url(../img/m_zakka.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden; }
li.m_5 a {width: 72px; height: 11px; background: url(../img/m_work.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden; }
li.m_6 a {width: 45px; height: 11px; background: url(../img/m_event.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden;}
li.m_7 a {width: 45px; height: 11px; background: url(../img/m_party.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden; }
li.m_8 a {width: 40px; height: 11px; background: url(../img/m_shop.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden; }
li.m_9 a {width: 64px; height: 11px; background: url(../img/m_webshop.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden; }
li.m_10 a {width: 50px; height: 11px; background: url(../img/m_design.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden;}
li.m_11 a {width: 89px; height: 11px; background: url(../img/m_blog.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden;}

ul#submenu {width: 92px; height: 11px; float:right;}
ul#submenu li {width:auto; height:11px; float: left;}
li.sm_1 a {width: 48px; height: 11px; background: url(../img/m_site.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden; }
li.sm_2 a {width: 44px; height: 11px; background: url(../img/m_contact.gif) top left no-repeat; text-indent:-9999px; display: block; overflow: hidden; }

li.m_1 a:hover, li.m_2 a:hover, li.m_3 a:hover, li.m_4 a:hover, li.m_5 a:hover, li.m_6 a:hover, li.m_7 a:hover, li.m_8 a:hover, li.m_9 a:hover, li.m_10 a:hover, li.m_11 a:hover, 
li.sm_1 a:hover, li.sm_2 a:hover {background-position:0 -11px;}

.gotop a {background: url(../img/gotop_long.gif) top right no-repeat; width: 820px; margin-top: 10px; text-indent: -9999px; display: block;  overflow: hidden;}	
.gotop a:hover {background: url(../img/gotop_long_o.gif) top right no-repeat; }

#footer{
	text-align: center;
	padding: 10px 0 30px 0;
	}
address { font-family:georgia, serif; color: #6F6F6F; font-size:7pt;}
/* IE7用 */	*:first-child+html address {font-family: sans-serif; font-style: normal;}
/* IE4-6用 */	* html address {font-family: sans-serif;font-style: normal;}