/* common */
html{ color:#333; background:#FFF; font-size: 13px; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

body { position: relative; width: 100%; color:#333; background: #FFF; padding: 0; margin: 0; overflow-x: hidden;
  font: 13px/160% 'icomoon',"Ubuntu","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif; -webkit-text-size-adjust: 100%; } /* "Noto Sans Japanese", */

/**
  赤 : #b2161c
  うす赤： #e25055
  オレンジ： #e87415
/**/

a:link { text-decoration: none; color: #0066cc; }
a:visited { text-decoration: none; color: #0066cc; }
a:hover { text-decoration: underline; color: #0066cc; }
a:active { text-decoration: underline; color: #0066cc; }

ul,li { list-style-type: none; line-height: 1.4; }
a img { border: none; }
.inner { overflow: hidden; }

a.alpha:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; text-decoration: none; }

a.red_header { position: relative; display: block; color: #666; padding-left: 16px; }
a.red_header:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
a.red_header:before { position: absolute; display: block; content: ''; top: 3px; left: 0; border-top: 5px solid transparent; border-left: 8px solid #b2161c; border-bottom: 5px solid transparent; border-right: 0px solid transparent; }

a.down_arrow { display: block; color: #666; }
a.down_arrow:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; text-decoration: none; }
a.down_arrow:before { display: inline-block; content: ''; margin-right: 10px; border-top: 12px solid #e87415; border-right: 8px solid transparent; border-bottom: 0px solid transparent; border-left: 8px solid transparent; }

.down_arrow { display: block; color: #666; }
.down_arrow:before { display: inline-block; content: ''; margin-right: 10px; border-top: 12px solid #aaa; border-right: 8px solid transparent; border-bottom: 0px solid transparent; border-left: 8px solid transparent; }

.maru { font-family: "Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ ProN","ヒラギノ丸ゴ Pro","ヒラギノ丸ゴ ProN","ヒラギノ丸ゴ Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","ヒラギノ角ゴ ProN","ヒラギノ角ゴ Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; }

.serif { font-family: serif; }
strong { font-weight: bold; }

.note { font-size: 0.8rem; font-weight: bold; }
.note1 { color: #58787b; font-size: 1rem; }
.note2 { color: #d92121; font-size: 1rem; font-weight: bold; }
.note3 { color: #e87415;/*#086cc9*/ font-size: 1.05rem; font-weight: bold; padding: 0 2px; }
.noteBox01 { display: block; color: #fff; background-color: #e94739; padding: 18px 0; margin: 10px 0; text-align: center; font-size: 1.2rem; font-family: serif; }
.noteBox02 { display: block; color: #fff; background-color: #e94739; padding: 14px 0; margin: 10px 0; text-align: center; font-size: 1.4rem; font-family: serif; line-height: 1.4; }
.sub { color: #888; font-size: 0.9rem; }

p { margin: 12px auto; }
span.bold { font-weight: bold; }

li.left,
p.left { text-align: left; }
li.right,
p.right { text-align: right; }
p.center { text-align: center; }

.photoLeft { display: block; float: left; margin-right: 20px; }
.photoRight { display: block; float: right; margin-left: 20px; }

p.floatRight { width: auto; float: right; }

img.left { display: block; float: left; margin: 0 16px 16px 0; }
img.right { display: block; float: right; clear: right; margin: 0 0 16px 16px; }
img.center { display: block; margin: 10px auto; } 

.bold { font-weight: bold !important; }
.red  { color: #b2161c !important; }

hr { height: 5px; margin: 10px auto; border: none; }
hr.s1 { background-image: url(img/common/border01.png); background-position: center center; }
hr.s2 { margin: 20px auto; border-top: 3px double #bbb; }

.baseRed { color: #b2161c; }

.boxMgn { margin: 20px auto 5px; }
.boxMgn ul { line-height: 0; }
.boxMgn ul li { margin-bottom: 22px; line-height: 0; }
.boxMgn40 { margin: 40px auto; }

.overH { overflow: hidden; }
div.box { overflow: hidden; }


.photoFlame1 { border: 5px solid #fff; margin: 5px 10px 16px 16px !important; 
  -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
  -o-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
  box-shadow: 0px 1px 6px rgba(0,0,0,0.3); }







/* header */
header { position: relative; display: block; overflow: hidden; width: 100%; height: 113px; border-bottom: 1px solid #d37a7d; outline: 2px solid #b2161c; background-color: #fff; line-height: 1.4; z-index: 1; }
header .inner { position: relative; width: 980px; height: 85px; margin: 0 auto; background-image: url(img/common/header_bg.png); background-repeat: no-repeat; background-position: 400px 0px; }

#container header .txt_thankyou { width: 980px; margin: 0 auto; height:28px; }
#container header .txt_thankyou .anniversary { margin:0; height:28px; line-height:28px; }
#container header .left { float:left; }
header .inner div#logo { overflow: hidden; }
header .inner div#logo h1 img { display: block; float: left; width: 147px; height: 61px; margin: 13px 21px 0 0; }
header .inner div#logo p { color: #666; font-size: 10px; margin-top: 11px; line-height: 1.7; }

header .inner .tel { position: absolute; top: 7px; right: 285px; width: 271px; height: 75px; text-align: right; }
header .inner .tel:before { position: absolute; display: block; content: ''; width: 278px; height: 72px; top: 0; left: 0; border: 1px solid #f3f3f3; }
header .inner .tel:after { position: absolute; display: block; content: ''; width: 278px; height: 72px; top: 1px; left: 1px; border: 1px solid #ddd; }
header .inner .tel .freedial {  width: 210px; color: #b2161c; font-size: 23px; line-height: 21px; font-weight: bold; padding: 0 0 0 50px; margin: 8px 0 3px auto; background-image: url(img/common/freedial.png); background-repeat: no-repeat; background-position: 36px center; }
header .inner .tel .freedial+p { font-weight: bold; text-align: right; margin: 1px 0 3px 0; }
header .inner .tel .freedial+p+p { font-weight: normal; font-size: 10px; text-align: right; margin: 1px 0 0 0; }
header .inner .tel .freedial+p+p span { color: #5f7198; font-weight: bold; margin-right: 5px; }
header .inner .tel .freedial+p+p span+span { font-size: 13px; font-weight: bold; color: #b2161c; }

header .inner .right { position: absolute; top: 0; right: 0; width: 269px; height: 85px; background-color: #eee;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 2%, #e4e4e4 21%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 2%,#e4e4e4 21%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 2%,#e4e4e4 21%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
}
header .inner .right ul { overflow: hidden; width: auto; margin: 18px auto 6px 10px; }
header .inner .right ul li { float: left; padding: 0 19px; margin: 0; line-height: 1; height: 16px; }
header .inner .right ul li+li { border-left: 1px solid #b9b9b9; }
header .inner .right ul li a { text-align: center; font-size: 12px; color: #666; }
header .inner .right #search_container { width: 100%; height: 37px; padding: 8px 0 0; background-color: #c8c8c8; text-align: center; }
header .inner .right #search_container input[type=text] { padding: 3px; width: 170px; margin-right: 10px; }
header .inner .right #search_container input[type=submit] { border: none; background-color: #b2161c; color: #FFF; font-size: 12px; padding: 6px 11px; line-height: 1; border-radius: 6px; } 
/* header */

/* nav */
nav#mainNav { position: relative; z-index: 1; width: 100%; margin-top: 10px; }
nav#mainNav ul { display: table; width: 980px; margin: 0 auto 10px; }
nav#mainNav ul li { display: table-cell; vertical-align: middle; text-align: center; width: 16.6666667%; border-left: 1px solid #999; border-top: none; }
nav#mainNav ul li a { display: block; width: 90%; margin: 0 auto; height: auto; padding: 6px 0 5px; text-decoration: none; color: #FFF; background-color: #B2171D; line-height: 1; }
nav#mainNav ul li:hover a { color: #FFF; background-color: #B2171D; line-height: 1; opacity: 0.75; } 
nav#mainNav ul li.current a { position: relative; color: #FFF; background-color: #b2171d; line-height: 1; }
nav#mainNav ul li.current a:before { display: block; position: absolute; top: 0; left: 0; content: ''; border-top: 12px solid transparent; border-right: 0px solid transparent; border-bottom: 12px solid transparent; border-left: 6px solid #FFF; }
#mainNav ul li a:hover { background-color: #B2171D; opacity: 0.75; }
/* nav */


#content { padding: 0 0 50px; border-bottom: 1px solid #d37a7d; }
#content .inner { width: 980px; height: auto; margin: 0 auto; }
#content .inner .slider { width: 100%; height: 500px; }

#sidebar { width: 260px; float: left; margin-top: 20px; }
#mainContent { margin: 16px 0 0 300px; }

/* article */
article h1 { /*background-color: #b2161c;*/ margin: 0 0 20px; color: #333; font-size: 1.8rem; padding: 8px 14px 10px 3px; border-bottom: 2px solid #e36a6f; line-height: 1; }
article h1:before { display: inline-block; content: ""; width: 5px; height: 14px; background-color: #ccc; margin: 0 10px 0 0; vertical-align: middle; border-left: 5px solid #bbb; border-radius: 0 5px 5px 0; }
article h2 { /*background-color: #b2161c;*/ margin: 25px 0 20px; color: #333; font-size: 1.2rem; font-weight: bold; padding: 8px 14px 6px 3px; border-bottom: 2px solid #ccc; line-height: 1; }
article h2.flg1 { position: relative; text-indent: 2.2rem; }
article h2.flg1:before { position: absolute; content: ''; top: 1px; left: 0; border-top: 14px solid #e87415; border-left: 14px solid #e87415; border-bottom: 14px solid #e87415; border-right: 8px solid transparent; }
article h3 { /*background-color: #b2161c;*/ margin: 18px 0 10px; color: #333; font-size: 1.0rem; font-weight: bold; padding: 8px 14px 5px 3px; line-height: 1; }
article h3:before { display: inline-block; content: ""; width: 6px; height: 14px; background-color: #ccc; margin: 0 10px 0 0; vertical-align: middle; }
/* article */



/* top */

/* top */

#cocoGroup { width: 980px; margin: 26px auto 16px; text-align: center; overflow: hidden; }
#cocoGroup a { display: inline-block; }
#cocoGroup a img:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

footer { border-top: 2px solid #b2161c; height: 200px; }
footer .inner { width: 980px; margin: 0 auto; text-align: center; }
footer .inner ul { border-bottom: 1px solid #eee; margin-bottom: 5px; }
footer .inner ul li { display: inline-block; padding: 5px 0; }
footer .inner ul li a { color: #333; display: block; padding: 2px 25px; }
footer .inner ul li a:hover { color: #111; background-color: #eee; text-decoration: none; }
footer .inner p.copyright { text-align: center; font-size: 0.8em; }