@charset "UTF-8";
/*
SITE TITLE：
VA BLOG

URL：


COPYRIGHT：
(c) XLARGE All Rights Reserved.
______________________________________*/

/*COLORSET：
text:#000;
background：#fff;

a:#000;
a:hover:#999;
a:visited:#000;

red:#cc0000;
______________________________________*/

/* ////////////////////////////////////////
default
//////////////////////////////////////// */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,table,th,td { 
margin:0;
padding:0;
font-size:100%;
font-style:normal;
font-weight: normal;
line-height:1.6;
}

body {
margin:30px auto;
color: #000;
font-size:12px;
line-height:1.6;
font-family: Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
text-align:center;
}

img {
vertical-align: bottom;
border: none;
}

a {
cursor:pointer;
color:#000;
}

a:hover,
a:active {
color:#cc0000;
text-decoration:none;
}

a:hover img {
-moz-opacity:0.60;
opacity:0.60;
filter:alpha(opacity=60);
}


h1,h2,h3 {
line-height:1.2;
}

.upper {
text-transform: uppercase;
}


/*hack*/
.clearfix:after {
content:“.”;
display:block;
clear: both;
height:0px;
visibility:hidden;
}

.clearfix {
display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/* ////////////////////////////////////////
_commons
//////////////////////////////////////// */
#wrapper {
margin:0px auto;
width:970px;
text-align:left;
}

#footer {
width:970px;
padding-bottom:30px;
}


/* ////////////////////////////////////////
[TMP]header
//////////////////////////////////////// */
#header {
position:relative;
width:970px;
height:245px;
}

#header h1 {
position:absolute;
left:0px;
top:0px;
}

#header p {
position:absolute;
left:0px;
bottom:0px;
padding-bottom:8px;
border-bottom:3px solid #000;
}

#header p a.header_b_main {
display:block;
width:200px;
height:20px;
background:url(../images/header_b_main.gif) 0px 0px no-repeat;
overflow:hidden;
text-indent:-999em;
margin-bottom:5px;
}

#header p a.header_b_blog {
display:block;
width:200px;
height:20px;
background:url(../images/header_b_blog.gif) 0px 0px no-repeat;
overflow:hidden;
text-indent:-999em;
}


#header p a:hover {
background-position:0px -20px;
}

#header form {
position:absolute;
top:0px;
right:0px;
height:30px;
}

#header form input.btn {
border:none;
color:#000;
background:#fff;
font-weight:bold;
cursor:pointer;
}

#header form input:hover {
color:#cc0000;
}

#header form button {
border:none;
color:#000;
background:#fff;
font-weight:bold;
cursor:pointer;
}

#header form button:hover {
color:#cc0000;
}

#header #banner_cms {
position:absolute;
top:30px;
right:0px;
}

/* ////////////////////////////////////////
[TMP]contents
//////////////////////////////////////// */
#contents {
float:right;
width:750px;
padding-bottom:30px;
}


#contents .topicpath {
padding-top:8px;
line-height:1;
margin-bottom:35px;
color:#cc0000;
}

#detail #contents .topicpath {
margin-bottom:30px;
}

#contents h2 {
font-size:1.6em;
font-weight:bold;
margin-bottom:8px;
}

/*index------------------------------*/
/*news*/
#contents #news {
}

#contents #news table {
width:740px;
margin-bottom:25px;
}

#contents #news table th,
#contents #news table td {
border-bottom:1px solid #B2B2B2;
vertical-align:top;
text-align:left;
}

#contents #news table th {
padding:8px 0px;
width:70px;
}

#contents #news table td {
padding:8px 20px;
}

#contents #news table td a {
text-decoration:none;
}

#contents #news table td.more {
padding:8px 0px;
text-align:right;
vertical-align:middle;
width:60px;
}

#contents #news table td.more a {
padding-right:8px;
}


/*blog------------------------------*/
#contents_main {
width:522px;
float:left;
}

/*blog_side------------------------------*/
#contents_side {
width:190px;
float:right;
}

#contents_side h3 {
border-bottom:1px solid #000;
}

#contents_side ul {
list-style:none;
margin-bottom:20px;
}

#contents_side ul li {
margin:0px;
}

#contents_side ul li a {
display:block;
padding:5px 0px;
border-bottom:1px solid #B2B2B2;
text-decoration:none;
}

#contents_side h3 a {
display:block;
width:190px;
height:30px;
overflow:hidden;
text-indent:-9999em;
border-top:1px solid #000;
}

#contents_side h3 a.side_archives {
background:url(../images/contents_side_archives.gif) 0px 0px no-repeat;
}

#contents_side h3 a:hover {
background-position:0px -30px;
}

#contents_side #navi_archives_open {
list-style:none;
margin-bottom:20px;
}

#contents_side #navi_archives_open li {
padding:5px 3px;
border-bottom:1px solid #B2B2B2;
}

#contents_side #navi_archives_open li a {
text-decoration:none;
font-weight:bold;
border:none;
padding:0px;
}

#contents_side h4 {
padding-top:20px;
border-bottom: 1px solid rgb(0, 0, 0);
font-size: 1.1em;
font-weight: bold;
line-height: 1.4;
margin-bottom: 12px;
}

#contents_side p {
font-size: 0.9em;
margin-bottom: 1em;
}

