@charset "Shift_JIS";

/* ページ全体
---------------------------------------------------- */

body {
background-repeat: repeat-x;
background-attachment: fixed;
margin: 0;
padding: 0;
color: #000;
text-align: center;
font-family: "ＭＳ Ｐゴシック", 'Hiragino Kaku Gothic Pro', Osaka;
}

#layout{
width: 778px;
margin: 0 auto;
padding: 0;
background: #FFF;
border-left: solid 1px #999;
border-right: solid 1px #999;
}

a:link {
color: blue; text-decoration: none;
}

a:visited {
color: blue; text-decoration: none;
}

a:hover {
color: blue; text-decoration: underline;
}

.wcenter {
text-align: center;
}

.wcenterblue {
text-align: center;
color: #06C;
}

.wleft {
float: left;
}

.wright {
float: right;
}

.warearight {
text-align: right;
}

.wleftmgn5 {
float: left;
margin: 0 5px 0 0;
}

.hmgn {
margin: 10px 0 0 0;
}

.h10bmgn {
margin: 0 0 10px 0;
}

.wmgn {
margin: 0 8px 0 0;
}

.wmgnem {
margin: 0 0 0 1em;
}

.bmgn {
margin: 0 0 6px 0;
}

.bmgnem {
margin: 0 0 1em 0;
}

.allclear {
display: none;
clear: both;
}

.clear {
clear: both;
}

.lclear {
clear: left;
}

.rclear {
clear: right;
}

.wleftnosp {
float: left;
margin: 0;
padding: 0;
}

.nosp {
margin: 0;
padding: 0;
}

/* ヘッダー
---------------------------------------------------- */

#header {
text-align: left;
width: 778px;
height: 120px;
}

#header p {
margin: 0;
padding: 0;
}

#header p.logo {
float: right;
text-align: right;
position: relative;
top: 85px;
left: 63px;
}

#header p.logo2 {
float: right;
text-align: right;
position: relative;
top: 85px;
right: 3px;
}

#hdseach {
float: right;
width: 368px;
margin: 0 5px 0 0;
padding: 0;
}

#fday,#ftop {
width: 70px;
}

/* 現在地・日記
---------------------------------------------------- */

#topdiary {
display: inline;
width: 778px;
margin: 0;
padding: 0;
}

#mdiary {
display: inline;
width: 778px;
margin: 0;
padding: 0;
background: url(images/bcg_nposi.gif) repeat-y;
float: left;
}

#nposi {
float: left;
width: 200px;
height: 320px;
margin: 0;
padding: 0;
background: #7494AB;
text-align: center;
font-size: 9pt; line-height: 10pt; color: #FFF;
}

#nposi2 {
float: left;
width: 200px;
margin: 0;
padding: 0;
text-align: center;
font-size: 9pt; line-height: 10pt; color: #FFF;
}

#pointing {
margin: 0;
padding: 3px;
text-align: left;
}

#day, #km, #total, #route, #plan, #pay {
clear: right;
margin: 0;
padding: 3px;
text-align: left;
border-top: 1px dashed #BACAD5;
}

#day p, #km p, #total p, #route p, #plan p, #pay p {
margin: 0;
}

#pointing .sft {
font-size: 7pt; color: #FC6;
}

#todiary {
float: left;
width: 568px;
margin: 5px 0 5px 5px;
padding: 0;
text-align: left;
}

#tdate {
text-align: center;
width: 568px;
margin: 0;
padding: 0;
}

#tdate p.dleft {
position: relative; top: 7px;
float: left;
margin: 0;
padding: 0;
width: 150px;
height: 30px;
text-align: left;
vertical-align: bottom;
font-size: 9pt;
display: inline;
}

#tdate p.dcenter {
float: left;
margin: 0;
padding: 0;
width: 268px;
text-align: center;
vertical-align: bottom;
}

#tdate p.dright {
position: relative; top: 7px;
float: right;
margin: 0;
padding: 0;
width: 150px;
height: 30px;
text-align: right;
font-size: 9pt;
}

#tdate p.subtitle {
clear: both;
margin: 0;
padding: 4px 0 0 0;
border-top: 1px dashed #333;
font-size: 9pt; color: #333;
}

