* {margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px; text-align: center; background: #FFFFFF;}
a:link {color: #0066FF;}

/* レイアウト */
#container {margin: 0 auto; text-align: left; width: 800px; position: relative;}
#header {width: 100%; height: 80px;}
#navi {width: 100%; height: 29px; margin-bottom: 10px;}
#leftSide {width: 170px; float: left;}
#main {width: 630px; float: left; vertical-align: top;}
#footer {width: 100%; clear: both; float: none; text-align: center;}
#btmLinks {width: 100%;}

/* ヘッダー */
#header h1 {display: block; width: 320px; height: 80px; position: absolute; left: 0px; top: 0px; background: url(img/logo.jpg) no-repeat;}
#header h1 a {display: block; width: 320px; height: 80px;}
#header h1 a span {display: none;}
#header p span {display: none;}
#banner {position: absolute; top: 0px; right: 0px;}

/* ナビゲーション */
#navi ul {list-style: none; margin: 0px;}
#navi li {display: block; float: left;
	_margin: 0px;
	_padding: 0px;
}
#navi a {display: block; text-indent: -9999em; text-decoration: none; margin: 0px; padding: 0px;}

#navi01,#navi01 a {width: 154px; height: 29px; background: url(img/navi01.gif) no-repeat; background-position: 0 0; margin: 0 7px 0 0; padding: 0px;}
#navi02,#navi02 a {width: 154px; height: 29px; background: url(img/navi02.gif) no-repeat; background-position: 0 0; margin: 0 7px 0 0; padding: 0px;}
#navi03,#navi03 a {width: 154px; height: 29px; background: url(img/navi03.gif) no-repeat; background-position: 0 0; margin: 0 8px 0 0; padding: 0px;}
#navi04,#navi04 a {width: 154px; height: 29px; background: url(img/navi04.gif) no-repeat; background-position: 0 0; margin: 0 8px 0 0; padding: 0px;}
#navi05,#navi05 a {width: 154px; height: 29px; background: url(img/navi05.gif) no-repeat; background-position: 0 0; margin: 0px; padding: 0px;}

#navi01 a:hover {width: 154px; height: 29px; background: url(img/navi01.gif) no-repeat; background-position: 0 -29px; margin: 0 7px 0 0; padding: 0px;}
#navi02 a:hover {width: 154px; height: 29px; background: url(img/navi02.gif) no-repeat; background-position: 0 -29px; margin: 0 7px 0 0; padding: 0px;}
#navi03 a:hover {width: 154px; height: 29px; background: url(img/navi03.gif) no-repeat; background-position: 0 -29px; margin: 0 8px 0 0; padding: 0px;}
#navi04 a:hover {width: 154px; height: 29px; background: url(img/navi04.gif) no-repeat; background-position: 0 -29px; margin: 0 8px 0 0; padding: 0px;}
#navi05 a:hover {width: 154px; height: 29px; background: url(img/navi05.gif) no-repeat; background-position: 0 -29px; margin: 0px;}

#navi01s,#navi01s a {width: 154px; height: 29px; background: url(img/navi01.gif) no-repeat; background-position: 0 -58px; margin: 0 7px 0 0; padding: 0px;}
#navi02s,#navi02s a {width: 154px; height: 29px; background: url(img/navi02.gif) no-repeat; background-position: 0 -58px; margin: 0 7px 0 0; padding: 0px;}
#navi03s,#navi03s a {width: 154px; height: 29px; background: url(img/navi03.gif) no-repeat; background-position: 0 -58px; margin: 0 8px 0 0; padding: 0px;}
#navi04s,#navi04s a {width: 154px; height: 29px; background: url(img/navi04.gif) no-repeat; background-position: 0 -58px; margin: 0 8px 0 0; padding: 0px;}
#navi05s,#navi05s a {width: 154px; height: 29px; background: url(img/navi05.gif) no-repeat; background-position: 0 -58px; margin: 0px; padding: 0px;}

#navi .footer {display: block; float: left; width: 780px; height: 10px; background: #EBE6D9;}

#mainContents {width: 630px; margin: 0px; padding: 0px; text-align: left;}
div.box2col {width: 630px; background: url(img/bg_box2col.jpg) no-repeat;}

#mainContents h3 {
	font-size: 12px;
	margin: 10px;
	padding: 5px 10px;
	background: #3385FF;
	background: #99CC00;
	color: #FFFFFF;
}
#mainContents h4 {margin: 0 10px; padding: 10px; font-size: 13px; border-bottom: 2px dotted #606B2C;}
#mainContents h5 {margin: 0px 20px; font-size: 12px;}

#mainContents p {margin: 0px; padding: 10px 20px; font-size: 12px; line-height: 140%;}
#mainContents ul {
	list-style-position: inside;
	list-style-type: disc;
	font-size: 12px;
	padding: 10px 20px;
}


/* テーブル */
#mainContents table {margin: 0 10px; width: 610px;}
#mainContents th {font-size: 12px; padding: 5px;}
#mainContents td {font-size: 12px; padding: 5px;}
#mainContents table td p {margin: 0px; padding: 0px; font-size: 12px; line-height: 140%;}
#mainContents table td h5 {margin: 0px; padding: 5px 0; font-size: 12px;}
#mainContents table td ul {
	list-style-position: outside;
	list-style-type: disc;
	font-size: 12px;
	padding: 0 0 0 20px ;
}
#mainContents table td ul li {padding: 0px 0 8px 0; line-height: 130%;}
#mainContents table td ol {
	list-style-position: outside;
	list-style-type: decimal;
	font-size: 12px;
	padding: 0 0 0 20px ;
}
#mainContents table td ol li {padding: 0 0 8px 0; line-height: 130%;}
#mainContents strong {font-weight: normal; color: #FF3300;}


