@charset "utf-8";


/*=========================== HTML ===========================*/

body {
margin: 0;
padding: 0;
}

h1 { display: none; }

h2, h3, h4, h5, h6, p, strong, a, li, td {
font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
letter-spacing: 0.05em;
}

h2, h3, h4, h5, h6 { margin: 0; }

p { 
margin: 0; 
color: #505050;
font-size: 13px;
line-height: 160%;
}

a:link    { color: #0066CC; text-decoration: none; }
a:visited { color: #0066CC; text-decoration: none; }
a:hover   { color: #666666; text-decoration: underline; }

a:focus { outline:none; }


/*=========================== MAIN FLAMEs ===========================*/
#wrapper {
margin: 15px auto 0 auto;
width: 900px;
}


/*=========================== GLOBAL NAVI ===========================*/


#global-navi-bg {
margin: 0;
padding: 0;
width: 100%;
background: url(images/menu_bg.gif) repeat-x top left;
}


#global-navi {
margin: 0 auto;
width: 900px;
height: 71px;
}


#global-navi li, #global-navi a { 
display: block; 
height: 71px;
font-size: 1px;
text-indent: -9999px;
line-height: 10%;
}



#global-navi ul { margin: 0; padding: 0; }
#global-navi li { height: 71px; list-style:none; }


.gNavi01,
.gNavi02,
.gNavi03,
.gNavi04,
.gNavi05,
.gNavi06,
.gNavi07,
.gNavi01-off,
.gNavi02-off,
.gNavi03-off,
.gNavi04-off,
.gNavi05-off,
.gNavi06-off,
.gNavi07-off { float: left; }


.gNavi01, .gNavi01-off { width: 203px; }
.gNavi02, .gNavi02-off { width: 130px; }
.gNavi03, .gNavi03-off { width: 199px; }
.gNavi04, .gNavi04-off { width: 107px; }
.gNavi05, .gNavi05-off { width: 82px; }
.gNavi06, .gNavi06-off { width: 96px; }
.gNavi07, .gNavi07-off { width: 83px; }


.gNavi01 a { background: url(images/rogo.jpg)     top left no-repeat; }
.gNavi02 a { background: url(images/btn_cp.jpg)   top left no-repeat; }
.gNavi03 a { background: url(images/btn_mlws.jpg) top left no-repeat; }
.gNavi04 a { background: url(images/btn_trns.jpg) top left no-repeat; }
.gNavi05 a { background: url(images/btn_des.jpg)  top left no-repeat; }
.gNavi06 a { background: url(images/btn_blog.jpg) top left no-repeat; }
.gNavi07 a { background: url(images/btn_rec.jpg)  top left no-repeat; }

.gNavi01-off { background: url(images/rogo.jpg)     0 -71px no-repeat; }
.gNavi02-off { background: url(images/btn_cp.jpg)   0 -71px no-repeat; }
.gNavi03-off { background: url(images/btn_mlws.jpg) 0 -71px no-repeat; }
.gNavi04-off { background: url(images/btn_trns.jpg) 0 -71px no-repeat; }
.gNavi05-off { background: url(images/btn_des.jpg)  0 -71px no-repeat; }
.gNavi06-off { background: url(images/btn_blog.jpg) 0 -71px no-repeat; }
.gNavi07-off { background: url(images/btn_rec.jpg)  0 -71px no-repeat; }



.gNavi02 a:hover,
.gNavi03 a:hover,
.gNavi04 a:hover,
.gNavi05 a:hover,
.gNavi06 a:hover,
.gNavi07 a:hover { background-position: 0 -71px; }

/*=========================== LEFT SIDE ===========================*/
/* left side */
#left-side {
float: left;
padding: 0 10px 0 0;
width: 190px;
}

/* page title */
.bg-blog {
width: 190px;
height: 50px;
font-size: 1px;
text-indent: -9999px;
line-height: 10%;
}