/*archives*/
#contents_side .navi_archives {
text-transform:uppercase;
}

/*entry*/
.entry h2 a {
text-decoration:none;
}


.entry img {
border:1px solid #B2B2B2;
margin-bottom:1em;
}

.entry p {
padding:5px 5px 1em;
}

.entry .entry_more {
padding-top:1em;
padding-bottom:2em;
}

.entry .entry_more img,
.entry .entry_footer img {
border:none;
}


.entry .entry_footer {
width:100%;
margin-bottom:3em;
}

.entry .entry_footer td {
padding:5px;
vertical-align:middle;
line-height:1;
font-size:0.9em;
border-bottom:1px solid #000;
}

.contents_main_footer {
width:100%;
}

.contents_main_footer a img {
border:none;
}

.contents_main_footer a {
display:block;
width:64px;
height:21px;
text-indent:-9999em;
overflow:hidden;
}

.contents_main_footer a span {
display:none;
}

.contents_main_footer .footer_prev a {
background:url(../images/entry_b_prev.gif) 0px 0px no-repeat;
}

.contents_main_footer .footer_prev a:hover {
background:url(../images/entry_b_prev.gif) 0px -21px no-repeat;
}

.contents_main_footer .footer_next a {
background:url(../images/entry_b_next.gif) 0px 0px no-repeat;
}

.contents_main_footer .footer_next a:hover {
background:url(../images/entry_b_next.gif) 0px -21px no-repeat;
}

/*search------------------------------*/
#search_result {
}

#search_result form {
margin:32px 0px;
}

#search_result form input.btn {
border:none;
color:#000;
background:#fff;
font-weight:bold;
cursor:pointer;
}

#search_result form input:hover {
color:#cc0000;
}

#search_result h3 {
font-weight:bold;
margin-bottom:8px;
}

#search_result table {
width:100%;
border-top:1px solid #000;
}

#search_result table th,
#search_result table td {
padding:8px 5px;
border-bottom:1px solid #B2B2B2;
}

#search_result table th {
text-align:left;
}

#search_result table th h4 {
font-weight:bold;
font-size:1.1em;
}

#search_result table th span {
font-size:0.9em;
}

#search_result table td {
text-align:right;
}

 

/* ////////////////////////////////////////
[TMP]navi
//////////////////////////////////////// */
#navi {
float:left;
width:200px;
padding-bottom:30px;
}

#navi .accordion_content {
}

#navi a {
text-decoration:none;
font-weight:bold;
}

#navi li.navi_items_a_news,
#navi li.navi_items_a_blog {
display:none;
}

#navi h3.navi_top {
border:none;
margin-bottom:15px;
}

#navi h3 {
border-top:1px solid #000;
}

#navi h3 a {
display:block;
width:200px;
height:30px;
overflow:hidden;
text-indent:-9999em;
}

#navi a.navi_title_top {
background:url(../images/navi_top.gif) 0px 0px no-repeat;
}

#navi a.navi_title_news {
background:url(../images/navi_news_title.gif) 0px 0px no-repeat;
}

#navi a.navi_title_items {
background:url(../images/navi_items_title.gif) 0px 0px no-repeat;
}

#navi a.navi_title_blog {
background:url(../images/navi_blog_title.gif) 0px 0px no-repeat;
}

#navi a.navi_title_concept {
background:url(../images/navi_concept_title.gif) 0px 0px no-repeat;
}

#navi a.navi_title_shop {
background:url(../images/navi_shop_title.gif) 0px 0px no-repeat;
}

#navi a.navi_title_contact {
background:url(../images/navi_contact_title.gif) 0px 0px no-repeat;
}

#navi a.navi_title_links {
background:url(../images/navi_links_title.gif) 0px 0px no-repeat;
}

#navi a.navi_title_bloglinks {
background:url(../images/navi_bloglinks_title.gif) 0px 0px no-repeat;
}

#navi h3 a:hover {
background-position:0px -30px;
}


#navi ul {
list-style:none;
border-top:1px solid #000;
margin-bottom:20px;
}

#navi ul li {
padding:5px 3px;
border-bottom:1px solid #B2B2B2;
}

/*archives*/
#navi .navi_archives {
text-transform:uppercase;
}


/*links*/
#navi .navi_links {
}

#navi .navi_links li {
border:none;
padding-bottom:0px;
}

#navi .navi_links li a {
padding-left:15px;
background:url(../images/a_arrow_box.gif) 0px 2px no-repeat;
}

#navi .navi_links li a:hover {
background:url(../images/a_arrow_box_hover.gif) 0px 2px no-repeat;
}


/*feed*/
#navi .navi_feed {
padding-top:15px;
border-top:1px solid #000;
}

#navi .navi_feed li {
padding-bottom:0px;
border:none;
}

#navi .navi_feed li a.a_feed {
padding-left:10px;
background:url(../images/a_rss.gif) 0px 2px no-repeat;
}

/*banner*/
#navi .navi_banner,
#navi .navi_banner li {
border:none;
}

/*copyright*/
#navi .copyright {
border-top:1px solid #000;
}

/*contact*/
a.contact_btn {
display:block;
width:151px;
height:30px;
overflow:hidden;
text-indent:-9999em;
background:url(../images/contact_btn.gif) 0px 0px no-repeat;
}

a.contact_btn:hover {
background-position:0px -30px;
}
