@charset "UTF-8";
/* CSS Document */

/* body ボディ
-----------------------------------------------------*/

body {
font-size:80%;
line-height: 140%;
background:#f8f8ec;
color: #191919;
text-align: center;
margin: 0px auto;
padding:30px 0px 0px 0px;
}

body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

a:link {
color: #227cae;
text-decoration:none;
}

a:visited {
color: #227cae;
text-decoration:none;
}

a:hover {
color: #227cae;
text-decoration:underline;
}

a:active {
color: #227cae;
text-decoration:underline;
}



/* container コンテナ
-----------------------------------------------------*/
#container-wrap {
width:935px;
margin: 0px auto;
padding:0px 0px 0px 0px;
background:#f8f8ec url(../../images/wrapper_main.gif) center repeat-y;
}



#container {
width:935px;
background-color:#ffffff;
background: url(../../images/wrapper_top.gif) top center no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 50%;
background-position-y: 0%;
background-origin: initial;
background-clip: initial;
background-color: initial;
background-size: initial;
margin: 0px auto;
padding:0px 0px 0px 0px;
text-align: left;
}



/* header ヘッダー
-----------------------------------------------------*/

#header {
height:160px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
width:900px;
}

#header_top {
margin: 15px 0px 5px 42px;
}

#header_left {
float:left;
margin: 20px 0px 0px 42px;
}

#header_right {
float:right;
margin: 10px 15px 00px 0px;
}


#header a, #header a:link, #header a:visited {
color:#FFFFFF;
text-decoration: none;
}

#header a:hover {
color:#FFFFFF;
text-decoration:underline;
}

h1 {
font-size:10px;
font-weight:normal;
height:15px;
width:850px;
margin: 0px auto;
text-align: left;
padding: 0px 10px 5px 10px;
}


/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定
 * ---------------------------------------------------------------- */
#navi {
  width:850px;
  margin:0px auto;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 7px;
}

#navi ul#navimenu{
    list-style:none;
    width:100%;
    margin: 0;
    padding: 0;
}
#navi ul#navimenu li{
    list-style:none;
    float:left;
    width:120px;
    margin: 0;
    padding: 0;
}
#navi ul#navimenu a{
    display:block;
    width:120px;
    height:48px;
    text-indent:-150px;
    overflow:hidden;
}


a.ehon{
    background-image:url(../../images/navi_ehon.gif);
}
a:hover.ehon{
    background-position:0px 48px;
}
a.service{
    background-image:url(../../images/navi_service.gif);
}
a:hover.service{
    background-position:0px 48px;
}
a.apli{
    background-image:url(../../images/navi_apli.gif);
}
a:hover.apli{
    background-position:0px 48px;
}
a.aplidetail{
    background-image:url(../../images/navi_contents.gif);
}
a:hover.aplidetail{
    background-position:0px 48px;
}
a.intro{
    background-image:url(../../images/navi_introduction.gif);
}
a:hover.intro{
    background-position:0px 48px;
}
a.other{
    background-image:url(../../images/navi_help.gif);
}
a:hover.other{
    background-position:0px 48px;
}
a.info{
    background-image:url(../../images/navi_info.gif);
}
a:hover.info{
    background-position:0px 48px;
}


/* SPAN 
-----------------------------------------------------*/
.date {
display : inline-block;
width:550px;
line-height:1.2em;
margin: 0px 0px 8px 0px;	
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #000000;
}

.title {
font-size:125%;
font-weight:bold;
line-height:1.5em;
}

.attention {
font-size:85%;
}

.st{
font-size:85%;
line-height:1;
}


/* メインビジュアル
-----------------------------------------------------*/

.main_vis {
margin: 10px 0px 20px 42px ;
}





/* pan パンくずリスト
-----------------------------------------------------*/

.pan {
font-size:13px;
padding: 20px 0px 15px 50px;
}

.home {
font-size:13px;
background: url(../../images/home.png) no-repeat 0 50%;
padding-left: 22px;
}




/* main メイン
-----------------------------------------------------*/

#main {
float:left;
width:585px;
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
}

#mainindexl {
float:left;
width:285px;
margin: 0px 0px 0px 20px;
padding: 0px 1px 0px 1px;
}

