/* INFO
-----------------------------------------------
Media:      Screen
FileName:   base.css
Build:      2006.10.16
----------------------------------------------- */
/* Base
-------------------------------------------------- */
body {
margin:0px;
padding:0px;
text-align: center; /* for IE */
font-family:Verdana,Helvetica,sans-serif;
color:#444;
}
p {
margin:5px 5px 10px 5px;
padding:0px 0px 0px 0px;
line-height:135%;
font-size: 13px; /* モダンブラウザ向け */
_font-size: x-small; /* IE向け */
}
.p_red {
margin:5px 5px 5px 5px;
padding:0px 0px 0px 0px;
font-size: 13px; /* モダンブラウザ向け */
_font-size: x-small; /* IE向け */
color:#D81407;
}
.p_small {
margin:5px 5px 10px 0px;
padding:0px;
line-height:135%;
font-size: 12px; /* モダンブラウザ向け */
_font-size: x-small; /* IE向け */
}
a {
color:#0A50AI;
text-decoration:none;
}
a:hover {
color:#FFA133;
text-decoration:none;
}
.base {
text-align: center; /* for IE */
margin:0px auto;
padding:0px;
background:url(../img/back.gif) center repeat-y #FFF;
}
.rapper {
text-align: center; /* for IE */
width:750px;
display:table;
margin:0px auto;
}
.main01 {
	width:750px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color: #FFF;
}
.main02 {
	width:750px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color: #FFF;
}
h1 {  
font-size: 10px; 
color: #444;  
}
.logo {
margin:0px;
}
.logo a,
.logo div {
width:750px;
height:25px;
display:block;
text-indent:-9999px;
}

.logo#img {background:url(../img/top.gif) no-repeat center center;}

.cover {
margin:0px;
}
.cover div {
width:700px;
height:280px;
display:block;
text-indent:-9999px;
margin:5px 0px 20px 0px;
}

.cover#top {background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/top_flash.gif) no-repeat center center;}


.header {
display:table;
width:750px;
height:60px;
background:#FFF;
}
.header h1 {
margin:0px;
width:750px;
background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_head03.gif) no-repeat right center #FFF;
text-indent:-9999px;
float:left;
}
.header h1 a {
display:block;
width:300px;
height:60px;
}
.header h2 {
margin:0px;
width:192px;
background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/logo2.gif) no-repeat center center #FFF;
text-indent:-9999px;
float:left;
}
.header h2 a {
display:block;
width:192px;
height:90px;
}
.line {
background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/footer_line.gif);
height:0 bottom;
margin:5px 0px 5px 0px;
}
.footer {
margin:0px;
padding:0px auto;
color:#444;
line-height:135%;
background-color:#FFF;
}
.footer a {
padding: 0 0 0 0px;
background-color:#FFF;
}
.dotline{
background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/dotline.gif) repeat-x;
margin:10px 0px 10px 0px;
height:2px;
}


/* TOP-Navi
-------------------------------------------------- */
.tc {
width:595px;
margin: 0px 0px 0px 0px;
float:left;
background: #FFFFFF;
}
#topnavi ul {
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:40px;
}
#topnavi li {
float:left;
display:block;
height:40px;
list-style-type:none;
margin:0px 5px 0px 0px;
padding:5px 0px;
}
#topnavi li a{
display:block;
width:145px;
height:40px;
text-decoration:none;
text-indent:-9999px;
background-position: 0 0;
background-repeat: no-repeat;
}

li#menu_top1 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/top_button01_a.gif) no-repeat left top;}
li#menu_top2 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/top_button02_a.gif) no-repeat left top;}
li#menu_top3 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/top_button03_a.gif) no-repeat left top;}
li#menu_top4 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/top_button04_a.gif) no-repeat left top;}
li#menu_top1 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/top_button01_b.gif) no-repeat left top;}
li#menu_top2 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/top_button02_b.gif) no-repeat left top;}
li#menu_top3 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/top_button03_b.gif) no-repeat left top;}
li#menu_top4 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/top_button04_b.gif) no-repeat left top;}

