@charset "shift-jis";

/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 24 COLUMN RESPONSIVE GS */
@import url("responsive.gs.24col.css");


/*	EXAMPLE STYLES */
body {
	font-family: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: white;
	background: #e5e5e5;
}

header {
	line-height: auto;
	text-align: center;
	background: #fff url("../images/header.jpg") no-repeat !important; 
	padding-top: 0.8em;
}

article {
	line-height: 1.5em;
	text-align: left;
}

aside {
	line-height: 1.3em;
	text-align: left;
}

footer {
	line-height: 1.5em;
	text-align: center;
	background: #BBB;
}

.clear {
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	clear: both; 
	display: block;
	 visibility: hidden;
}



/*	ヘッダー#0085D0 */
.content1 {
	width: 40%; margin-left: 5%; margin-bottom: 0.8em; opacity:0.85; color: #000;
	background-color:#FFFFFF; filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
}
.content1 .grid1 {
	width: 100%; background: #fff; overflow: auto; display: block;
}
.content1 .grid1 h1 span#logo {
	background: url("../images/logo.jpg") no-repeat ; width: 110px; height: 55px; float: left; display: block;
}

/*	メニュー */
.togmenu {
	display:none;
}
.menubtn {
	padding: 15px 20px; background: url("../images/bg_main-nav.png") repeat-x !important; color:#fff; 
}
#menu ul {
	background: url("../images/bg_main-nav.png") repeat-x !important; 
}
#menu li {
	list-style: none; border-top: 1px solid #fff; font-size: 1.0em; background: url("../images/bg_main-nav.png") repeat-x ; margin-right: 0.2em; margin-left: 0.2em; text-shadow: 0.5px 0.5px 0.5px #222;
}
#menu li a {
	padding: 9px 15px; display:block; text-decoration:none;  
	color: rgb(236, 236, 236); font-weight: bold; text-decoration: none;
}
#menu li a:hover {
	color: rgb(252, 247, 213); text-shadow: 1.5px 1.5px black;
}
#menu li#carrent a{
	color: #FFDB73; text-shadow: 1.5px 1.5px black;
}

@media only screen and (min-width: 960px) {
	.menubtn {
		display:none;
	}
	.togmenu {
		display:block;
	}
	#menu li  {
		display: inline-block; border:none;
	}
	.footer-nav {
	width: 50%; padding-top: 20px; padding-bottom: 30px; margin-right: auto; margin-left:auto;
    }
    .grid_2 {
	margin-right: 5px; margin-left: 5px; float: left; display: inline;
    }
}


/*	メインコンテンツ */
#content2 {
	padding-top: 1em;
	font-size: 1em; color: #605151;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	background: #fff;
	overflow: hidden;
	margin-top: 1em;
}
#content2:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
#content2 {
	zoom: 1;
}
#content3 {
	text-align: center; margin: 0.2em; padding: 1em; float: left; background: #fff; word-break: break-all;
}
#content3 h4 span.title {
	font-weight: bold; text-align: center;
}
#content3 p {
	text-align: left; font-size: 0.8em; line-height: 1.5em;
}


/*	トピックス */
#right-sidebar {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px;
	background: #fff;
	margin-top: 1em;
}
#rightheader{
	width: 100%; height: 5%; margin-bottom: 0.5em; padding:0.5em 0.8em; background: #ffa200; color: #fff; font-weight: bold;
}
#topic {
	margin: 1em 0.8em 1em 0.8em; font-weight: nomal;
}
#topic h4 {
	margin-bottom: 0.7em;  color: #000; border-bottom: solid 1px #ccc;
}
#topic ul li {
	line-height: 1.5em; font-size: 0.8em; color: #605151; 
}
#topic p {
	font-size: 0.7em; 
}


/*	フッター */
#content4 {
	background: #BBB; padding: 0 5em 5em 10em;	
}
#content5 {
	margin-top: 2em; float: left; word-break: reak-all; 
}



/*	会社概要 */
#content6 {
	margin-top: 1em; padding: 3em 5em; font-size: 0.9em; color: #605151;	background: #fff; overflow: hidden; color: #605151;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
}
#content6 h2 {
	font-size: 1.3em; font-weight: bold; color: #0085D0;
}
#content6 table {
	margin: 1em 0 3em 0;
}
#content6 table th {
	background: #605151; color: #fff; border: 1px #fff solid; padding: 0.3em 1em;
}
#content6 table td{
	padding: 0.3em 1em; border: 1px #ccc solid;
}

@media only screen and (max-width:420px){
	#content6 {
		padding: 2em 0.5em;
		font-size: 0.8em;
		line-height: 1.3em;
	}
    tbody tr{
        display: block;
}
    tbody th,
    tbody td{
        display: block; 
    }

}

/*	地図 */
.google-maps {
position: relative;
padding-bottom: 250px; /*高さは250pxで固定*/
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


/*	画像加工 */
/*縦横比維持 */
img {
    max-width: 100%;
    height: auto;
}
/*フォトフレーム加工 */
.photo { 
padding: 8px; 
border-top: 1px solid #ccc; 
border-left: 1px solid #ccc; 
border-bottom: 1px solid #c2c2c2; 
border-right: 1px solid #c2c2c2; 
/* IE */ 
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)"; 
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */ 
background: #fff;  
}