@charset "utf-8";
/* CSS Document */
body {
font-size:75%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#555555;
margin:0;
padding:0;
background-color:#EFEFEF;
}
a img {
border:0;
}
a:link {
color: #555555;
text-decoration: none;
}
a:visited {
color:#555555;
text-decoration: none;
}
a:hover {
color:#999999;
text-decoration:underline;
}
a:active {
color:#FF6600;
}
a:hover img{
opacity:0.80;
-moz-opacity:0.80;
filter: alpha(opacity=80);
}
.style1 {
	color: #0000FF;
	font-weight: bold;
}
.style2 {
	color: #990000
}
h1 {
font-size:80%;
font-weight:normal;
color:#555555;
margin:0;
padding:0;
}
h2 {
font-size:80%;
font-weight:normal;
color:#555555;
}
.text01 {
font-size:100%;
color:555555;
line-height:1.5;
}
.text02 {
font-size:100%;
color:#555555;
line-height:1.5;
}
.text03 {
font-size:90%;
color:555555;
line-height:1.3;
}
.text04 {
font-size:90%;
color:#CC0000;
line-height:1.5;
}
.text05 {
font-size:100%;
color:#FFFFFF;
line-height:1.5;
}
.text06 {
font-size:100%;
color:#555555;
line-height:3.0;
}
.text80p {
font-size:80%;
color:#666666;
line-height:1.5;
}
.textindex {
font-size:100%;
color:#FFFFFF;
line-height:2.0;
}
.textfooter {
font-size:90%;
color:555555;
line-height:2.0;
}
.textsidenavi {
font-size:90%;
color:#555555;
line-height:1.3;
}
.textsidenavi2 {
font-size:65%;
color:#555555;
line-height:1.3;
}
.footernavi {
font-size:100%;
color:#555555;
line-height:1.5;
}
.latestnews {
width:580px;
height:200px;
border:solid 1px #CCCCCC;
overflow-y:scroll;
overflow-x:hidden;
padding:0px;
scrollbar-base-color:#CC0000;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
}
td img {
display: block;
}
#indexrightbox {
	width:390px;
	margin:0 0 0 5px;
}
#coordinatebox {
	padding:5px;
	border-bottom:1px solid #000;
}

/*  Below New Style */

#wrapper {
	width:100%;
	margin:0;
	padding:0;
}
#wrapperbg {
	width:840px;
	margin:0 auto;
	padding:0;
	background:url(../img/mainsidebg.gif) repeat-y;
}
#wrapperbottom {
	background:url(../img/mainbottombg.gif) top no-repeat;
	margin:0;
	padding:12px;
}
#mainbox {
	width:800px;
	margin:0 auto;
	padding:0;
}
#mainheadtext {
	margin:0;
	padding:0;
}
#pankuzubox {
	margin:5px 0 5px 0;
	padding:3px 0 3px 3px;
}
#maincontents {
	margin:0;
	padding:0;
	height:300px;
}
#fotter {
	margin:20px 0 0 0;
	padding:0;
}
#fotternavi {
	margin:0;
	padding:0;
	
}
#fotternavi ul {
	list-style:none;
	margin:0;
	padding:0;
}
#fotternavi li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
}

#leftmenu {
width:180px;
float:left;
}
#leftmenu .navigation {

margin:0;
padding:5px;
}
#leftmenu .navigation li {
margin:0;
padding:0;
}
#leftmenu .navigation ul {
list-style:none;
margin:0;
padding:0;
height:30px;
}
#leftmenu .navigation a {
display:block;
width:100%;
padding:6px 0 8px 0;
text-align:left;
border-bottom:1px dotted #CCCCCC;
}
#contents {
width:600px;
float:right;
margin-left:20px;
text-align:left;
}
#contents .box01 {
width:400px;
margin-top:10px;
float:left;
}
#contents .box02 {
float:right;
width:180px;
margin-top:10px;
font-size:80%;
line-height:2.0;
}
#contents .space {
clear:both;
}
#contents h2 {
font-size:100%;
color:#666666;
background-color:#EFEFEF;
border-left:5px solid #CC0000;
border-bottom:1px solid #CCCCCC;
margin:0 ;
padding:5px;
}

