html, body{
height: 100%;
}

body {
background-image:url(../images/common/bg.gif);
margin: 0px;
padding: 0px;
}

#mainBox { 
background-color: #ffffff;
margin: 0px;
padding: 0px;
width: 810px;
height: 100%;
}

#header {
margin: 0px;
padding: 0px;
width: 810px;
height: 135px;
}

#header #title {
margin: 0px;
padding: 0px;
width: 810px;
height: 100px;
background-color: #CCCCCC;
}



/* グランドメニュー */
#header ul{
list-style: none;
width: 810px;
height: 35px;
padding: 0px 0px 0px 0px;
margin: 0px;
}

#header ul.mainMenu li{
float: left;
width: 170px;
height: 35px;
padding: 4px 10px 0px 10px;
font: normal normal bold 95% "Arial, Helvetica, sans-serif";
text-align: center;
color: #FFFFFF;
}

*#header ul.mainMenu li{
width: 150px;
height: 31px;
}

#header ul.mainMenu li a{
text-decoration: none;
color: #FFFFFF;
}

#header ul.mainMenu li.color-none{
background:#FFFFFF;
}

#header ul.mainMenu li.color01{
background-image: url(../images/common/tab_blue.gif);
background-repeat: no-repeat;
}

#header ul.mainMenu li.color02{
background-image: url(../images/common/tab_orange.gif);
background-repeat: no-repeat;
}

#header ul.mainMenu li.color03{
background-image: url(../images/common/tab_pink.gif);
background-repeat: no-repeat;
}

#header ul.mainMenu li.color04{
background-image: url(../images/common/tab_green.gif);
background-repeat: no-repeat;
}

#header ul.mainMenu li.color05{
width: 130px;
background-image: url(../images/common/tab_gray.gif);
background-repeat: no-repeat;
}

*#header ul.mainMenu li.color05{
width: 110px;
}
/* グランドメニュー */



/* コンテントボックスバック色 */
#contentBackground-color01{
width: 810px;
background-image: url(../images/common/bg_blue.gif);
margin: 0px;
padding: 10px;
}

*#contentBackground-color01{
width: 790px;
}

#contentBackground-color02{
width: 810px;
background-image: url(../images/common/bg_orange.gif);
margin: 0px;
padding: 10px;
}

*#contentBackground-color02{
width: 790px;
}

#contentBackground-color03{
width: 810px;
background-image: url(../images/common/bg_pink.gif);
margin: 0px;
padding: 10px;
}

*#contentBackground-color03{
width: 790px;
}

#contentBackground-color04{
width: 810px;
background-image: url(../images/common/bg_green.gif);
margin: 0px;
padding: 10px;
}

*#contentBackground-color04{
width: 790px;
}

#contentBackground-color05{
width: 810px;
background-image: url(../images/common/bg_gray.gif);
margin: 0px;
padding: 10px;
}

*#contentBackground-color05{
width: 790px;
}




#contentBox-top{
width: 790px;
background: url(../images/common/content_box_top.png) no-repeat;
margin: 0px;
padding-top: 7px;
}

#contentBox-middle{
width: 790px;
background: url(../images/common/content_box_middle.gif) repeat-y;
margin: 0px;
padding: 8px 15px 8px 15px;
}

*#contentBox-middle{
width: 760px;
}

#contentBox-bottme{
width: 790px;
background: url(../images/common/content_box_bottme.png) no-repeat bottom;
margin: 0px;
padding-bottom: 7px;
}
/* コンテントボックスバック色 */



/* 見出し */
#contentBackground-color01 #contentBox-top #contentBox-bottme #contentBox-middle h1{
width: auto;
height: 35px;
background: bottom repeat-x url(../images/common/h1_bg_blue.gif) #FFFFFF;
color: #3c3c3c;
font-size: 130%;
padding: 0px 5px 0px 5px;
margin: 0px 0px 10px 0px;
}

#contentBackground-color01 #contentBox-top #contentBox-bottme #contentBox-middle h2{
width: auto;
height: 23px;
background: left repeat-y url(../images/common/h2_bg_blue.gif) #99FFFF;
color: #3c3c3c;
font-size: 110%;
line-height: 26px;
padding: 0px 0px 0px 10px;
margin: 20px 0px 10px 0px;
}

*#contentBackground-color01 #contentBox-top #contentBox-bottme #contentBox-middle h2{
height: 25px;
}


#contentBackground-color02 #contentBox-top #contentBox-bottme #contentBox-middle h1{
width: auto;
height: 35px;
background: bottom repeat-x url(../images/common/h1_bg_orange.gif) #FFFFFF;
color: #3c3c3c;
font-size: 130%;
padding: 0px 5px 0px 5px;
margin: 0px 0px 10px 0px;
}