#tpword {
margin: 15px 0 0 0;
padding: 0;
}

#tphoto {
float: left;
width: 180px;
margin: 0;
padding: 0;
}

#tphoto p {
margin: 0;
padding: 0;
text-align: center;
}

#tphoto p.caption {
margin: 0;
padding: 1px 0 5px 0;
font-size: 8pt; line-height: 10pt; color: #444;
text-align: left;
}

#tphotoll {
text-align: center;
}

#tphotoll p {
margin: 0;
padding: 0;
}

#tphotoll p.caption {
width: 300px;
margin: 0 auto;
padding: 0 0 1em 0;
font-size: 8pt; line-height: 10pt; color: #333;
text-align: left;
}

#tword {
float: right;
width: 375px;
margin: 0;
padding: 0;
font-size: 10pt; line-height: 16pt; color: #000;
}

#tword2 {
float: right;
width: 568px;
margin: 0;
padding: 0;
font-size: 10pt; line-height: 16pt; color: #000;
}

#dword {
width: 578px;
height: 320px;
margin: 0;
padding: 0;
background: #999;
float: left;
}

#dphoto {
width: 578px;
margin: 0;
padding: 0;
float: left;
}

#rediary {
width: 578px;
height: 318px;
background: #F5FFF5;
overflow: auto;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
display: block;
}

.word {
margin: 0;
padding: 10px 20px 30px 20px;
font-size: 10pt; line-height: 16pt; color: #333;
border-bottom: 1px dashed #999;
text-align: left;
}

.ft8pt {
font-size: 8pt;
}

#infobox {
width: 300px;
margin: 0 auto;
padding: 3px;
background: #FFFFF0;
border: 1px solid #666;
text-align: left;
font-size: 8pt; line-height: 9pt; color: #333;
}

#infobox p {
margin: 0;
padding: 0;
}

#infobox .bft {
font-weight: bold;
}

/* TOPメニュー
---------------------------------------------------- */

#ucontents {
display: inline;
width: 778px;
margin: 0;
padding: 0;
}

#leftnavi {
width: 190px;
margin: 10px 10px 10px 0;
padding: 0 0 0 5px;
float: left;
text-align: left;
}

#topinfo {
width: 362px;
padding: 2px;
background: #FCFCFC;
border: 1px solid #7494AB;
text-align: left;
font-size: 8pt; line-height: 11pt; color: #555;
}

#topinfo {
\width: 368px;
w\idth: 362px;
padding: 2px;
background: #FCFCFC;
border: 1px solid #7494AB;
text-align: left;
font-size: 8pt; line-height: 11pt; color: #555;
}

#menu {
margin: 0 0 20px 4px;
padding: 0;
list-style: none;
}

#menu li {
background: url(images/icon_arrow_red.gif) no-repeat center left;
margin: 0;
padding: 0 0 0 15px;
font-size: 9pt; line-height: 16pt;
text-align: left;
}

#middigest {
width: 368px;
margin: 10px 5px 10px 0;
padding: 0px;
font-size: 10pt; line-height: 14pt;
text-align: left;
float: left;
}

#middigest p {
margin: 0;
padding: 10px 0 10px 0;
font-size: 10pt; line-height: 14pt;
}

#middigest p.seach {
margin: 0;
padding: 0;
}

#dseach {
background: url(images/top_diary02.gif) repeat-y;
margin: 0;
padding: 2px 5px 0 5px;
font-size: 9pt; line-height: 12pt;
}

#dseach form.days {
margin: 0;
padding: 0;
text-align: center;
}

#dseach form.dmgn {
margin: 4px 0 0 0;
padding: 4px 0 0 0;
border-top: 1px dashed #393;
text-align: center;
}

#dseach select.listmenu {
width: 300px;
}

#dseach .rssindex {
width: 300px;
text-align: right;
margin: 3px 0 0 30px;
padding: 0;
font-size: 10px;
}

#dseach .sft8r {
font-size: 8pt; color: red;
}

#rightpro {
width: 187px;
background: #A7AD85;
border: 1px solid #666;
text-align: left;
font-size: 9pt; line-height: 14pt; color: #000;
margin: 10px 0;
padding: 3px;
float: left;
}

