@charset "utf-8";

/* ----------------------------------------------

こえ部NEWS / common layout styles
author   : (C)KAYAC http://www.kayac.com/

---------------------------------------------- */



/*  GENERAL SELECTER
---------------------------------------------- */

body {
margin: 0;
padding: 0;
color: #000000;
text-align: center;
background: #EEEEEE url(/img/common/bg_top.jpg) no-repeat 0 50%;
}

h1, h2, h3, h4, h5, h6 {
display: block;
line-height: 1;
border: none;
background-position: 0 0;
background-repeat: no-repeat;
}
div, p, li, dt, dd {
display: block;
line-height: 1.55;
border: none;
}
th, td, img {
border: none;
}

hr, caption {
display: none;
}

li {
list-style: none;
}



/* common styles
---------------------------------------------- */

.btn {}
.btnPlain {
text-align: center;
}
.imgPlain {
text-align: center;
}
.imgPlain img {
padding: 5px;
border: 1px solid #CCC;
}
.nav a {
  background-image:url(http://koebu.com/img/common/icon_arrow_1.png);
  background-position: 0 4px;
  background-repeat:no-repeat;
  padding-left:16px;
}

.strike {
text-decoration: line-through;
color: #444;
}
.focus {
background: #FFC;
margin: 0 0 1em;
padding: 10px;
}
.focus:last-child {
margin-bottom: 0;
}
.break {
word-break: normal;
word-wrap: break-word;
}


div.backtoTop {
text-align: right;
}
div.backtoTop p a {
display: inline;
padding: 0 0 0 16px;
background: url(/img/common/sprite_news.gif) no-repeat -342px -17px;
}
div.backtoTop p a:hover {
display: inline;
background: #E1FA01 url(/img/common/sprite_news.gif) no-repeat -342px -46px;
}

p.navLink {
text-align: right;
}
p.navLink a {
padding: 0 0 0 16px;
background: url(/img/common/sprite_news.gif) no-repeat -342px 0;
}
p.navLink a:hover {
background: #E1FA01 url(/img/common/sprite_news.gif) no-repeat -342px -29px;
}

p.unitAmzn {
width: 150px;
font-size: 85%;
line-height: 1.5;
text-align: center;
}

img.ssEntry {
        border: 1px solid #CCCCCC;
        padding: 4px;
}

/*------------------------------------------------------

basic layout

------------------------------------------------------*/

body {
text-align: center;
background: #FFFFFF;
}

div#wrapper {
position: relative;
width: 100%;
background: url(/img/common/bg_news.gif) repeat-x 0 0;
}
div#wrapperInnr {
position: relative;
width: 950px;
margin: 0 auto;
text-align: left;
}
div#main{
position: relative;
width: 630px;
margin: 0;
background: #FFFFFF;
}
div#sub1{
position: relative;
width: 300px;
margin: 0 0 20px;
padding: 20px 0 0;
}
div#sub2{
position: relative;
width: 300px;
_width: auto;
margin: 0;
padding: 0;
}

/*------------------------------------------------------

various layout

------------------------------------------------------*/

/* 2 column right
------------------------------------------------------*/
div.c2R div#bd{
}
div.c2R div#main{
float: left;
}
div.c2R div#sub1{
float: right;
}
div.c2R div#sub2{
float: right;
clear: right;
}

/* 2 column left
------------------------------------------------------*/
div.c2L div#bd{
}
div.c2L div#main{
float: right;
}
div.c2L div#sub1{
float: left;
}
div.c2L div#sub2{
float: left;
clear: left;
}

/* 3 column
------------------------------------------------------*/
div.c3 div#bd{
}
div.c3 div#main{
float: left;
width: 590px;
left: 180px;
}
div.c3 div#sub1{
float: left;
left: -590px;
}
div.c3 div#sub2{
float: right;
}


/*------------------------------------------------------

other common layout

------------------------------------------------------*/

/* header
------------------------------------------------------*/

