@charset "utf-8";

body { margin:0; padding:0; width:100%; color:#444; font:normal 16px/30px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; background:#f6f7e9}

html, .main { padding:0; margin:0;}

.advent { 
    border-top: 5px solid #e05b49;}

.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}

.logo { padding:0; width:auto; text-align: center;}

h1 { margin:0; padding:25px 0 20px; color:#000; font:bold 36px/42px; letter-spacing:-2px; text-transform:uppercase;}

h2{ font-size:26px; padding:0; margin: 0 0 10px; color:#000; line-height:1.3}
h3{ margin:0 0 10px; padding:0px; color:#c73421; font-weight:normal; 
    font-size: 22px;
    letter-spacing: 1px; line-height:1.3}

p { margin: 10px 0; padding: 0 0 5px; color:#444; font:normal 16px/30px;}

a { color:#444; text-decoration: none;}
a:hover { color: #c73421;}

p.spec { padding:0 0 16px;}

a.rm { color:#fff; padding:3px 7px; text-decoration:none; background-color:#c73421; float: right; border-radius: 10px;}
a.rm:hover {color: #444; border: 2px dashed #c73421; background: none; transition: .2s;}
.advent_header, .advent_content, .advent_menu, .fbg_bottom, .advent_footer, form, ol, ol li, ul, .advent_content .advent_right, .advent_content .advent_sidebar { margin:0; padding:0;}


.advent_header {}
.advent_header_resize { margin:0 auto; padding:0; width:960px; margin-bottom:30px;}
img.hbg_img { padding:9px; border:1px solid #d7d7d7; background-color:#fff;}


.advent_menu { margin:0 auto 16px; padding:0; height:39px; }
.advent_menu ul { list-style:none; padding:0; height:39px; float:left;}
.advent_menu ul li { margin:0; padding:0 0 0 8px; float:left;}
.advent_menu ul li a { display:block; margin:0; padding:7px 10px; color:#444; text-decoration:none; font-size:14px; text-transform:uppercase; }
.advent_menu ul li.active a, .advent_menu ul li a:hover { color:#fff; background-color:#566E2D;}


.advent_content { }
.advent_content_resize { margin:0 auto; padding:0px 0; width:960px;}
.advent_content .advent_right { margin:0; padding:0; float:right; width:670px;}
.advent_content .advent_right img { border:1px solid #d4d4d4; background-color:#fff;}
.advent_content .advent_right img.fl { margin:0 16px 0 0; float:left;}
.advent_content .advent_right img.sb { margin: 0 0 20px;}
.advent_content .advent_right .advent_box { margin:0 0 55px; padding:0 24px;}
.advent_content .advent_sidebar { padding:0; float:left; width:280px;}
.advent_content .advent_sidebar .advent_list { margin:0 0 12px; padding:8px 16px 8px 24px;}
.advent_list h2{font-size: 22px;}
ul.advent_sublist { margin:0 0 30px; padding:0; list-style:none; color:#959595;}
ul.advent_sublist li { margin:8px 0;}
ul.advent_sublist li { padding:4px 0 4px 20px; width:220px; border-bottom: dashed 1px #AFAFAF; background: url(images/web.png) no-repeat left center;}
ul.advent_sublist li a { color:#444; text-decoration:none; font-size: 0.95em;}
ul.advent_sublist li a:hover { color:#c73421;}


.fbg_bottom { border-top:1px solid #d4d4d4; background-color:#EFF3C4;}
.fbg_bottom_resize { margin:0 auto; width:912px; padding:24px;}


.advent_footer { border-top:1px solid #d4d4d4;}
.advent_footer_resize { margin:0 auto; padding:12px 24px; width:912px;}
.advent_footer p { margin:0; padding:24px 0; text-align: center; width:auto; line-height:1.5em;}
.advent_footer a { color:#c73421;}
.advent_footer a:hover { color: #c73421;}


.searchform { float:left; padding:0;}
#formsearch { margin:0; height:36px; padding:0 0 30px 24px; width:232px;}
#formsearch span { display:block; margin:0; padding:0; float:left; background:url(images/search.gif) no-repeat top left;}
#formsearch input.editbox_search { margin:0; padding:10px 6px 9px; float:left; width:181px; border:none; background:none; font:normal 12px/1.5em "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; color:#a8acb2;}
#formsearch input.button_search { margin:0; padding:0; border:none; float:left;}
.title-work {
	padding: 5px 0;
	background: #e3e3e3;
}
.title-work p {
	text-align: center;
}
.log-catagory{
	margin-bottom: 60px;
}
.msg_cata{
 position: relative;
  background: #fff;
  box-shadow: 0px 0px 0px 5px #fff;
  border: dashed 2px #c73421;
  padding: 10px;
  color: #454545;
  margin: 5px;
}
.msg_cata:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #f6f7e9 #f6f7e9 #c73421;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}