@charset "UTF-8";

body { color: #333333; font-size: 14px; background: #CCCCCC; margin:0px; line-height:160%; background:url(img/back_s.jpg) repeat-x}
.base { background: url(img/momiji_s.png) no-repeat;background-position: right top; padding:0px 10px 0px 10px}

img {max-width : 100% ;height : auto ;}

header { text-align:right; height:20px; padding:3px 5px 0px 0px; width:auto; margin: 0 auto;}

footer { padding:5px; text-align:center;font-size: 12px;}

#wrapper { width:auto; margin: 0 auto; padding:0px 0px 30px 0px}

h1 { margin:7px 0px 30px 0px; padding:0px; text-align:center}
h2 { margin:20px 0px 30px -5px; padding:12px 0px 5px 40px; background:url(img/h2_s.jpg) no-repeat; font-size:18px;}

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

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

.top_column_l1 { float: none; width: auto; margin:0px 0px 30px 0px}
.top_column_r1 { float: none; width: auto; margin:0px 0px 10px 0px}
.top_column_l2 { float: none; width: auto; margin-bottom:30px}
.top_column_r2 { float: none; width: auto; margin-bottom:0px}

#top_title { margin:-5px 0px 0px 0px}
#top_title .dl_flo { padding: 0px}
#top_title .dl_flo dt { font-size:14px; padding: 0px 0px 10px 30px; margin-bottom: 15px; float: left; width:48px; clear: left;}
#top_title .dl_flo dd { font-size:14px; padding: 0px 0px 10px 5px; margin:0px 0px 15px 80px;}

#news { padding:8px 10px 8px 10px }
.news_title { font-size:16px;}
#news .dl_flo { padding: 0px}
#news .dl_flo dt { padding: 0px 0px 5px 5px; margin-bottom: 0em; float: none; width: auto; clear: left; border-bottom: none}
#news .dl_flo dd { padding: 0px 0px 5px 5px; margin: 0em 0em .5em 0em;}

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

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

#menu { padding:0px; margin:0 auto ; width:auto;}
#menu ul { list-style:none; padding:0px; margin:0px 0px 0px 0px}
#menu li { font-size:14px; font-weight:bold ; padding:0px 0px 0px 0px ;width:110px; float:left; margin:0px 5px 5px 0px;}
#menu li.menu_last { margin-right:0px}
.menu_base { padding:5px; background:#FFFFFF; margin:5px}

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

#his_prof_l { float:none; width:auto; margin:0px 0px 30px 0px; text-align:center}
#his_prof_r { float:none; width:auto; margin:0px 0px 30px 0px;}

#his_prof_r .dl_flo { padding: 0px}
#his_prof_r .dl_flo dt { padding: 0px 0px 0px 7px; margin:0px 0px 7px 0px; float: none; width:auto; clear: left;}
#his_prof_r .dl_flo dd { padding: 0px 0px 0px 5px; margin:0px 0px 7px 0px;}

#his_column_l { float:none; width:auto; margin:10px 0px 10px 0px }
#his_column_r { float:none; width:auto; margin:10px 0px 10px 0px; text-align:center}

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

#his_anchor { padding:5px; text-align:center}
#his_anchor ul { margin:5px 0px 0px 0px; padding:0px; list-style:none}
#his_anchor li { float:left; width:90px; margin-bottom:5px; padding:0px 0px 0px 15px;}

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

#re_anchor li { float:left; width:250px; text-align:center; margin:0px 7px 7px 0px; padding:5px}

#re th { font-size:12px; padding:1px; line-height:140%}
#re td { font-size:12px; padding:3px 5px 3px 5px}

#re_l { width:auto; float:none; margin:10px 0px 0px 0px}
#re_c { width:auto; float:none; margin:10px 0px 0px 0px}
#re_r { width:auto; float:none; margin:10px 0px 0px 0px}

div.scroll{ overflow: auto; width: 100%; margin-bottom:15px; font-size:12px}
div.scroll table{ width:640px; margin-bottom:0px}

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

.c_box {padding:15px 15px 0px 15px; margin-bottom:30px; text-align:center}
.c_text { float: none; width:auto; text-align:left}
.c_title { font-size:14px; margin:10px 0px 10px 0px; padding-bottom:5px}
.c_photo { float:none}

/* === メディア ===================================== */

#media .dl_flo { padding: 0px}
#media .dl_flo dt { padding: 0px 0px 0px 10px; margin:0px 0px 5px 0px; float: none; width: auto; clear: left; border-left:solid 5px #ad8258 }
#media .dl_flo dd { padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px;}

#media_right { float: none; text-align:center;}