.bg-blog { background: url(images/page_title.gif) no-repeat top left; }


/* banners */
.banner-box {
margin: 10px 0 0 0;
padding: 0;
width: 188px;
border: 1px solid #D6D6D6;
}

.banner-box img {
display: block;
width: 180px;
height: 111px;
border: 4px solid #EBEBEB;
}


.banner-box a:link img    { border-color: #EBEBEB; }
.banner-box a:visited img { border-color: #EBEBEB; }
.banner-box a:hover img   { border-color: #0066CC; }


.banner-box p {
padding: 10px 7px;
line-height: 180%;
font-size: 11px;
color: #666666;
}



#bg-iis { background: url(images/iis_logo.gif) no-repeat 7px 10px; }
#bg-iis p {
padding: 32px 7px 10px 7px;
font-size: 11px;
color: #666666;
}


/*=========================== CONTENTs AREA ===========================*/
/* contents */
#content-side {
float: left;
padding: 0;
width: 500px;
}

#page-title {
width: 500px;
height: 73px;
background: url(images/page_subtitle_blog.gif) no-repeat top left;
}

#page-title span { display: none; }



#bf-link {
margin: 0 0 15px 0;
width: 498px;
background-color: #F7F7F7;
border: 1px solid #D6D6D6;
}

/*#bf-link a:link    { color: #0066CC; text-decoration: none; }
#bf-link a:visited { color: #0066CC; text-decoration: none; }
#bf-link a:hover   { color: #666666; text-decoration: underline; }*/

#bf-link table {
border-collapse: collapse;
width: 99%;
}


#bf-link td {
padding: 15px 10px 11px 10px;
border-spacing: 0;
font-size: 14px;
vertical-align: top;
}

.equal-l { width: 33%; text-align: left; }
.equal-m { width: 33%; text-align: center; }
.equal-r { width: 33%; text-align: right; }



.post-title {
margin: 0;
padding: 6px 20px;
background: url(images/h4_bg.gif) repeat-x bottom left;
width: 458px;
border-top:    2px solid #0066CC;
border-left:   1px solid #D6D6D6;
border-right:  1px solid #D6D6D6;
border-bottom: 1px solid #D6D6D6;
}

