/* 共通 */
body {
	font-family:"Century Gothic", "Verdana", "Helvetica", "Arial", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color:#333;
	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.5em;
	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 {
}

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

.clsClearLeft {
	clear:left;
}

.clsClearRight {
	clear:right;
}

.clsHidden {
	display:none;
}

.clsIconL {
	margin-right:4px;
	vertical-align:middle;
}

.clsIconR {
	margin-left:4px;
	vertical-align:middle;
}

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:#CC0099;
}

a:active, a:visited:active {
	color:#66004C;
}

a:visited {
	color:#990073;
}

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

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

/* コンテナ */
#idsContainer {
	background:#efefef;
	width:834px;
	margin:0 auto;
}

#idsContainerBg {
	background:#fff;
	margin:0 1px;
	width:832px;
	text-align:left;
}

#idsContainerBody {
	padding:0 8px;
}

/* ヘッダー */
#idsHeader .clsLeft {
	float:left;
	width:424px;
}

#idsHeader .clsRight {
	float:right;
	width:392px;
}

#idsHeader .clsRightL {
	float:left;
	width:216px;
}

#idsHeader .clsRightR {
	float:right;
	width:176px;
	margin:8px 0;
}

#idsHeader .clsLeft p.clsLogo {
	margin:16px 0;
}

#idsHeader #idsContact {
	background:#efefef;
	margin:8px 0;
	padding:1px;
	padding:0 1px 0 1px;
}

#idsHeader #idsContactBody {
	background:#fff;
}

#idsHeader #idsContactBody .clsBody {
	padding:7px;
}

#idsHeader #idsContact p, #idsHeader #idsContact dl {
	margin:0;
}

#idsHeader #idsContact ul.clsMenu {
	padding:2px 6px;
}

#idsHeader #idsContact ul.clsMenu li {
	float:left;
	font-size:x-small;
	line-height:125%;
	margin-right:8px;
}

#idsContactTitle {
	background:url(../images/header_contact_title.gif) no-repeat;
	width:200px;
	height:16px;
}

#idsContactTel {
	background:url(../images/header_contact_tel.gif) no-repeat;
	width:200px;
	height:32px;
}

#idsHeader .clsRightR ul.clsMenu {
	padding:2px;
	padding-top:32px;
}

#idsHeader .clsRightR ul.clsMenu li {
	float:right;
	font-size:small;
	line-height:125%;
	margin-left:4px;
}

#idsHeader a, #idsFooter a {
	color:#333;
	text-decoration:none;
}

#idsHeader a:active, #idsFooter a:active, #idsHeader a:visited:active, #idsFooter a:visited:active {
	color:#66004C;
}

#idsHeader a:visited, #idsFooter a:visited {
	color:#333;
}

#idsHeader a:hover, #idsFooter a:hover {
	color:#FF6600;
	text-decoration:none;
}

/* ページトップ */
#idsPageTop {
	border-bottom:1px solid #efefef;
}

#idsPageTop p, p.clsUp {
	margin:0;
}

#idsPageTop a, p.clsUp a {
	display:block;
	font-size:x-small;
	line-height:125%;
	color:#333;
	margin:1px 0;
	padding:5px 2px;
	text-decoration:none;
	text-align:right;
}

#idsPageTop a:active, p.clsUp a:active {
	color:#333;
	background:#efefef;
}

p.clsUp {
	border-top:1px solid #ccc;
}

/* フッター */
#idsFooter {
	border-top:1px solid #efefef;
}

#idsFooter .clsLeft {
	float:left;
	width:424px;
	margin:16px 0;
}

#idsFooter .clsRight {
	float:right;
	width:392px;
	margin:16px 0;
}

#idsFooter ul.clsMenu {
	margin:0;
	padding:0 2px;
}

#idsFooter ul.clsMenu li {
	float:left;
	font-size:small;
	line-height:125%;
	margin-right:8px;
}

#idsFooter ul.clsMenu li.clsFirst {
	margin-right:40px;
}

#idsFooter address#idsCopyright {
	float:right;
	font-size:x-small;
	line-height:125%;
	padding:0 2px;
}

/* エリアメニュー */
#idsAreaMenu {
	background:url(../images/area_menu_bg.gif) repeat-x;
	height:40px;
}

#idsAreaMenu ul.clsMenu {
	padding:6px 10px;
	padding-right:2px;
}

#idsAreaMenu ul.clsMenu li {
	display:inline;
	font-size:0;
	line-height:0;
}

#idsAreaMenu ul.clsMenu li a {
	display:block;
	float:left;
	width:126px;
	height:29px;
	margin-right:8px;
}

#idsAreaMenuTitleOsaka {
	background:url(../images/area_menu_title_osaka.gif);
}

.clsSelected #idsAreaMenuTitleOsaka {
	background:url(../images/area_menu_title_osaka_over.gif);
}

/* タイトル */
#idsIndexTitle {
	display:block;
	background:#ccc;
	padding:1px;
}