#rightpro {
\width: 195px;
w\idth: 187px;
background: #A7AD85;
border: 1px solid #666;
text-align: left;
font-size: 9pt; line-height: 14pt; color: #000;
margin: 10px 0;
padding: 3px;
float: left;
}

#rightpro p {
margin: 0;
padding: 0;
}

#rightpro .sft8 {
font-size: 8pt;
}

/* コンテンツ
---------------------------------------------------- */

#midcontents {
float: left;
width: 568px;
margin: 10px 0 20px 0;
padding: 0;
text-align: left;
font-size: 10pt; line-height: 14pt;
}

#profile {
margin: 0;
padding: 0 0 0 120px;
background: url(images/profile_myphoto.jpg) no-repeat top left;
line-height: 16pt;
}

table#prokeyword {
width: 448px;
margin: 0;
padding: 0;
border-collapse: collapse;
}

#prokeyword th {
width: 20%;
margin: 0;
padding: 2px 0 2px 5px;
text-align: left;
font-size: 9pt; color: #333;
background-color: #B5DCF0;
}

#prokeyword td {
width: 80%;
margin: 0;
padding: 2px 0 2px 5px;
text-align: left;
font-size: 9pt; color: #333;
}

.linetopbom {
border-top: 1px dashed #AAA;
border-bottom: 1px dashed #AAA;
}

.linebottom {
border-bottom: 1px dashed #AAA;
}

#bike {
height: 188px;
margin: 0;
padding: 10px 10px 0 210px;
background: url(images/photo_xr.jpg) no-repeat top left #FFFFF0;
border: 1px solid #666;
font-size: 9pt; line-height: 13pt;
}

#summary {
margin: 0;
padding: 0 0 0 120px;
background: url(images/summary_sidephoto.jpg) no-repeat top left;
line-height: 16pt;
}

#summary2 {
margin: 0;
padding: 0 365px 0 0;
background: url(images/photo_couseall.gif) no-repeat top right;
}

#motivecopy {
margin: auto;
text-align: center;
font-size: 10pt; line-height: 20pt; color: #06F;
font-weight: bold;
}

#motivetion {
margin: 20px 0 0 0;
padding: 0 0 0 200px;
background: url(images/motive_photo.jpg) no-repeat top left;
}

#planflow1 {
float: left;
width: 182px;
height: 60px;
margin: 0;
padding: 3px;
background: #EEF8FD;
border: 1px solid #5581D5;
font-size: 9pt; color: #039;
}

#planflow1 {
float: left;
\width: 190px;
w\idth: 182px;
\height: 70px;
h\eight: 60px;
margin: 0;
padding: 3px;
background: #EEF8FD;
border: 1px solid #5581D5;
font-size: 9pt; color: #039;
}

#planflow2 {
float: left;
width: 182px;
height: 60px;
margin: 0;
padding: 3px;
background: #EEF8FD;
border-top: 1px solid #5581D5;
border-bottom: 1px solid #5581D5;
font-size: 9pt; color: #039;
}

#planflow2 {
float: left;
\width: 188px;
w\idth: 182px;
\height: 70px;
h\eight: 60px;
margin: 0;
padding: 3px;
background: #EEF8FD;
border-top: 1px solid #5581D5;
border-bottom: 1px solid #5581D5;
font-size: 9pt; color: #039;
}

#planflow3 {
float: left;
width: 182px;
height: 60px;
margin: 0;
padding: 3px;
background: #EEF8FD;
border: 1px solid #5581D5;
font-size: 9pt; color: #039;
}

#planflow3 {
float: left;
\width: 190px;
w\idth: 182px;
\height: 70px;
h\eight: 60px;
margin: 0;
padding: 3px;
background: #EEF8FD;
border: 1px solid #5581D5;
font-size: 9pt; color: #039;
}

#planroute {
height: 381px;
margin: 0;
padding: 0 315px 0 0;
background: url(images/plan_route.gif) no-repeat top right;
}

#planroute2 {
height: 381px;
margin: 0;
padding: 0 315px 0 0;
background: url(images/plan_route2.gif) no-repeat top right;
}

.dframe {
margin: 0;
padding: 10px 0 0 0;
border-top: 1px dashed #CCC;
}

