//* +++++++++++++++++++++ スタイルシート設定　・+++++++++++++++++++++ */

img {margin: 0;padding:0; border-width: 0;}

h1{
margin: 0;padding:0;}

h2 {
margin: 0;
padding: 0;
text-indent: -9999px;
color: #ffffff;
font-size: 1px;}

#main h3,#center h3{
margin: 8px 0 12px 0px;
padding: 5px 14px 7px 45px;
color: #333333;
font-size: 14px;
background-image: url('http://www.rarevalue.com/img/icon_h3_navy1.gif');
background-position: 0 0;
background-repeat: no-repeat;
letter-spacing: 1px;
}

#center h4{
margin: 24px 12px 12px 12px;
padding: 2px 8px 4px 12px;
text-align: left; color: #333333; 
border-left: 12px solid #000066; border-bottom: 2px dotted #cccccc;
line-height: 22px;
letter-spacing: 1px;
line-height: 20px;
}

#center h5{margin: 12px 0px 12px 24px;padding: 0px 8px 2px 16px; text-align: left; color: #333333;font-size: 12px;line-height: 22px; letter-spacing: 1px; background-image: url('http://www.rarevalue.com/img/bg_h5.gif');background-position: 0px 4px;background-repeat: no-repeat;}

.clear { clear: both;}

/* ++++++　全体のレイアウト　 ++++++ */

body {
background-color:#FFFFFF;
color:#4F4F4F;
font-family:"ＭＳ Ｐゴシック",Osaka,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
font-size:93%;
line-height:1.5em;
margin:0;
padding:0;
text-align:center;
	}

#header{ width: 100%; height:110px; margin: 0; padding:0;}

#container {
width: 1000px;
background-color: #ffffff; margin-top: 0; margin-left: auto; margin-right: auto; padding-top: 20px;text-align: left;
}

#center img {
         padding: 0;
         margin-bottom: 4px;
         border-width: 0;
}
#container img {padding:0; border-width: 0;}

#footer{clear: both;}

#main { 
        width: 860px;
        margin-top: 0px; 
        margin-left: 100px;
}

#center {
	width: 560px;
         float: left;
         margin-left: 104px;
         margin-top: 8px;
}

#center a, #main a {
	color: #666699;
}

#right {
        width: 320px;
        margin-top: 10px;
        float: right;
}


#right a {
	color: #666699;
         text-decoration: none;
         font-weight: bold;
}


#center iframe{
         margin-top: 12px;
         margin-left: 24px;
         margin-bottom: 12px;
}






/* ++++++ タイトルとナビゲーション部分のデザイン ++++++ */

#header #title {  width: 600px; height: 64px; margin-top: 24px; border-width: 0;
}

#navbar {width: 100%; height:40px; padding: 0px;margin: 0px; background:url('http://www.rarevalue.com/img/bg_nav_top.gif') repeat-x center;}

#navbar_inner {
width: 1000px;
height:40px;

margin: 0 auto;
text-align: center;
}

#navbar ul {
list-style:none; margin: 0 24px 0 0 ; padding: 0px;
}

#navbar ul li {margin: 0; padding: 0px; list-style:none; float: right; display:block; line-height: 32px;}

#navbar ul a { width:96px; height:40px; display:block; text-indent: -320px; overflow: hidden;}

#navbar a.button1 { margin: 0px; padding: 0px; background-image:url('http://www.rarevalue.com/img/nav_home.gif');}

#navbar a:hover.button1 { margin: 0px; padding: 0px; background-position:0px -42px;}

#navbar a.button2 { margin: 0px; padding: 0px; background-image:url('http://www.rarevalue.com/img/nav_calender.gif');}

#navbar a:hover.button2 { margin: 0px; padding: 0px; background-position:0px -42px;}

#navbar a.button3 { margin: 0px; padding: 0px; background-image:url('http://www.rarevalue.com/img/nav_access.gif');}

#navbar a:hover.button3 { margin: 0px; padding: 0px; background-position:0px -42px;}

#navbar a.button4 { margin: 0px; padding: 0px; background-image:url('http://www.rarevalue.com/img/nav_company.gif');}

#navbar a:hover.button4 { margin: 0px; padding: 0px; background-position:0px -42px;}

#navbar a.button5 { margin: 0px; padding: 0px; background-image:url('http://www.rarevalue.com/img/nav_contact.gif');}

#navbar a:hover.button5 { margin: 0px; padding: 0px; background-position:0px -42px;}