#mainindexl h2 {
width:285px;
height:37px;
font-size:125%;
font-weight:normal;
color:#191919;
background: #ffffff url(../../images/main_md03.jpg) left top no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 0%;
background-position-y: 0%;
background-origin: initial;
background-clip: initial;
background-size: initial;
margin: 10px 0px 0px 0px;
padding: 10px 10px 0px 10px;
}
#mainindexr {
float:left;
width:285px;
margin: 0px 0px 0px 40px;
padding: 0px 1px 0px 1px;
}

#mainindexr h2 {
width:285px;
height:37px;
font-size:125%;
font-weight:normal;
color:#191919;
background: #ffffff url(../../images/main_md03.jpg) left top no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 0%;
background-position-y: 0%;
background-origin: initial;
background-clip: initial;
background-size: initial;
margin: 10px 0px 0px 0px;
padding: 10px 10px 0px 10px;
}

.imgbox03 .date {
display : inline-block;
width:270px;
line-height:1.2em;
margin: 0px 0px 8px 0px;	
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #000000;
}

#main h2 {
width:585px;
height:37px;
font-size:125%;
font-weight:normal;
color:#191919;
background: #ffffff url(../../images/main_md02.jpg) left top no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 0%;
background-position-y: 0%;
background-origin: initial;
background-clip: initial;
background-size: initial;
margin: 10px 0px 0px 0px;
padding: 10px 10px 0px 10px;
}


#main h2.separate{
	margin-top: 60px;
}

/*
#main h2 {
font-size:125%;
font-family:'Courier New', Courier, monospace;
font-weight:normal;
color:#FFFFFF;
background:#191919;
margin: 10px 0px 10px 0px;
padding: 8px 10px 7px 10px;
}
*/


#main h3 {
font-size:105%;
border-left:#000000 solid 6px;
margin: 15px 10px 15px 10px;
padding: 3px 10px 3px 5px;
}

.subtitle{
	font-size:130%;
	font-weight:normal;
	color:#191919;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px;
	width:95%;
}

#main h4 {
font-size:115%;
width:85%;
border-bottom:#6d6d6d dotted 1px;
margin: 15px 10px 15px 10px;
padding: 5px 10px 5px 10px;
}

#main p {
color:#5f686f;
margin: 10px 10px 0px 10px;
padding: 0;
}

#mainindexr p, #mainindexl p {
color:#5f686f;
margin: 4px 10px 0px 10px;
padding: 0;
}

#main p.summary {
color:#5f686f;
margin: 10px 10px 20px 10px;
padding: 10px 10px 10px 10px;
}

#main p.apli {
color:#5f686f;
margin: 5px 10px 20px 2em;
padding: 0px;
}

#main div.news {
color:#5f686f;
margin: 0px 15px 15px 15px;
padding: 0px;
}

#main div.news img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

#main div.news img.thmb {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#main div.news img.capt {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#main div.news h3 {
color:#000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
}

#main div.news p {
color:#5f686f;
line-height:1.8em;
margin: 0px 0px 15px 0px;
padding:30px 0px 15px 0px;
border-bottom: 1px solid #cccccc;
}

#main div.news p.release {
color:#5f686f;
line-height:1.8em;
margin: 0px;
padding:15px 0px 15px 0px;
border-bottom: none;
}
#main div.news p.cap {
color:#5f686f;
font-size:90%;
line-height:1.2em;
margin: 10px 0px;
padding:0px 0px 0px 0px;
border-bottom: none;
}

#main p.ancor {
color:#227cae;
font-size: 85%;
}

#main blockquote {
margin: 20px 10px 20px 10px;
padding: 10px 10px 10px 10px;
border:#999999 dotted 1px;
}

#main ul {
	margin: 15px 30px 15px 28px;
	padding: 0px 0px 0px 0px;
	color: #5f686f;
}

#main ul.none001 {
margin: 15px 0px 0px 60px;
padding: 0px 0px 0px 0px;
list-style: none;
}

#main ul.normal {
margin: 15px 0px 0px 60px;
padding: 0px 0px 0px 0px;
}

