@charset "utf-8";

/* Basic */
* {
	margin: 0;
	padding: 0;
}

img { border-style: none; }

li { list-style-type: none; }

h1, h2, h3, h4, h5 {
	font-size: 12px;
	font-weight: normal;
}

a:link    {
	color: #666;
	text-decoration: none;
}    
a:visited {
	color: #666;
	text-decoration: none;
}   
a:hover   {
	color: #000;
	text-decoration: underline;
} 
a:active  { color: #333 } 

.clearfix {	clear: both; }


/* Layout */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	color: #333;
	background: #FFF;
}

#wrap {
	width: 950px;
	margin: auto;
	position: relative;    /**/
	z-index: 0;
}

#header {
	height: 105px;
	padding-right: 5px;
	padding-left: 5px;
	margin: auto;
	width: 940px;
}


#header h1 {
	font-size: 10px;
	padding-bottom: 10px;
}

#header .logo {
	width: 300px;
	float: left;
}

#header .tel {
	width: 640px;
	text-align: right;
	float: left;
}

#header .link {
	font-size: 10px;
	padding-top: 5px;
}

#flash {
	position: absolute;    /*#wrapの後ろ側にW100%配置*/
	z-index: 2;
	width: 100%;
	height: 260px;
	margin: auto;
}

#flashsaver { height: 270px; 
}

/* MENU */
#menu {
	height: 50px;
	margin: 10px auto 5px;
	width: 950px;
	background: url(../img/base/menu.jpg) no-repeat left;
}

#menu ul li {
	float: left;
	text-indent: -9999px;
	overflow:hidden;
}

#menu ul li a {
	display: block;
	height: 50px;
}

#menu ul li.mn0 a {
	background: url(../img/base/menu.jpg) 0px;
	width: 173px;
}

#menu ul li.mn0b a {
	background: url(../img/base/menu_act.jpg) 0px;
	width: 173px;
}

#menu ul li.mn1 a {
	background: url(../img/base/menu.jpg) -173px;
	width: 144px;
}

#menu ul li.mn1b a {
	background: url(../img/base/menu_act.jpg) -173px;
	width: 144px;
}

#menu ul li.mn2 a {
	background: url(../img/base/menu.jpg) -317px;
	width: 142px;
}

#menu ul li.mn2b a {
	background: url(../img/base/menu_act.jpg) -317px;
	width: 142px;
}

#menu ul li.mn3 a {
	background: url(../img/base/menu.jpg) -459x;
	width: 158px;
}

#menu ul li.mn3b a {
	background: url(../img/base/menu_act.jpg) -459px;
	width: 158px;
}

#menu ul li.mn4 a {
	background: url(../img/base/menu.jpg) -617px;
	width: 140px;
}

#menu ul li.mn4b a {
	background: url(../img/base/menu_act.jpg) -617px;
	width: 140px;
}

#menu ul li.mn5 a {
	background: url(../img/base/menu.jpg) -757px;
	width: 193px;
}

#menu ul li.mn5b a {
	background: url(../img/base/menu_act.jpg) -757px;
	width: 193px;
}

/* MENU hover */
#menu ul li.mn0 a:hover {
	background: url(../img/base/menu_on.jpg) 0px;
}

#menu ul li.mn1 a:hover {
	background: url(../img/base/menu_on.jpg) -173px;
}

#menu ul li.mn2 a:hover {
	background: url(../img/base/menu_on.jpg) -317px;
}

#menu ul li.mn3 a:hover {
	background: url(../img/base/menu_on.jpg) -459px;
}

#menu ul li.mn4 a:hover {
	background: url(../img/base/menu_on.jpg) -617px;
}

#menu ul li.mn5 a:hover {
	background: url(../img/base/menu_on.jpg) -757px;
}



#contents {
	width: 660px;
	float: left;
	padding-right: 20px;
}
#submenu {
	width: 240px;
	border-left: 1px solid #CCC;
	float: left;
	padding-left: 19px;
	padding-bottom: 20px;
}
#footer {
	border-top: 1px solid #CCC;
	padding-top: 15px;
	font-size: 10px;
	width: 950px;
	margin: 20px auto 0px;
}
#footer .menu { text-align: center; }

#footer .box {
	width: 700px;
	margin: 20px auto 10px;
}

#footer .logo { float: left; }

#footer .address {
	float: left;
	padding-left: 20px;
}
#footer .copy { text-align: center; }

#pankuzu {
	font-size: 10px;
	border-bottom: 1px solid #CCC;
	padding: 0px 3px 3px 0px;
	margin-bottom: 10px;
}

#pankuzu li {
	padding-right: 5px;
	padding-left: 15px;
	float: left;
}

#pankuzu a:link    {
	color: #C96;
	text-decoration: none;
}    
#pankuzu a:visited {
	color: #C96;
	text-decoration: none;
}   
#pankuzu a:hover   {
	color: #960;
	text-decoration: underline;
} 
#pankuzu a:active  { color: #333 } 

#pankuzu li.mark { background: url(../img/base/mark03.gif) no-repeat left center; }
#btn_link img { margin-top: 10px; }