#menu { width: 100%; height: 200px; padding: 0px; margin: 0 0 24px 0;}

#menu ul { list-style:none; margin: 10px 0 0px 6px; padding: 0px;}
#menu ul li {margin: 0px 12px; padding: 0px; width: 168px; height: 200px; list-style:none; float:left; display:block;
 background-image: url('http://www.rarevalue.com/img/bg_menu.jpg');background-position: 0px 0px;background-repeat: none;}
#menu ul a { width:168px; height: 200px; display:block; text-indent: -320px; overflow: hidden;
}

#menu a.button1 { margin: 0px; padding: 0px; background-image:url(http://www.rarevalue.com/img/bttn_sunroof.jpg);}

#menu a:hover.button1 { margin: 0px; padding: 0px; background-position:0px -200px;}

#menu a.button2 { background-image:url(http://www.rarevalue.com/img/bttn_heater.jpg);}

#menu a:hover.button2 { margin: 0px; padding: 0px; background-position:0px -200px;}

#menu a.button3 { background-image:url(http://www.rarevalue.com/img/bttn_cooler.jpg);}

#menu a:hover.button3 { margin: 0px; padding: 0px; background-position:0px -200px;}

#menu a.button4 { background-image:url(http://www.rarevalue.com/img/bttn_insurance.jpg);}

#menu a:hover.button4 { margin: 0px; padding: 0px; background-position:0px -200px;}





/* ++++++ 左右中央のボックスに関するスタイル　+++++++ */


.sidemenu{padding: 0px; color: #333333;margin-bottom: 20px; line-height: 120%}
.sidemenu p {font-size: 12px;padding-top: 2px; padding-bottom: 2px;}

#left .sidemenu a{color: #666666; font-weight:bold;font-size: 12px;text-decoration: none;}
#left .sidemenu a:hover {color: #000000; font-weight:bold;}#right .sidemenu a{color: #0066cc;}
.sidemenu ul{font-size: 12px;list-style-type:none;margin-top: 5px;margin-left: 2px;padding-left: 4px;}
#left .sidemenu li{ width: 100%; border-bottom: 1px dotted #999;padding-left: 0px;padding-bottom: 4px;padding-top: 5px;}
#right .sidemenu li{padding-left: 0px;padding-bottom: 2px;padding-top: 3px;}

/* ++++++ その他スタイル設定 ++++++ */
.entry p.posted{font-size: 10px;color: #aaaaaa;border-top: solid 2px #b1cbe3;padding-top: 6px;}
.entry p.entry-more-link{text-align: right;}

#footer {
margin-top: 24px;
background-image:url(http://www.cmssol.jp/_img/bg_footer1.jpg);
background-repeat: repeat-x;
font-size: 0.8em;
font-style: normal;
text-align: center;
}

#footer h3 {
padding: 24px 0 0;
font-weight: bold;
color: #333333;
font-size: 1.0em;
}

#footer a { text-decoration: none; font-weight: bold; color: #999999;}


#footer hr {margin-left: 8px;margin-right: 8px;border-color: #C2C2C2; border-style: solid; height: 1px}

#center p{ margin-top: 12px; margin-bottom: 12px; margin-left: 40px; margin-right: 12px; padding: 0px;}

#center p.imgcenter{text-align: center;}


#center p.txr{
text-align: right;
margin-top:8px;margin-right:20px; font-weight: normal;}

/*ul li
---------------------------------------------------------------------*/

#center ul { margin: 0 0 0 20px;}

#center ul li {
margin: 0 12px 0px 12px; 
padding-left: 6px;
font-size: 0.9em; 
font-weight: normal; 
list-style-image: url('http://www.rarevalue.com/img/bg_li1.gif');
line-height: 22px;
letter-spacing: 1px;
} 

#right ul {
 margin: 0 0 0 20px;
 list-style: none;
}

#right ul li {
margin: 4px 0 4px 0 ; 
padding: 2px 6px 2px 28px;

background-image: url('http://www.rarevalue.com/../img/icon_sol.gif') ;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}

#center blockquote  {
	margin: 12px 12px 12px 24px;
	padding: 8px 12px 8px 12px;
	display: block;
         background-color: #f0f0f0;
	border: 1px solid #cccccc;
         line-height: 150%
	}

#center blockquote ul {
	margin: 4px 12px 4px 4px;
	padding: 2px 0 2px 0px;
}





/*table
---------------------------------------------------------------------*/

#center table.pattern0 {

