@charset "shift_jis";
    @import url(css/tables.css);
    @import url(css/commonstyles.css);
/*
==================================================
スタイルの初期化
==================================================
*/
* {
    margin: 0;
    padding: 0;
}
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, ul, li, FIELDSET, FORM, LABEL, LEGEND, CAPTION, TBODY, TFOOT, THEAD {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
BODY {
    line-height: 1 ;
}
OL, ul {
    list-style: none ;  
	z-index: 100;
}
BLOCKQUOTE, Q {
    quotes: none ;
}
DIV, P, H1, H2, H3, H4, H5, H6 {
    display: block;
    text-align: left;
}
IMG {
    border: 0;
    max-width: 100%;
}
:focus {
    outline: 0 }
INS {
    text-decoration: none ;
}
DEL {
    text-decoration: line-through ;
}
/*
==================================================
基本スタイル
==================================================
*/
BODY {
    background-color: #dcdcdc;
    color: #333;
    font-size: 13px;
    line-height: 150%;
    margin: 0;
    padding: 0;
    text-align: center;
}
H1, H2, H3, H4, H5, H6, .title, DT {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
    font-weight: 700;
    overflow:hidden;
}
.text {
    font-size:13px;
    line-height:20px;
}
A {
    color: #1284BA ;
}
a:active, a:focus {
    outline: 0 }
IMG {
    border: 0;
    max-width: 100%;
}
.clear {
    clear: both;
    font-size: 1px;
}
P {
    margin: 0 auto;
    width: auto;
}
/* リスト
==================================================
*/
#main ul,#main OL{
    margin:auto -3em 1em 0;
    padding:0;
    position:relative;
    left:-3em;
    overflow:hidden;
}
#main li{
    margin-top:0.25em;
    margin-bottom:0.25em;
}
#main ul ul,#main  ul OL,
#main OL OL,#main  OL ul{
    margin-left:1em;
    padding-left:0;
}
#main ul li,#main  OL li{
    margin-left:5em;
}
#main ul li{
    list-style-image:url(img/li.gif);
}
#main OL li{
    list-style-type: decimal;
}
#main li li{
    margin-left:1em;
}
#main #whatsnew ul,#main #mainmenu ul,#main #sitemaps ul{
    margin:0;
    position:static;
    left:0;
}
#main #whatsnew ul li,#main #sitemaps ul li{
    list-style-image:none;
    margin:0;
}
/*
==================================================
全体
==================================================
*/
#wrapper {
    margin: 0 auto;
    width: 900px;
    background-color:#fff;
}
#contents {
	position: relative;
	z-index: 1;
    padding-bottom: 30px ;
}
#contents H2 {
    background-image: url(img/h3.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    clear:both;
    font-size: 20px;
    line-height: 28px;
    color: #1f2f54;
    padding: 5px 5px;
    margin:25px 20px 0px 20px;
}
#contents H2 SPAN{
    background-position: 5px 5px;
    background-repeat: no-repeat;
    display:block;
    padding:10px;
}
#contents .inner {
    background-image: url(img/contents_bg.jpg);
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 30px;
}
.txt-img IMG{
    margin:0 8px 8px 8px;
}
.center {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
}
.float-l {
    float: left ;
}
.float-r {
    float: right ;
}
.float-l IMG {
    margin-bottom: 10px;
    margin-right: 10px;
}
.float-r IMG {
    margin-bottom: 10px;
    margin-left: 10px;
}
.clear, .FloatEnd {
    clear: both ;
}
#pageNavi {
    font-size: 12px;
    padding: 5px;
}
#pagetop {
    clear: both;
    font-size: 13px;
    text-align: right;
}
#pagetop A {
    background-image: url(img/pagetop_button.png);
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 28px;
    padding-top: 6px;
    height: 31px;
    display: block;
}
/*
==================================================
ヘッダー
==================================================
*/
#header {
    background-color: #0f2350;
    background-repeat: repeat-x;
    width: 880px;
    display:block;
    overflow:hidden;
    color: #FFFFFF;
    font-size: 300%;
    padding: 30px 10px 15px;
}
#dropmenu {
    background-color: #0f2350;
    font-weight: 700;
    height: 30px;
    top: 69px;
    width: 900px;
    margin: 0 0 10px;
    padding: 0px;
    list-style-type: none;
    float: left;
	overflow:visible;
}
#dropmenu li {
    float: left;
    position: relative;
	z-index: 1000;
}
#dropmenu li a {
    display: block;
    text-align: center;
    height: 38px;
    width: 136px;
    line-height: 38px;
    margin: 0px 5px;
    padding: 0;
    padding-bottom: 0px;
    background-color: #0f2350;
    color: #fff;
    text-decoration: none;
    border: 2px solid #e0e0e0;
    position: relative;
}
#dropmenu li ul {
    display: none;
    position: absolute;
    top:38px;
    left:0px;
	z-index: 1000;
}
#dropmenu li:hover ul {
    display: block;
}
#dropmenu li ul li a {
    display: block;
    height: auto;
    width: 138px;
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #e0e0e0;
    text-decoration: none;
    background-color: #0f2350;
}
#dropmenu li a:hover {
    background-color: #00008b;
}
/*
==================================================
メインコンテンツ
==================================================
*/
#main {
    float: left;
    width: 660px;
}
#main P {
    margin: 0 6px ;
}
#main H2, #main H3 {
    background-image: url(img/h3.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    clear:both;
    font-size: 20px;
    line-height: 28px;
    color: #1f2f54;
    padding: 5px 10px;
    margin:5px auto 0px 20px;
}
#main H2 SPAN,#main H3 SPAN{
    background-position: 5px 5px;
    background-repeat: no-repeat;
    display:block;
    padding:10px;
}
#main H4 {
    background-image: url(img/h4.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 14px;
    margin: 8px auto;
    padding-top: 18px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 20px;
    color: #1f2f54;
}
#main H5 {
    background-image: url(img/h5.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 130%;
    margin: 8px auto;
    padding: 8px 10px 8px 20px;
}
#main H6 {
    background-image: url(img/h6.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 13px;
    line-height: 140%;
    margin: 5px 0 8px 0;
    padding: 3px 10px 2px 14px;
}
#text1 {
    font-size: 18px;
    border: 1px solid #e0e0e0;
    padding: 10px;
    margin: 0 auto 0 20px;
}
#text2 {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    padding: 10px;
    margin: 0 20px 0 20px;
}
#main HR.border1 {
    clear: both;
    border: none;
    border-top: dotted 1px #e0e0e0;
    height: 1px;
    color: #ccc;
    display: block;
    margin: 20px 0;
}
#main HR.border2 {
    border: none;
    border-top: dotted 1px #ccc;
    height: 1px;
    color: #ccc;
    display: block;
    margin: 20px 0;
}
/*
==================================================
サイドメニュー
==================================================
*/
#column2 #menu, #column3 #menu {
    float: right;
    width: 210px;
    background-position: left top;
    background-repeat: no-repeat;
    margin-top:13px;
    margin-right:10px;
    padding: 5px 5px 10px 5px;
}
#column3 #rmenu {
    float: right;
    width: 200px;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 8px 0px 10px 0px;
}
#menu .text {
    font-size:13px;
    line-height:20px;
    margin-top: 3px;
    padding: 10px;
    border: 1px solid #e0e0e0;
}
#menu .theme {
    font-size:13px;
    line-height:25px;
    margin-top: 3px;
    padding: 5px 10px 10px 30px;
    border: 1px solid #e0e0e0;
}
#menu .text3 {
    font-size: 14px;
    padding: 0px;
    margin-left:-15px;
}
#menu .title, #rmenu .title, #menu H4, #rmenu H4 {
    background-image: url(img/menu_h4.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 14px;
    height: 24px;
    line-height: 20px;
    padding: 12px 10px 5px 10px;
    text-align: left;
    font-weight: 700;
    border: solid 1px #FFF;
    border-bottom: none;
}
#rmenu H4, #rmenu .title {
    background-position: left top ;
}
#column2 .menubox {
    background-color: #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}
