@charset "utf-8";

@import 'iehack.css';

/* ============================================================ *
   Copyright (c) MANSEIDO. All Right Reserved. 
 * ============================================================ */

html,body {text-align:center; background:url(../../img/background.jpg) no-repeat top center;}

body {
	font:12px/1.5em Arial, Helvetica, sans-serif;
	color:#444;
}

body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	text-align:left;
}

input,textarea,select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

img {border:none;}

li {list-style:none;}

address,em,caption,th {
	font-style:normal;
	font-weight:normal;
}


/* ------------------------------------------------------------ *
   Link Decoration
 * ------------------------------------------------------------ */ 
a:link {color:#015996; text-decoration:underline;}
a:visited {color:#de0000;}
a:hover {color:#015996; text-decoration:none;}


/* ------------------------------------------------------------ *
   Clear
 * ------------------------------------------------------------ */
.clear {clear:both;}


/* ------------------------------------------------------------ *
   Display
 * ------------------------------------------------------------ */
.none {display:none;}


/* ------------------------------------------------------------ *
   Path Navi
 * ------------------------------------------------------------ */



/* ------------------------------------------------------------ *
   Spacer
 * ------------------------------------------------------------ */



/* ------------------------------------------------------------ *
   Font Style
 * ------------------------------------------------------------ */
.px11 {font:11px/1.3em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}


/* ------------------------------------------------------------ *
   Frame Layout
 * ------------------------------------------------------------ */
#wrapper {
	width:100%;
	}

#headerArea {
	height:160px;
	border-top:2px solid #0071bc;
}

#footerArea {
	padding-top:10px;
	height:70px;
	background:url(../../img/bg_footer.gif) repeat-x;
	border-bottom:2px solid #0071bc;
}
/* Style IE6 Hack */
*html #footerArea {height:80px;}


/* ------------------------------------------------------------ *
   Header
 * ------------------------------------------------------------ */
#headerArea .head {
	margin:0 auto;
	width:800px; height:110px;
}

#headerArea .head h1 {
	margin-top:30px;
	float:left;
	width:184px; height:51px;
	background:url(../../img/logo_manseido.gif) no-repeat;
}

#headerArea .head h1 a {
	display:block;
	width:184px; height:51px;
	text-indent:-10000em;
	overflow:hidden;
}

#headerArea .head p {
	float:right;
	width:315px; height:110px;
}

#headerArea .naviArea {
	height:50px;
	background:url(../../img/bg_navi.gif) repeat-x;
}

#headerArea .naviArea ul.navi {
	margin:0 auto;
	width:800px;
}

#headerArea .naviArea ul.navi li {
	float:left;
	height:50px;
}

#headerArea .naviArea ul.navi li a {
	display:block;
	text-indent:-10000em;
	overflow:hidden;
}

#headerArea .naviArea ul.navi li.navi01 {
	width:70px;
	background:url(../../img/navi_01_off.gif) no-repeat;
}

#headerArea .naviArea ul.navi li.navi02 {
	width:120px;
	background:url(../../img/navi_02_off.gif) no-repeat;
}

#headerArea .naviArea ul.navi li.navi03 {
	width:115px;
	background:url(../../img/navi_03_off.gif) no-repeat;
}

#headerArea .naviArea ul.navi li.navi04 {
	width:75px;
	background:url(../../img/navi_04_off.gif) no-repeat;
}

#headerArea .naviArea ul.navi li.navi05 {
	width:90px;
	background:url(../../img/navi_05_off.gif) no-repeat;
}

#headerArea .naviArea ul.navi li.navi06 {
	width:140px;
	background:url(../../img/navi_06_off.gif) no-repeat;
}

#headerArea .naviArea ul.navi li.navi07 {
	width:85px;
	background:url(../../img/navi_07_off.gif) no-repeat;
}

#headerArea .naviArea ul.navi li.navi08 {
	width:105px;
	background:url(../../img/navi_08_off.gif) no-repeat;
}
/* ========== a ========== */
#headerArea .naviArea ul.navi li.navi01 a {width:70px; height:50px;}

#headerArea .naviArea ul.navi li.navi02 a {width:120px; height:50px;}

#headerArea .naviArea ul.navi li.navi03 a {width:115px; height:50px;}

#headerArea .naviArea ul.navi li.navi04 a {width:75px; height:50px;}

#headerArea .naviArea ul.navi li.navi05 a {width:90px; height:50px;}

#headerArea .naviArea ul.navi li.navi06 a {width:140px; height:50px;}

#headerArea .naviArea ul.navi li.navi07 a {width:85px; height:50px;}

#headerArea .naviArea ul.navi li.navi08 a {width:105px; height:50px;}
/* ========== a:hover ========== */
#headerArea .naviArea ul.navi li.navi01 a:hover {background:url(../../img/navi_01_on.gif) no-repeat;}

#headerArea .naviArea ul.navi li.navi02 a:hover {background:url(../../img/navi_02_on.gif) no-repeat;}

#headerArea .naviArea ul.navi li.navi03 a:hover {background:url(../../img/navi_03_on.gif) no-repeat;}

#headerArea .naviArea ul.navi li.navi04 a:hover {background:url(../../img/navi_04_on.gif) no-repeat;}

#headerArea .naviArea ul.navi li.navi05 a:hover {background:url(../../img/navi_05_on.gif) no-repeat;}

#headerArea .naviArea ul.navi li.navi06 a:hover {background:url(../../img/navi_06_on.gif) no-repeat;}

#headerArea .naviArea ul.navi li.navi07 a:hover {background:url(../../img/navi_07_on.gif) no-repeat;}

#headerArea .naviArea ul.navi li.navi08 a:hover {background:url(../../img/navi_08_on.gif) no-repeat;}

/* ------------------------------------------------------------ *
   Footer
 * ------------------------------------------------------------ */
#footerArea .foot {
	margin:0 auto;
	width:800px;
	text-align:left;
}

#footerArea .foot p.copy {
	float:left;
	font-size:0.9em;
}

#footerArea .foot ul.fnavi {
	float:right;
	width:550px;
}

#footerArea .foot ul.fnavi li {
	padding-right:10px;
	float:left;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:11px;
}

#footerArea .foot ul.fnavi li.last {
	padding:0;
}

#footerArea .foot a:link {color:#444; text-decoration:none;}
#footerArea .foot a:visited {color:#015996;}
#footerArea .foot a:hover {color:#015996; text-decoration:underline;}