#main ul.none {
list-style-type: none;
margin: 15px 30px 15px 38px;
padding: 0px 0px 0px 0px;
}

#main li {
line-height: 140%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}



.imgbox {
width:585px;
margin-bottom: 15px;
background-color: #ffffff;
overflow: hidden;
}

.imgbox02 {
width:585px;
margin-top: 15px;
padding:5px 0px 25px 0px;
background-color: #f9f9f9;
border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
box-shadow: 2px 2px 5px #c1c1c1; /*CSS3*/
-moz-box-shadow: 2px 2px 5px #c1c1c1; /* Firefox用*/
-webkit-box-shadow: 2px 2px 5px #c1c1c1; /* Google Chrome, Safari用*/
}

.imgbox03 {
width:285px;
margin-bottom: 15px;
background-color: #ffffff;
overflow: hidden;
}

.next {
	text-align:right;
}

.bo {
font-weight:bolder;
color: #000000;
}

/*What's news の画像回り込み-------------------------*/

*.thumbleft {
float: left;
margin-left: 1em;
margin-right: 1em;
margin-top: 1.5em;
margin-bottom: 1.8em;
}


*.thumbright {
float: right;
margin-left: 1em;
margin-right: 1em;
margin-top: 2em;
padding-top: 1.8em;
}

.thumbcenter {
	margin: auto;
	text-align:center;
}


/*　20150507追記箇所　ここから　*/

.factor{
	margin: 15px 0px 35px 0px;
}

.factor-m{
	font-size:125%;
	font-weight:bold;
	color:#191919;
	margin-top: 10px;
}

.factor img {
	float: left;
	padding: 10px 15px 30px 0px;
}

.enterleft {
	float: left;
	width: 400px;
	margin: 30px 0px 20px 58px;
}

.enterright {
float: left;
width:400px;
margin: 30px 0px 20px 17px ;
}

.txcat {
	color: #227cae;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

.txcm {
font-size:150%;
font-weight:bold;
line-height:1.5em;
}

.txpu {
font-size:130%;
line-height:1.5em;
}

/*　20150507追記箇所　ここまで　*/



/* main table メインのテーブル
-----------------------------------------------------*/

#main table ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}

#main table {
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
width:550px;
border:solid #333333 1px;
border-collapse:collapse;
}

#main table.kos {
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
width:550px;
border:solid #333333 1px;
border-collapse:collapse;
font-size: 85%;
}

#main table.kos td {
padding: 3px;
border:solid #333333 1px;
background-color:#fff;
}

#main caption {
margin: 0px 0px 10px 0px;
font-size:110%;
font-weight:bold;
}

#main th {
white-space: nowrap;
padding: 3px;
border:solid #333333 1px;
background-color:#227cae;
text-align:center;
color:#ffffff;
}

#main td {
padding: 10px 10px 10px 10px;
border:solid #333333 1px;
background-color:#fff;
}

#main td.nowrap {
white-space: nowrap;
vertical-align: top;
}

#main table.volume {
margin: auto;
padding: 0px 0px 0px 0px;
width:520px;
border:solid #333333 1px;
border-collapse:collapse;
}

#main table.kos td .title {
	line-hight:1em;
	padding: 0;
	margin: 0;
}
#main table.kos td p{
	border: none;
	line-hight:1em;
	padding: 0;
	margin: 0;
}
#main table.kos td img{
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding: 0;
}
/* new 更新情報
-----------------------------------------------------*/

#main .new {
height: 150px;
overflow: auto;
margin-right: auto;
margin-left: auto;
}

#main .new li {
border-bottom:#CCCCCC dotted 2px;
margin: 5px 0px 5px 0px;
padding: 5px 0px 10px 0px;
}

/* sub サブ
-----------------------------------------------------*/

#sub {
float:right;
font-size:12px;
width:240px;
margin: 10px 40px 0px 0px;
padding: 0px;
display: inline;
background-color: #ffffff;
}

#sub h3 {
font-size:12px;
text-align:left;
font-weight:normal;
color:#191919;
background: #ffffff url(../../images/sub_md02.jpg) left top no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 0%;
background-position-y: 0%;
background-origin: initial;
background-clip: initial;
background-size: initial;
margin: 0px;
padding: 10px 0px 10px 10px;
}