margin-top: 10px;
margin-left: 30px;
margin-right: 10px;

	border-collapse: collapse;
	color: #333333;
	border-width: 0;
        line-height: 150%;
	}

#center th.pattern0 {
	color: #333333;
	vertical-align: middle;
	text-align: right;
	font-size: 1.0em;
        background-color: #ffffff;
        padding: 4px 10px;
        line-height: 150%
	}

#center td.pattern0 {
	color: #333333;
	vertical-align: middle;
        background-color: #ffffff;          
        padding: 4px 10px;
	font-size: 1.0em;
        line-height: 150%
	}

#center td.pattern0c {
	color: #333333;
	text-align: center;
	vertical-align: middle;      
        padding: 4px 10px;
	font-size: 1.0em;
        line-height: 150%
	}

#center table.pattern1 {

margin-top: 10px;
margin-left: 30px;
margin-right: 10px;

	color: #333333;
	border-top: 1px solid #999999;
        border-left: 1px solid #999999;
        line-height: 150%
	}

#center th.pattern1 {
	color: #333333;
	vertical-align: middle;
	text-align: left;
	font-size: 1.0em;
        background-color: #cccccc;
        border-bottom: 1px solid #999999;
        border-right: 1px solid #999999;
        padding: 4px 10px;
        line-height: 150%
	}

#center th.pattern1c {
	color: #333333;
	vertical-align: middle;
	text-align: center;
	font-size: 1.0em;
        background-color: #cccccc;
        border-bottom: 1px solid #999999;
        border-right: 1px solid #999999;
        padding: 4px 10px;
        line-height: 150%
	}

#center td.pattern1 {
	color: #333333;
	vertical-align: middle;
        text-align: left;
        border-bottom: 1px solid #999999;
        border-right: 1px solid #999999;
        padding: 4px 10px;
	font-size: 1.0em;
        line-height: 150%
	}

#center td.pattern1c {
	color: #333333;
	vertical-align: middle;
	text-align: center;
        border-bottom: 1px solid #999999;
        border-right: 1px solid #999999;
        padding: 4px 10px;
	font-size: 1.0em;
        line-height: 150%
	}

#center table.pattern2 {

margin-top: 10px;
margin-left: 30px;
margin-right: 10px;
margin-bottom: 20px;

	border-collapse: collapse;
	color: #333333;
	border-width: 0;
        line-height: 150%;
	}


#center th.pattern2  {
	text-align: left;
	font-size: 1.0em;
	color: #333333;
	border-bottom: 1px solid #cccccc;
        padding: 4px 10px 4px 25px;
        line-height: 150%
	}

#center td.pattern2  {
	color: #333333;
	vertical-align: middle;
	border-bottom: 1px solid #cccccc;  
        padding: 4px 10px;
	font-size: 1.0em;
        line-height: 150%
	}

table.pattern3 {
        margin: 16px 0 16px 20px;
	border-collapse: collapse;
	color: #333333;
	border: 1px solid #999999;
        line-height: 150%
	}

th.pattern3c {
	color: #333333;
	vertical-align: middle;
	text-align: center;
	font-size: 1.0em;
        background-color: #cccccc;
        border-bottom: 1px solid #999999;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        font-size: 12px;
        padding: 4px 10px;
        line-height: 150%
	}

td.pattern3 {
	color: #333333;
	vertical-align: middle;
        background-color: #fff;
	text-align: left;
        border-bottom: 1px solid #999999;
        border-left: 1px solid #999999;                
        padding: 4px 10px;
	font-size: 1.0em;
        line-height: 150%
	}

td.pattern3c {
	color: #333333;
	vertical-align: middle;
	text-align: center;
        background-color: #fff;
        border-bottom: 1px solid #999999;
        border-left: 1px solid #999999;                
        padding: 4px 10px;
	font-size: 1.0em;
        line-height: 150%
	}

#container dl.compact {
        margin-left: 40px;
        margin-bottom: 20px;
}

#container dl.compact dt {
clear:left;
display:block;
float:left;
width:230px;
}

#right h4 {
margin: 0 0 0 48px;
font-size: 0.8em;
color: #000033;
font-weight: strong;
}

#right p {
margin: 0 0 0 48px;
padding: 0;
font-size: 0.78em;
color: #000033;
font-weight: normal;
}

#right h3 {
margin: 4px 0 4px 40px ; 
padding: 2px 6px 2px 28px;

background-image: url('http://www.rarevalue.com/../img/icon_sol.gif') ;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
font-size: 1.0em;
}