@charset "utf-8";


a:link{
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}


hr{
	clear: both;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


.r{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}


.red{color: #C00;}


/* マージン */
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
.mb100{margin-bottom:100px;}
.mr05{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr70{margin-right:70px;}
.mr100{margin-right:100px;}
.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml70{margin-left:70px;}
.ml100{margin-left:100px;}


.tx-l{text-align: left;}
.tx-c{text-align: center;}
.tx-r{text-align: right;}




a:hover img.ro,
.ro:hover
{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}






body{background-color: #f7f7f7;}


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

	header

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


#header{
	width: 100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #C00;
	clear: both;
	background-color: #FFF;
}


#header .inner{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 140px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}

#header .inner .logo{
}

#header .inner p.cap{
	font-size: 0.7em;
	color: #666;
	width: 600px;
	float: left;
	line-height: 1.3;
}


#header .inner .head-1{
	width: 220px;
	position: absolute;
	top: 47px;
	right: 330px;
	text-align: center;
	line-height: 1.4;
	font-size: 1.4em;
}

	#header .inner .head-1 span{
	font-size: 15px;
	}

	#header .inner .head-1 strong{
	color: #C00;
	}
	
	
#header .inner .head-2{
	float: right;
	position: absolute;
	top: 10px;
	right: 0px;
	height: 121px;
	width: 281px;
}





/*グローバルメニュー
---------------------------------------------*/

#main-nav{
	background-color: #333333;
	width: 100%;
}

#main-nav .inner{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#main-nav ul.inner li{
	
	float: left;
}


#main-nav ul.inner li a{
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: center;
}

#main-nav ul.inner li a:hover{
	color: #F33;
	text-decoration: none;
}




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

	

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


#wrap{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 2em;
	padding-right: 0;
	padding-bottom: 2em;
	padding-left: 0;
	}


#main{
	float: left;
	width: 620px;
		}


#side{
	float: right;
	width: 310px;}





	#side #technology{
	margin-bottom: 20px;
	}

	#side #technology h2{
	margin: 0px;
	padding: 0;
	line-height: 0px;
}
	
	#side #technology .list{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin: 0px;
	background-color: #FFF;
		}
	
	#side #technology .list li{
	background-image: url(../images/common/arrow_red.png);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 20px;
	background-position: left;
	margin-bottom: 0.5em;
		}






p.pnavi{
	margin-bottom: 1em;
	font-size: 0.9em;
	color: #333;
}


/*お問い合わせ ----------*/

.contact-box{
	border: 2px solid #333;
	margin-bottom: 10px;
	background-image: url(../images/common/bg_contact.gif);
	background-repeat: repeat;
	background-position: left top;
	margin: 0 0 20px;
}


.contact-box h2{
	text-align: center;
}
.contact-box .inner{
	background-color: #FFF;
	padding: 10px;
	margin: 4px;
}

.contact-box .inner p{
	font-size: 0.8em;
	line-height: 1.4;
	padding: 0px;
}
.contact-box .inner p strong{
	color: #000;
}


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

	footer

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



#footer{
	width: 100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #C00;
	clear: both;
	background-color: #333;
}


#footer .inner{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
	font-size: 0.9em;
	line-height: 1.2;
}

#footer .inner a{
  color: #ffffff;
  text-decoration: none;
}

#footer p.copy{
	text-align: center;
	padding: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	clear: both;
	color: #999;
	margin-top: 2em;
	display: block;
	font-size: 13px;
}
#footer .inner .box03_l
{
	float: left;
	color: #ffffff;
	height: 100%;
	margin-right: 20px;
}

#footer .inner .box03_l dt{
	background-image: url(../images/common/icon_maru.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 16px;
	margin: 0 0 15px;
}


#footer .inner .box03_l dd{
/*	background-image: url(../images/common/icon_maru.png);
	background-repeat: no-repeat;
	background-position: left center;
*/	padding-left: 20px;
	margin-top: 5px;
}


#footer .inner .box03_r
{
	width: 250px;
	float: right;
	height: 100%;
	padding: 5px;
	background-color: #F7F7F7;
}








#footer .inner .box03_r .photo
{
	width: 50px;
	float: left;
}

#footer .inner .box03_r .text
{
	float: right;
	width: 193px;
	font-size: 12px;
	color: #333;
}


/*--------------------------------------------------
    FOOTER　pageup link
--------------------------------------------------*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.pagetop a {
	display: block;
	background-color: #ccc;
	text-align: center;
	color: #222;
	font-size: 12px;
	text-decoration: none !important;
	padding: 20px 20px;
	opacity: 0.8;
}
 
.pagetop a:hover {
	display: block;
	background-color: #222;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none !important;
	padding:10p 20px;
}



.banner-area {
	margin: 0 0 20px;
}




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

.cf:after,
#header:after,
#contents:after,
#wrap:after,
#footer:after,
.liveInfo:after{
	content: ".";
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.cf,
#header,
#contents,
#wrap,
#footer,
.liveInfo {
	zoom: 100%;    /* Mac IE 5 only \*//*/
	display:inline-table;
	/* */
}



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

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}