div#header {
height: 173px;
overflow: hidden;
padding: 50px 0 0;
}
/* header - menu
---------------------------------------------- */

div#header div#gNav {
position: absolute;
top: 125px;
left: 0;
clear: both;
width: 950px;
height: 34px;
border-bottom: 1px solid #333;
margin: 0;
background: #333;
}
div#header div#gNav ul {
}
div#header div#gNav ul li {
display: inline;
float: left;
height: 34px;
margin: 0;
}
div#header div#gNav ul li a {
background: none;
}
div#header div#gNav ul li img.up {
position: absolute;
top: -5px;
left: 484px;
}

div#header div#gNav ul li#gnavSearch {
float: right;
height: 27px;
padding: 7px 10px 0 10px;
text-align: right;
}
div#header div#gNav ul li#gnavSearch input {
vertical-align: bottom;
}
div#header div#gNav ul li#gnavSearch input#word {
width: 120px;
height: 17px;
margin-right: 4px;
border: none;
padding: 2px 2px 2px 16px;
font-size: 93%;
background: #FFC url(http://koebu.com/img/common/header/icon_search.png) no-repeat 3px 3px;
}
div#header div#gNav ul li#gnavSearch input#word:focus {
background-color: #FFF;
}

/* body
------------------------------------------------------*/

div#bd {
margin: 0 0 30px;
padding: 0;
}

div#main div.entry {
width: 630px;
margin: 0;
padding: 20px 0 0;
}
div#main div.entry.cat_contents {
background: url(/img/common/bg_cat_func.gif) no-repeat 0 0;
}
div#main div.entry.cat_event {
background: url(/img/common/bg_cat_event.gif) no-repeat 0 0;
}
div#main div.entry.cat_maintenance {
background: url(/img/common/bg_cat_mainte.gif) no-repeat 0 0;
}
div#main div.entry.cat_media {
background: url(/img/common/bg_cat_event.gif) no-repeat 0 0;
}

div#main div.entry div.entryHeader {
margin: 0 0 15px;
}
div#main div.entry div.entryHeader h2 {
margin: 0 0 15px;
font-size: 185%;
line-height: 1.3;
}
div#main div.entry div.entryBody {
margin: 0 0 15px;
line-height: 2;
font-size: 116%;
}
div#main div.entry div.entryBody .section {
margin: 0 0 15px;
}
div#main div.entry div.entryBody p {
margin: 0 0 1.5em;
}
div#main div.entry div.entryBody .focus :last-child {
margin: 0;
}
div#main div.entry div.entryBody h3 {
margin: 0 0 15px;
padding: 0 0 0 10px;
border-left: 5px solid #000;
font-size: 139%;
line-height: 1.5;
}
div#main div.entry div.entryBody h4 {
margin: 0 0 15px;
padding: 10px;
background: #EEE;
font-size: 114%;
line-height: 1.5;
}
div#main div.entry div.entryBody strong {
background: #FF0;
}

div#main div.entry div.entryBody ul {
margin: 0 0 15px;
}
div#main div.entry div.entryBody ul ul {
margin: 0 0 2px;
}

div#main div.entry div.entryBody ul li {
display: list-item;
list-style: disc outside;
margin: 0 0 2px 15px;
}
div#main div.entry div.entryBody ol {
margin-bottom: 1.5em;
}
div#main div.entry div.entryBody ol li {
display: list-item;
margin: 0 0 0 22px;
list-style: outside decimal;
}

div#main div.entry div.entryBody .boxEmLv1 {
font-size: 154%;
font-weight: bold;
color: #FF3333;
}

div#main div.entry div.entryBody table {
margin: 0 0 1.5em;
border-collapse: collapse;
}
div#main div.entry div.entryBody table tr th,
div#main div.entry div.entryBody table tr td {
border: 1px solid #333;
padding: 15px;
}
div#main div.entry div.entryBody table tr th {
background: #CCC;
}