#sub .category {
background:#ffffff;
margin: 0px 0px 15px 0px;
padding: 0px 0px 30px 0px;
}

#sub .side_banner{
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#sub .side_banner img{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#sub p {
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

#sub blockquote {
margin: 15px 0px 15px 0px;
padding: 10px 10px 10px 10px;
border:#999999 dotted 1px;
}

#sub .soto {
margin: 0px 20px 0px 20px;
}


#sub ul {
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 10px;
list-style: disc;
}

#sub li {
line-height: 120%;
margin: 0px 0px 5px 10px;
padding: 0px 0px 0px 0px;
list-style-type: disc；
}

#sub li.inner {
line-height: 120%;
margin: 0px 0px 5px 10px;
padding: 0px 0px 0px 0px;
list-style-type: circle;
}


#sub ul li.md {
font-weight: bold;
line-height: 1.5em;
border-left: 5px solid #cecece;
border-bottom: 1px solid #cccccc;
margin: 30px 0px 0px 0px;
padding: 3px 0px 5px 5px;
width:100%;
list-style-type: none;

}

#sub ul li.submd {
font-weight: bold;
color:#5f686f;
line-height: 1.5em;
border-top: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
margin: 0px 0px 10px 0px;
padding: 10px 0px 5px 5px;
width:95%;
}


#sub li a, #sub li a:link, #sub li a:visited {
color: #227cae;
text-decoration: none;
}

#sub li a:hover {
color: #227cae;
text-decoration: underline;
}

#sub .passbox {
width:220px;
margin: 20px 0px 40px 10px;
padding: 0px 0px 40px 0px;
}



/* footer フッター
-----------------------------------------------------*/

.totop {
color:#ffffff;
font-size:10px;
text-align:center;
width:100px;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 750px;
background-color:#191919;
}

.totop a {
color:#ffffff;
font-size:10px;
text-align:center;
}


#footer {
clear:both;
width:900px;
height:50px;
color: #ffffff;
font-size:10px;
margin: 0px auto;
padding: 15px 0px 0px 0px;
background-color: #191919;
}

#footer img {
    display:block;
    margin:0px auto;
}

#footer p {
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px 20px 0px 0px;
	text-align:right;
}

/* プルダウンメニュー
-----------------------------------------------------*/
#dropmenu {
  list-style-type: none;
  width: 850px;
  margin: 0px auto 5px;
  padding: 0;
}
#dropmenu li {
  position: relative;
  width: 14.2%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  /* プルダウンメニューの高さ（padding: 16px 0;）
-----------------------------------------------------*/  
  padding: 10px 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dddddd', endColorstr = '#4D4D4D');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dddddd', endColorstr = '#4D4D4D')";
background-image: -moz-linear-gradient(top, #dddddd, #4D4D4D);
background-image: -ms-linear-gradient(top, #dddddd, #4D4D4D);
background-image: -o-linear-gradient(top, #dddddd, #4D4D4D);
background-image: -webkit-gradient(linear, center top, center bottom, from(#dddddd), to(#4D4D4D));
background-image: -webkit-linear-gradient(top, #dddddd, #4D4D4D);
background-image: linear-gradient(top, #dddddd, #4D4D4D);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-top:solid #4D4D4D 1px;
}

#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .2s;
}
#dropmenu li ul li a {
    /* プルダウンメニューの高さ（padding: 13px 8px;）
-----------------------------------------------------*/
  line-height: 1.2;
  padding: 8px 8px;
  background: #aaaaaa;
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  text-decoration:none;
}
#dropmenu > li:hover > a {  background: #4D4D4D }
#dropmenu > li:hover li:hover > a {  background: #4D4D4D;  }
#dropmenu > li:hover > ul > li {
  overflow: visible;
  height: 100%;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}

/*#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 20px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #4D4D4D;
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 20px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #4D4D4D;
}*/

#dropmenu li ul li:hover > ul > li {
  overflow: visible;
  height: 100%;
  /*height: 38px;*/
}
#dropmenu li ul li ul li a {  background: #444444 }
#dropmenu li:hover ul li ul li a:hover {  background: #cccccc }