/* サイト内検索 */
#search h2{width: 630px; height: 50px; background: url(img/search_h2.jpg) no-repeat; text-indent: -9999em;}


/* Hug-worldで出来ること */
#hugworld h2{width: 630px; height: 50px; background: url(img/hugworld_h2.jpg) no-repeat; text-indent: -9999em;}


/* 設定ヘルプ */
#help h2{width: 630px; height: 50px; background: url(img/help_h2.jpg) no-repeat; text-indent: -9999em;}
#help ul {margin: 30px; padding: 0px; list-style: none;}
#help ul li {
	height: 30px;
	background: url(img/icon_help.gif) no-repeat;
	padding: 0px 28px 2px 28px;
	margin: 5px 0 0 20px;
	_margin-left: 0px;
}

/* FAQ */
#faq h2{width: 630px; height: 50px; background: url(img/faq_h2.jpg) no-repeat; text-indent: -9999em;}


/* お問い合わせ */
#support h2{width: 630px; height: 50px; background: url(img/support_h2.jpg) no-repeat; text-indent: -9999em;}
#support ul {margin: 30px; padding: 0px; list-style: none;}
#support ul li {
	height: 30px;
	background: url(img/icon_mail.gif) no-repeat;
	padding: 4px 28px 4px 28px;
	margin: 10px 0 0 20px;
	_margin-left: 0px;
}


/* 会社概要 */
#aboutus h2{width: 630px; height: 50px; background: url(img/aboutus_h2.jpg) no-repeat; text-indent: -9999em;}

/* 広告掲載について */
#ad h2{width: 630px; height: 50px; background: url(img/ad_h2.jpg) no-repeat; text-indent: -9999em;}

/* その他サービスについて */
#other h2{width: 630px; height: 50px; background: url(img/other_h2.jpg) no-repeat; text-indent: -9999em;}



/* サービス案内 */
#service h2{width: 630px; height: 50px; background: url(img/service_h2.jpg) no-repeat; text-indent: -9999em;}
#service ul.tb {list-style: none; margin: 10px 20px; padding: 0px;}
#service ul.tb li {
	display: block;
	float: left;
	margin: 10px 0;
	padding: 0px 16px;
}
#service ul.tb li.present {font-weight: bold;}
#service ul.tb li.route {background: url(img/arrow_01.gif) no-repeat;}
#service h3 {float: none; clear: both;}

/* ダウンロード */
#download h2{width: 630px; height: 50px; background: url(img/download_h2.jpg) no-repeat; text-indent: -9999em;}


/* カテゴリ一覧 */
#categoryList h2{width: 630px; height: 40px; background: url(img/category_h2.jpg) no-repeat; text-indent: -9999em;}
#categoryList ul {list-style: none; margin-bottom: 100px;}
#categoryList ul li {background: url(img/icon_category.gif) no-repeat; padding-left: 18px; font-weight: bold;}
#categoryList ul li p {font-weight: normal;}
#categoryList ul li p.exp {margin: 0px; padding: 5px 0 0 0;}
#categoryList ul li p.sample {margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 2px dotted #606B2C; text-align: right;}

/* サイトアクセスランキング */
#siteList h2{width: 630px; height: 50px; background: url(img/sitelist_h2.jpg) no-repeat; text-indent: -9999em;}

/* サイトアクセスランキング */
#ranking h2{width: 630px; height: 50px; background: url(img/ranking_h2.jpg) no-repeat; text-indent: -9999em;}

/* 新着フォト */
#newphoto h2{width: 630px; height: 50px; background: url(img/newphoto_h2.jpg) no-repeat; text-indent: -9999em;}

/* 新着ブログ */
#newblog h2{width: 630px; height: 50px; background: url(img/newblog_h2.jpg) no-repeat; text-indent: -9999em;}


/* 下部リンク */
#btmLinks ul {list-style: none; padding: 5px;}
#btmLinks ul li {display: inline; padding: 5px; font-size: 12px;}


/* フッター */
#footer p {font-size: 12px; text-align: center; padding: 5px 0;}


/*　共通　*/
.contentsTxt {font-size: 12px; padding: 3px 0px 3px 0px;}
.contentsTxtSS {font-size: 10px;}


td.head {border-right: 1px solid #BEC6E6; border-bottom: 1px solid #BEC6E6;}
td.cnt {border-bottom: 1px solid #BEC6E6;}
td.cnt1 {border-right: 1px solid #BEC6E6; border-bottom: 1px solid #BEC6E6;}
td.cnt2 {border-right: 1px solid #BEC6E6; border-bottom: 1px solid #BEC6E6;}

.iframeBody {background: #FFFFFF;}
.pageTitle {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #85A6FF;
	font-weight: bold;
	padding: 0px;
}

/*.errmsg {text-align: center; width: auto; font-size: 14px; line-height: 140%; font-weight: bold; border: 2px solid #BEC6E6; margin: 20px; padding: 20px;}
.msg {font-seize: 13px; line-height: 140%; text-align: center;}*/

.more {font-size: 12px; text-align: right; margin: 3px;}
.odd {font-size: 12px; background: #FFFFFF;}
.even {font-size: 12px; background: #FFFFCC;}
/*.even {font-size: 12px; background: #DAE6FF;}*/