body {background:#fff;margin:0;padding:0;font-family:helvetica,sans-serif;}
#whole {width:100%;text-align:center;background:#fff;}
#main {width:910px;margin:0 auto;text-align:left;background:#fff;padding:20px;}
a img {	border:0 !important; background:none !important;}

a:link, a:active, a:visited  {color:#ff4200;background:none;}
a:hover {background:#ff4200;color:#000;text-decoration:none;}

#header {width:100%; padding:0px 0 15px 0;height:50px;}
#footer {border-top:4px solid #000;padding:10px 0;text-align:left;}

#pagetop {text-align:right;padding:0 0 5px 0}


.h-l {width:460px;float:left;background:#fff;}
.h-r {width:450px;float:left;background:#fff;text-align:right;padding-top:40px;}

#right a {text-decoration:none;}

.s-line {padding:5px 0;}


/*contents*/
#contents {width:100%;}

#topimg { padding:5px 0 5px 0;background:#000;}

#left {width:650px;float:left;padding-top:15px;}
#right {width:240px;float:right;padding-top:15px;padding-left:0px;}

#about_d a, #about_map a, #links a {background:#fff;text-decoration:none;}

#blog_h, #about_h, #weselected_h, #sf_h ,#sfbn_h{border-bottom:4px solid #000;height:25px;}

#weselected_h , #sf_h , #blog_h {margin-top:20px;}


#blog_d, #sf_d {font-size:10px;padding:7px 15px 5px 0;color:#666;font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS P明朝",serif;}
#sf_d ul, #blog_d ul {padding:5px 0 0 0;margin:0;list-style:none;}
#sf_d li , #blog_d li  {margin:10px 0;font-size:11px;font-family:helvetica,sans-serif;}


#about_d {padding:10px 0 5px 0;line-height:120%;}
#about_d p {font-size:10px;font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS P明朝",serif;}
#about_map {padding:0;margin-bottom:10px}
#about_map img {border:1px solid #ccc !important;}


#links {padding:5px 0 10px 0;}
#links img {padding-bottom:5px;}
#links ul {padding:0;margin:0;list-style: none;}
#links li {line-height: 200%}


#weselected_d ul {padding:0 0 5px 0;margin:10px 0 0 0;list-style: none;}
#weselected_d li {font-size:10px;line-height:150%;padding:0;margin:0;}
#weselected_d a{text-decoration: underline;color:#000;}

/*articles*/

.articles {width:650px;padding:10px 0;}

.kiji {clear:both;height:150px}

.kiji-l {padding:5px; border:1px solid #ccc;width:110px;height:110px;float:left;padding-top:5px;overflow:hidden;vertical-align:middle;text-align:center;}
.kiji-l img {max-width:110px;height:110px;}
.kiji-l img:hover {opacity:0.85;filter:alpha(opacity=85);}

.kiji-r {width:495px;float:left;padding-left:15px}

.kiji-title {border-bottom:1px solid #888;}
.kiji-title h2{font-size:14px;font-weight:bold;margin:0;padding:0 0 4px 0;}
.kiji-title a {text-decoration:none;color:#000;}
.kiji-title a:hover {background:#ff4200;}

.kiji-des {font-size:11px;padding:10px 15px 10px 0;color:#888;height:67px;}

.kiji-readmore, .sf-readmore {float:right;}

.kiji-readmore a, .sf-readmore a {
display:block;
width:90px;
height:15px;
background:url(http://www.vendor.co.jp/images/readmore.png) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}

.kiji-readmore a:hover,.sf-readmore a:hover {background-position:left bottom;}

.kiji-date , .sf-date {font-size:10px; font-weight:bold;font-family: Georgia,serif;font-style: italic;}

.sf-date {width:120px;float:left;}
.sf-readmore{}



/*INDIVIDUAL*/

#bread {font-size:12px;border-bottom:3px solid #000;height:25px;}
#bread a:link,
#bread a:active,
#bread a:visited {text-decoration:none;font-weight:bold;}




.blog {padding:20px 0;}

.blogtitle {}
.blogtitle h2 {margin:0;padding:0;font-size:18px;}

.blogdate {font-size:10px;font-family: Georgia,serif;padding:0px 0 20px 0;border-bottom:1px solid #000;}

.blogdate a:link, 
.blogdate a:visited, 
.blogdate a:active {text-decoration:none;color:#000;}

.blogbody {font-size:12px;color:#222;padding:20px 30px 0 0;line-height:200%;}
.blogbody img {border:1px solid #ccc;padding:5px;margin-bottom:15px;}

.blogbody p {width:530px;}


.related {padding:10px 0 5px 0;border-top:1px solid #eee; font-size:12px;}

.related h4 {padding:10px 0;margin:0;font-weight:bold;font-size:14px;}
.related ul {margin:0;padding:5px 5px;list-style: none;}
.related li {margin:0;line-height:150%;padding:0px 0 10px 20px;background-image:url('http://www.vendor.co.jp/images/ar.png'); background-repeat:no-repeat; background-position:0% 15%;}

.relateddate {color:#999;font-size:10px;}



/*paginate*/

.paginate {font-size:12px;padding:5px 0 5px 0;}

.paginate a:link, .paginate a:visited , .paginate a:active{
	border:1px solid #000;
	padding:1px;
	color:#000;
	background-color:#fff;
    text-decoration:none ! important;
    font-size:12px;
}


.paginate a:hover {
	border:1px solid #000;
	padding:1px;
	background-color:#ff4200 ! important;
	color:#000 ! important;
    text-decoration:underline;
}

.pagehere {
	font-size:12px;
	color:#fff;
	font-weight:bold;
	border:1px solid #ddd;
	padding:3px 6px 2px 6px;
	background-color:#000;
	
}





/* Special Feature */


#sf {margin-bottom:40px;}
.sf-foto {padding:5px 5px 5px 4px; border:1px solid #ccc;margin:5px 0;}
.sf-foto img {width:230px;height:230px;}
.sf-foto img:hover {opacity:0.90;filter:alpha(opacity=90);}

.sf-title {padding:5px 0 0 0;font-size:16px;font-weight:bold;}
.sf-lead {padding:0 0 3px 0;border-bottom:1px solid #000;font-size:12px;font-weight:bold;}
.sf-body {font-size:11px;padding:10px 15px 15px 0;color:#888;}
.sf-readmore {}
.sf-date {}

#sf-bn {}
#sf-bn ul {padding:5px 0;margin:10px 0 0 0;list-style:none;}
#sf-bn li {font-size:10px;margin:0;line-height:150%;padding:0px 0 10px 20px;background-image:url('http://www.vendor.co.jp/images/ar.png'); background-repeat:no-repeat; background-position:0% 15%;}

.sf-title a:link,.sf-title a:active, .sf-title a:visited,
.sf-lead a:link,.sf-lead a:active, .sf-lead a:visited ,
.sf-body a:link,.sf-body a:active, .sf-body a:visited
{text-decoration:none;color:#000;}

.sf-title a:hover ,.sf-lead a:hover ,.sf-body a:hover 
{text-decoration:none;background:#ff4200;color:#000;}


/*SF entry*/

#topline {border:1px solid #000;}
#sf-entry-img img { border-bottom:3px solid #000;}

.sf-entry-l {width:380px;background:#fff;float:left;padding:0 30px 0 0;}
.sf-entry-r {width:220px;background:#fff;float:left;font-size:12px;}
.sf-entry-info {width:210px;padding:0 0 0 5px;line-height:160%;font-size:11px;color:#666;border-radius:10px;}

.sf-entry-title {padding:5px 0;margin-bottom:20px;border-bottom:1px solid #eee;}
.sf-entry-title p {margin:0;padding:0;}
.sf-entry-title h2 {font-size:32px;padding:0;padding:30px 0 0px 0;margin:0;}
.sf-entry-title h4 {font-size:16px;color:#222;padding:5px 0 5px 0;margin:0;}

.sf-entry-date {font-size:12px;color:#555;padding:20px 0 20px 0;font-family:georgia,serif;}

.sf-entry-body {font-size:13px;color:#000;line-height:160%;}


/*SF INDEX*/

#sf-list-box {height:160px;padding:20px 0;border-bottom:1px solid #eee;}
.sf-list-img {float:left;width:140px;padding:5px;border:1px solid #ccc;}

.sf-list-img img {width:140px;height:140px;}

.sf-list-img img:hover {opacity:0.90;filter:alpha(opacity=90);}

.sf-list-title {float:left;width:440px;padding-left:20px;}
.sf-list-title h2 {font-size:20px;}
.sf-list-title h4 {font-size:10px}
.sf-list-date {font-size:9px;}

.sf-list-title h2 a {font-size:20px;color:black;text-decoration:none;}


/*SF gallery*/


/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #000;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
margin: 0 0 0px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
border-top:3px solid #000;
} 
.stripTransmitter ul li{ 
width: 20px;
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #000000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #ff4200; 
color: #fff; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}