.dframe2 {
margin: 0;
padding: 10px 0 0 0;
}

#packing {
height: 228px;
margin: 0;
padding: 10px 10px 0 250px;
background: url(images/item_packing.jpg) no-repeat top left #FFFFF0;
border: 1px solid #666;
font-size: 9pt; line-height: 13pt;
}

.iword {
float: right;
margin: 0;
padding: 0 0 10px 0;
width: 428px;
font-size: 9pt; line-height: 12pt;
}

.getword {
float: right;
width: 378px;
font-size: 9pt; line-height: 12pt;
}

.mobtarea {
width: 568px;
text-align: center;
margin: 0;
}

.mobword {
float: right;
margin: 0;
padding: 0 0 10px 0;
width: 450px;
font-size: 9pt; line-height: 12pt;
}

.speechframe {
width: 275px;
height: 215px;
margin: 0;
padding: 0;
background: url(images/speech_frame.gif) no-repeat;
float: left;
}

.speechframe2 {
width: 275px;
height: 215px;
margin: 40px 0 0 0;
padding: 0;
background: url(images/speech_frame.gif) no-repeat;
float: right;
}

.speechbox {
width: 250px;
margin: 50px 0 0 6px;
padding: 0;
text-align: center;
line-height: 2.5em; color: #444;
}

.speechname {
font-size: 8pt; color: #444;
}

.rankframe {
width: 275px;
height: 170px;
margin: 0;
padding: 0;
background: url(images/ranking_frame01.gif) no-repeat;
float: left;
}

.rankframe2 {
width: 275px;
height: 170px;
margin: 40px 0 0 0;
padding: 0;
background: url(images/ranking_frame02.gif) no-repeat;
float: right;
}

.rankframe3 {
width: 275px;
height: 170px;
margin: 0;
padding: 0;
background: url(images/ranking_frame03.gif) no-repeat;
float: left;
}

.rankframe4 {
width: 275px;
height: 170px;
margin: 40px 0 0 0;
padding: 0;
background: url(images/ranking_frame04.gif) no-repeat;
float: right;
}

.rankframe5 {
width: 275px;
height: 170px;
margin: 0;
padding: 0;
background: url(images/ranking_frame05.gif) no-repeat;
float: left;
}

.rankframe6 {
width: 275px;
height: 170px;
margin: 40px 0 0 0;
padding: 0;
background: url(images/ranking_frame06.gif) no-repeat;
float: right;
}

.rankbox {
width: 250px;
margin: 0 0 0 10px;
padding: 0;
text-align: left;
font-size: 9pt; line-height: 1.5em;
}

.rankhead {
font-weight: bold;
font-size: 12pt; line-height: 2.5em; color: #03C;
}

p.linkbar {
margin: 0;
padding: 1px 0 1px 5px;
border: 1px solid #993;
background-color: #D6D487;
}

p.linkleft {
float: left;
margin: 0;
padding: 0 0 10px 0;
width: 30%;
font-size: 9pt; line-height: 12pt;
}

p.linkright {
float: right;
margin: 0;
padding: 0 0 10px 0;
width: 69%;
font-size: 9pt; line-height: 12pt;
}

.subhead {
margin: 10px 0;
padding: 0;
border-bottom: 1px solid #CCC;
}

.hbdblue {
margin: 0;
padding: 0;
font-size: 10pt; line-height: 1.5em; color: #039;
font-weight: bold;
}

.hbdgreen {
font-size: 10pt; line-height: 1.5em; color: #063;
font-weight: bold;
}

.hbdred {
font-size: 10pt; line-height: 1.5em; color: #C00;
font-weight: bold;
}

.red {
color: red;
}

.dyellow {
color: #D6D487;
}

.sred {
font-size: 7pt; color: red;
}

/* フッター
---------------------------------------------------- */

#footer {
width: 778px;
margin: 0;
padding: 2px 0 0 0;
text-align: center;
background: url(images/line_dot778.gif) repeat-x;
font-size: 8pt; color: #444;
}

#footer p {
margin: 0;
padding: 0;
}

#footer p.back {
text-align: left;
float: left;
font-size: 9px;
}

#footer p.atop {
text-align: right;
float: right;
font-size: 9px;
}