@charset "UTF-8";

/* ---------------------------------------*/
/* Reset Style */
/* ---------------------------------------*/

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;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

img,object{
border: 0;
vertical-align: bottom;
}

textarea{
font-size: 100%;
}

@namespace html url(https://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http") {
object, embed {
outline: none !important;
}
}



/* ---------------------------------------*/
/* Base */
/* ---------------------------------------*/

body{
color: #111;
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
font-size: 12px;
line-height: 1.8;
background: #fff url(/img/common/bg.jpg) 50% 0;
text-align: center;
}

* html body{ font-size: 75%; } /* under IE6 */
*:first-child+html body{ font-size: 75%; } /* IE7 */

h1,
h2,
h3,
h4,
h5,
h6{
font-size: 100%;
}

strong{
font-weight: bold;
}

a, font, span{
font-weight: inherit;
}

img,object{
border: 0;
vertical-align: bottom;
}

a:link{color: #006cd8;text-decoration:underline;}
a:visited{color: #8900d8;text-decoration:underline;}
a:hover{color: #009cff;text-decoration:none;}
a:active{color: #009cff;text-decoration:none;}

/* ---------------------------------------*/
/* Modules */
/* ---------------------------------------*/

.clearfix {
zoom: 1; /* for IE 5.5-7 */
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* ---------------------------------------*/
/* Styles */
/* ---------------------------------------*/

/* ---------------------------------------*/
/* Global */
/* ---------------------------------------*/

.container {
width: 1000px;
margin: 0 auto;
}


/* header
---------------------------------------- */
.header{
position: fixed;
width: 1000px;
height: 100px;
top: 0;
text-align: left;
background: #fff;
z-index: 2;
}

.twticker {
margin: 0 0 10px;
padding: 5px 0 5px 60px;
color: #fff;
background: #000 url(../img/common/ico_twitter.gif) no-repeat 28px 50%;
overflow: hidden;
}

.twticker .frame {
position: relative;
width: 940px;
height: 1.6em;
overflow: hidden;
}

.twticker .move {
position: absolute;
top: 0;
left: 0;
}

.twticker .move li {
float: left;
width: 940px;
}


.twticker .move li .at,
.twticker .move li .tweet {
display: inline-block;
*display: inline;
vertical-align: middle;
zoom: 1;
}
.twticker .move li .tweet_over {
width: 750px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.gnav {
position: relative;
font-size: 108%;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: -.4em;
}

.gnav a:link,
.gnav a:visited {
color: #111;
text-decoration: none;
}

.site_logo {
display: inline-table;
width: 80px;
text-align: center;
vertical-align: middle;
}

.list_gnav {
display: inline-table;
width: 910px;
margin: 0 0 0 10px;
vertical-align: middle;
}

.item_gnav {
display: inline-table;
width: 14.17%;
text-align: center;
letter-spacing: normal;
border-left: 1px solid #ccc;
}

.item_gnav a {
display: block;
margin: 0 5px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.item_gnav a:hover,
.item_gnav a.is_current {
background: #ddd;
}

.subnav {
display: none;
position: absolute;
left: 0;
width: 980px;
margin: 20px 0 0;
padding: 10px;
text-align: left;
line-height: 2.2;
background: #ddd url(/img/common/subnav_bg.gif);
zoom: 1; /* for IE 5.5-7 */
}

.subnav a {
display: inline;
margin: 0;
}

.subnav a:hover {
background: none;
}

.subnav:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.list_subnav_wrapper {
float: left;
width: 664px;
padding: 10px 18px;
background: rgba(255, 255, 255, .7);
}

.title_subnav {
font-weight: bold;
font-size: 108%;
color: #878787;
}

.title_subnav:first-child {
margin-top: 0;
}

.list_subnav {
font-size: 93%;
letter-spacing: -.4em;
}
         



.item_subnav {
display: inline-block;
margin: 0 60px 0 0;
letter-spacing: normal;
white-space: nowrap;
}

.item_subnav.blogtop,
.item_subnav.press,
.item_subnav.webstore,
.item_subnav.dokumo,
.item_subnav.hokkaido,
.item_subnav.kanto,
.item_subnav.tokyo,
.item_subnav.chubu,
.item_subnav.kinki,
.item_subnav.chugoku,
.item_subnav.kyushu { margin-right: 20px; }

.item_subnav.blogtop { width: 108px; }
.item_subnav.press { width: 153px; }
.item_subnav.webstore { width: 149px; }
.item_subnav.dokumo { width: 160px; }
.item_subnav.hokkaido { width: 108px; }
.item_subnav.kanto { width: 66px; }
.item_subnav.tokyo { width: 67px; }
.item_subnav.chubu { width: 65px; }
.item_subnav.kinki { width: 64px; }
.item_subnav.chugoku { width: 93px; }
.item_subnav.kyushu { width: 60px; }


.container .otherwin,
.container .otherwin:hover {
padding-right: 15px;
background-image: url(/img/common/ico_window.gif);
background-repeat: no-repeat;
background-position: right 50%;
}

.relatedsite .item_subnav {
margin-right: 0;
width: 30%;
}

.subnav .banner {
float: right;
}


/* body
---------------------------------------- */
.body {
position: relative;
/* margin: 100px 0 60px; */
margin: 0 0 60px;
padding: 100px 0 0;
text-align: left;
zoom: 1; /* for IE 5.5-7 */
z-index: 1;
}

.body:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.topicpath {
color: #999;
margin: 0 0 10px;
}

.topicpath .current {
color: #666;
}

.topicpath a:link,
.topicpath a:visited {
color: #666;
text-decoration: none;
}

.topicpath a:hover,
.topicpath a:active {
text-decoration: underline;
}

.page_header {
margin: 0 0 30px;
padding: 0 0 0 10px;
line-height: 1;
border-left: 5px solid #111;
}

.page_title {
font-family: Helvetica, Arial, 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
font-size: 300%;
}

.page_title span {
margin-left: 15px;
font-size: 40%;
font-weight: normal;
}

/* footer
---------------------------------------- */
.footer {
text-align: left;
}

.footernav {
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px solid #111;
line-height: 1;
}

.title_footernav {
display: inline;
margin: 0 5px 0 0;
color: #666;
font-weight: normal;
}

.list_footernav {
display: inline;
}

.list_footernav li {
display: inline;
margin: 0 0 0 2px;
padding: 0 0 0 6px;
border-left: 1px solid #111;
}

.list_footernav li:first-child {
border-left: none;
}

.list_footernav a:link,
.list_footernav a:visited {
color: #111;
text-decoration: none;
}

.list_footernav a:hover,
.list_footernav a:active {
color: #666;
}

.pagetop {
position: fixed;
bottom: 0;
right: 0;
width: 120px;
height: 44px;
z-index: 2;
}

.pagetop a {
display: block;
width: 100%;
height: 100%;
background: url(../img/common/pagetop.gif) no-repeat left top;
text-indent: -9999px;
}


.footer_lower {
letter-spacing: -.4em;
}

.external_links {
display: inline-block;
}

.external_links li {
float: left;
margin: 0 5px 0 0;
}

.external_links .facebook {
width: 120px;
}

.twitter iframe {
width: 100px !important;
}

.copyright {
float: right;
display: inline-block;
text-align: right;
letter-spacing: normal;
}