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

body { background-image:url(../images/fuusikaden_bg.gif); background-repeat:repeat-x; background-position:top center; }

a { color:#00A2BA; }
a:hover { color:#00DAF9; }

a.shousai { text-decoration:underline; }
a.shousai:hover { text-decoration:none; }

.cb { clear:both; }
.tc { text-align:center; }

h2.page-title { font-size:1.2em; color:#FFF; padding:10px 10px 10px; margin:0 0 20px; background-color:#EEE; letter-spacing:2px; background-image:url(../images/page-title2_bg.png); background-repeat:repeat; background-position:left; text-align:center;}
h2.works-title { font-size:1.2em; color:#FFF; padding:10px 10px 10px; margin:0 0 20px; background-color:#EEE; letter-spacing:2px; background-image:url(works-title_bg.png); background-repeat:repeat; background-position:left; text-align:center;}
h2 { font-size:1.25em; color:#F60; padding:30px 0 15px; }
h3 { font-size:1.25em; padding:0 0 20px 25px; background-image:url(../images/h3_bg.png); background-repeat:no-repeat; background-position:left top; color:#444; }

h3.works { font-size:1.2em; background-image:none; padding:0; margin:0 0 10px; color:#444; }
h3.service { font-size:1.0em; color:#FFF; padding:5px 10px 5px; margin:0 0 20px; background-color:#999; letter-spacing:2px; background-image:none; } 

h4{ font-size:0.95em; }

h4.list_head {
  margin: 0 0 0.8em;
  border-left: solid 3px #BBB;
  padding-left: 8px;
  color: #000;
  font-weight:normal;
}

h4.service_shousai { font-size:0.9em; color:#666; padding:2px 15px 5px; margin:30px 0 10px; border-bottom:dotted 1px #DDD; background-image:url(time_maru.png); background-repeat:no-repeat; background-position:left 3px; letter-spacing:2px; } 
h4.eizo_shousai { font-size:0.9em; color:#666; padding:2px 15px 5px; margin:0 0 10px; border-bottom:dotted 1px #DDD; background-image:url(time_maru.png); background-repeat:no-repeat; background-position:left 3px; letter-spacing:2px; } 

p { font-size:0.95em; }

p.company_name { font-size:0.85em; font-weight:bold; margin-bottom:5px; }

p.kikan { padding-bottom:10px; border-bottom:dotted 1px #666; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.95em; }

p.small { font-size:0.8em; }

ul.list { padding-left:20px; margin-bottom:40px; font-size:0.9em; }
ul.list li a { color:#F60; }
ul.list li a:hover { color:#FFA56F; }

ul.list li a.blue_list { color:#00A2BA; }
ul.list li a.blue_list:hover { color:#00DAF9; }


p.to_top { text-align:right; margin-top:10px; }
p.to_top a { color:#F60; }
p.to_top a:hover { color:#FFA56F; }

p.to_top_blue { text-align:right; margin-top:10px; }
to_top_blue a { color:#00A2BA; }
to_top_blue a:hover { color:#00DAF9; }

dl.dllist dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
  border-left: solid 3px #BBB;
  padding-left: 8px;
  color: #000;
  font-size:0.95em;
}

dl.dllist dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
  font-size:0.95em;
}

hr { height:8px; background-color:#CCC; }

a.button { font-size:0.9em; }

.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.h-350 { height:350px; }

table { width:100%; }
table th, table td {
	padding: 10px;
	vertical-align: top;
	text-align: left;
	font-size: small;
}
table td ul { margin:20px; font-size:0.9em; }
table th {
}

table.schedule { color:#666666; }
table.schedule tr td { width:20%; text-align:center; border:#CCC 1px solid; font-size:0.9em; }
table.schedule tr th { width:20%; text-align:center; border:#CCC 1px solid; font-size:0.9em; }
table.schedule tr.time th { background-color:#CCC; text-align:center; color:#666; } 
table.schedule tr.time2 th { background-color:#CCC; text-align:center; color:#666; font-size:0.8em; } 

table.bihin { color:#666666; }
table.bihin tr td { width:20%; text-align:left; border:#CCC 1px solid; font-size:0.9em; }
table.bihin tr.bihin_midashi th { background-color:#CCC; text-align:center; color:#666; font-size:0.9em; } 
 
.clearing-thumbs  { }
.clearing-thumbs li { padding:5px; margin:0 8px 20px 8px; border:#CCC 1px solid; float:left; display:block; }
.clearing-thumbs li#end { margin-right:0; }
.clearing-thumbs li a:hover img { opacity:0.8; }
 

table a { color:#000; text-decoration:underline; }
table a:hover { color:#666; text-decoration:none; }

.eizo_set { width:220px; margin:10px; float:left; } 

/*サイドバー
---------------------------------------------------------------*/

#menu2 {
	font-size:11px;
	width:100%;
	color:#B8967A;
	text-align:right;
	padding:8px 15px 8px 15px;
	background-color:#FF9600;
  	position: fixed !important;  	
	position:absolute;
	z-index:5;
	top:0;
	right:0;
}
 
#modal { display: none; }
 
#modal h2{
    font-size:15px;
    border-bottom:1px solid #fff;
	margin-bottom:15px;
}
 
#modal h2,
#modal ul li a{
    padding:10px 0;
	background-image:none;
}
 
#modal ul{
    margin-bottom:20px;
	padding-left:0;
}

#modal ul li {
	list-style-type:none;
}
 
#modal ul li a{
    border-bottom:1px dashed #6f6f6f;
    display:block;
    color:#fff;
	padding-left:10px;
	font-size:12px;
}

#modal ul li ul {
	margin-bottom:0;
}

#modal ul li ul li {
	margin-bottom:0;
	padding-left:10px;
}



#modal ul li a:hover {
	background-color:#444444;
}

 
.close{
    font-weight:bold;
}
 
.close a{
    color:#000;
    padding:3px 10px;
    background:#ccc;
}
 
.open{
    display:block;
    padding:5px 7px 7px 7px;
    float:right;
    border-radius:3px;
    border:1px solid #FFCE84;
	background-repeat:repeat-x;
	background-position:left top;
	font-weight:bold;
}

.reveal-modal {
    border:none;
    border-radius:0;
}

a.open span {
  	color:#FFFFFF;
}
 
/*.open img{
    vertical-align:middle;
}*/

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
 
    /* Specify the width of your pageslide here */
    width: 260px;
    padding: 20px;
 
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}



@media screen and (max-width: 767px) {
.smart_off {
	display:none;	
}
body { background-image:none; border-top:#FF6600 3px solid; }
nav.top-bar { display:none; }
}

@media screen and (min-width: 768px) {
.smart_on {
	display:none;	
}
.eizo_wrapper { margin:0 58px; width:480px; }
}

.smart_on {
	/* applied only IE6 */
	_display:none;

	/* applied IE6 and IE7 */
	>display:none;

	/* applied only IE8 */
	display /*\**/: none\9;
}

@media screen and (max-width: 940px) {
h1 { padding-bottom:0; margin-bottom:0; }
}

@media only screen and (min-width: 940px) {
.top-bar>ul .name h1{ display:none; }
.top-bar ul>li:not(.name):hover,.top-bar ul>li:not(.name).active,.top-bar ul>li:not(.name):focus{/*★トップバー選択中*/background:#D32C9D}

}