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


/*_____全体設定_________________________________________*/

*{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body{
	background: #f5f5f5;
}

#wrapper{
	width: 800px;
	margin: auto;
	padding: 20px 50px 0;
	background: #f5f5f5 url(images/content_bg.gif) center top repeat-y;
}

img{
	border: none;
	vertical-align:text-bottom;
}

a:link{
	color:#006699;
	text-decoration:underline;
}
a:visited{
	color:#006699;
	text-decoration:underline;
}
a:hover{
	color:#00CCFF;
	text-decoration:underline;
}
a:active{
	color:#00CCFF;
	text-decoration:underline;
}


/*汎用的な部品*/
.float_right{
	float: right;
}
.float_left{
	float: left;
}

.backtotop{
	width: 800px;
	text-align: right;
	margin-bottom: 20px;
	font-size: 0.9em;
}

.backtotop a{
	font-size: 0.95em;
}

/*Clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~全体設定~~~~~*/




/*_____ナビゲーション___________________________________*/

.navigation{
	width:800px;
	height: 40px;
	margin-bottom: 20px;
}

.navigation ul{
	width:800px;
	height: 40px;
	background: url(images/navi.gif) left top no-repeat;
}

.navigation ul li{
	display: inline;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.navigation ul li a{
	display: block;
	float: left;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}

.navi_feature a:link{background: url(images/navi.gif) 0px 0px no-repeat;}
.navi_feature a:visited{background: url(images/navi.gif) 0px 0px no-repeat;}
.navi_feature a:hover{background: url(images/navi.gif) 0px -40px no-repeat;}
.navi_feature a:active{background: url(images/navi.gif) 0px -40px no-repeat;}

.navi_lineup a:link{background: url(images/navi.gif) -200px 0px no-repeat;}
.navi_lineup a:visited{background: url(images/navi.gif) -200px 0px no-repeat;}
.navi_lineup a:hover{background: url(images/navi.gif) -200px -40px no-repeat;}
.navi_lineup a:active{background: url(images/navi.gif) -200px -40px no-repeat;}

.navi_voice a:link{background: url(images/navi.gif) -400px 0px no-repeat;}
.navi_voice a:visited{background: url(images/navi.gif) -400px 0px no-repeat;}
.navi_voice a:hover{background: url(images/navi.gif) -400px -40px no-repeat;}
.navi_voice a:active{background: url(images/navi.gif) -400px -40px no-repeat;}

.navi_spec a:link{background: url(images/navi.gif) -600px 0px no-repeat;}
.navi_spec a:visited{background: url(images/navi.gif) -600px 0px no-repeat;}
.navi_spec a:hover{background: url(images/navi.gif) -600px -40px no-repeat;}
.navi_spec a:active{background: url(images/navi.gif) -600px -40px no-repeat;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ナビゲーション~~~~~*/




/*_____ヘッダ___________________________________________*/

#head{
	margin-bottom: 1em;
}

#head h1{
	float: left;
	width: 400px;
	height: 50px;
	text-align:left;
	background: url(images/head_logo_campany.gif) left top no-repeat;
	font-size: 1px;
	text-indent: -99999px;
	outline: none;
}

#head h1 a{
	display:block;
	width: 400px;
	height: 50px;
	text-align:left;
	font-size: 1px;
	text-indent: -99999px;
	outline: none;
}

p.head_tel{
	float: left;
	width: 400px;
	height: 50px;
	background: url(images/head_telphone.gif) right top no-repeat;
	font-size: 1px;
	text-indent: -99999px;
}

#top{
	clear: both;
	width: 800px;
	height: 260px;
	margin-top: 20px;
	background: url(images/top_img_001.gif) right top no-repeat;
}

#top h2{
	width: 550px;
	margin-top: 20px;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: 0;
}

#top h3{
	width: 550px;
	margin-top: 20px;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	font-size: 1em;
}

#top p{
	width: 550px;
	margin: 20px 10px;
	text-align: center;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/




/*_____コンテンツ_______________________________________*/

