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

/*********************************************************
	** 全体リセット **
*********************************************************/
* {
	margin: 0px;
	padding: 0px;
}
html{
	overflow-y:scroll;
}
a img {border: 0px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin: 0px;
	padding: 0px;
}
form {margin: 0; padding: 0;}
li{
	list-style-type: none;
}

/*********************************************************
	** ベース要素 **
*********************************************************/
body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color:#666;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	font-weight: normal;
	line-height:150%;
	margin:0 auto;
	padding: 0px;
	text-align:center;
}
/*----- リンクカラー -----*/
a {
	font-weight: normal;
	color:#E1006A;
	text-decoration: none;
}
a:hover {
	color:#CCCCCC;
	text-decoration: underline;
}

/*----- 左よせ -----*/
.float_l{
	float:left;
	margin:0px;
	padding: 0px;
}
/*----- 右よせ -----*/
.float_r{
	float:right;
	margin:0px;
	padding: 0px;
}
/*----- テキスト非表示 -----*/
.none{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

/*********************************************************
	** 全体枠要素：container **
*********************************************************/
#container{
	background-color:#FFFFFF;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	margin:0 auto;
	text-align:center;
	width:800px;
}

/*********************************************************
	** ヘッダー要素：head_area,h1,h2 **
*********************************************************/
/*----- header（White area） -----*/
#head_area{
	height:65px;
	padding-left:15px;
	text-align:left;
}
/* サンツールロゴ表示 */
#head_area h1 a{
	display:block;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:7px;
	height: 52px;
	width: 80px;
}
/* サンツールSEO対策テキスト */
#head_area h2{
	color:#999999;
	font-size:10px;
	line-height:140%;
	padding-right:10px;
	text-align:right;
}
* html body #head_area h2{
	margin-bottom:0px;
	text-align:right;
}
/*----- header_submenu -----*/
#head_menu{
  margin:0px;
  padding:0px;
	margin-top:15px;
	margin-left:40px;
	text-align:right;
	height:13px;
}
*+html body #head_menu{
  margin:0px;
  padding:0px;
	margin-top:15px;
	margin-left:40px;
	float:right;
}
* html body #head_menu{
  margin:0px;
  padding:0px;
	margin-top:15px;
	margin-left:40px;
	float:right;
}
#head_menu ul {
  margin:0;
  padding:0px;
}
#head_menu ul li {
  margin:0px;
  padding:0px;
  display:inline;
}
#head_menu li a{
	display:block;
  float:left;
	height:13px;
  text-decoration:none;
  text-indent:-9999px;
}

/*　会社概要～お問い合わせ　*/
#head_menu li#menu001 a{
	background-image:url(images/menu001.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:60px;
}
#head_menu li#menu001 a:hover{
	background-image:url(images/menu001.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:60px;
}
#head_menu li#menu002 a{
	background-image:url(images/menu002.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:60px;
}
#head_menu li#menu002 a:hover{
	background-image:url(images/menu002.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:60px;
}
#head_menu li#menu003 a{
	background-image:url(images/menu003.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:84px;
}
#head_menu li#menu003 a:hover{
	background-image:url(images/menu003.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:84px;
}
#head_menu li#menu004 a{
	background-image:url(images/menu004.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:132px;
}
#head_menu li#menu004 a:hover{
	background-image:url(images/menu004.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:132px;
}
#head_menu li#menu005 a{
	background-image:url(images/menu005.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:86px;
}
#head_menu li#menu005 a:hover{
	background-image:url(images/menu005.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:86px;
}
#head_menu li#menu006 a{
	background-image:url(images/menu006.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:75px;
}
#head_menu li#menu006 a:hover{
	background-image:url(images/menu006.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:75px;
}

