@charset "utf-8";

/* ページ全体
=============================================================================*/
html {
	background-color:#5f5f5f;
}
body {
	background:url(../images/bg_header.gif) top center no-repeat #FFF;
	color:#555;
	line-height:1.5;
}

a {
	text-decoration:none;
}
a:link {
	color:#36C;
}
a:visited {
	color:#36C;
}
a:hover {
	color:#C30;
	text-decoration: underline;
}
a:active {
	color:#36C;
}

h2 {
	margin-bottom:20px;
}
h3 {
	margin-bottom:15px;
}


/* ヘッダー
=============================================================================*/
#header {
	width:960px;
	height:125px;
	margin:0 auto;
}
#logo {
	float:left;
	margin:0px 0 0 0;
	width:200px;
	height:100px;
	background:url(../images/dpad_logo.gif) left top no-repeat;
}
h1 a {
	display:block;
	width:200px;
	height:100px;
	background:url(../images/dpad_logo.gif) left top no-repeat;
	text-indent:-9999px;
}


#swf {
	background:url(../images/bg_swf.gif) top no-repeat;
	padding:0 0 2px;
	width:100%;
	height:280px;
	margin:0 auto 0;
	text-align:center;
}


/* ナビ
=============================================================================*/
#navi {
	float:right;
	margin:16px 0 0 0;
	width:707px;
}
#navi li {
	float:left;
	margin-left:18px;
}
#navi li a {
	display:block;
	height:36px;
	text-indent:-9999px;
}
li#navi01 a {
	background:url(../images/navi01.gif) left top no-repeat;
	width:159px;
}
li#navi02 a {
	background:url(../images/navi02.gif) left top no-repeat;
	width:91px;
}
li#navi03 a {
	background:url(../images/navi03.gif) left top no-repeat;
	width:133px;
}
li#navi04 a {
	background:url(../images/navi04.gif) left top no-repeat;
	width:58px;
}
li#navi05 a {
	background:url(../images/navi05.gif) left top no-repeat;
	width:76px;
}
li#navi06 a {
	background:url(../images/navi06.gif) left top no-repeat;
	width:79px;
}
#navi li a:hover {
	background-position:0 -36px !important;
}



/* メイン
=============================================================================*/
#wrap, #wrap-wide {
	min-height:550px;
	margin:0 auto;
    overflow:hidden;
}
#wrap {
	width:960px;
	background:url(../images/bg_main.gif) top left no-repeat;
}
#wrap-wide {
	width:976px;
	background:url(../images/bg_main2.gif) top left no-repeat;
}
wrap:after, wrap2:after {
    content:"";
    display:block;
    clear:both;
    height:1px;
    overflow:hidden;
}

/*\*/
* html wrap, * html wrap2 {
    height:1em;
    overflow:visible;
}
/**/
#main {
	float:left;
	width:649px;
	padding:20px 30px 0 0;
	position:relative;
}
#main-wide {
	float:left;
	width:930px;
	padding:20px 38px 0 8px;
	position:relative;
}
#banner {
	float:right;
	width:250px;
	padding:20px 0 0;
}



/* サービスラインナップ
=============================================================================*/
ul.services li {
	float:left;
}



/* 新着情報
=============================================================================*/
div.news {
	float:left;
	width:330px;
	padding:25px 0 0;
}
div.news table {
	width:100%;
	border-collapse:collapse;
}
div.news table th, div.news table td {
	padding:5px 0;
	border-bottom:1px solid #CCC;
}
div.news table th {
	background:url(../images/icon_circle.gif) top left no-repeat;
	padding-left:15px;
	color:#db1414;
	font-weight:normal;
}

div.expert {
	float:right;
	width:292px;
	padding:25px 0 0;
}



/* バナー
=============================================================================*/
div#banner li {
	margin-bottom:5px;
}



/* フッター
=============================================================================*/
#pagetop {
	width:360px;
	margin:0 auto;
	margin-top:30px;
	padding-left:600px;
}

#footer_wrap {
	background-color:#5f5f5f;
	height:90px;
}

#footer {
	width:960px;
	margin:0 auto;
}
#navi-footer {
	float:left;
	padding-top:8px;
}
#navi-footer li {
	float:left;
	margin-right:25px;
}
#copyright {
	float:right;
	width:310px;
	padding-top:10px;
}





/* ウェブカメラ
=============================================================================*/
div.webcam {
	background-color:#a6bdc6;
	text-align:center;
	padding-bottom:5px;
}