#content{
}

/*__概要__*/
#summary{
	margin-bottom: 20px;
	padding: 20px 0;
	border-top: dotted 2px #0099FF;
	border-bottom: dotted 2px #0099FF;
}
#summary table{
	float: left;
}
#summary table th{
	font-size: 1.2em;
	font-weight: bold;
}
#summary table th span{
	font-size: 12px;
	font-weight: normal;
}
#summary_text{
	float: right;
	width: 460px;
}
#summary_text h2{
	margin-bottom: 15px;
}
/*~~概要~~*/


/*__特徴__*/

#feature{
	margin-bottom: 20px;
}

#feature_left{
	width: 380px;
	float:left;
	padding: 0 10px;
}

#feature_left dl dt{
	font-weight: bold;
	color:#FF9900;
}

#feature_left dl dd{
	margin-bottom:15px;
	padding-left: 1.3em;
}

#feature_right{
	width: 380px;
	float:left;
	padding: 0 10px;
}

#feature h3{
	width: 380px;
	padding-bottom: 10px;
}


/*~~特徴~~*/


/*__ラインナップ__*/
#lineup{
	margin-bottom: 20px;
}
#lineup h2{
	margin-bottom: 15px;
}

#lineup table{
	margin-bottom: 15px;
	width: 790px;
}
#lineup table .lineup_title th{
	border-top: dotted 2px #0099FF;
	border-bottom: dotted 2px #0099FF;
	padding:10px 0;
}
#lineup table .lineup_title th span{
	font-size: 12px;
	font-weight: normal;
	padding:10px 0;
}
#lineup table .lineup_text td{
	padding: 10px 10px;
	vertical-align: top;
	border-bottom: dotted 2px #0099FF;
	font-size: 0.9em;
}
/*~~ラインナップ~~*/


/*__実績__*/
#voice{
	margin-bottom:20px;
}
#voice h2{
	margin-bottom: 15px;
}
#voice_left{
	width: 380px;
	float:left;
	padding: 0 10px;
}
#voice_right{
	width: 380px;
	float:left;
	padding: 0 10px;
}

.voice_copy{
	width: 380px;
	height: 25px;
	background: url(images/voice_h_bg001.gif) left center repeat-x;
	line-height: 25px;
	text-indent: 10px;
	color: #FFFFFF;
}

#voice h3{
	font-size:1.4em;
	padding:5px;
}

.voice_img{
	width: 195px;
	height: 145px;
	float:left;
	padding: 0 10px 10px 0px;
}

#voice dl{
	padding: 15px 0px;
}

#voice dl dt{
	width: 380px;
	height: 25px;
	background: url(images/voice_h_bg002.gif);
	line-height: 25px;
	text-indent: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

#voice dl dd{
	padding: 5px 10px 15px;
}
/*~~実績~~*/

/*__動作環境__*/
#spec{
	margin-bottom: 20px;
}
#spec h2{
	margin-bottom: 15px;
}

#spec table{
	width: 760px;
	margin: 0 auto 15px;
}

#spec table td,
#spec table th{
	padding: 3px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/*~~動作環境~~*/



/*__資料請求リンク__*/
#docs{
	padding: 20px 0;
}

p.bottom_docs_link{
	float: left;
	width: 400px;
	height: 50px;
	text-align:left;
}

p.bottom_docs_tel{
	float: left;
	width: 400px;
	height: 50px;
	background: url(images/bottom_telphone.gif) right top no-repeat;
	font-size: 1px;
	text-indent: -99999px;
}
/*~~資料請求リンク~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ヘッダ~~~~~*/




/*_____フッタ___________________________________________*/

#foot{
	position:relative;
	width: 900px;
	height: 230px;
	margin: 0 0 0 -50px;
	background: url(images/foot_bg.gif) left bottom no-repeat;
}

#foot address{
	position:absolute;
	bottom: 0;
	left: 50px;
	width: 800px;
	text-align: center;
	font-style: normal;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~フッタ~~~~~*/