#contentBackground-color02 #contentBox-top #contentBox-bottme #contentBox-middle h2{
width: auto;
height: 23px;
background: left repeat-y url(../images/common/h2_bg_orange.gif) #FFCC99;
color: #3c3c3c;
font-size: 110%;
line-height: 26px;
padding: 0px 0px 0px 10px;
margin: 20px 0px 10px 0px;
}

*#contentBackground-color02 #contentBox-top #contentBox-bottme #contentBox-middle h2{
height: 25px;
}


#contentBackground-color03 #contentBox-top #contentBox-bottme #contentBox-middle h1{
width: auto;
height: 35px;
background: bottom repeat-x url(../images/common/h1_bg_pink.gif) #FFFFFF;
color: #3c3c3c;
font-size: 130%;
padding: 0px 5px 0px 5px;
margin: 0px 0px 10px 0px;
}

#contentBackground-color03 #contentBox-top #contentBox-bottme #contentBox-middle h2{
width: auto;
height: 23px;
background: left repeat-y url(../images/common/h2_bg_pink.gif) #FFCCFF;
color: #3c3c3c;
font-size: 110%;
line-height: 26px;
padding: 0px 0px 0px 10px;
margin: 20px 0px 10px 0px;
}

*#contentBackground-color03 #contentBox-top #contentBox-bottme #contentBox-middle h2{
height: 25px;
}


#contentBackground-color04 #contentBox-top #contentBox-bottme #contentBox-middle h1{
width: auto;
height: 35px;
background: bottom repeat-x url(../images/common/h1_bg_green.gif) #FFFFFF;
color: #3c3c3c;
font-size: 130%;
padding: 0px 5px 0px 5px;
margin: 0px 0px 10px 0px;
}

#contentBackground-color04 #contentBox-top #contentBox-bottme #contentBox-middle h2{
width: auto;
height: 23px;
background: left repeat-y url(../images/common/h2_bg_green.gif) #CCFF99;
color: #3c3c3c;
font-size: 110%;
line-height: 26px;
padding: 0px 0px 0px 10px;
margin: 20px 0px 10px 0px;
}

*#contentBackground-color04 #contentBox-top #contentBox-bottme #contentBox-middle h2{
height: 25px;
}


#contentBackground-color05 #contentBox-top #contentBox-bottme #contentBox-middle h1{
width: auto;
height: 35px;
background: bottom repeat-x url(../images/common/h1_bg_gray.gif) #FFFFFF;
color: #3c3c3c;
font-size: 130%;
padding: 0px 5px 0px 5px;
margin: 0px 0px 10px 0px;
}

#contentBackground-color05 #contentBox-top #contentBox-bottme #contentBox-middle h2{
width: auto;
height: 23px;
background: left repeat-y url(../images/common/h2_bg_gray.gif) #EEEEEE;
color: #3c3c3c;
font-size: 110%;
line-height: 26px;
padding: 0px 0px 0px 10px;
margin: 20px 0px 10px 0px;
}

*#contentBackground-color05 #contentBox-top #contentBox-bottme #contentBox-middle h2{
height: 25px;
}

#contentBox-middle h3{
width: auto;
color: #3c3c3c;
font-size: 100%;
line-height: 26px;
padding: 0px 0px 0px 10px;
margin: 10px 0px 7px 0px;
border-bottom: #666666 solid 2px;
}

/* 見出し */



/* テキスト関連 */
.txt{
font-size: 90%;
line-height: 1.2em;
letter-spacing: 1px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 0px;
padding: 0px 0px 10px 0px;
}

.notice{
font-size: 70%;
line-height: 13px;
letter-spacing: 1px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #666666;
background:url(../images/common/mark_notice.gif) no-repeat left top;
margin: 5px 0px 15px 0px;
padding: 0px 0px 0px 14px;
}

.small{
font-size: 70%;
line-height: 13px;
letter-spacing: 1px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #666666;
margin: 5px 0px 15px 0px;
padding: 0px;
}

#contentBox-middle ul{
list-style: none outside;
color: #666666;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 13px;
line-height: 2em;
letter-spacing: 1px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 10px;
}

#contentBox-middle ul li img{
vertical-align: -4px;
margin: 0px 10px 0px 0px;
padding: 0px;
}

.delmb{
margin-bottom: 0px;
padding-bottom: 0px
}

.adlt{
border-bottom: dotted 1px #999999;
margin: 0px 0px 10px 0px;
}

.red {
color:#ff0000;
}

.pink{
color:#FF66CC;
}


img{
border: none;
}
/* テキスト関連 */
