@charset "utf-8";

/*--------------------------------------------------
  == ********** Main Style ==
  --------------------------------------------------
  File       : jpcommon_main.css
  Date       : 2007.03.01
  Last Update: 2007.03.01
--------------------------------------------------*/

body{
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}


/*== head ==============================*/

div#head{
	width: 880px;
	margin-bottom: 10px;
}

div#headWin{
	padding-bottom: 1px;
	background: url(/common/images/line01.gif) repeat-x bottom left;
}

div#head h1{
	float: left;
	width: 210px;
}

div#head #logoArea {
	float: left;
	width: 440px;
	padding: 10px 0 0 0;
}

div#head #subNaviArea {
	float: right;
	width: 440px;
}

div#headInner {
	width: 880px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: url(/common/images/line01.gif) repeat-x 0 100%;
}

/* Global Link
-------------------------------------*/
div#head #gLink{
	float: left;
	margin: 24px 0 0 6px;
	z-index: 50;
	width: 120px;
}

div#head #gLink a{
	display: block;
	width: 120px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	background: top left no-repeat;
}

div#head #gLink li.gLink01 a{
	background-image: url(/common/images/head/glink01.gif);
}


/* Global Navi
-------------------------------------*/
div#head #gn{
	z-index: 20;
	margin: 5px 0 0 0;
	width: 880px;
	height: 35px;
}

div#head #gn li{
	float: left;
}

div#head #gn li a{
	display: block;
	width: 110px;
	height: 35px;
	text-indent: -9999px;
	text-decoration: none;
	background: top left no-repeat;
}

div#head #gn li a,
div#head #gn li a:visited,
div#head #gn li a:hover{
/*	text-decoration: none!important;*/
}

div#head #gn li.gn01 a{
	background-image: url(/common/images/head/gn01.gif);
}

div#head #gn li.gn02 a{
	background-image: url(/common/images/head/gn02.gif);
}

div#head #gn li.gn03 a{
	background-image: url(/common/images/head/gn03.gif);
}

div#head #gn li.gn04 a{
	background-image: url(/common/images/head/gn04.gif);
}

div#head #gn li.gn05 a{
	background-image: url(/common/images/head/gn05.gif);
}
div#head #gn li.gn06 a{
	background-image: url(/common/images/head/gn06.gif);
}

div#head #gn li.gn07 a{
	background-image: url(/common/images/head/gn07.gif);
}

div#head #gn li.gn08 a{
	background-image: url(/common/images/head/gn08.gif);
}

div#head #gn a:hover{
	background-position: 0 -35px;
}

/* MYPAGE INFOMATION
-------------------------------------*/
#mypageInfo {
	width: 880px;
	background: url(/common/images/bg_loginbottom.gif) #F0F0F0 no-repeat 0 100%;
}

#mypageInfo #mypageInfoInner {
	width: 860px;
	padding: 8px 10px 8px 10px;
	background: url(/common/images/bg_logintop.gif) no-repeat 0 0;
}

#mypageInfo #mypageInfoTop {
	width: 860px;
	vertical-align: top;
	text-align: left;
}

#mypageInfo.logout {
	width: auto;
	padding: 8px 10px 8px 10px;
	background: none;
}

#mypageInfo #mypageInfoLeft {
	float: left;
	width: 640px;
	padding: 3px 0 0 0;
}

#mypageInfo #mypageInfoRight {
	float: right;
	width: 211px;
}

#mypageInfo .nameArea {
	display: inline;
}

#mypageInfo .nameArea .name{
	font-size: 120%!important;
	font-weight: bold;
}


#mypageInfo #mypageInfoLeft .ttl {
	font-weight: bold;
}

#mypageInfo .kindArea{
	float: left;
	margin-right: 10px;
	display: inline;
	vertical-align: top;
}

#mypageInfo .pointArea{
	float: left;
	margin-right: 10px;
	display: inline;
	vertical-align: top;
}

#mypageInfo .limitArea{
	float: left;
	margin-right: 10px;
	display: inline;
	vertical-align: top;
}

#mypageInfo .anno{
	float: left;
	color: #CC0000;
	display: inline;
	font-size: 80%;
	vertical-align: top;
}

#mypageInfo #btnMypage {
	float: left;
	width: 100px;
	height: 20px;
}

#mypageInfo #btnMypage a {
	display: block;
	width: 100px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/common/images/head/btn_mypage.gif) no-repeat top left;
}

#mypageInfo #btnLogin {
	float: left;
	width: 101px;
	height: 20px;
	margin: 0 10px 0 0;
}

#mypageInfo #btnLogin a {
	display: block;
	width: 101px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/common/images/head/btn_login.gif) no-repeat top left;
}

#mypageInfo #btnLogout {
	float: left;
	width: 101px;
	height: 20px;
	margin: 0 10px 0 0;
}

#mypageInfo #btnLogout a {
	display: block;
	width: 101px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/common/images/head/btn_logout.gif) no-repeat top left;
}

/* iframe
-------------------------------------*/
div#head iframe {
	border: 0;
}

/* sub Navi A
-------------------------------------*/
div#head ul#gnSubA{
	z-index: 30;
	margin: 0 0 0 188px;
	width: 252px;
}

div#head ul#gnSubA li{
	float: left;
}

div#head ul#gnSubA li a{
	display: block;
	height: 30px;
	text-indent: -9999px;
	text-decoration: none;
	background: top left no-repeat;
}

div#head ul#gnSubA li.gnSubA01 {
	width: 142px;
}

div#head ul#gnSubA li.gnSubA01 a{
	width: 142px;
	background-image: url(/common/images/head/gnsuba01.gif);
}

div#head ul#gnSubA li.gnSubA02 {
	width: 110px;
}

div#head ul#gnSubA li.gnSubA02 a{
	width: 110px;
	background-image: url(/common/images/head/gnsuba02.gif);
}

div#head ul#gnSubA a:hover{
	background-position: 0 -30px;
}

/* sub Navi B
-------------------------------------*/

div#head ul#gnSubB{
	width: 296px;
	height: 24px;
	margin: 0 0 0 134px;
}

div#head ul#gnSubB li{
	height: 24px;
	margin: 6px 0 0 0;
	float: left;
}

div#head ul#gnSubB li a{
	display: block;
	height: 24px;
	text-indent: -9999px;
	text-decoration: none;
	background: top left no-repeat;
}

div#head ul#gnSubB li.gnSubB01 {
	width: 95px;
}

div#head ul#gnSubB li.gnSubB01 a{
	width: 95px;
	background-image: url(/common/images/head/gnsubb01.gif);
}

div#head ul#gnSubB li.gnSubB02 {
	width: 90px;
}

div#head ul#gnSubB li.gnSubB02 a{
	width: 90px;
	background-image: url(/common/images/head/gnsubb02.gif);
}

div#head ul#gnSubB li.gnSubB03 {
	width: 111px;
}

div#head ul#gnSubB li.gnSubB03 a{
	width: 111px;
	background-image: url(/common/images/head/gnsubb03.gif);
}

div#head ul#gnSubB a:hover{
	background-position: 0 -24px;
}