@charset "utf-8";
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	line-height: 1.8;
	font-size:13px;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	background-color: #FFFFFF;
	-webkit-print-color-adjust: exact;
}


body #wrapper {
	margin: 0px auto;
	background-image: url(../img/page_bg2.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

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

a:hover, a:active {
	color: #F90;
	text-decoration:underline;
}

a:hover img {
	filter: alpha(opacity=80);
	opacity:0.8;
}

/*********************************************************************************************
	ヘッダー
**********************************************************************************************/
#header {
	width: 960px;
	height: 70px;
	margin:0px auto;
	position: relative;
}
#header #rogo {
	width: 136px;
	height: 54px;
	position:absolute;
	left: 0px;
	top: 8px;
}
#header h1 {
	font-size:12px;
	/*font-weight: normal;*/
	position:absolute;
	left: 165px;
	top: 28px;
}
#header #rogo_msys {
	width:243px;
	height:38px;
	position:absolute;
	right: 230px;
	top: 25px;
}
#header #telno {
	width:531px;
	height:14px;
	position:absolute;
	right: 0px;
	top: 5px;
}
#header #btnContact {
	width:210px;
	height:25px;
	position:absolute;
	right: 0px;
	top: 35px;
}

/*********************************************************************************************
	グローバルナビゲーション
**********************************************************************************************/
#gnavi {
	width:960px;
	height:40px;
	margin:0px auto;
}
#gnavi li {
	width:192px;
	height:40px;
	line-height:40px;
	font-size:14px;
	float:left;
	text-align:center;
	font-weight:bold;
	background-image: url(../img/gnavi_btn_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li a {
	display:block;
	width:192px;
	height:40px;
}

/*-- カレント --*/
body#home #gnavi li.gnav1 a {
	color: #ccff99;
}
body#solution #gnavi li.gnav2 a {
	color: #ccff99;
}
body#feature #gnavi li.gnav3 a {
	color: #ccff99;
}
body#case #gnavi li.gnav4 a {
	color: #ccff99;
}
body#spec #gnavi li.gnav5 a {
	color: #ccff99;
}

/*-- リンク色 --*/
#gnavi a:link, #gnavi a:visited {
	color: #FFF;
	text-decoration:none;
}
#gnavi a:hover, #gnavi a:active {
	color: #ccff99;
	text-decoration:none;
}

/*********************************************************************************************
	コンテンツレイアウト
**********************************************************************************************/
#contents {
	width: 960px;
	margin:0px auto 15px;
}

/*********************************************************************************************
	詳細ページタイトル
**********************************************************************************************/
#pagetitle {
	width:960px;
	height:140px;
	background-image: url(../img/page_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px auto;
}
#pagetitle h2 {
	font-size:24px;
	color:#FFF;
	padding:25px 0px 0px 30px;
}
#pagetitle h2 span {
	font-size:20px;
	color:#66cc33;
	;
	margin-left: 15px;
	padding-left: 15px;
	background-image: url(../img/ttl_line.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
#pagetitle .readtxt {
	font-weight:bold;
	color:#FFF;
	padding-left:30px;
}

/*********************************************************************************************
	パンクズリスト
**********************************************************************************************/
ul#pankuzu {
	width: 920px;
	height:33px;
	margin: 0px auto;
	padding: 0px 20px;;
	font-size:11px;
}
ul#pankuzu li {
	display: inline;
	line-height:33px;
}
ul#pankuzu li.next {
	padding-right: 21px;
	background-image: url(../img/pan_next_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	line-height:33px;
}

/*********************************************************************************************
	コンテンツ内部品
**********************************************************************************************/
/*------------------------------------------------------------
	タイトル
------------------------------------------------------------*/
.layout_ttl01 {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #7acd52;
	background-color: #333333;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 20px;
	margin-bottom: 15px;
	color:#FFF;
}
.layout_ttl02 {
	background-color: #ECECEC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 15px;
	color: #000;
	font-size:16px;
	border-bottom:solid 2px #CCCCCC;
}


/*********************************************************************************************
	ページトップ
**********************************************************************************************/
#pagetop {
	position: fixed;
    bottom: 10px;
    right: 10px;
}

/*********************************************************************************************
	フッダー
**********************************************************************************************/
#footer {
	clear:both;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #7acd52;
	background-color: #333;
}
/*-- リンク --*/
#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color: #F90;
	text-decoration:underline;
}
/*------------------------------------------------------------
	フッダーナビ
------------------------------------------------------------*/
#footer #footNavi {
	width:960px;
	margin:0px auto;
	padding: 15px 0px;
}
#footer #footNavi li {
	display:inline;
	padding: 0px 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	color:#FFF;
	line-height:1.0;
}
#footer #footNavi li.end {
	border-right-style: none;
}
/*------------------------------------------------------------
	コピーライト
------------------------------------------------------------*/
#footer #copy {
	width:960px;
	height:30px;
	margin:0px auto;
	text-align:right;
	color:#FFF;
	font-size:10px;
	line-height:30px;
}