/* 共通 */
body {
	font-family:"Verdana", "Helvetica", "Arial", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color:#666;
	margin:0;
	padding:0;
	text-align:center;
}

body, table {
	font-size:small;
	line-height:125%;
}

p, dd, li {
	font-size:small;
	line-height:150%;
}

img {
	border:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

ul, ol {
	margin-left:1.75em;
	padding-left:0;
}

address {
	font-style:normal;
}

hr {
	display:none;
}

/* 入力エリア for Mac */
input, textarea, select, option {
	font-family:Osaka;
}

/* 部品 */
.clsMono {
	font-family:monospace;
}

.clsPageA, .clsClear, .clsClearLeft, .clsClearRight {
	font-size:1px;
	line-height:1px;
	height:1px;
	position:relative;
	top:-1px;
}

.clsClear {
	clear:left;
	clear:right;
	clear:both;
}

.clsClearLeft {
	clear:left;
}

.clsClearRight {
	clear:right;
}

.clsHidden {
	display:none;
}

ul.clsMenu {
	margin:0;
	padding-left:0;
	list-style:none;
}

p.clsNavi {
	display:none;
}

.clsAlt {
	display:none;
}

/* 部品：ボーダー */
.clsBorder {
	background-repeat:repeat-y;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:0 1px;
}

.clsBorderTop {
	background-repeat:no-repeat;
	padding-top:1px;
}

.clsBorderBottom {
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:1px;
}

/* 共通：アンカー */
a {
	color:#003366;
}

a:active, a:visited:active {
	color:#001933;
}

a:visited {
	color:#bf7300;
}

a:hover {
	color:#ff227a;
	text-decoration:none;
}

/* ヘッダー */
#idsHeader, #idsFooter, #idsMenu, #idsContentsAll, p.clsDocTitle {
	width:824px;
	margin:0 auto;
	text-align:left;
}

#idsHeader, #idsHeader a, p.clsPageTop a {
	color:#003366;
}

#idsHeader a:hover, p.clsPageTop a:hover {
	color:#0066cc !important;
}

#idsHeader .clsLeft {
	float:left;
	width:416px;
}

#idsHeader .clsRight {
	float:right;
	width:408px;
	margin:24px 0;
	margin-bottom:8px;
}

#idsHeader .clsRightL {
	float:left;
	width:176px;
	padding-left:48px;
}

#idsHeader .clsRightR {
	float:right;
	width:136px;
	padding-left:48px;
}

#idsHeader .clsLeft p.clsLogo {
	margin:0;
	margin:8px 0;
	background:url(../images/header_info.gif) 288px 24px no-repeat;
	width:416px;
}

a#idsHeaderLogo {
	display:block;
	background:url(../images/header_logo.gif) no-repeat;
	width:240px;
	height:88px;
}

#idsHeader .clsContact #idsHeaderTel {
	background:url(../images/header_tel.gif) no-repeat;
	width:176px;
	height:40px;
}

#idsHeader .clsContact #idsHeaderTel dl {
	margin:0;
}

#idsHeader .clsContact ul.clsMenu {
	margin-top:2px;
}

#idsHeader .clsContact p, #idsHeader .clsContact ul.clsMenu li, #idsHeader .clsSiteMenu ul.clsMenu li {
	font-size:small;
	line-height:125%;
	margin:0;
	padding:0 6px;
}

#idsHeader .clsContact ul.clsMenu li, #idsHeader .clsSiteMenu ul.clsMenu li {
	margin:2px 0;
	margin-bottom:5px;
}

#idsHeader .clsContact ul.clsMenu li a, #idsHeader .clsSiteMenu ul.clsMenu li a {
	background:url(../images/bullet_link.gif) no-repeat left center;
	padding-left:8px;
	text-decoration:none;
}

/* ページトップ */
p.clsPageTop {
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	margin:0;
}

p.clsPageTop a {
	display:block;
	margin:1px 0;
	padding:4px 4px;
	text-align:right;
	text-decoration:none;
}

p.clsPageTop a:active {
	background:#efefef;
}

p.clsPageTop a .clsTitle {
	display:block;
	background:url(../images/bullet_up.gif) no-repeat right center;
	padding-right:12px;
}

/* フッター */
#idsFooter {
	margin-top:8px;
}

#idsFooter .clsLeft {
	float:left;
	width:568px;
	margin:16px 0;
	margin-top:8px;
}

#idsFooter .clsRight {
	float:right;
	width:240px;
	margin:16px 0;
	margin-top:20px;
	margin-left:16px;
}

#idsFooter address {
	font-size:x-small;
	line-height:125%;
	padding:0 32px;
}

#idsFooter address .clsTitle {
	display:block;
}

#idsFooter .clsSiteMenu ul.clsMenu {
	margin:0;
	padding:0 2px;
	padding-top:8px;
}

#idsFooter .clsSiteMenu ul.clsMenu li {
	float:left;
	font-size:x-small;
	line-height:125%;
	background:url(../images/bullet_delim.gif) left center no-repeat;
	padding:0 8px;
}

