@charset "UTF-8";

body { color: #333333; font-size: 14px; background: #CCCCCC; margin:0px; line-height:160%;
       background:url(img/back.jpg) repeat-x}
.base { background:url(img/momiji.png) no-repeat}
a:link { color: #333333; }
a:visited { color: #999999; }
a:hover { color: #993333; }
a:active { color: #993333; }

header { font-size: 12px; text-align:right; height:25px; padding:5px 5px 0px 0px; width:890px; margin: 0 auto;}
header a:link { color:#FFFFFF}
header a:visited { color: #FFFFFF; }
header a:hover { color: #e2ceba; }
header a:active { color: #e2ceba; }

footer { background:#993333; padding:15px; color:#FFFFFF; text-align:center}

#wrapper { width:890px; background:#FFFFFF; margin: 0 auto; padding-bottom:50px}

h1 { margin:20px 0px 50px 0px; padding:0px; text-align:center;}
h2 { margin:30px 0px 30px -5px; padding:18px 0px 11px 50px; color:#993333; background:url(img/h2.jpg) no-repeat; font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-size:24px;}

.h1_pc { display: inline;}
.h1_sm { display: none;}

.link { background:url(img/link.gif) no-repeat; padding: 2px 0px 2px 15px}
.link_r { background:url(img/link.gif) no-repeat; padding: 6px 0px 2px 15px}
.pdf { background:url(img/pdf.gif) right no-repeat; padding: 0px 45px 0px 0px;}
.blank { background:url(img/blank.gif) right no-repeat; padding: 0px 15px 0px 0px;}

.enji { color:#993333; font-weight:bold}
.red { color: #FF0033; font-weight:bold}
.p12 { font-size:12px}
.p16 { font-size:16px}
.p18 { font-size:18px}
.mt1 { margin-top:10px}

/* === INDEX ===================================== */

.top_column_l1 { float:left; width:400px; margin:40px 0px 40px 0px }
.top_column_r1 { float:right; width:450px; margin:30px 0px 40px 0px }
.top_column_l2 { float:left; width:500px;}
.top_column_r2 { float:right; width:350px;}

#top_title { margin:0px 0px 20px 0px}
#top_title .dl_flo { padding: 0px}
#top_title .dl_flo dt { font-size:18px; padding: 0px 0px 10px 30px; margin-bottom: 14px; float: left; width:68px; clear: left; background:url(img/medal.jpg) no-repeat; border-bottom:dotted 2px #993333}
#top_title .dl_flo dd { font-size:16px; padding: 0px 0px 10px 5px; margin:0px 0px 14px 100px; border-bottom:dotted 2px #993333}

#news { border:solid 2px #993333; padding:18px 20px 18px 20px }
.news_title { color:#993333; font-weight:bold; font-size:16px; border-bottom:solid 1px #cc9999; padding:0px 0px 3px 12px; background:url(img/news_title.gif) no-repeat}
#news .dl_flo { padding: 0px}
#news .dl_flo dt { padding: 0px 0px 0px 5px; margin-bottom: .5em; float: left; width: 5.5em; clear: left;}
#news .dl_flo dd { padding: 0px 0px 0px 5px; margin: 0em 0em .5em 6em;}
#news hr { border:none; background:url(img/hr.jpg) repeat-x; height:5px}

#top_menu img { margin:0px 0px 10px 0px;}

/* === MENU ===================================== */

#menu { padding:0px; margin:0 auto ; width:890px; font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
#menu ul { list-style:none; padding:0px; margin:0px 0px 0px 0px}
#menu li { font-size:20px; font-weight:bold ; padding:0px 0px 0px 0px ;width:170px; float:left; margin:0px 10px 0px 0px; background:url(img/menu/base.gif); text-align:center}
#menu li.menu_last { margin-right:0px}
.menu_base { padding:10px; background:#FFFFFF; margin:7px}

#menu a { text-decoration: none; }
#menu a:link { color: #333333; }
#menu a:visited { color: #999999; }
#menu a:hover { color: #993333; }
#menu a:active { color: #993333; }

/* === 道のり ===================================== */

#his_prof_l { float:left; width:200px; margin:0px 0px 50px 0px }
#his_prof_r { float:right; width:650px; margin:0px 0px 50px 0px;}
.his_photo { border:solid 1px #333333; margin-top:10px}

#his_prof_r .dl_flo { padding: 0px}
#his_prof_r .dl_flo dt { padding: 0px 0px 0px 10px; margin:0px 0px 20px 0px; float: left; width:110px; clear: left; border-left:solid 5px #993333 }
#his_prof_r .dl_flo dd { padding: 0px 0px 0px 5px; margin:0px 0px 20px 120px;}

#his_column_l { float:left; width:650px; margin:10px 0px 0px 0px }
#his_column_r { float:right; width:200px; margin:10px 0px 10px 0px }
#his_column_l ul { margin:5px 0px 0px 0px; padding:0px; list-style:none}
#his_column_l li { background:url(img/li.gif) no-repeat; padding:0px 0px 0px 20px; margin-bottom:15px}

#his_anchor { background:#f3dede; padding:5px; text-align:center; margin-bottom:10px}
#his_anchor ul { margin:5px 30px 0px 30px; padding:0px; list-style:none}
#his_anchor li { float:left; width:100px; text-align:center; margin-bottom:5px;}

#his_anchor a:visited { color: #666666; }

#his_photo_pc { display:inline}
#his_photo_smart { display:none}

.year { color:#993333; font-weight:bold; border-bottom:#993333 1px solid; border-left:#993333 7px solid; padding:2px 0px 2px 10px; font-size:16px}
.cap { margin-top:3px; text-align:center;}

/* === 記録 ===================================== */

#re_anchor { background: #FFFFFF; padding:0px 0px 0px 0px; margin-bottom:10px}
#re_anchor ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none}
#re_anchor li { float:left; width:275px; text-align:center; margin:0px 7px 7px 0px; border:#cc9999 solid 3px; padding:7px 5px 7px 5px}
#re_anchor li.anchor_last { margin-right:0px}

#hre_anchor a:visited { color: #666666; }

.re_koumoku { color:#993333; font-weight:bold; border-bottom:#993333 1px solid; border-left:#993333 7px solid; padding:2px 0px 2px 10px; font-size:16px; margin-bottom:25px}

table { border-collapse:collapse; width:100%; margin-bottom:15px}
th { background:3px 0px 3px 0px; border:solid 1px #333333}
td { padding:5px; border:solid 1px #333333}
.re_menu { background:#cc9999; text-align:center}
.re_item { background:#ebd8d8 }
.re_l { text-align:left}
.re_r { text-align:right}

.b_pink { background:#fdecec}

#re_l { width:285px; float:left; margin-top:10px}
#re_c { width:285px; float:left; margin:10px 0px 0px 17px}
#re_r { width:285px; float:right; margin-top:10px}

#re img { margin-right:2px;}

div.scroll { overflow: auto; width: 100%; margin-bottom:0px}
div.scroll table{ width:100%}

/* === コメント ===================================== */

.c_box { border:solid 2px #993333; padding:20px; margin-top:30px;}
.c_text { float:left; width:690px}
.c_title { font-weight:bold; color:#993333; border-bottom:dotted 2px #993333; font-size:16px; margin:0px 0px 10px 0px; padding-bottom:5px}
.c_photo { border:solid 1px #333333; float:right; margin-left:20px}

/* === インフォメーション ===================================== */

#media { background:url(img/li.gif) no-repeat; padding:0px 0px 10px 20px;}

#media .dl_flo { padding: 0px}
#media .dl_flo dt { padding: 0px 0px 0px 10px; margin:0px 0px 15px 0px; float: left; width:80px; clear: left; border-left:solid 5px #993333 }
#media .dl_flo dd { padding: 0px 0px 0px 5px; margin:0px 0px 15px 100px;}

#media_left { float:left; background:url(img/li.gif) no-repeat; padding:0px 0px 10px 20px;}
#media_right { float:right; margin-bottom:20px}

.info_day { background:#993333; font-weight:bold; color:#FFFFFF; padding:4px 0px 2px 10px; margin: 0px 0px 20px 2px; font-size:16px}
.info_photo { border:solid 1px #333333; float:right;}

/* === 動画 ===================================== */

#movie ul { margin:5px 0px 0px 10px; padding:0px; list-style:none}
#movie li { background:url(img/li.gif) no-repeat; padding:0px 0px 0px 20px; margin-bottom:15px}