div#main div.entry div.entryFooter {
padding: 5px 0 10px;
border-top: 1px dotted #CCCCCC;
text-align: right;
}
div#main div.entry div.entryFooter p {
display: inline;
margin: 0 0 0 20px;
font-size: 85%;
}

div#main div.boxNavi {
text-align: center;
}
div#main div.boxNavi ul {
}
div#main div.boxNavi ul li {
display: inline;
margin: 0 4px;
}

/* sub column
------------------------------------------------------*/

div#sub1 h3 {
width: 300px;
margin: 0 0 15px;
line-height: 1.5;
border-bottom: 1px solid #888888;
font-size: 131%;
}
div#sub1 .twtr-widget h3 {
border: none;
}

div#sub1 div.section {
margin: 0 0 20px;
}
div#sub1 ul.lstEntries {
width: 300px;
 }
div#sub1 ul.lstEntries li {
margin: 0 0 6px;
padding: 0 0 0 10px;
font-size: 93%;
background: url(/img/common/icn_head.gif) no-repeat 0 5px;
}

div#sub1 ul.lstEntries {
 }
div#sub1 ul.lstEntries li {
margin: 0 0 5px;
}

div#sub1 ul.lstEntries li ul {
width: auto;
padding: 5px 0 0;
}
div#sub1 ul.lstEntries li ul li {
font-size: 100%;
background: none;
}
div#sub1 ul.lstEntries li span.numEntry {
margin: 0 0 0 6px;
color: #888888;
font-size: 93%;
}

div#sub1 ul.lstBnrs {
 }
div#sub1 ul.lstBnrs li {
margin: 0 0 5px;
}

/* blogparts
------------------------------------------------------*/
div#sub1 div#boxBp {
text-align: center;
}
div#sub1 div#boxBp h3 {
text-align: left;
}

/* twitter
------------------------------------------------------*/
div#boxTwitter {
margin: 0 0 15px;
}



/* --- sub2 --- */
div#sub2 p {
margin: 0;
}

/* main menu
------------------------------------------------------*/

div#mMenu {
position: absolute;
top: 160px;
left: 0;
width: 835px;
height: 25px;
}
div#mMenu ul {
}
div#mMenu ul li {
display: inline;
margin: 0 12px 0 0;
}
div#mMenu ul li a {
padding: 0 0 0 16px;
background: url(/img/common/sprite_news.gif) no-repeat -342px 2px;
}
div#mMenu ul li a:hover {
background: url(/img/common/sprite_news.gif) no-repeat -342px -27px;
}
div#mMenu ul li a img {
vertical-align: middle;
}


/* footer
------------------------------------------------- */

div#footer ul.listBnr {
margin: 0 0 10px;
text-align: center;
}
div#footer ul.listBnr li {
display: inline;
margin: 0 2px;
}

div#footer {
clear: both;
width: 900px;
margin: 0 auto 20px;
font-size: 93%;
padding: 25px;
text-align: center;
background: #EEE;
}
div#footer p#copyright,
div#footer p#copyright a:link {
color: #888888;
}
div#footer ul#mnFooter {
padding: 0 200px 15px;
}
div#footer ul#mnFooter li {
display: inline;
margin: 0 0 0 5px;
line-height: 2;
}
div#footer ul#mnFooter li a {
white-space: nowrap;
}

#footer .boxFootMap {
float: left;
width: 180px;
text-align: left;
}
#footer #footMapBasic {
width: 150px;
padding-left: 30px;
}
#footer #footMapAbout {
width: 150px;
}
#footer #footMapRules {
width: 210px;
}
#footer .boxFootMap p {
margin: 0 0 8px;
font-size: 116%;
font-weight: bold;
}
#footer .boxFootMap ul {
}
#footer .boxFootMap ul ul {
padding-top: 8px;
}
#footer .boxFootMap ul li {
margin-left: 20px;
margin-bottom: 8px;
line-height: 1.1;
}


/* Kayac Project
---------------------------------------------- */

