﻿/*---------------------------------------------------------------------------/
/+ ブラウザ間の表示の違いは、CSSハック[CSS Hack]で解消可能                  */
#Hack
{
	_width:497;                         /* IE6以下のみ適用                  */
	width: /**/480px;                   /* IE6のみ除外                      */
	width/* */:/**/480px;	            /* 他のブラウザ用                   */
}
* html #hack { color:#000000; }         /* IE6以下のみ適用                  */
*:first-child+html #hack {width:497px;} /* IE7のみ適用                      */
html>body          #hack {width:497px;} /* IE7とモダンブラウザのみ適用      */
html>/**/body      #hack {width:497px;} /* IE7を除くモダンブラウザのみ適用  */
/*--------------------------------------------------------------------------*/
    
body,html {
    word-break:break-all; /* 文字列を折り返させる IEのみ */
	width:100%;
	height:100%;
}
body, html, div, p, h1, h2, h3, h4, ul, ol, li, table, td {
	padding:0;
	border:solid 1px #888888;
    border:none;
	line-height:1.3;
    text-align:left;
}
body, html, div, p, h1, h2, h3, h4, table, td {
	margin:0;
}
body {
    background:url(../img/index/back/wall.gif) repeat left top;
    font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', Trebuchet MS, Lucida Sans Unicode, Arial, Sans-Serif;
    font-size:80%;
    color:#444444;
}
a         {text-decoration:none;}
a:link    {color:#0066FF;}
a:visited {color:#0044AA;}
a:active  {color:#0066FF;}
a:hover   {color:#0033FF;text-decoration: underline;} 

/* エリア設定 */
h1 {position:absolute; left:10px; top:0px;}
h2 {
    display:inline;         /* 改行させない */
    margin:0px 5px;
}
.Signboard {border:none;}

.TopArea    {height:60px;}
.LeftArea   {float:left; width:18%;}
.RightArea  {float:left; width:16%;}
.FooterArea {clear:both;}
.TopPanel, .LeftPanel, .MainPanel, .RightPanel {margin:10px 5px 5px 5px; overflow:hidden;}
.TopPanel, .FooterArea {text-align:center;}

/* アイテムメニュー */
#basic-accordian{}
#basic-accordian .accordion_headings{
    /*background-color:#FFFDEA;*/
	border-color:#FFAA44;
	border-style:none solid dashed none;
	border-width:0px 5px 1px 0px;
    color:#CF5000;
	cursor:pointer;
	padding:5px 5px 5px 10px;
	margin-top:2px;
}
#basic-accordian .accordion_headings a{color:#CF5000;}
#basic-accordian .accordion_headings:hover{                      /* Hover */
    border-right:5px solid #EA6F00;
}
#basic-accordian .header_highlight{                              /* Open Accordian */
    border-color:#EA6F00;
	border-style:none solid none none;
	border-width:0px 5px 0px 0px;
    color:#CF5000;
}  
#basic-accordian .header_highlight a{color:#CF5000;}
#basic-accordian .header_page{                                   /* Display Page */
    border-color:#006FEA;
	border-style:none solid dotted none;
	border-width:0px 5px 1px 0px;
    color:#006FEA;
}
#basic-accordian .header_page a{color:#006FEA;}

#basic-accordian .accordion_child, #basic-accordian .accordion_child_page{
    /*background-color:#FFFDEA;*/
    border-color:#EA6F00;
	border-style:none solid dashed none;
	border-width:0px 5px 1px 0px;
	height:130px;
	padding-left:20px;
	overflow:auto;
}
#basic-accordian .accordion_child_page{border-color:#006FEA;}
#basic-accordian .ItemMenuSub {margin:0px 0px 0px 10px;}
/* リンクメニュー */
.LinkMenu{text-align:center;}
.LinkMenu h3{text-align:center;}
.LinkMenu .MenuSignboard{border:none; width:160px;}

.LinkPanel{
    background-color:#FFF8E0;
    border:solid 1px #FFCC88;
    font-size:85%;
    margin:0px 5px;
    padding:10px 0px 10px 10px;
}
.LinkPanel ul{margin:0px 0px 0px 15px;}

/* 検索ボックス */
.SearchTable{margin:auto;}
#txtSearchWord, #btnItemSearch {
    border-color:#FFCC88 #FFAC68 #FFAC68 #FFCC88;
    border-style:solid;
    border-width:1px;
}
#txtSearchWord {font-size:22px; width:300px;}
#btnItemSearch {background-color:#FFF0E0; color:#FF6600; font-size:20px; height:29px;}
#rbtnSearchAll, #rbtnSearchRefine {
    font-size:14px;
}
#rbtnSearchRefine {margin:0px 0px 0px 20px;}
/* コンテンツ */
.TitleBar01 {
    margin: 5px 5px 5px 5px;
    padding: 8px 20px;
    text-align:left;
    color:#0090B0;
    border:solid 1px #00AFCF;
    background:#C0F8E8 url(../img/common/tabNoTitle1.gif) no-repeat top right;
}
.TitleBar02 {
    margin: 5px 5px 5px 5px;
    padding: 8px 20px 2px 20px;
    text-align:left;
    border-bottom:dotted 3px #DD8800;
}
.TitleBar01 h3, .TitleBar02 h3 {font-size:100%;}

.SubTitle01{
    background-color:#FFFDEA;
    color:#AA4400;
    margin-bottom:5px;
    padding:5px;
    line-height:1.3;
    text-align:center;
}
.SubTitle02 {
    margin: 5px 5px 5px 5px;
    padding: 0px 20px;
    text-align:left;
    color:#0090B0;
    border-bottom:solid 1px #00AFCF;
}

.Frame01 {table-layout:fixed; width:100%}
.Frame01 td.xTitleCell{background:url(../img/common/bgTitleCommon.gif) no-repeat top left;}
.Frame01 p.xTitle     {color:#DD6622; margin:5px 0px 0px 10px; width:240px;}
.Frame01 td.xBody     {background-color:#FFFFFF; border:solid 1px #FFCC88;}

.Frame02{}
.Frame03{background:url(../img/common/tabNoTitle2.gif) no-repeat bottom right;}

/* 特集バナー */
.Special_Banner{border:none; width:150px; height:60px; margin-bottom:5px;}
/* 文字サイズと色 */
.fontS { font-size:11px;}