/* Left-Navi
-------------------------------------------------- */
.lc {
width:180px;
margin:0px 0px 0px 0px;
float:left;
background: #FFF;
}
#navigation ul {
width:180px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#navigation li {
float:left;
height:30px;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px;
}
#navigation li a{
display:block;
width:180px;
height:30px;
text-decoration:none;
text-indent:-9999px;
background-position: 0 0;
background-repeat: no-repeat;
}

li#menu1 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_winter_a.gif) no-repeat left top  ;}
li#menu2 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_fun1000_a.gif) no-repeat left top  ;}
li#menu3 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_summer_a.gif) no-repeat left top  ;}
li#menu4 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_candy_a.gif) no-repeat left top  ;}
li#menu5 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_eco_a.gif) no-repeat left top  ;}
li#menu1 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_winter_b.gif) no-repeat left top  ;}
li#menu2 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_fun1000_a.gif) no-repeat left top;}
li#menu3 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_summer_a.gif) no-repeat left top;}
li#menu4 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_candy_a.gif) no-repeat left top;}
li#menu5 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_eco_a.gif) no-repeat left top;}


#navigation2 ul {
width:180px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#navigation2 li {
float:left;
height:30px;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px;
}
#navigation2 li a{
display:block;
width:180px;
height:30px;
text-decoration:none;
text-indent:-9999px;
background-position: 0 0;
background-repeat: no-repeat;
}

li#info1 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_what_a.gif) no-repeat left top  ;}
li#info2 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_company_a.gif) no-repeat left top  ;}
li#info3 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_mail_a.gif) no-repeat left top  ;}
li#info1 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_what_b.gif) no-repeat left top  ;}
li#info2 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_company_b.gif) no-repeat left top  ;}
li#info3 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/button_mail_b.gif) no-repeat left top  ;}

.side_menu {
float:left;
width:180px;
background:#FFFFFF;
margin:0px 10px 0px 15px;
}
#navigation3 ul {
width:180px;
position:relative;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}
#navigation3 li {
float:left;
height:50px;
list-style-type:none;
margin:0px 0px 5px 0px;
padding:0px;
}
#navigation3 li a{
display:block;
width:180px;
height:50px;
text-decoration:none;
text-indent:-9999px;
background-position: 0 0;
background-repeat: no-repeat;
}

li#side_menu1 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button01_a.gif) no-repeat left top  ;}
li#side_menu2 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button02_a.gif) no-repeat left top  ;}
li#side_menu3 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button03_a.gif) no-repeat left top  ;}
li#side_menu4 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button04_a.gif) no-repeat left top  ;}
li#side_menu5 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button05_a.gif) no-repeat left top  ;}
li#side_menu6 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button06_a.gif) no-repeat left top  ;}
li#side_menu7 a{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button07_a.gif) no-repeat left top  ;}
li#side_menu1 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button01_b.gif) no-repeat left top  ;}
li#side_menu2 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button02_b.gif) no-repeat left top  ;}
li#side_menu3 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button03_b.gif) no-repeat left top  ;}
li#side_menu4 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button04_b.gif) no-repeat left top  ;}
li#side_menu5 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button05_b.gif) no-repeat left top  ;}
li#side_menu6 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button06_b.gif) no-repeat left top  ;}
li#side_menu7 a:hover{background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/common_button07_b.gif) no-repeat left top  ;}


/* Right-Phote
--------------------------------------------------*/
.rc {
width:480px;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
background: #FFF;
}
.rc .phote{
width:480px;
height:300px;
float:right;
margin:15px 0px 0px 0px;
background-color:FFF;
background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/img/top_gazo.gif);
}