/*********************************************************
	** ヘッダー要素：header,main_menu **
*********************************************************/
/*----- header_mainmenu -----*/
#header{
	background-image: url(images/header_bg0.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:205px;
	clear:both;
	position:relative;
}
/* ヘッダー（Flash位置＆サイズ） */
#animation{
	background-image: url(images/animation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:205px;
	width:513px;
	margin:0px;
	padding:0px;
}
/*----- header (navigation) -----*/
/* ヘッダー（メインコンテンツ） */
#main_menu{
	margin:0px 27px 0px 0px;
	padding:0px;
	height:205px;
}
* html body #main_menu{
	margin:0px 13px 0px 0px;
	padding:0px;
	height:205px;
}
#main_menu li#ttl{
	background-image:url(images/header_ttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:37px;
	width:260px;
}
*+html body #main_menu li{
	margin-bottom:-2px;
}
* html body #main_menu li{
	margin-bottom:-2px;
}
#main_menu li a{
	display:block;
	margin:0px;
	padding:0px;
	height:30px;
	width:260px;
}
* html body #main_menu li a{
	display:block;
	margin:0px 0px 0px -1px;
	padding:0px;
	height:30px;
	width:259px;
}
/*　コンセプト～Q＆A　*/
#main_menu li#menu01 a{
	background-image:url(images/header_menu01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main_menu li#menu01 a:hover{
	background-image:url(images/header_menu01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#main_menu li#menu02 a{
	background-image:url(images/header_menu02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main_menu li#menu02 a:hover{
	background-image:url(images/header_menu02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#main_menu li#menu03 a{
	background-image:url(images/header_menu03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main_menu li#menu03 a:hover{
	background-image:url(images/header_menu03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#main_menu li#menu04 a{
	background-image:url(images/header_menu04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main_menu li#menu04 a:hover{
	background-image:url(images/header_menu04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#main_menu li#menu05 a{
	background-image:url(images/header_menu05.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main_menu li#menu05 a:hover{
	background-image:url(images/header_menu05.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#main_menu li#menu06{
	background-image:url(images/header_menu06.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*********************************************************
	** コンテンツ要素：contents,contents_left、contents_right **
*********************************************************/
/*----- 全枠 -----*/
#contents{
	clear:both;
	position:static;
	padding:15px 20px;
	text-align:left;
}
/*------ contents_left -----*/
#preview{
	width:460px;
	margin-top:5px;
}
.l_left{
	border-left:2px solid #00a9ee;
	border-bottom:2px solid #00a9ee;
}
.footer01 a{
	background-image:url(images/ttl01_footer.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display:block;
	height:32px;
	margin-bottom:30px;
	margin-left:305px;
	margin-top:-15px;
	width:160px;
}
* html body .footer01{
	margin-left:2px;
}
.footer02 a{
	background-image:url(images/ttl02_footer.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display:block;
	height:32px;
	margin-bottom:30px;
	margin-left:305px;
	margin-top:-15px;
	width:160px;
}
* html body .footer02{
	margin-left:2px;
}
.detail{
	background-image:url(images/txt_detail.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	margin-left:210px;
	margin-top:-17px;
}
#concept #ttl01{
	background-image: url(images/ttl01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 465px;
	background-color:#00a9ee;
}
#concept #ttl02{
	background-image: url(images/ttl02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 465px;
	background-color:#00a9ee;
}
#concept #txt01{
	background-image:url(images/drop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:10px;
	margin-top:10px;
	padding-left:105px;
	padding-bottom:30px;
}
#concept #txt02{
	margin-left:10px;
	margin-top:10px;
	padding-bottom:30px;
	width:455px;
}

/*----- contents_right -----*/
#rss{
	margin-right:7px;
	margin-top:-15px;
	width:260px;
}
* html body #rss{
	margin-right:3px;
	margin-top:-15px;
	width:260px;
}
#news .head{
	background-image: url(images/news_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 63px;
	width: 260px;
}
#news .head a{
	background-image: url(images/news_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	height: 63px;
	width: 260px;
}
#news .head a:hover{
	background-image: url(images/news_header.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:block;
	height: 63px;
	width: 260px;
}

#news ul,
#result ul{
	background-image: url(images/news_footer.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
	height:145px;
	width: 260px;
	overflow:hidden;
}
* html body #news ul{
	height:152px;
}
* html body #result ul{
	height:152px;
}
#news li,
#result li{
	margin-bottom:5px;
	margin-left:30px;
	padding:0px 10px 0px 0px;
	overflow:hidden;
	list-style-position: outside;
	list-style-type: disc;
}
#news li a,
#result li a{
	margin-left:4px;
	overflow:hidden;
}
#news .module-list-item,
#result .module-list-item{
	overflow:hidden;
	list-style-position: outside;
	list-style-type: disc;
}

#result .head{
	background-image: url(images/result_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	width: 260px;
}
#result .head a{
	background-image: url(images/result_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	height: 45px;
	width: 260px;
}
#result .head a:hover{
	background-image: url(images/result_header.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:block;
	height: 45px;
	width: 260px;
}

p#infomation{
	background-image:url(images/bnr_info.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 60px;
	width:260px;
	padding-top:20px;
}

/*********************************************************
	** フッター要素：footer、bottom_navi **
*********************************************************/
/*----------------------- footer -----------------------*/
#bottom_navi{
	margin:0px auto;
	padding:30px 0px 10px 0px;
	width:750px;
}
#footer{
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom:1px solid #999999;
	height: 130px;
	width: 800px;
	padding-top:20px;
	clear:both;
	position:relative;
}
*+html body #footer{
	padding-top:0px;
	width: 800px;
}
* html body #footer{
	padding-top:0px;
	height: 100px;
	width: 800px;
}
#copy{
	background-image: url(images/copyright.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:15px;
}
* html body #copy{
	background-image: url(images/copyright.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:30px 15px;
}
.l_bottom{
	border-top:1px solid #00a9ee;
	width:750px;
	margin:0px auto;
	padding-top:15px;
}