@charset "UTF-8";
@import "reset.css";

/* +++++ 全般設定 +++++ */
p	{
	font-size: 0.75em;
	text-align: justify;
	line-height: 150%;
	color: #333333;
	}
a:link	{
	text-decoration: none;
	color: #0066cc;
	}
a:visited	{
	text-decoration: none;
	color: #000066;
	}
a:hover	{
	text-decoration: underline;
	color: #cc0000;
	}

/* +++ ボディ設定 +++ */
html        {
	 background: #003579 url(http://www.jjcollection.jp/images/all/jjc2009bg.jpg) no-repeat fixed;
	 width: 100%;
	 height: 100%;
	 }
html>body #logo	{
	position: fixed;
	z-index: 1;
	top: 25px;
	left: 30px;
	}
html>body #base	{
	text-align: center;
	padding-right: 200px;
	padding-left: 210px;
	z-index: 1;
	top: 0;
	}
html>body #contents  {
	margin: auto;
	width: 720px;
	float: none ;
	}
	
/* +++ メインコンテンツ設定 +++ */
#maintop	{
	text-align: center;
	}
#mainfoot	{
	text-align: center;
	}
#mainhead	{
	 background-image: url(http://www.jjcollection.jp/images/all/bodybg_m.png);
	 background-repeat: repeat-y;
	width: 720px;
	height:40px;
	margin-top: -12px;
	}
#mainbody	{
	 background-image: url(http://www.jjcollection.jp/images/all/bodybg_m.png);
	 background-repeat:  repeat-y;
	width: 720px;
	}

#leftcontents	{
	float:left;
	width:485px;
	margin:15px 0 0 25px;
	text-align:left;
	}
#leftcontents h2	{
	background-image:url(http://www.jjcollection.jp/images/all/titlebar485red.jpg);
	background-repeart: no-repeart;
	width:485px;
	height:30px;
	margin-bottom:5px;
	font-size:0.9em;
	font-weight:bold;
	color:#ffffff;
	line-height:220%;
	text-indent:20px;
	margin-bottom:10px;
	}

#rightcontents	{
	float:right;
	width:170px;
	margin:15px 25px 10px 0;
	}

/* +++ メインメニュー +++ */
#mainmenu ul	{
	margin-top:12px;
	padding: 0 25px;
	list-style: none;
	}
#mainmenu li	{
	text-indent: -9999px;
	}
#mainmenu li,#mainmenu a	{
	}
#m01 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.png);
	background-repeat: no-repeat;
	background-position:0px 0px;
	display: block;
	width: 110px;
	height: 30px;
	outline-style:none;
	}
#m02 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.png);
	background-repeat: no-repeat;
	background-position:-115px 0px;
	display: block;
	width: 110px;
	height: 30px;
	position:relative;
	left:115px;
	top:-30px;
	outline-style:none;
	}
#m03 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.png);
	background-repeat: no-repeat;
	background-position:-230px 0px;
	display: block;
	width: 110px;
	height: 30px;
	position:relative;
	left:230px;
	top:-60px;
	outline-style:none;
	}
#m04 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.png);
	background-repeat: no-repeat;
	background-position:-345px 0px;
	display: block;
	width: 110px;
	height: 30px;
	position:relative;
	left:345px;
	top:-90px;
	outline-style:none;
	}
#m05 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.png);
	background-repeat: no-repeat;
	background-position:-460px 0px;
	display: block;
	width: 110px;
	height: 30px;
	position:relative;
	left:460px;
	top:-120px;
	outline-style:none;
	}
#m06 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.png);
	background-repeat: no-repeat;
	background-position:-575px 0px;
	display: block;
	width: 110px;
	height: 30px;
	position:relative;
	left:575px;
	top:-150px;
	outline-style:none;
	}
#m01 a:hover {
	background-position:0px -30px;}
#m02 a:hover {
	background-position:-115px -30px;}
#m03 a:hover {
	background-position:-230px -30px;}
#m04 a:hover {
	background-position:-345px -30px;}
#m05 a:hover {
	background-position:-460px -30px;}
#m06 a:hover {
	background-position:-575px -30px;}

#footer	{
	clear:both;
	border-top:1px solid #333333;
	margin:0 25px;
	padding-top:5px;
	}
#footer p	{
	font-size:0.7em;
	text-align:center;
	line-height: 120%;
	}

/* +++++ パンくず +++++ */
.breadcrumbs	{
	margin:10px 0 0 25px;
	padding-left:5px;
	border-left:5px solid #990000; 
	}

/* +++++ 右広告バナー +++++ */
#adbanner	{
	}
	



/* +++ IE6 +++ */
*html #logo	{
	position:relative;
	top:25px;
	left:20px;
	}
*html #base    {
    padding-left:210px;
    margin-top:-360px;
	}
*html #maintop	{
	text-align:left;
}
*html #mainhead	{
	text-align:left;
	margin-top:0;
	}
*html #mainfoot	{
	margin-top:0;
	text-align:left;
	}
*html #mainmenu ul	{
	margin:0;
	padding:0 25px;
	}
*html #mainimage	{
	margin:-100px 0 0 25px;
	}
*html subimage	{
	margin:-100px 0 0 25px;
	}
*html #leftcontents	{
	margin-left:12px;
	margin-top:10px;
	width:485px;
	padding:0;
	}
*html #rightcontents	{
	margin-right:10px;
	margin-top:10px;
	}
*html .entrybody	{
	margin:10px 0;
	}


/* +++ IE7 +++ */

*:first-child+html #mainhead	{
	margin-top: -3px;
	}
*:first-child+html #mainfoot	{
	text-align: left;
	}
*:first-child+html #mainmenu ul	{
	margin-left:-560px;
	list-style: none;
	}
*:first-child+html #mainimage	{
	margin-top:15px;
	}
*:first-child+html #subimage	{
	margin-top:15px;
	}
*:first-child+html #leftcontents	{
	margin-top:10px;
	}
*:first-child+html .entrybody	{
	margin:10px 0;
	}


*html #m01 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.gif);
	}
*html #m02 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.gif);
	}
*html #m03 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.gif);
	}
*html #m04 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.gif);
	}
*html #m05 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.gif);
	}
*html #m06 a {
	background-image: url(http://www.jjcollection.jp/images/all/mainmenu.gif);
	}

/* 透過png */
* html #logo { behavior: expression(IEPNGFIX.fix(this)); }
* html #mainhead { behavior: expression(IEPNGFIX.fix(this)); }
* html #mainbody { behavior: expression(IEPNGFIX.fix(this)); }