/* Eric Meyer Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0;
    font-size: 100%;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
a:visited { color: #180fa6 }
a:hover { color: #ff9c0c }
a:link { color: #0a59a6 }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
:focus { outline: 0 }
/* remember to highlight inserts somehow! */
ins { text-decoration: none }
del { text-decoration: line-through }
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Eric Meyer Reset CSS end */
/* 全般設定 */
p {
    margin-bottom: 1em;
    font-size: 13px;
    line-height: 18px
}
h1 {
    font-size: 45px; font-weight: bold;
    line-height: 55px
}
h2 {
    width: 250px;
    margin-bottom: 8px;
    border-bottom: dotted 1px;
    font-size: 17px; font-weight: bold;
    text-indent: 1em;
    background: url('images/site-parts/h2.png') no-repeat left top;
    vertical-align: middle;
}
h3.h3 {
    width: 200px;
    margin: 10px 0px 5px 0px;
    border-bottom: dotted 1px;
    font-size: 15px; font-weight: bold;
    text-indent: 1em;
    background: url("./images/site-parts/h3.png") no-repeat left top;
    vertical-align: middle;
}
#h1-en {
    font-size: 30px;
    line-height: 40px
}
img { border-style: none }
img.social_media_icon {
    height: 50px;
    margin-right: 10px
}
/* 全般設定 end */
/* wireframe */
body {
    min-width: 1000px;
    margin-right: auto; margin-left: auto;
    font-size: 12px;
    font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", Osaka, "ＭＳ Ｐゴシック", "ＭＳ ゴシック", 平成角ゴシック, sans-serif
}
#wrap {
    min-width: 1000px; min-height: 100%
}
#header-w {
    position: relative;
    width: 100%; height: 30px;
    background: #151515
}
#header {
    position: relative;
    width: 950px; height: 30px;
    margin-right: auto; margin-left: auto;
    color: #f7f7f7;
    font-size: 12px;
    text-align: right;
    background: #151515;
    line-height: 30px;
}
#header a { color: #f7f7f7 }
#header a:visited { color: #8e8e8e }
#header a:hover { color: #ffffff }
#header a:link { color: #f7f7f7 }
#menubar-w {
    position: relative;
    width: 100%; height: 101px;
    background-image: url(./images/site-parts/menu-bar.jpg)
}
#menubar {
    position: relative;
    width: 950px; height: 101px;
    margin-right: auto; margin-left: auto;
    background-image: url(./images/site-parts/menu-bar.jpg)
}
#middle-w {
    position: relative;
    width: 100%; height: 335px;
    background-image: url(./images/site-parts/light_blue.jpg)
}
#middle {
    position: relative;
    width: 950px; height: 335px;
    margin-right: auto; margin-left: auto
}
#middle-left {
    position: absolute;
    top: 14px; left: 0px;
    width: 500px; height: 270px;
    color: #fff
}
#foreword {
    margin-top: 20px;
    font-size: 15px
}
#socialmedia {
    position: absolute;
    top: 234px; left: 0px;
    height: 50px
}
#imgchanger {
    position: absolute;
    top: 14px; left: 548px;
    width: 402px; height: 270px;
    background-repeat: no-repeat
}
#content-w {
    position: relative;
    width: 100%; min-height: 350px;
    background-color: #f7f7f7
}
#content {
    width: 950px; min-height: 350px;
    margin-right: auto; margin-left: auto;
    padding-top: 20px; padding-bottom: 200px;
    background-color: #f7f7f7
}
#content-left 
{
    width:670px;
    min-height:350px;
    float:left;
    display:inline;  
    clear: left; 
    }
.feed {
    width: 210px; height: 350px;
    overflow: hidden;
    float:left;
    display:inline;    
}
#feed1 { margin-left: 0;clear: left; }
#feed2 { margin-left: 20px }
#feed3 { margin-left: 20px }
dl { margin: 0 0 5px 0 }
dt {
    color: #606060;
    font-size: 11px
}
dd {
    margin: 0 0 3px 0;
    font-size: 12px;
    text-indent: 5px;
    line-height: 14px
}

#twitter {
    width: 250px;
    height: 390px;
    margin-left: 30px;
    float:left;
    display:inline;    
}
#footer-w {
    position: relative;
    width: 100%; height: 107px;
    margin-top: -107px;
    color: #f7f7f7;
    font-size: 12px;
    background-image: url(images/site-parts/footer.jpg);
}
#footer {
    position: relative;
    width: 950px; height: 100px;
    margin-right: auto; margin-left: auto;
    background-image: url(./images/site-parts/footer.jpg)
}
/* wireframe end */
/* header */
/* header end */
/* menu */
#menu {
    position: absolute;
    top: 40px; right: 0px;
    width: 507px; height: 19px;
    font-size: 13px;
    list-style: none
}
#menu li {
    display: inline-block;
    height: 19px;
    margin: 0 0 0 16px;
    text-align: center;
    /display: inline;
    /zoom: 1;
    line-height: 19px;
}
#menu a {
    display: block;
    color: #f7f7f7;
    text-decoration: none
}
#li1 { width: 35px }
#li1 a:hover { background: url(./images/site-parts/li1.png) no-repeat }
#li2 { width: 92px }
#li2 a:hover { background: url(./images/site-parts/li2.png) no-repeat }
#li3 { width: 75px }
#li3 a:hover { background: url(./images/site-parts/li3.png) no-repeat }
#li4 { width: 32px }
#li4 a:hover { background: url(./images/site-parts/li4.png) no-repeat }
#li5 { width: 61px }
#li5 a:hover { background: url(./images/site-parts/li5.png) no-repeat }
#li6 { width: 38px }
#li6 a:hover { background: url(./images/site-parts/li6.png) no-repeat }
#li7 {
    width: 62px;
    background: url(./images/site-parts/li7.png)
}
/* menu end */
/* footer */
#footer-left {
    position: absolute;
    top: 0px;
    width: 650px; height: 100px
}
#footer-left div {
    position: absolute;
    top: 19px;
    width: 500px; height: 62px
}
#copyright { line-height: 20px }
#footer_menu { line-height: 14px }
#footer_menu a { color: #f7f7f7 }
#footer_menu a:visited { color: #8e8e8e }
#footer_menu a:hover { color: #ffffff }
#footer_menu a:link { color: #f7f7f7 }
#footer-right {
    position: absolute;
    top: 0px; left: 700px;
    width: 250px; height: 100px
}
#footer-right img {
    position: absolute;
    top: 24px; right: 0px
}
/* footer end */
/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}