@charset "UTF-8";

/* ================================================================================

:::information:::

Second Page CSS

================================================================================ */

/*----------------------------------------------------
Title Pattern
----------------------------------------------------*/
.TitleH1 {
width: auto;
margin-bottom: 20px;
font-size: 140%;
padding-left: 3px;
line-height: 1;
border-left: solid #0D91B5 5px;
}

.TitleH201 {
width: auto;
padding: 5px 0;
font-size: 128%;
_font-size: 120%;
border-top: solid #000000 1px;
border-bottom: solid #000000 1px;
color: #306E95;
}

.TitleH202 {
width: auto;
margin-bottom: 5px;
font-size: 128%;
_font-size: 120%;
border-bottom: solid #CCCCCC 1px;
}

.TitleH203 {
width: auto;
margin-bottom: 5px;
font-size: 128%;
_font-size: 120%;
border-bottom: solid #CCCCCC 1px;
color: #306E95;
}

.TitleH3 { background: #C4CCAB; color: #000000; padding: 4px 12px; }

/*----------------------------------------------------
Font Size
----------------------------------------------------*/
.f-big { font-size: 140%; }
.f-large { font-size: 128%; }
.f-small-2 { font-size: 88%; }
.f-small { font-size: 81%; }

/*----------------------------------------------------
Font Weight
----------------------------------------------------*/
.f-normal { font-weight: normal; }
.f-bold { font-weight: bold; }

/*----------------------------------------------------
Line Height
----------------------------------------------------*/
.LineHeight2 { line-height: 2; }

/*----------------------------------------------------
Font Color
----------------------------------------------------*/
.FontRed { color: #CC0000; }
.FontGreen { color: #339900; }
.FontBlue { color: #0000F0; }

/*----------------------------------------------------
Background Color
----------------------------------------------------*/
.BgSat { background-color: #F2F8FB; }
.BgSun { background-color: #FFECEC; }
.BgGreen { background-color: #E9F8EB; }
.BgBlue { background-color: #E9EFF2; }

.Bg-Tgreen { background-color: #DBF2DF; }
.Bg-Tbrown { background-color: #F5EEE0; }
.Bg-Torange { background-color: #FFE9C8; }
.Bg-Tyellow { background-color: #FFFFD9; }
.Bg-Tyellow2 { background-color: #FFFFF0; }

/*----------------------------------------------------
Margin
----------------------------------------------------*/
.top-mg5 { margin-top: 5px; }
.top-mg10 { margin-top: 10px; }
.top-mg15 { margin-top: 15px; }
.top-mg20 { margin-top: 20px; }
.top-mg30 { margin-top: 30px; }
.top-mg40 { margin-top: 40px; }
.top-mg80 { margin-top: 80px; }

.Top-mg1 { margin-top: 1em; }
.Bot-mg1 { margin-bottom: 1em; }
.Bot-mg80 { margin-bottom: 80px; }

.left-mg1 { margin-left: 1em; }
.left-mg2 { margin-left: 2em; }
.LR-mg3 { margin: 0 3em; }

/*----------------------------------------------------
Padding
----------------------------------------------------*/
.pg10 { padding: 10px; }

/*----------------------------------------------------
Position
----------------------------------------------------*/
.PositionCenter { text-align: center; }
.PositionRight { text-align: right; }

/*----------------------------------------------------
Image Position
----------------------------------------------------*/
.imgLeft { float: left; }
.imgRight { float: right; }

.imgLeftMg { float: left; margin: 5px 10px 5px 0; }
.imgRightMg { float: right; margin: 5px 0 5px 10px; }

/*----------------------------------------------------
Column
----------------------------------------------------*/
.cl2Left300 { width: 300px; float: left; }
.cl2Right395 { width: 395px; float: right; }

.cl2Left340 { width: 340px; float: left; }
.cl2Right340 { width: 340px; float: right; }

.cl2Left380 { width: 380px; float: left; }
.cl2Right305 { width: 305px; float: right; }

.cl2Left175 { width: 175px; float: left; }
.cl2Right510 { width: 510px; float: right; }

.cl2Left485 { width: 485px; float: left; }
.cl2Right190 { width: 190px; float: right; }

.cl2Left400 { width: 400px; float: left; }
.cl2Right260 { width: 260px; float: right; }

/*----------------------------------------------------
Text Indent
----------------------------------------------------*/
.TextIndent1em { text-indent: 1em; }
.TextIndentMg1em { margin-left: 1em; text-indent: -1em; }
.TextIndentMg2em { margin-left: 2em; text-indent: -2em; }

div#SquareContents p { text-indent: 1em; margin-bottom: 1em; }/* square folder */
div#SquareContents h1 { margin: 20px 0 20px 0; }/* square folder */

/*----------------------------------------------------
List Pattern
----------------------------------------------------*/
.LiDisc { margin-left: 1.5em; }
.LiDisc li { list-style-type: disc; }

.LiDecimal { margin-left: 1.75em; }
.LiDecimal li { list-style-type: decimal; }

dl.dt3em dt { width: 2.5em; }
dl.dt3em dd { padding-left: 2.5em; margin-top: -1.5em; }


/*----------------------------------------------------
Link Icon
----------------------------------------------------*/
.LinkIcon a { width: auto; text-decoration: none;  line-height: 1.2;
background: url(../share_img/icon_link01.gif) left center no-repeat; padding-left: 14px; }
.LinkIcon a:hover { background: url(../share_img/icon_link01h.gif) left center no-repeat; }

/*----------------------------------------------------
Table Pattern
----------------------------------------------------*/
.TablePG th, .TablePG td { padding: 3px; }

.Table01 { width: auto; margin: 0 auto; border-collapse: collapse; }
.Table01 th { background-color: #D9EFDB; }
.Table01 th, .Table01 td { padding: 3px; border: solid #999999 1px; }

.Table01L { width: auto; border-collapse: collapse; }
.Table01L th { background-color: #D9EFDB; }
.Table01L th, .Table01L td { padding: 3px; border: solid #999999 1px; }

.Table01L2 { width: 100%; border-collapse: collapse; }
.Table01L2 th { background-color: #D9EFDB; }
.Table01L2 th, .Table01L2 td { padding: 3px; border: solid #999999 1px; }

.Table02 { width: 700px; border-collapse: collapse; }
.Table02 th { background-color: #D9EFDB; }
.Table02 th, .Table02 td { padding: 3px; border: solid #999999 1px; }

.Table03 { width: 700px; border-collapse: collapse; }
.Table03 th, .Table03 td { padding: 3px; border-top: solid #999999 1px; border-bottom: solid #999999 1px; }

.Table03-2 { width: auto; border-collapse: collapse; }
.Table03-2 th, .Table03-2 td { padding: 10px 0; border-top: solid #999999 1px; border-bottom: solid #999999 1px; }

.Table04 { width: 700px; border-collapse: collapse; }
.Table04 th { background-color: #E7E7E7; }
.Table04 th, .Table04 td { padding: 3px; border: solid #999999 1px; }

.BorNone { width: auto; }
.BorNone th, .BorNone td { padding: 0; border: none; font-weight: normal; }
/*----------------------------------------------------
Border Pattern
----------------------------------------------------*/
.BorderAll { width: auto; padding: 10px; border: solid #CCCCCC 1px; }
.BorderAll-Green { width: auto; padding: 10px; border: solid #009966 1px; }

/*----------------------------------------------------
Page Top
----------------------------------------------------*/
.PageTop { width: 700px; text-align: right; margin-top: 20px; }


/*----------------------------------------------------//----------------------------------------------------*/
/*----------------------------------------------------
NewsNav
----------------------------------------------------*/
div#NewsNavL { width: 450px; float: left; }
div#NewsNavL img { vertical-align: middle; }
div#NewsNavL strong { margin: 0 1em; }

div#NewsNavR { width: 213px; float: right; text-align: right; }
div#NewsNavR li { display: inline; width: 71px; }
div#NewsNavR li a { width: 71px; float: left; }

/*----------------------------------------------------
NewsArea
----------------------------------------------------*/
div#NewsArea { width: auto; margin-top: 10px; border: solid #000000 1px; padding: 15px 10px 15px 20px; }
div#News { width: 555px; float: left; }
div#News h2 { margin-top: 5px; margin-bottom: 15px; }
div.NewsSection { margin-bottom: 30px; }
div#map { margin-top: 20px; }

div#NewsAreaInfo { width: 100px; float: right; }
div#Order { margin-top: 20px; }
div#NewsCategory { width: auto; margin-top: 20px; padding: 5px; border: solid #000000 1px; }
div#NewsCategory h2 { font-size: 81%; }
div#NewsCategory ul { font-size: 81%; border-top: solid #666666 1px; }
div#NewsCategory li { padding: 3px 0; }

/*----------------------------------------------------
NewsSearch
----------------------------------------------------*/
div#NewsSearch { width: auto; margin-top: 15px; padding:15px; border: solid #999999 1px; }
div#NewsSearch p { font-size: 81%; }
div#NewsSearch h2 { margin-bottom: 5px; }
.bgNewsSearch { background-color: #E9EFF2; padding: 5px; }

div#NewsNavBot01 { width: 700px; margin-top: 15px; text-align: center; }
div#NewsNavBot01 img { vertical-align: middle; }
div#NewsNavBot01 strong { margin: 0 1em; }

div#NewsNavBot02 { width: 700px; text-align:center; margin-top: 20px; }
div#NewsNavBot02 li { display: inline; }

/*----------------------------------------------------
Oshirase
----------------------------------------------------*/
#oshirase { width: 600px; margin: 0 auto; text-align: left; border-top: dotted #CCCCCC 1px; }
#oshirase li { border-bottom: dotted #CCCCCC 1px; }
#oshirase li a { display: block; padding: 10px 0; text-decoration: none; }
#oshirase li a:hover { color: #CC0000; background-color: #DFEEF5; }

#oshiraseVW { width: auto; padding: 20px; margin: 0 auto; text-align: left; border: solid #CCCCCC 1px; }

/*----------------------------------------------------
expProfile
----------------------------------------------------*/
#expProfile { width: auto; border: solid #78AB4E 1px; margin-top: 20px; padding-bottom: 10px; }
#expProfile h2 { width: auto; background-color: #78AB4E; color: #FFFFFF; padding: 3px; }
#expProfile h3 { width: auto; padding: 5px 10px 5px 10px; border-bottom: dotted #78AB4E 2px; margin-bottom: 5px; }
#expProfile p { width: auto; padding: 0 10px; font-size: 88%; margin-bottom: 0em !important; }

/*----------------------------------------------------
GoogleAds
----------------------------------------------------*/
div#GoogleAdsBox { width: 468px; text-align: center; margin: 50px auto 0 auto; }
div#GoogleAds { width: 468px; text-align: left; }