div#kayacProject {
width: 950px;
margin: 0 auto;
padding: 0 0 30px;
font-size: 85%;
}
div#kayacProject h3 {
float: left;
width: 120px;
}
div#kayacProject ul {
width: 820px;
text-align: left;
margin-left: 130px;
}
div#kayacProject ul li {
display: inline;
padding: 0 4px 3px 0;
line-height: 1.7;
}
div#kayacProject a {
color: #888;
text-decoration: none;
white-space: nowrap;
}


/* copyright
------------------------------------------------- */
p#copyright {
clear: both;
padding: 0 0 15px;
text-align: center;
}


/*------------------------------------------------------

styles

------------------------------------------------------*/

/* Archives
------------------------------------------------------*/

div#main h1.ttlAcv {
margin: 0 0 20px;
padding: 10px;
background: #F0F0F0;
}
div#main h1.ttlAcv em {
margin: 0 4px 0 0;
font-size: 122%;
font-style: normal;
}

/*------------------------------------------------------

hack

------------------------------------------------------*/


/* clearfix
------------------------------------------------------*/

div#bd,
div#mMenu ul,
div#fMenu ul {
zoom: 1;/*for IE 5.5-7*/
}
div#bd:after,
div#mMenu ul:after,
div#fMenu ul:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
* html div#bd,
* html div#mMenu ul,
* html div#fMenu ul {
display: inline-table;
/*\*/display: block;/**/
}



.group:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0.1em;
line-height: 0;
}

.group {
display: inline-block;
}

/* exclude MacIE5 \*/
* html .group {
height: 1%;
}

.group{
display: block;
}
/* end: exclude MacIE5 */



#mMenu .boxGa {
clear: both;
padding-top: 10px;
}
#sub1 .boxGa {
padding-bottom: 10px;
}
#mMenu .boxGa {}



/* --- alert --- */
div.alert {
margin-bottom: 1em;
padding: 10px 10px 1px 32px;
border: 2px solid #F30;
background: #FFDFD7 url(http://koebu.com/img/common/icon_alert.png) no-repeat 10px 10px;
color: #F30;
}
div.alert p:last-child,
div.alert ul:last-child,
div.alert dl:last-child,
div.alert ol:last-child {
margin-bottom: 10px;
}
div.alert p a {
color: #F30;
font-weight: bold;
}
p.alert {
margin: 0 0 1em;
padding: 0 0 2px 12px;
color: #F30;
font-size: 85%;
background: url(http://koebu.com/img/common/icon_alert_s.png) no-repeat 0 2px;
}

.notes {
color: #666;
font-size: 85%;
}
em {
color: #690;
}

.bnrR {
padding: 10px 0;
text-align: right;
}
.bnrL {
padding: 10px 0;
text-align: left;
}
.focusLv1 {
font-size: 131%;
color: #F30;
font-weight: bold;
}

div#main div.entry div.entryBody .imgL {
float: left;
margin: 0 10px 10px 0;
}
div#main div.entry div.entryBody .imgR {
float: right;
margin: 0 0 10px 10px;
}

/* セリフ分けする場合 */
.boxScript {
margin: 0 0 1.5em;
}
.chara1 {
margin: 0 0 10px;
color: #099;
}
.chara2 {
margin: 0 0 10px;
color: #930;
}

.pager {
margin: 0 0 10px;
padding: 10px 0;
border-bottom: 1px solid #CCC;
text-align: right;
}

#mMenu .boxAdAdingo {
padding-top: 10px;
}


ul.listShare {
    border-bottom: 1px solid #333333;
    margin: 0 0 10px;
    padding: 0 0 5px;
    text-align: right;
}
ul.listShare li {
    display: inline;
    font-size: 93%;
    margin-left: 4px;
}
ul.listShare li iframe {
    vertical-align: middle;
}

ul.listNavPN {
padding: 15px;
margin: 0 0 15px;
background: #EEE;
border: 1px solid #CCC;
}
ul.listNavPN li {
margin: 0 0 3px;
}