@charset "UTF-8";
@import "init.css";
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

baseStyle.css

ページの基本スタイル

作成日 / 担当 ：2007年11月10日 / 伊藤(ito@sysmil.com)
修正日 / 担当 ：

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* リンク色 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
a:link {
color:#0000FF;
}

a:visited {
color:#0000FF;
}

a:hover {
color:#990000;
}

a:active {
color:#990000;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ページの横幅 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_MAIN, #BASEBOX_FOOTER {
width:760px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ページの基礎枠 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_MAIN {
margin:0px auto;
background:#FFFFFF;
position:relative;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ページ両端の影 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_MAINMENU, #BASEBOX_BODY {
padding:0px 10px 0px 10px;
background:#FFFFFF url(../imgs/pageSideShadow.gif) top left repeat-y;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ページの説明文 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_MAIN div.headerCaption {
padding:0px 5px 2px 10px;
}

#BASEBOX_MAIN div.headerCaption h1 {
font-size:10px;
font-weight:normal;
color:#666666;
}

#BASEBOX_MAIN div.headerCaption h1 span {
font-weight:bold;
padding-right:10px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ヘッダーエリア */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_HEADER {
background:url(../imgs/header_00301.jpg) bottom right no-repeat;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* ヘッダー本体 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#BASEBOX_HEADER div.headerBody {
margin:0px 10px 0px 0px;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 検索 / リンクエリア */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
div.headerToolBar {
width:480px;
padding:13px 15px 10px 15px;
text-align:right;
position:absolute;
top:45px;
left:240px;
}

div.headerToolBar a:link, div.headerToolBar a:visited {
color:#FFFFFF;
text-decoration:none;
}

div.headerToolBar a:hover, div.headerToolBar a:active {
color:#CCCC99;
text-decoration:underline;
}


div.headerToolBar div.headerToolBar_linkText {
margin:0px;
padding:0px;
}

div.headerToolBar div.headerToolBar_linkText span {
font-size:12px;
padding:0px 0px 0px 20px;
}

div.headerToolBar div.headerToolBar_linkText span img{
margin:0px 5px 0px 0px;
padding:0px;
vertical-align:baseline;
}

/* # # # # # # # # # # # # # # # # # # # # */
/* 検索ボタン */
/* # # # # # # # # # # # # # # # # # # # # */
/* ボタンのサイズ */
div.headerToolBar div.heaser_buttonSearch,
div.headerToolBar div.heaser_buttonSearch a, div.headerToolBar div.heaser_buttonSearch img {
width:60px;
height:22px;
}

div.headerToolBar div.heaser_buttonSearch {
}

/* ボタン画像 */
div.headerToolBar div.heaser_buttonSearch a{
background:url(../imgs/header_searchbutton.gif) top left no-repeat;
display:block;
}

/* マウスオーバー */
div.headerToolBar div.heaser_buttonSearch a:hover {
background-position:0px -22px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* メインメニューエリア */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* メインメニュー終端 */
#BASEBOX_MAINMENU div.endSpace {
height:7px;
letter-spacing:0px;
background:#000000;
clear:both;
overflow:hidden;
}
#BASEBOX_MAINMENU div.endSpace img {
height:7px;
width:1px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* キャプションエリア */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_CAPTION {

}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* パン屑エリア */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_TOPICPATH {
margin:0px;
padding:10px 10px 30px 16px;
color:#666666;
}

#BASEBOX_TOPICPATH span{
padding:0px;
}

#BASEBOX_TOPICPATH img{
padding:0px 5px 0px 0px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* コンテンツエリア */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_BODY {
padding:0px 10px 0px 10px;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* ページキャプション */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* ページキャプション画像 */
#BASEBOX_BODY h2.pageCaptionImg {
margin:0px;
padding:0px;
letter-spacing:0px;
}

/* ページキャプション終端 */
#BASEBOX_BODY div.pageCaptionEndSpace {
height:7px;
letter-spacing:0px;
background:#666666;
clear:both;
overflow:hidden;
}
#BASEBOX_BODY div.pageCaptionEndSpace img {
height:7px;
width:1px;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* コンテンツの終端 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#BASEBOX_BODY div.endSpace {
height:30px;
letter-spacing:0px;
clear:both;
overflow:hidden;
}

#BASEBOX_BODY div.endSpace img{
width:1px;
height:30px;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* サイドメニュー本体 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#SIDEMENU_BODY {
font-size:12px;
line-height:1em;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* メニューブロック */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#SIDEMENU_BODY div.sideMenu_block {
margin:0px 0px 18px 0px;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* メニュー項目の基本スタイル */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* リストのスタイル */
#SIDEMENU_BODY ol.sideMenu_menuList {
list-style:none;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* トップタイトル */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#SIDEMENU_BODY h2.sideMenu_topTitle {
margin:0px;
padding:0px;
background:#333333;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* メニュー項目　第１階層 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* リスト項目の横幅 */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv1{
width:175px;	/* IE6 で display:block 指定で改行が入るのを回避 */
}

/* padding と下部ボーダーの設定 */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv1,
#SIDEMENU_BODY div.sideMenu_menuList_MenuItem_Lv1_MenuItemSelect {
padding:9px 5px 9px 20px;
border-bottom:#999999 1px solid;
}

/* リンクの設定 */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv1 {
display:block;
}

/* 未クリック・クリック済　リンクのスタイル */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv1:link,
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv1:visited {
text-decoration:none;
background:#CCCCCC url(../imgs/sideMenu_bg0101.jpg) 2px 50% no-repeat;
}