#column3 .menubox {
    background-color: #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    list-style-image: url(../img/h6.png);
}
.menulist {
    padding: 5px;
    margin-bottom: 10px;
}
.menulist ul li {
    list-style-image: none;
    list-style-type: none;
    background-color: #ffffff;
    border-bottom: 1px solid #dcdcdc;
}
.menulist li A {
    background-image: url(img/menu_bg.png);
    background-position: left top;
    border-bottom-width: 1px;
    color: #1f2f54;
    display: block;
    font-size: 13px;
    line-height: 15px;
    text-decoration: none;
    font-weight: 700;
    padding: 13px 15px 13px 23px;
    background-repeat: no-repeat;
    border: 1px solid #e0e0e0;
}
.menulist .l2 A {
    font-size: 12px;
    padding-left: 35px;
    font-weight: normal;
}
.menulist .l3 A {
    font-size: 12px;
    padding-left: 50px;
    font-weight: normal;
}
/*
==================================================
フッター
==================================================
*/
#footer {
    background-color: #0f2350;
    height: 70px;
    width:900px;
    text-align: center;
    clear:both;
}
#footer .inner {
    color: #FFF;
    line-height: 22px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 900px;
}
#footer P {
    clear: both;
    color: #BDBDBD;
    text-align: center;
}
#footer A {
    color: #FFF;
    text-decoration: none;
}
#footer HR {
    border: none;
    height: 1px;
    color: #FFFFFF;
    display: block;
    margin: 10px 0;
}
#footlink {
    font-size: 12px;
    text-align: left;
    width: 900px;
    margin-top: 5px;
}
#footlink A {
    background-image: url(img/footer_mark.png);
    background-position: left 2px;
    background-repeat: no-repeat;
    font-size: 12px;
    margin: 0;
    padding-left: 18px;
    padding-right: 5px;
    text-decoration: underline;
}
#footer li {
    display:inline;
    border-left:1px solid #fff;
    padding:4px 6px 4px 12px;
    font-size: 12px;
}
#footer li:last-child {
    border-right:1px solid #fff;
    padding-right:12px;
}
#footer .copyright {
    margin: 0px 0;
    font-size: 12px;
}
/*
==================================================
トップページ
==================================================
*/
#column1 #itemarea, #column2 #itemarea {
    background-color: #efefef;
    border: 1px solid #e0e0e0;
    padding: 10px;
}
#column3 #itemarea {
    background-color: #efefef;
    border: 1px solid #e0e0e0;
    padding: 6px;
}
#itmebox-l {
    float: left ;
}
#itmebox-c {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}
#itmebox-r {
    float: left ;
}
#itembox {
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
}
#itembox IMG {
    margin: 0;
    padding: 0px 4px;
}
#itembox HR {
    border: none;
    background-image: url(img/hr_itembox.png);
    height: 3px;
    margin: 5px;
}
.itemtext {
    background-color: #fff;
    width: 180px;
    margin: 0 4px;
    padding: 10px;
}
#column1 .text-float-l, #column2 .text-float-l {
    float: left;
    margin-bottom: 20px;
    width: 55%;
}
#column1 .text-float-r, #column2 .text-float-r {
    float: right;
    margin-bottom: 20px;
}
#column3 .text-float-l {
    margin-bottom: 20px;
    float: none;
}
#column3 .text-float-r {
    margin-bottom: 20px;
    float: none;
}
#main #whatsnew {
    background-color: #fff;
    background-image: url(img/whatsnew_title.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding-top: 52px;
    color: #41352b;
    margin-top: 22px;
    margin-left: 20px;
    border: 1px solid #dcdcdc;
    padding: 52px 15px 10px 15px;
    margin-bottom: 0px;
}
#main #whatsnew ul {
    margin: 0;
    padding: 0;
}
#main #whatsnew li A {
    text-decoration: underline ;
}
#main #whatsnew ul li {
    list-style-image: none;
    list-style-type: none;
    border-bottom: 1px dotted #dcdcdc;
}
#main #whatsnew ul li SPAN {
    height: 22px;
    margin-right: 7px;
    padding-top: 2px;
}
#main #whatsnew P {
    margin-right: 20px ;
}
#main #whatsnew ul li.more {
    text-align: right;
    padding-right: 20px;
    margin-right: 20px;
    padding-top: 10px;
    background-image: url(img/more_icon.png);
    background-repeat: no-repeat;
    background-position: center right;
}
/*
==================================================
エントリーページ
==================================================
*/
#entrylist {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    margin-bottom: 15px;
}
#entrylist H4 {
    background-image: url(img/entry_listtitle.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    padding: 0px 15px 6px 50px;
    margin: 0;
    line-height: 40px;
    color: #fff;
    height: 46px;
    border: solid 1px #FFF;
    border-bottom: none;
    overflow: hidden;
}
#entrylist DT {
    background-image: url(img/entry_listbg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 13px;
    font-weight: 700;
    line-height: 150%;
    margin: 0 25px;
    padding: 10px 0 10px 30px;
}
#entrylist DD {
    color: #666;
    font-size: 12px;
    line-height: 130%;
    margin: 0 25px 10px 25px;
    padding: 7px 25px;
    background-color: #fff;
}
#pagemenu {
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
#pagemenu SPAN A {
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
    width: 150px;
}
/*
==================================================
サイトマップページ
==================================================
*/
#sitemaps ul {
    margin: 0;
    padding: 5px 15px;
}
#sitemaps li {
    background-image: url(img/sitemap_list.png);
    background-position: left center;
    background-repeat: no-repeat;
    list-style-image: none;
    list-style-type: none;
    padding-left: 16px;
}
#main #sitemaps li.l1 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
}
#main #sitemaps li.l2 {
    font-size: 12px;
    margin-left: 25px;
}
#main #sitemaps li.l3 {
    font-size: 12px;
    margin-left: 50px;
}
#searchresult DT {
    font-size: 14px ;
}
#searchresult DD {
    border-bottom-color: #CCC;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    font-size: 13px;
    line-height: 130%;
    margin: 0 0 10px;
    padding-bottom: 15px;
}
/*
==================================================
ブログモード
==================================================
*/
.blog {
    border-bottom-color: #CCC;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    margin-bottom: 15px;
    padding: 10px;
}
.blog .title {
    color: #333;
    font-size: 15px;
    line-height: 140%;
    margin-bottom: 5px;
}
.blog .info {
    color: #666;
    margin-bottom: 5px;
}
.blog .info A {
    color: #666 ;
}
.blog .thumb {
    float: left;
    margin-right: 15px;
}
.blog .thumb IMG {
    max-width: 125px ;
}
.blog .body {
    line-height: 150% ;
}
.blog .more {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 8px;
    text-align: right;
}
/*
==================================================
個別レイアウト
==================================================
*/
#column1 {
    background: none ;
}
#column1 #menu li {
    display: inline;
    margin: 0;
    padding: 0;
    border: none;
}
#column1 .menulist li {
    border: none ;
}
#column1 #menu .menubox {
    background-color: #FFF;
    margin: 0;
    padding: 10px 0;
}
#column1 #menu li A {
    background: none;
    border: none;
    color: #666;
    display: inline;
    font-weight: 400;
    margin: 0;
    text-decoration: underline;
    background-color: #FFF;
}
#column1 #menu li A, #column1 #menu li.l2 A, #column1 #menu li.l3 A {
    margin: 0 5px;
    padding: 0 5px;
}
#column1 .bannerbox li {
    line-height: 0px ;
}
#column3 #contents {
    background-image: url(img/contents_bg_l.png);
    background-position: left top;
    background-repeat: repeat-y;
}
#column3 #layoutbox {
    background-position: left top;
    background-repeat: repeat-y;
    float: left;
    width: 675px;
}
#column3 #main {
    float: left;
background-color:#fff;
    width: 660px;
}
A:HOVER, .menulist li A:HOVER, .blog .title A:HOVER, #column1 #menu li A:HOVER {
    color: red ;
}
DL, #contents, #menu ul, #rmenu ul, #main #whatsnew ul, #pagelist ul {
    margin: 0;
    padding: 0;
}
#entrylist DL {
    padding: 0px ;
}
#searchresult {
    padding: 10px ;
}
#entrylist DT A, .blog .title A {
    color: #333 ;
}
#column1 #menu, #column1 #main {
    float: none;
    width: auto;
}
/*
==================================================
スタイル調整用変数
==================================================
*/
#top {
    margin-bottom:50px;
}
#column2 #contents,#column3 #contents {
    background-position:right top;
}
BODY{
    font-size: 18px;
}
#header{
    height: auto;
}
#headerbox {
    height:178px;
}
#header h2 ,#header .title {
    }
#header h2 a, #header h2 a:visited,#header .title a,#header .title a:visited{
    }
#headertext {
    font-size: 10px;
}