.post-title-txt a { color: #0066CC; font-size: 18px; line-height: 120%; }
.post-title-txt a:link    { text-decoration: none; }
.post-title-txt a:visited { text-decoration: none; }
.post-title-txt a:hover   { text-decoration: underline; }

.post-date { font-size: 10px; line-height: 120%; }

.posted-box {
margin: 0 0 15px 0;
padding: 15px 15px 0 15px;
width: 468px;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
border-bottom: 1px solid #D6D6D6;
}

.posted-box p { padding: 0 0 15px 0; }

.sub-links {
padding: 7px 0 10px 0;
border-top: 1px solid #D6D6D6;
word-spacing: 30px;
}

.sub-links a { font-size: 11px; }
.sub-links a:link    { color: #0066CC; text-decoration: none; }
.sub-links a:visited { color: #0066CC; text-decoration: none; }
.sub-links a:hover   { color: #666666; text-decoration: underline; }

.sub-links a.toTop  { padding: 0 0 0 13px; }
.sub-links a.toTop:link    { color: #0066CC; text-decoration: none;      background: url(images/toTop.gif) no-repeat 0 4px; }
.sub-links a.toTop:visited { color: #0066CC; text-decoration: noen;      background: url(images/toTop.gif) no-repeat 0 4px; }
.sub-links a.toTop:hover   { color: #666666; text-decoration: underline; background: url(images/toTop.gif) no-repeat 0 -39px; }


.posted-box a.more-link { display: block; width: 110px; height: 22px; text-indent: -9999px; }
.posted-box a.more-link:link    { background: url(images/readmore.gif) no-repeat 0 0; }
.posted-box a.more-link:visited { background: url(images/readmore.gif) no-repeat 0 0; }
.posted-box a.more-link:hover   { background: url(images/readmore.gif) no-repeat 0 -22px; }


.posted-box a.buyCD-link { display: block; width: 200px; height: 22px; text-indent: -9999px; }
.posted-box a.buyCD-link:link    { background: url(images/buy_cd.gif) no-repeat 0 0; }
.posted-box a.buyCD-link:visited { background: url(images/buy_cd.gif) no-repeat 0 0; }
.posted-box a.buyCD-link:hover   { background: url(images/buy_cd.gif) no-repeat 0 -22px; }


/*=========================== RIGHT SIDE (EACH ARCHIVES) ===========================*/
/* menu right */
#right-menu {
float: left;
padding: 0 0 0 10px;
width: 190px;
}


/* each archives */
.archives-box {
margin: 0 0 10px 0;
padding: 0;
background-color: #F7F7F7;
width: 188px;
border: 1px solid #D6D6D6;
}

.archives-box img { display: block; }

.archives-box ul { margin: 0; padding: 0 7px 10px 7px; }


.archives-box li {
line-height: 160%;
list-style-type: none;
font-size: 11px;
color: #666666;
}

.archives-box a { padding: 0 0 0 23px; }
.archives-box a:link    { color: #666666; text-decoration: none;      background: url(images/blog_arrow.gif) no-repeat 7px 4px; }
.archives-box a:visited { color: #666666; text-decoration: none;      background: url(images/blog_arrow.gif) no-repeat 7px 4px; }
.archives-box a:hover   { color: #0066CC; text-decoration: underline; background: url(images/blog_arrow.gif) no-repeat 7px -31px; }


.bg-post,
.bg-monthly,
.bg-category,
.bg-rss {
width: 188px;
height: 40px;
font-size: 1px;
text-indent: -9999px;
line-height: 10%;
}

.bg-post     { background: url(images/archives_post.gif)     no-repeat top left; }
.bg-monthly  { background: url(images/archives_monthly.gif)  no-repeat top left; }
.bg-category { background: url(images/archives_category.gif) no-repeat top left; }
.bg-rss      { background: url(images/archives_rss.gif)      no-repeat top left; }


/*=========================== FOOTER ===========================*/
#footer {
background: url(images/footerBg.gif) repeat-x top left;
margin: 20px auto 0 auto;
padding: 10px 0 30px 0;
width: 100%;
}


#footer h6 {
background: url(images/copyright.gif) no-repeat top left;
margin: auto;
width: 185px;
height: 10px;

font-size: 1px;
text-indent: -9999px;
line-height: 10%;
color: #FFFFFF;
}


/*=========================== COMMON SETTINGs ===========================*/
/* spacer */
.spacer01 { margin: 0 0 40px 0; }
.spacer02 { margin: 0 0 30px 0; }
.spacer03 { margin: 0 0 20px 0; }
.spacer04 { margin: 0 0 10px 0; }
.spacer05 { margin: 0 0 15px 0; }
.spacer06 { margin: 0 0 25px 0; }
.spacer07 { margin: 0 0 35px 0; }
.spacer08 { margin: 0 0 45px 0; }
.spacer09 { margin: 15px 0 0 0; }


/* coloring */
.blue { color: #0066CC; }


/* back to top button */
.toTop {
margin: 0 0 20px 0;
font-size: 11px;
text-align: right;
}



.cut { clear: both; }
.noShow { display: none; }


.c-by {
margin: 0;
padding: 2px 0 0 0;
font: 10px Georgia, "Times New Roman", Times, serif;
font-style: italic;
letter-spacing: 0.05em;
text-align: center;
color: #999999;
}

.c-by a { text-decoration: none; color: #999999; }
.c-by a:hover { text-decoration: underline; }

/*=========================== HACKs ===========================*/
#wrapper:after, #global-navi-bg:after, #global-navi:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html #wrapper, * html #global-navi-bg, * html #global-navi {
display:inline-block;
}