/* News
-------------------------------------------------- */
.news {
width:270px;
margin:0px 20px 0px 10px;
float:left;
background: #FFF;
}
#news ul {
width:270px;
position:relative;
margin:0px;
padding:0px 5px 5px 10px;
}
#news li {
float:left;
height:250px;
list-style-type:none;
margin:0px 0px 5px 0px;
padding:0px;
}
#news li a{
display:block;
width:270px;
height:250px;
text-decoration:none;
text-indent:-9999px;
background-position: 0 0;
background-repeat: no-repeat;
}
.news_line{
width:266px;
margin:0px 20px 0px 10px;
float:left;
background: #FFF;
border-width : 2px 2px 2px 2px;
border-style:dashed dashed dashed dashed;
border-color:#999999;
padding:0px;
}


/* About
-------------------------------------------------- */
.about{
width:490px;
margin:0px 0px 0px 0px;
float:left;
background:#FFF;
border-color:#999999;
}



/* Top image
-------------------------------------------------- */
.lc {
width:780px;
margin:10px 5px 10px 5px;
float:left;
border-right:2px solid #000;
border-top:2px solid #000;
background: #FFF;
}
.cover {
margin:10px 5px 10px 5px;
}
.cover#company {background:url(file:///ID1/Users/pbg4/Sites/pacでgetしたフォルダ/club/company/img/company_-main-photo.jpg) no-repeat center top;}

.cover a
.cover div {
width:780px;
height:180px;
display:block;
text-indent:-9999px;
}


/* 下層コンテンツ
-------------------------------------------------- */
.right_contents {
	float:left;
	width:500px;
	background:#FFFFFF;
	margin: 0px 0px 50px 5px;
}


/* Right list
-------------------------------------------------- */
.right_list01{
width:498px;
margin:0px 0px 0px 0px;
float:left;
background: #FFF;
border-width : 1px 1px 1px 1px;
border-style:solid solid solid solid;
border-color:#D30000;
padding:0px;
}
.right_list02{
	width:500px;
	margin:10px 0px 0px 0px;
	float:left;
	background: #F2F2F2;
	padding:0px;
	border: 1px solid #999999;
}
.right_list03 {
width:500px;
margin:10px 0px 0px 0px;
float:left;
background: #FFFFCC;
border-width : 1px 1px 1px 1px;
border-style:dashed dashed dashed dashed;
border-color:#999999;
padding:0px;
}

/* mail form
-------------------------------------------------- */
* {
font-size: 12px;
color: #232323;
margin: 0px;
}
div.header {
padding: 10px;
background-color: #0B479F;
}
table.mailform {
margin: 0px auto 0px auto;
}
table.mailform td p {
font-size: 9px;
color: #0B479F;
display: block;
margin: 0px;
}
table.mailform td span {
font-size: 10px;
}
.right_list04 {
	width:500px;
	margin:10px 0px 0px 0px;
	float:left;
	background: #FFFFFF;
	padding:0px;
	border: 1px solid #999999;
}
.right_list05 {
	width:500px;
	margin:10px 0px 0px 0px;
	float:left;
	background: #FFFFFF;
	padding:0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.p_small_link {
	margin:5px 5px 10px 0px;
	padding:0px;
	line-height:135%;
	font-size: 12px; /* モダンブラウザ向け */
	_font-size: x-small; /* IE向け */
	color: #0033CC;
	text-decoration: underline;
}


/* eco
-------------------------------------------------- */
.eco_table {
border:1px solid #23AC38;
padding:10px;
margin-bottom:30px;
}
.eco_table img{
margin:5px;
}
.eco_bar {
padding:5px;
background:#23AC38;
line-height:140%;
font-size:14px;
font-weight:bold;
color:#FFFFFF;}

.txt-s{font-size:10px;}

.float-r {float:right;}

.photo {
padding: 5px;
margin-right: 20px;

}
.repeat {
	background-image: url(../img/eco_line3.gif);
	background-repeat: repeat-y;
}