/* CSS Document */
@import url("base.css");

/*
------------------------------*/
h1{ margin:0px 0px 10px 0px;}

p {
line-height:1.4em;
font-size:14px;
margin:0px 0px 10px 0px;
}

#wrapper{
background-image:url(../../img2/newback.gif);
}

#header{
float:left;
padding:5px 15px;
}
#site_path{
clear:both;
text-align:left;
font-size:12px;
margin: 10px 20px;
}
#main{
clear:both;
text-align:left;
}
#footer{
clear:both;
}

#footer,
#push {
    height: 50px;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	background-image:url(../../img2/newback.gif);
}
#wrapper #main h1 {
	padding:0px 20px;
	}
#wrapper #main h2 {
	padding:10px 20px;
	color:#188AC6;
	}
#wrapper #main h3 {
	padding:0px 25px;
	font-size:14px;
	color:#188AC6;
	}
#wrapper #main p {
	padding:0px 40px;
	}
#wrapper #main ol {
	padding:0px 60px;
	}
/*カテゴリーメニュー
--------------------------------*/
#category {
	clear: both;
	width:720px;
	margin-left:auto;
	margin-right:auto;
	height:25px;
	background:#E3EDEF;
}
#category ul{
	list-style: none;
}
#category li {
	float:left;
	width:150px;
	height:25px;
	list-style:none;
	}
#category li a {
	width:150px;
	height:25px;
	display: block;
	text-decoration: none; 
	text-indent: -9999px; 
	}
#category li#top {
background:url(../../img/top_menu.gif) no-repeat 0px 0px;
}
#category li#tv {
background:url(../../img/top_menu.gif) no-repeat -150px 0px;
}
#category li#internet {
background:url(../../img/top_menu.gif) no-repeat -300px 0px;
}
#category li#ipphone {
background:url(../../img/top_menu.gif) no-repeat -450px 0px;
}
#category li#support {
background:url(../../img/top_menu.gif) no-repeat -600px 0px;
}
/*　マウスオーバー時 */
#category li#top a:hover{
background:url(../../img/top_menu.gif) no-repeat 0px -25px;
}
#category li#tv a:hover{
background:url(../../img/top_menu.gif) no-repeat -150px -25px;
}
#category li#internet a:hover {
background:url(../../img/top_menu.gif) no-repeat -300px -25px;
}
#category li#ipphone a:hover {
background:url(../../img/top_menu.gif) no-repeat -450px -25px;
}
#category li#support a:hover {
background:url(../../img/top_menu.gif) no-repeat -600px -25px;
}


/* ボタン */
#navi {
	clear:both;
	width:150px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	}
#navi ul{
	list-style: none;
}
#navi li {
	float:left;
	width:150px;
	height:70px;
	list-style:none;
	}
#navi li a {
	width:150px;
	height:70px;
	display: block;
	text-decoration: none; 
	text-indent: -9999px; 
	}
#navi li#aboutindex {
background:url(../img/button.jpg) no-repeat 0px -70px;
}
#navi li#aboutindex a:hover {
background:url(../img/button.jpg) no-repeat 0px 0px;
}
#navi li#service {
background:url(../img/button.jpg) no-repeat -150px -70px;
}
#navi li#service a:hover {
background:url(../img/button.jpg) no-repeat -150px 0px;
}
#navi li#flow {
background:url(../img/button.jpg) no-repeat -300px -70px;
}
#navi li#flow a:hover {
background:url(../img/button.jpg) no-repeat -300px 0px;
}