#topmid {
width:790px;
height:225px;
text-align:left;
background:url(../img/index-top-img.jpg) top no-repeat;
margin:0;
padding:75px 0 0 10px;
}
#topmid .text {
width:330px;
font-size:100%;
color:#FFFFFF;
line-height:1.8;
margin:0;
padding:0;
}
#topmid .text h2 {
font-size:100%;
font-weight:normal;
color:#FFFFFF;
margin: 3px 0 0 0;
padding:0;
}
#latestnewbox {
	width:570px;
	height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	margin:0;
	padding:0;
	border:solid 1px #CCCCCC;
	scrollbar-base-color:#000000;
	scrollbar-track-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#666;
}
#rightbox .linkbox {
width:600px;
text-align:left;
font-size:100%;
margin-top:10px;
}
#rightbox .linkbox h2 {
font-size:100%;
font-weight:normal;
color:#666666;
margin:0px;
padding:5px;
background-color:#EEEEEE;
border-bottom:1px solid #CCCCCC;
border-left:10px solid #CC0000;
}
#rightbox .linkbox p {
margin:10px 0 5px 10px;
}

.pdfbox {
width:368px;
padding:10px;
margin:5px 0 5px 5px;
line-height:1.5;
border:1px dotted #CCCCCC;
}
.topscrollimg {
width:400px;
height:200px;
padding:0;
margin:0 0 5px 0;
}


/*アイテムメニュー関連*/
#container {
width:800px;
margin:10px 0 0 0;
padding:0;
background:url(../img/leftbox-bg.jpg) left repeat-y;
}
#leftbox {
width:160px;
margin:0;
padding:10px;
font-size:120%;
float:left;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
border-top:10px solid #CCCCCC;
}
#rightbox {
width:600px;
margin:0 0 0 20px;
float:right;
text-align:left;
}
#rightbox h1 {
font-size:120%;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:5px 0 5px 10px;
margin:0 0 10px 0;
border:1px solid #CCCCCC;
background-color:#EFEFEF;
}
#rightbox h2 {
font-size:130%;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:10px 0 15px 0;
margin:0;
}
#rightbox .intro {
margin:0 0 15px 0;
padding:15px;
border:1px solid #CCCCCC;
background-color:#EFEFEF;
line-height:1.7;
}
#rightbox .information {
width:588px;
height:150px;
padding:5px;
margin:0 0 10px 0;
border:1px solid #CCCCCC;
overflow-y:scroll;
overflow:hidden;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #666666;
}
#rightbox .information ul {
margin:0;
padding:0;
list-style:none;
}
#rightbox .information li {
font-size:95%;
margin-bottom:0.5em;
line-height:1.5;
padding:5px;
text-align:justify;
color:#666666;
}
#rightbox .information li.date {
font-size:100%;
font-weight:bold;
color:#666666;
background-color:#EFEFEF;
padding:3px;
list-style-type:square;
}
#rightbox .tablepoint {
	border:1px dotted #CCC;
	background-color:#FFF;
	line-height:1.6;
}
#rightbox .truebox {
	background-image:url(../mens/truereligion/images/000home-bg.jpg);
	height:406px;
	margin-bottom:10px;
}
#rightbox .truebox .flash {
	margin:10px 150px 0 150px;
	padding:10px 0 0 0;
}

#rightbox .basebox1 {
	margin:0;
	padding:0;
}

#rightbox .recruit {
	line-height:1.5;
}
#rightbox .recruittable {
	background-color:#CCCCCC;
	margin:15px 0 0 0;
}
#rightbox .recruittable th {
	margin:0;
}
#rightbox .recruittable td {
	margin:0;
	padding:7px;
}
#rightbox .recruittablein {
	margin:0;
	font-size:90%;
	background-color:#CCC;
}
#rightbox .recruittablein td {
	padding:4px;
}
#rightbox .recruittableinin {
	margin:0;
	font-size:100%;
	background-color:#CCC;
}
#rightbox .privatebox {
	margin:15px 0 0 0;
	padding:0;
}
/*  right Area */
#rightbox .brandlist {
}
#rightbox .brandlist h1 {
	margin:5px 0 5px 0;
	padding:3px;
	border-bottom:2px solid #CCC;
	background-color:#EFEFEF;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
}

#boxfooter {
	width:auto;
    clear:both;
    border-bottom:1px solid #CCCCCC;
    margin:15px 0 15px 0;
    padding:5px;
}
.leftmenu {
width:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
color:#666666;
font-weight:normal;
margin:7px 0 5px 0;
}
.leftmenu ul {
margin:0;
padding:0;
border-top:1px dotted #666666;
}
.leftmenu li {
margin:0;
padding:0;
display:block;
border-bottom:1px dotted #666666;
}
.leftmenu a {
padding:8px 0 8px 10px;
display:block;
}
.leftmenu a:hover {
color:#FFFFFF;
background-color:#990000;
}
.leftmenu p {
padding:2px;
margin:0;
font-weight:bold;
}