@charset "UTF-8";
/* ------------------------------

clearfix Hack

------------------------------ */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix { display: inline-block; }

/* Hide Mac IE \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* ------------------------------

共通項目

------------------------------ */
a { text-decoration: none; }

img { border-style: none; }

h1,h2 { font-size: small; margin: 0px; padding: 0px;}


/* ------------------------------

コンテンツ

------------------------------ */
body {
	color: #333333;
	font-size: small;
	line-height: 1.5;
	background: #FFFFFF url(../img/bg-body.jpg);
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 800px;
	background: #FFFFFF url(../img/bg-head.jpg) repeat-x;
}

/* ------------------------------
ヘッダ
------------------------------ */
#head {
	height: 125px;
	padding-right: 20px;
	padding-left: 16px;
}

#logo {
	width: 208px;
	float: left;
}

#head-subcontent {
	width: 520px;
	padding-top: 30px;
	float: right;
}

#head-subcontent p {
	height: 45px;
	font-size: small;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

/* ------------------------------
フッタ
------------------------------ */
#foot {
	font-size: small;
	border-bottom: 3px solid #ff0099;
	clear: both;
}

#copyright {
	padding-top: 75px;
	padding-right: 20px;
	padding-left: 20px;
}

/* ------------------------------
メイン
------------------------------ */
#wrapper-content {
	padding-right: 20px;
	padding-left: 16px;
}

#content {
	width: 520px;
	padding-top: 20px;
	float: right;
}

#content2 {
	width: 520px;
	padding-top: 0px;
	float: right;
}

#content3 {
	width: 520px;
	margin-top: -15px;
	float: right;
}


/* ------------------------------

ナビゲーション

------------------------------ */
#global-navi ul,#sub-navi ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* ------------------------------
グローバルナビゲーション
------------------------------ */
#global-navi {
	width: 208px;
	background: url(../img/bg-menu.jpg) repeat-y;
	float: left;
}

#global-navi ul {
	width: 208px;
	background: url(../img/bg-menu-bottom.jpg) no-repeat left bottom;
	padding-bottom: 17px;
}

#global-navi ul li {
	padding-right: 5px;
	padding-left: 5px;
}

#global-navi ul a {
	height: 44px;
	color: #ffffff;
	font-size: small;
	font-weight: bold;
	line-height: 44px;
	background: url(../img/bg-btn.jpg) no-repeat;
	padding-left: 10px;
	margin:0px;
	display: block;
}

#global-navi ul a:hover {
	color: #ff3399;
	background: url(../img/bg-btn.jpg) #3C4E65 no-repeat left -44px;
}

#global-navi ul.menu-level2 {
	width: 208px;
	background-image: none;
	padding-bottom: 0px;
	position: absolute;
	visibility: hidden;
}

#global-navi ul.menu-level2 a {
	background-color: #BAD5F7;
	background-image: url(../img/bg-btn-level2.jpg);
}

#global-navi ul.menu-level2 a:hover {
	background-color: #3C4E65;
}

#menu-news ul {
	top: 125px;
	left: 215px;
}

#menu-outline ul {
	top: 301px;
	left: 215px;
}

#menu-outline3 ul {
	top: 390px;
	left: 215px;
}



#menu-news:hover ul,#menu-outline:hover ul,#menu-outline3:hover ul {
	visibility: visible;
}


/* ------------------------------
サブナビゲーション
------------------------------ */
#sub-navi {
	width: 520px;
	height:50px;
	font-size: small;
	position: relative;
	background: url(../img/bg-head.jpg) #3C4E65 repeat-x left bottom;
}
 
#sub-navi ul {
	padding: 10px 0px;
}

#sub-navi ul li {
	margin-right: 10px;
	float: left;
}
 
#sub-navi ul a {
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	display: block;
	position: relative;
	z-index: 10;
}

#sub-navi ul a:hover {
	color: #993300;
}

#menu-blog a { width: 110px; }
#menu-support a { width: 130px; }
#menu-faq a { width: 110px; }
#menu-inquiry a { width: 110px; }


#sub-navi li.background {
	background: url(../img/fancymenu/bg-menu-right.gif) no-repeat top right;
	position: absolute;
	z-index: 8;
	visibility: hidden;
}
 
#sub-navi li.background .left {
	height: 30px;
	background: url(../img/fancymenu/bg-menu.gif) no-repeat top left;
	margin-right: 9px;
}

.table {
line-height: 50%;
}

.tbth { background: #ffccff; }

#banner {
	padding-left: 5px;
        margin-bottom: -10px;
}

#spc {
        margin-top: -10px;
}

#spc2 { margin-top: 3px;
        margin-left: 560px;
}

#spc3 { margin-top: 3px;
        margin-left: 490px;
}