﻿/*---------------------------------------------------------------------------/
/+ ブラウザ間の表示の違いは、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 {
    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:#2266FF;}
a:visited {color:#0033FF;}
a:active  {color:#FF0000;}
a:hover   {color:#0000FF;text-decoration: underline;} 

.TitleBar01 {
    margin: 5px 5px 5px 5px;
    padding: 8px 20px;
    text-align:left;
    color:#550055;
    border:solid 1px #996699;
    background:#FFF8FF url(../img/common/tabNoTitle1.gif) no-repeat top right;
}
.TitleBar02 {
    margin: 5px 5px 5px 5px;
    padding: 8px 20px 2px 20px;
    text-align:left;
    color:#550055;
    border-bottom:dotted 2px #996699;
    background:#FFF8FF url(../img/common/tabNoTitle1.gif) no-repeat top left;
}
.TitleBar01 h3, .TitleBar02 h3 {font-size:100%;}

.SubTitle01{
    background-color:#FFF0FA;
    color:#880066;
    margin-bottom:5px;
    padding:5px;
    line-height:1.3;
    text-align:center;
}
.Frame01 {table-layout:fixed; width:100%}
.Frame01 td.xTitleCell{background:url(../img/common/bgTitleCommon.gif) no-repeat top left;}
.Frame01 p.xTitle     {color:#FFFFFF; margin:5px 0px 0px 5px; width:240px;}
.Frame01 td.xBody     {border:solid 1px #900060;}

.Frame02{background:url(../img/common/tabNoTitle1.gif) no-repeat bottom right;}
.Frame03{background:url(../img/common/tabNoTitle2.gif) no-repeat bottom right;}

/* アイテムメニュー */
#basic-accordian{}
#basic-accordian .accordion_headings{
	border-color:#550055;
	border-style:none solid dashed none;
	border-width:0px 5px 1px 0px;
	color:#900060;
	cursor:pointer;
	padding:5px;
	margin-top:2px;
}
#basic-accordian .accordion_headings:hover{                      /* Hover */
    border-right:5px solid #F0A0E0;
}
#basic-accordian .header_highlight{                              /* Open Accordian */
    border-color:#F0A0E0;
	border-style:none solid none none;
	border-width:0px 5px 0px 0px;
}  
#basic-accordian .header_highlight a{}
#basic-accordian .header_page{                                   /* Display Page */
    border-color:#FF55EE;
	border-style:none solid dotted none;
	border-width:0px 5px 1px 0px;
}
#basic-accordian .header_page a{}

#basic-accordian .accordion_child, #basic-accordian .accordion_child_page{
    border-color:#F0A0E0;
	border-style:none solid dashed none;
	border-width:0px 5px 1px 0px;
	padding-left:20px;
	overflow:auto;
}
#basic-accordian .accordion_child_page{border-color:#FF55EE;}
#basic-accordian .ItemMenuSub {margin:0px 0px 0px 10px;}