#idsFooter .clsSiteMenu ul.clsMenu li.clsFirst, .clsSiteMenu p a.clsFirst {
	background:none;
	padding-left:0;
}

#idsFooter .clsSiteMenu p a {
	font-size:x-small;
	line-height:125%;
	background:url(../images/bullet_delim.gif) no-repeat;
	background-position:left middle;
	padding:0 8px;
}

/* メニュー */
#idsMenu {
	background:#003366 url(../images/menu_bg.gif);
}

#idsMenu .clsClear {
	font-size:0;
	line-height:0;
}

#idsMenu .clsBody {
	padding:1px;
}

#idsMenu ul.clsMenu li {
	font-size:0;
	line-height:0;
}

#idsMenu ul.clsMenu li a {
	display:block;
	float:left;
	background-repeat:no-repeat;
	width:137px;
	height:54px;
}

#idsMenuProfile {
	background:url(../images/menu_profile.gif);
}

#idsMenuProfile.clsSelected {
	background:url(../images/menu_profile_over.gif) !important;
}

#idsMenuPlay {
	background:url(../images/menu_play.gif);
}

#idsMenuPlay.clsSelected {
	background:url(../images/menu_play_over.gif) !important;
}

#idsMenuSystem {
	background:url(../images/menu_system.gif);
}

#idsMenuSystem.clsSelected {
	background:url(../images/menu_system_over.gif) !important;
}

#idsMenuPrices {
	background:url(../images/menu_prices.gif);
}

#idsMenuPrices.clsSelected {
	background:url(../images/menu_prices_over.gif) !important;
}

#idsMenuBlog {
	background:url(../images/menu_blog.gif);
}

#idsMenuBlog.clsSelected {
	background:url(../images/menu_blog_over.gif) !important;
}

#idsMenuContact {
	background:url(../images/menu_contact.gif);
}

#idsMenuContact.clsSelected {
	background:url(../images/menu_contact_over.gif) !important;
}

/* タイトル */
#idsTitle {
	color:#003366;
}

/* コンテンツ */
#idsContentsAll {
	margin-top:8px;
}

.clsBorderContent {
	border-top:0;
	margin-top:1px;
	margin-bottom:24px;
}

.clsContent {
	height:auto !important;
	height:1px;
	overflow:visible;
}

.clsContent h2 {
	font-size:small;
	line-height:125%;
	color:#BF7300;
	background:#B3B3B3;
	margin:8px 0;
	padding:1px;
}

.clsContent h2 span.clsTitle {
	display:block;
	background:#fff;
	padding:1px;
}

.clsContent h2 span.clsBg {
	display:block;
	background:url(../images/content_title_bg.gif) repeat-x;
	padding:8px 8px;
	padding-left:6px;
}

.clsContent h2 span.clsIcon {
	background:url(../images/bullet_title.gif) no-repeat left center;
	padding-left:16px;
}

.clsParagraph {
	padding:0 8px;
	height:auto !important;
	height:1px;
	overflow:visible;
}

.clsParagraph h3 {
	color:#004C99;
	font-size:small;
	line-height:125%;
	border-bottom:1px solid #0066CC;
	margin:0;
	padding:11px 2px;
}

.clsLinkBlank {
	background:url(../images/bullet_window.gif) no-repeat left center;
	padding-left:16px;
}

/* フレームコンテンツ */
.clsFrameContent {
	margin:16px 0;
	margin-bottom:0;
	height:auto !important;
	height:1px;
	overflow:visible;
}

.clsContentsFrame {
	background:#B3B3B3;
	padding:1px;
}

.clsContentsFrame .clsContent {
	background:#fff;
	height:auto !important;
	height:1px;
	overflow:visible;
}

.clsContentsFrame .clsContent h2 {
	background:#fff;
	border-bottom:0;
	margin:0;
}

.clsContentsFrame .clsContent h2 .clsTitle {
	border-bottom:1px solid #D9D9D9;
	padding:0;
}

.clsContentsFrame .clsFrame {
	margin:0 7px;
}

.clsContentsFrame iframe {
	border:0;
}

.clsContentsFrame .clsFrameBody {
	padding:10px 0;
	padding-bottom:0;
}

.clsContentsFrame .clsBody {
	padding:10px 2px;
}

.clsContentsFrame h3 {
	color:#004C99;
}

.clsContentsFrame p, .clsContentsFrame ul {
	margin-top:0;
}

/* リンク */
#idsLink h2 {
	margin-top:0;
}

#idsLink .clsParagraph {
	padding-top:0;
	padding-bottom:0;
}

ul.clsLink {
	margin-left:0;
	padding-left:0;
	list-style:none;
}

ul.clsLink li {
	float:left;
	font-size:x-small;
	line-height:125%;
	height:24px;
	margin-right:8px;
	margin-bottom:16px;
	overflow:visible;
}

.clsContent div.clsBanner {
	margin:16px 0;
}

.clsContent div.clsBanner p, .clsContent div.clsBanner ul {
	margin:0;
	margin-top:8px;
}

.clsContent div.clsBanner ul.clsMenu li {
	font-size:x-small;
	line-height:125%;
}