@charset "EUC-JP";

/*::::::::::::::::::::::::::::::::::::::::::::::
* Style.css
* Since 2010-06-18
*:::::::::::::::::::::::::::::::::::::::::*'u'*/

/*ÈÆÍÑ*/
.M3 { margin-bottom: 3px; }
.M8 { margin-bottom: 8px; }
.M30 { margin-bottom: 30px; }
.MR7 { margin-right: 7px; }
.MR8 { margin-right: 8px; }
.Clear { clear: both; }
.Bold { font-weight: bold; }
.FColorG { color: #444; }

h1#hdMain { margin-bottom: 25px; background: url(../images/h1_bg.gif) center top no-repeat; width: 562px; height: 77px; color: #333399; text-align: center; font-size: 26px; font-weight: bold; padding-top: 8px; line-height: 110%; }
#lead { line-height: 160%; }

.hdTitle { background: url(../images/img_h2_bg.gif) left bottom no-repeat; padding-bottom: 3px; margin-bottom: 15px; }
h2.hdTxt02 { background: url(../images/icon_h2.gif) left 4px no-repeat; text-indent: 14px; }

.section #Draw { text-align: center; }
.section #Draw p { line-height: 130%; }
.section #Draw #Text01 { width: 380px; margin-left: auto; margin-right: auto; background-color: #5F9489; color: #FFF; text-align: center; padding: 4px; margin-bottom: 3px; font-weight: bold; }
.section #Draw #Text02 { width: 380px; margin-left: auto; margin-right: auto; background-color: #F8F8F8; border: 1px solid #CCC; padding: 4px; margin-top: 3px; font-size: 10px; text-align: left; line-height: 120%; }

.section #Draw li { margin-bottom: 3px; }
.section #Draw li.A { background: url(../images/icon_a.gif) left 1px no-repeat; padding-left: 11px; margin-bottom: 3px; }
.section #Draw li.B { background: url(../images/icon_b.gif) left 1px no-repeat; padding-left: 11px; margin-bottom: 3px; }
.section #Draw li.C { background: url(../images/icon_c.gif) left 1px no-repeat; padding-left: 11px; }

.section #Draw .Text03 { float: left; width: 171px; background-color: #F8F8F8; border: 1px solid #CCC; padding: 4px; font-size: 10px; text-align: left; height: 80px; line-height: 120%; }

.section #Draw .Text05  { float: left; background: url(../images/img_draw_bg.gif) center top no-repeat #6FA499; }
.section #Draw .Text05  a { width: 77px; background:url(../images/img_arrow01.gif) 69px 123px no-repeat; color: #FFF; height: 132px; border: 1px solid #6FA499; font-size: 10px; text-align: left; padding: 4px; line-height: 120%; display: block; overflow: hidden; text-decoration: none; }
.section #Draw .Text05  a:hover { background:url(../images/img_arrow01.gif) 69px 123px no-repeat #98BEB6; display: block; overflow: hidden; }

.section #Draw .Text06 { float: left; width: 77px; background-color: #F8F8F8; border: solid 1px #CCC; height: 132px; font-size: 10px; text-align: left; padding: 4px; line-height: 120%; }

.section #Draw .Text07  { float: right; background: url(../images/img_draw_bg.gif) center top no-repeat #6FA499; }
.section #Draw .Text07  a { width: 77px; background:url(../images/img_arrow01.gif) 69px 119px no-repeat; color: #FFF; height: 128px; border: 1px solid #6FA499; font-size: 10px; text-align: left; padding: 4px; line-height: 120%; display: block; overflow: hidden; text-decoration: none; }
.section #Draw .Text07  a:hover { background:url(../images/img_arrow01.gif) 69px 119px no-repeat #98BEB6; display: block; overflow: hidden; }

.section #Draw .Text08 { float: left; background: url(../images/img_draw_bg.gif) center top no-repeat #6FA499; }
.section #Draw .Text08 a { width: 77px; background:url(../images/img_arrow01.gif) 69px 136px no-repeat; color: #FFF; height: 145px; border: 1px solid #6FA499; font-size: 10px; text-align: left; padding: 4px; line-height: 120%; text-decoration: none; display: block; overflow: hidden; }
.section #Draw .Text08 a:hover { background:url(../images/img_arrow01.gif) 69px 136px no-repeat #98BEB6; display: block; overflow: hidden; }

.section #Draw #TextBox { float: left; }
.section #Draw #TextBox .Text09 { background: url(../images/img_draw_bg.gif) center top no-repeat #6FA499; }
.section #Draw #TextBox .Text09 a { width: 77px; background:url(../images/img_arrow01.gif) 69px 57px no-repeat; color: #FFF; height: 66px; border: 1px solid #6FA499; font-size: 10px; text-align: left; padding: 4px; line-height: 120%; text-decoration: none; display: block; overflow: hidden; }
.section #Draw #TextBox .Text09 a:hover { background:url(../images/img_arrow01.gif) 69px 57px no-repeat #98BEB6; display: block; overflow: hidden; }

.section #Draw .FLeft { width: 187px; float: left; text-align: center; margin: 0; }

.section .Detail { float: left; width: 182px; background-color: #F8F8F8; padding-bottom: 10px; height: 235px; margin-bottom: 8px; }
.section .Detail .Title { background: url(../images/icon_01.gif) 8px top no-repeat; font-weight: bold; padding: 5px 0 0 15px; line-height: 130%!important; height: 30px; }

.section .Detail a { text-decoration: none; }
.section .Detail a:hover { text-decoration: underline; }

.section .Detail02 a, .section #Dispatch a { text-decoration: none; }
.section .Detail02 a:hover, .section #Dispatch a:hover { text-decoration: underline; }

.section .Detail .Link01 { width: 166px; margin-left: auto; margin-right: auto; padding: 3px; line-height: 130%!important; border: 2px solid #E5E5E5; background: url(../images/icon_02.gif) 160px 66px no-repeat #FFF; font-size: 10px; height: 72px; }

.section .Detail .Link02 { width: 166px; margin-left: auto; margin-right: auto; padding: 3px; line-height: 130%; border: 2px solid #E5E5E5; background: url(../images/icon_02.gif) 160px 66px no-repeat #FFF; font-size: 10px; height: 72px; vertical-align: middle; }

.section .Detail .Link01 .Profile { border-bottom: dotted 1px #DDD; padding-bottom: 3px; margin-bottom: 3px; }
.section .Detail .Link01 .Profile li.FLeft { float: left; width: 40px; }
.section .Detail .Link01 .Profile li.FRight { float: right; list-style: none; width: 123px; line-height: 120%; color: #444444; }

.section .Detail02 { float: left; width: 180px; background: url(../images/img_detail02_bg.gif) left bottom repeat-x #FFF; height: 138px; border: 1px solid #E5E5E5; }
.section .Detail02 .Title { background: url(../images/icon_03.gif)  8px 8px no-repeat; font-weight: bold; padding: 5px 0 0 22px; height: 25px; line-height: 130%!important; }
.section .Detail02 .Text { font-size: 10px; width: 170px; margin-left: auto; margin-right: auto; line-height: 130%!important; }
.section .Detail02 .Title2 { background: url(../images/icon_04.gif)  8px 8px no-repeat; font-weight: bold; padding: 5px 0 0 22px; height: 25px; line-height: 130%!important; }
.section .Detail02 .Text img { vertical-align: middle; margin-right: 5px; }

.section #Dispatch { width: auto; background-color: #F8F8F8; padding: 10px; }
.section #Dispatch .Link { float: left; width: 178px; padding: 5px 3px 3px 8px; color: #4F8479; line-height: 130%; border: 1px solid #E5E5E5; background: url(../images/img_detail02_bg.gif) left bottom repeat-x #FFF; height: 32px; vertical-align: middle; margin-right: 15px; }
.section #Dispatch .Link ul li { background: url(../images/icon_03.gif)  8px 8px no-repeat; font-weight: bold; color: #4F8479; padding: 5px 0 0 22px; line-height: 130%!important; }
.section #Dispatch .Text { width: auto; padding-top: 5px; line-height: 130%!important; margin-bottom: 0; }