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

html,body {margin:0; padding:0; height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
body		{color:#111; background:#CCC; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
body .fontB	{font-size:120%}
body p		{padding:0px 0px 5px 0px; margin:0px}

ol,ul	{list-style:none;margin:0;padding:0}
li		{margin:0;padding:0}
dl,dt,dd{margin:0;padding:0}

a		{text-decoration:none;}
a:link		{color:#0075c6}
a:hover		{color:#56e578;}
a:visited	{color:#3f3e8b}
h1,h2,h3,h4,h5	{margin:0px;}
img		{border:0}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

.clear		{clear:both}
.container	{background:#fff}

.site-header .inner {width:900px; margin:0 auto; zoom:1; position:relative; border-width:0 0 5px 0; border-color: #80CEDD; border-style:solid; margin-bottom:30px}
.site-header .inner:after {content:''; display:block; clear:both; overflow:auto}
.site-header .logo {float:left; padding:10px 0 0 15px;}
.site-header .mainnavi {width:450px; float:right; background-color:#029EBC;}
.site-header .mainnavi ul {margin: 0 auto}
.site-header .mainnavi li {display:inline-block; width:150px; text-align:center; *display:inline; *zoom:1; }
.site-header .mainnavi a {display:block; color:#EBF7FA; text-decoration:none; padding:15px 0; font-weight:bold; font-size:16px; letter-spacing:0.05em;}
.site-header .mainnavi a:after {
    display: block;
    content: "";
    width: 5%;
    height: 1px;
    background-color: #ffffff;
    margin: 10px auto 0;
    transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
}
.site-header .mainnavi a:hover:after {width:90%;}

.site-footer {color:#fff;background-color:#000;border-top:solid #666 2px;padding-top: 20px;padding-bottom: 20px;overflow: hidden; font-size:12px}
.site-footer .inner {width:900px; margin:0 auto; zoom:1; position:relative}
.site-footer .inner:after {content:''; display:block; clear:both; overflow:auto}
.site-footer .leftBox {width: 45%;padding:15px;float: left;}
.site-footer .rightBox {width: 45%;padding:15px;text-align:right;float: right;}
.site-footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	}
/*\*/
* html .site-footer {
    height: 1em;
    overflow: visible;
	}
/**/

.site-body {width:auto; clear:both}
.site-body .inner {width:900px; margin:0 auto; zoom:1; position:relative;}
.site-body .inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.site-body h3 {font-size:1.2em; font-weight:bold; color:#033; letter-spacing:0.05em;}
.site-body h3 .mi {font-size:1.5em; color:#39C}

#top .site-body .leftBox  {width:650px; padding:15px 0px; float: left;}
#top .site-body .rightBox {width:200px; padding:15px 0px; text-align:right; float: right;}
#top .site-body .contentsimage {width:900px; margin-top:30px;}
#top .site-body .bxslider {text-align:center;}

#top .site-body .info	 {width:auto; border:1px solid #029EBC; margin-bottom:20px; border-radius:10px; behavior: url(/css/PIE.htc);}
#top .site-body .info h3 {padding:5px; border-bottom:3px solid #80CEDD; }


#top .site-body .info ul {margin-bottom:10px; border-bottom:1px solid #bef1fb; }
#top .site-body .info ul li {border-top:1px solid #bef1fb;}
#top .site-body .info ul li a{color:#000; display:block; padding:0.5em; min-height:80px}
#top .site-body .info ul li a:hover{text-decoration:none; background:#CCC}
#top .site-body .info ul li dl{position:relative; *padding-top:0px; _padding-top:0px}
#top .site-body .info ul li dl .thumbnail {position:absolute; left:0; top:0}
#top .site-body .info ul li dl dd {padding-left:90px}
#top .site-body .info ul li dl .date{color:#069; display:inline-block; *float:left; _float:left; font-size:80%; font-family:Arial,sans-serif; font-weight:bold; line-height:1; padding-right:1em; margin-right:0.5em;}
#top .site-body .info ul li dl .title{*clear:both; _clear:both; *margin-top:5px; _margin-top:5px; font-size:90%; line-height:1.5em;}
#top .site-body .info ul li:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#top .site-body .group {width:auto; margin-bottom:20px}
#top .site-body .group h3 {padding:5px; font-size:1.2em; font-weight:bold; color:#033; letter-spacing:0.05em;}
#top .site-body .group ul {margin:10px;}
#top .site-body .group ul  li {display:inline-block; margin-right:3px; *display:inline; *zoom:1; }

.menuLineDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#029EBC;
	border-style:solid;
	background:#D9F0F4;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

#top .site-body .rightBox ul.contents	{margin-bottom:10px;}
#top .site-body .rightBox ul.contents li	{border:1px solid #000; text-align:center; font-size:10px !important; margin-bottom:10px}
#top .site-body .rightBox ul.contents li.shop {background-image:url(../img/image_shop.jpg); }
#top .site-body .rightBox ul.contents li.tenpo {background-image:url(../img/image_tenpo.jpg); }
#top .site-body .rightBox ul.contents li.toho {background-image:url(../img/image_toho.jpg); }
#top .site-body .rightBox ul.contents li.goods {background-image:url(../img/image_goods.jpg); }
#top .site-body .rightBox ul.contents li a{color:#000; display:block; padding:50px 5px 8px;}
#top .site-body .rightBox ul.contents li a:hover{text-decoration:none; background:#000; color:#aaa; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; behavior: url(/css/PIE.htc);}
#top .site-body .rightBox ul.contents li	h4{font-size:14px}

table.company, table.query {margin:0 auto; border-collapse:separate; border-spacing:0px 15px;}
table.company th, table.company td, table.query th, table.query td{padding: 10px; font-size:80%}
table.company th, table.query th {
    background: #029EBC;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
table.company th:after, table.query th:after{
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #029EBC;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #029EBC 10px solid;
        margin-top: -10px;
    }
}
table.company td, table.query td {background: #f8f8f8; width: 360px; padding-left: 20px;}

#business .box_out {width:auto; margin:20px}
#business .box_out .box {width:700px; margin:0px auto; text-align:left; border:1px solid #999; margin-bottom:15px;}
#business .box_out .box h4{
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#0d4e7c', endColorstr = '#053a5f');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#0d4e7c', endColorstr = '#053a5f')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(left, #0d4e7c, #053a5f);
	background-image: -ms-linear-gradient(left, #0d4e7c, #053a5f);
	background-image: -o-linear-gradient(left, #0d4e7c, #053a5f);
	background-image: -webkit-gradient(linear, left top, right top, from(#0d4e7c), to(#053a5f));
	background-image: -webkit-linear-gradient(left, #0d4e7c, #053a5f);
	background-image: linear-gradient(left, #0d4e7c, #053a5f);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	position:relative;
	padding:8px;
	padding-left:20px;
	font-size: 18px;
	background-color: #053a5f;
	color: #54e9ff;
	text-shadow: 0px 1px 1px #000;
}
#business .box_out .box h4:before{
	content:''; 
	height:25px; 
	width:2px; 
	display:block; 
	position:absolute; 
	left:8px; 
	background-color:#00ffd8;
	border-left: 4px solid #00ffd8;
}

#business .box_out .box .article {padding:10px;}
#business .box_out .box .article h5 {color:#106a77; font-size:16px; margin:10px 0px 0px 10px}
#business .box_out .box .article ul {margin:5px; border:1px dotted #ccc; padding:0px}
#business .box_out .box .article li {margin:0px; padding:10px; border-bottom:1px dotted #ccc;}
#business .box_out .box .article li a {font-weight:bold; margin-right:10px;}
#business .box_out .box .article li a:link {text-decoration:underline; color:#000}
#business .box_out .box .article li a:hover {text-decoration:none; color:#56e578}
#business .box_out .box .article li a:visited {text-decoration:underline; color:#999}

#info .box_out {text-align:center; padding:20px 0px 50px}
#info .box_out table.query td {text-align:left;}
#info .box_out table.query th {text-align:left; width:130px}


.site-body .inner h3.sub {
	background:#cedbe1 url(../img/line.png);
	padding:5px 10px 3px; margin:10px 0px;
	border-bottom:#39C solid 5px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-moz-box-shadow: 0px 0px 5px #5291ab;
	-webkit-box-shadow: 0px 0px 5px #5291ab;
	box-shadow: 0px 0px 3px #5291ab;
	behavior: url(/css/PIE.htc);
}