/* ホバー・クリック中　リンクのスタイル */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv1:hover,
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv1:active {
color:#660000;
text-decoration:none;
background:#660000 url(../imgs/sideMenu_bg0102.jpg) 2px 50% no-repeat;
}
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 選択中状態 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#SIDEMENU_BODY div.sideMenu_menuList_MenuItem_Lv1_MenuItemSelect {
color:#660000;
text-decoration:none;
font-weight:bold;
background:#CCCC99 url(../imgs/sideMenu_bg0103.jpg) 2px 50% no-repeat;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* カテゴリ項目 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#SIDEMENU_BODY div.sideMenu_menuList_MenuItem_Lv1_Label {
padding:10px 5px 2px 10px;
color:#333333;
text-decoration:none;
background:#FFFFFF;
border-bottom:#CCCCCC 1px solid;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* メニュー項目　第２階層 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* リスト項目の横幅 */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv2 {
width:170px;	/* IE6 で display:block 指定で改行が入るのを回避 */
}

/* padding と下部ボーダーの設定 */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv2,
#SIDEMENU_BODY div.sideMenu_menuList_MenuItem_Lv2_MenuItemSelect {
padding:9px 5px 9px 25px;
border-bottom:#CCCCCC 1px solid;
}

/* リンクの設定 */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv2 {
display:block;
}

/* 未クリック・クリック済　リンクのスタイル */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv2:link,
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv2:visited {
text-decoration:none;
background:#FFFFFF url(../imgs/sideMenu_bg0201.gif) 2px 50% no-repeat;
border-bottom-color:#CCCCCC;
}

/* ホバー・クリック中　リンクのスタイル */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv2:hover,
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv2:active {
color:#660000;
text-decoration:none;
background:#FFCCCC url(../imgs/sideMenu_bg0202.gif) 2px 50% no-repeat;
border-bottom-color:#FF9999;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 選択中状態 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#SIDEMENU_BODY div.sideMenu_menuList_MenuItem_Lv2_MenuItemSelect {
color:#660000;
text-decoration:none;
font-weight:bold;
background:#FFFFFF url(../imgs/sideMenu_bg0203.gif) 2px 50% no-repeat;
border-bottom-color:#CCCCCC;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* カテゴリ項目 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#SIDEMENU_BODY div.sideMenu_menuList_MenuItem_Lv2_Label {
padding:10px 5px 2px 10px;
color:#333333;
text-decoration:none;
background:#FFFFFF;
border-bottom:#CCCCCC 1px solid;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* メニュー項目　第３階層 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* リスト項目の横幅 */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv3 {
width:170px;	/* IE6 で display:block 指定で改行が入るのを回避 */
}

/* padding と下部ボーダーの設定 */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv3,
#SIDEMENU_BODY div.sideMenu_menuList_MenuItem_Lv3_MenuItemSelect {
padding:9px 5px 9px 25px;
border-bottom:#CCCCCC 1px solid;
}

/* リンクの設定 */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv3 {
display:block;
}

/* 未クリック・クリック済　リンクのスタイル */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv3:link,
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv3:visited {
text-decoration:underline;
background:#FFFFFF url(../imgs/sideMenu_bg0201.gif) 2px 50% no-repeat;
}

/* ホバー・クリック中　リンクのスタイル */
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv3:hover,
#SIDEMENU_BODY a.sideMenu_menuList_MenuItem_Lv3:active {
color:#660000;
text-decoration:underline;
background:#FFE5E5 url(../imgs/sideMenu_bg0202.gif) 2px 50% no-repeat;
}

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* 選択中状態 */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
#SIDEMENU_BODY div.sideMenu_menuList_MenuItem_Lv3_MenuItemSelect {
color:#660000;
text-decoration:none;
font-weight:bold;
background:#FFFFFF url(../imgs/sideMenu_bg0203.gif) 2px 50% no-repeat;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* フッターエリア */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#BASEBOX_FOOTER {
margin:0px 0px 20px 0px;
}

#BASEBOX_FOOTER div.footer_border {
background:#000000 url(../imgs/footer_00101.jpg) top left no-repeat;
padding:8px 10px 8px 10px;
text-align:right;
}

#BASEBOX_FOOTER div.footer_border img {
margin:0px 10px 0px 10px;
}

#BASEBOX_FOOTER div.footer_link {
padding:14px 10px 0px 10px;
margin:0px 0px 30px 0px;
text-align:center;
background:url(../imgs/footer_00201.jpg) top left no-repeat;
}

#BASEBOX_FOOTER div.footer_link span {
font-size:12px;
padding:0px 0px 0px 20px;
}

#BASEBOX_FOOTER div.footer_link span img{
margin:0px 5px 0px 0px;
padding:0px;
vertical-align:baseline;
}

#BASEBOX_FOOTER div.footer_copyrightText {
margin:0px;
padding:0px 10px 0px 10px;
text-align:center;
color:#666666;
font-size:12px;
letter-spacing:1px;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* フォント関連 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* フォントスタイル */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* 標準の文章スタイル */
.fontStye_defaultTextFormat {
text-indent:1em;
}


/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* フォントサイズ */
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
.font_small {
font-size:90%;
}

.font_Xsmall {
font-size:80%;
}

.font_XXsmall {
font-size:70%;
}

.font_default {
font-size:100%;
}

.font_large {
font-size:110%;
}

.font_Xlarge {
font-size:120%;
}

.font_XXlarge {
font-size:130%;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* その他の共通 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ページの先頭へ戻るアンカーリンクボタンのスタイル */
div.button_anchorLink_top {
width:102px;
margin:0px 0px 0px auto;
}

/* ブラウザでCSSが無効な場合に表示する */
.invalidCSS {
display:none;
}

/* Float をクリアする */
.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.clearBoth, .clearLeft, .clearRight { height:1px; letter-spacing:0px; overflow:hidden; }
.clearBoth img, .clearLeft img, .clearRight img { width:1px; height:1px; }