#idsIndexTitleBody {
	background:#fff url(../images/index_catch.jpg) no-repeat;
	height:246px;
}

#idsIndexTitle h1, #idsIndexTitle p {
	margin:0;
}

/* レイアウト */
#idsLayoutCenterAndLeft {
	float:left;
	width:100%;
	margin-right:-184px;
	margin-bottom:24px;
}

#idsLayoutInCenterAndLeft {
	margin-right:184px;
	margin-right:0;
	text-align:left;
}

#idsLayoutCenter {
	float:right;
	width:100%;
	margin-left:-184px;
}

#idsLayoutInCenter {
	margin-left:184px;
	text-align:left;
}

#idsLayoutLeft {
	float:left;
	width:184px;
}

#idsLayoutRight {
	float:right;
	width:184px;
	width:0;
}

#idsLayoutLeft .clsContent {
	padding-right:8px;
}

#idsLayoutRight .clsContent {
	padding-left:8px;
}

.clsContents, .clsSideBar {
	width:100%;
}

.clsContent {
	margin-top:8px;
}

.clsSideBar .clsContent {
	margin-top:0;
	margin-bottom:8px;
}

/* レイアウト */
.clsLayoutCL {
	float:left;
	display:block;
	width:100%;
	margin-right:-49%;
}

.clsLayoutInCL {
	display:block;
	margin-right:49%;
	text-align:left;
}

.clsLayoutC {
	float:right;
	display:block;
	width:100%;
	margin-left:-50%;
}

.clsLayoutInC {
	display:block;
	margin-left:50%;
	text-align:left;
}

.clsLayoutL {
	float:left;
	display:block;
	width:50%;
}

.clsLayoutR {
	float:right;
	display:block;
	width:47%;
}

/* サイドバー：プラグイン */
.clsSideBar {
	margin-top:8px;
}

.clsSideBar .clsGroupLink .clsTitle {
	display:none;
}

.clsSideBar .clsGroupLink ul.clsMenu li {
	font-size:0;
	line-height:0;
	margin-top:8px;
}

.clsPluginBox {
	background:#ccc;
	padding:1px;
}

.clsPluginBox .clsPluginBoxBody {
	background:#fff;
	padding:3px;
}

.clsPluginBox p {
	margin:0;
}

/* モバイル */
#idsMobile p.clsTitle {
	background:url(../images/sidebar_mobile_title.gif) no-repeat;
	height:24px;
}

#idsMobile  p.clsQR {
	margin-top:3px;
	text-align:center;
}

/* メニュー */
#idsMenu p.clsTitle {
	background:url(../images/menu_title.gif) no-repeat;
	height:24px;
}

#idsMenu .clsArea p.clsTitle {
	background-image:url(../images/menu_title_area.gif);
}

#idsMenu .clsPluginBox {
	background:#ccc;
	padding:1px;
}

#idsMenu .clsPluginBox .clsPluginBoxBody {
	background:#fff;
	padding:3px;
}

#idsMenu ul.clsMenu li {
	font-weight:bold;
	border:1px solid #ccc;
	margin-top:3px;
	padding:6px;
}

#idsMenu ul.clsMenu li span.clsTitle {
	display:block;
	padding:0 2px;
}

#idsMenu ul.clsMenu li.clsNoTitle {
	border:0;
	padding:0;
}

#idsMenu ul.clsMenu li a {
	display:block;
	font-weight:bold;
	border:1px solid #ccc;
	margin-top:4px;
	padding:6px;
	text-decoration:none;
}

#idsMenu ul.clsMenu li, #idsMenu ul.clsMenu li a {
	color:#333;
	background:#fff url(../images/menu_bg.gif) repeat-x;
}

#idsMenu ul.clsMenu li a:hover, #idsMenu ul.clsMenu li ul.clsMenu li a:hover, #idsMenu ul.clsMenu li .clsSelected a, #idsMenu ul.clsMenu li ul.clsMenu li .clsSelected a {
	background:#FAE6F5;
	border-color:#EB99D6;
}

#idsMenu ul.clsMenu li a.clsFirst {
	margin-top:0;
}

#idsMenu ul.clsMenu li ul.clsMenu {
	margin-top:8px;
}

#idsMenu ul.clsMenu li ul.clsMenu li {
	background:none;
	border:0;
	padding:0;
}

#idsMenu ul.clsMenu li ul.clsMenu li a {
	display:block;
	font-weight:bold;
	color:#333;
	background:#fff url(../images/menu_s_bg.gif) bottom repeat-x;
	border:1px solid #ccc;
	margin-top:4px;
	padding:6px;
	text-decoration:none;
}

#idsMenu ul.clsMenu li ul.clsMenu li a.clsFirst {
	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%;
}

/* ブログ */
.clsBlog .clsImage {
	display:block;
	float:left;
	width:150px;
	margin-right:16px;
	margin-bottom:16px;
}