@charset "utf-8";
/* CSS Document */


/************** 編集 ****************/

body {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size:11px;
	margin:0 auto;
	background-color:#800000;
	color:#FFFFFF;
	background-image:url(../images/bg_side.jpg);
	background-repeat:repeat;
	-webkit-text-size-adjust: 100%;
}

#wrapper{
	width:880px;
	margin:0 auto;
	background-image:url(../images/bg_pt2.jpg);
	background-repeat:repeat;
}

div#container{
	width:860px;
	margin:26px auto 0px auto;
	position:relative;
	/*background-color:#999;*/
}

#navi_area a:link { color: #FFFFFF; }
#navi_area a:visited { color: #FFFFFF; }
#navi_area a:hover { color: #c30000; }
#navi_area a:active { color: #FFFFFF; }

#navi_area a:hover img { opacity: 0.8; }

.one_navi{
	width:280px;
	float:left;
}

.one_navi a{
	display:block;
	height:34px;
	padding:14px 0 0 0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background-color:rgba(119,9,14,0.5);
}

#top_area{
	margin-bottom:10px;
	position:relative;
}

.one_sec{
	display:block;
	overflow:hidden;
	margin-bottom:50px;
}

.one_sec2{
	display:block;
	overflow:hidden;
	margin-bottom:4px;
}

.left_area{
	float:left;
}

.left_img{
}

.right_area{
	margin-left:430px;
}

.right_area_kaki{
	margin-left:430px;
}

.right_text p{
	display:block;
	padding:10px;
}

#cont1 .right_text{
	line-height:22px;
	font-size:13px;
}

#cont1 .right_text a:link { color: #FFF; }
#cont1 .right_text a:visited { color: #FFF; }
#cont1 .right_text a:hover { color: #c11920; }
#cont1 .right_text a:active { color: #FFF; }



#cont2 .right_text{
	line-height:22px;
	font-size:13px;
}

#cont3 .right_text{
	line-height:22px;
	font-size:13px;
}

#cont1 .right_area{
	height:415px;
	position:relative;
}

#cont3 .right_area{
	height:415px;
	position:relative;
}

#cont3 .right_area_kaki{
	height:335px;
	position:relative;
}

#img_posi_1 img{
	position:absolute;
	bottom:20px;
	left:38px;
}

#img_posi_3 img{
	position:absolute;
	bottom:0px;
	left:10px;
}

.space{
	margin-right:10px;
}

#footer_area{
	display:block;
	overflow:hidden
}

.left_area_footer{
	float:left;
	margin-left:20px;
}

.right_area_footer{
	margin-left:500px;
}

.one_navi_end{
	float:left;
}

#cont16{
	margin-bottom:40px;
}

#cont15{
	margin-bottom:40px;
}

#cont14{
	margin-bottom:40px;
}

#cont13{
	margin-bottom:40px;
}

#cont13_event a:link { color: #FFF; }
#cont13_event a:visited { color: #FFF; }
#cont13_event a:hover { color: #FF0000; }
#cont13_event a:active { color: #FFF; }


#cont12{
	margin-bottom:40px;
}

#cont11{
	margin-bottom:40px;
}

#cont10{
	margin-bottom:40px;
}


#cont9{
	margin-bottom:40px;
}

#cont8{
	margin-bottom:40px;
}

/* ↓ページ内リンクのズレ解消↓*/
.one_sec{
	padding-top:50px;
	margin-top:-50px;
}

#cont_event{
	margin-bottom:0px;
}

.cont_wrapper{
	width:820px;
	margin:0 auto;
	padding:35px 0 30px 0;
	background-color:rgba(119,9,14,0.5);
}

.cont_event_wrapper{
	width:820px;
	height:350px;
	margin:0 auto 15px auto;
	padding:25px 0 20px 0;
	/*background-color:rgba(26,150,255,0.4);*/
	background-image:url(../images/bg_pt_kantei.jpg);
	background-repeat:no-repeat;
}

.img_posi{
	width:660px;
	margin:0 auto;
}

.img_posi_2{
	width:720px;
	margin:0 auto;
}

/*ChromeとOperaのみだけに適用されるCSSハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  .img_posi_top {
	  margin-bottom:5px;
  }
}

/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .img_posi_top {
	  margin-bottom:5px;
  }
}

/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
  .img_posi_top {
	  margin-bottom:5px;
  }
}

.products_img_float{
	float:left;
	margin-right:4px;
}

.products_img_float2{
	float:left;
	margin-right:5px;
}

.products_img_float_end{
	float:left;
}

.one_sec_info{
	width:820px;
	margin:0 auto;
}

.text_size1_1{
	width:820px;
	margin:10px 0 10px 0;
	font-size:18px;
	line-height:25px;
	font-weight:100;
	color:#FFFFFF;
}

.text_size1{
	font-size:19px;
	line-height:24px;
	font-weight:100;
	color:#FFFFFF;
	margin-bottom:20px;
}

.text_size2{
	width:810px;
	margin:0px auto 20px auto;
	line-height:17px;
	padding:0 10px 0 10px;
	font-size:13px;
	font-weight:100;
	color:#FFFFFF;
}

.text_size3{
	font-size:17px;
	text-align:right;
	line-height:30px;
	padding-bottom:5px;
	font-weight:500;
	color:#FFFFFF;
	border-bottom:#FFFFFF 1px solid;
	width:820px;
	margin:0px auto 20px auto;
	position:relative;
}

.text_size3_2{
	/*
	position:absolute;
	bottom:45px;
	left:407px;
	*/
	font-size:35px;
	line-height:30px;
	font-weight:bold;
	color:#FFFFFF;
}

.text_size4{
	/*position:absolute;
	bottom:20px;
	left:407px;*/
	margin-bottom:10px;
	font-size:14px;
	color:#F00;
}

.text_size5{
	width:820px;
	margin:0 auto;
	color:#FFFFFF;
	font-weight:100;
	font-size:15px;
	text-align:right;
}

.text_size_event{
	width:820px;
	margin:240px auto 5px auto;
	padding:12px 0px 12px 0px;
	font-size:16px;
	font-weight:100;
	color:#FFFFFF;
	text-align:center;
	line-height:20px;
	background-color:rgba(0,144,255,0.7);
}

.btn_wrapper{
	overflow:hidden;
}

.text_left{
	width:270px;
	margin:0px auto 20px;
	line-height:17px;
	padding:0 10px 0 10px;
	font-size:13px;
	font-weight:100;
	color:#FFFFFF;
	float:left;
}

.btn_right{
	margin-top:1px;
	margin-left:500px;
	font-size:20px;
	text-align:center;
}


.event_text_left{
	width:320px;
	margin:0px auto 0px auto;
	padding:0 10px 0 10px;
	font-size:14px;
	font-weight:100;
	color:#FFFFFF;
	float:left;
	line-height:30px;
}

.event_text_left_h{
	font-weight:300;
	font-size:15px;
	border-left:#c11920 7px solid;
	padding-left:5px;
	margin-left:5px;
}

.event_text{
	line-height:22px;
	margin-left:17px;
}

.event_btn_right{
	margin-left:300px;
	overflow:hidden;
}

.event_btn_right p{
	font-size:15px;
	font-weight:500;
	margin-bottom:5px;
}

#cont_event .event_text_left a:link { color: #FFF; }
#cont_event .event_text_left a:visited { color: #FFF; }
#cont_event .event_text_left a:hover { color: #c11920; }
#cont_event .event_text_left a:active { color: #FFF; }

.event_btn_right img{
	float:left;
	margin-left:50px;
}

#attention{
	width:650px;
	margin:0px auto 0px auto;
	color:#FFFFFF;
	border:#FFFFFF 1px solid;
	padding:40px;
}

.list_attention{
	font-size:12px;
	font-weight:lighter;
	margin-left:25px;
}

.list_attention_2{
	font-size:15px;
	font-weight:lighter;
	margin-left:10px;
}




#products_wrap p a:link { color: #FFF; }
#products_wrap p a:visited { color: #FFF; }
#products_wrap p a:hover { color: #e0000b; }
#products_wrap p a:active { color: #FFF; }

/*------------products---------------*/





/*----------products EOF-------------*/

/* コピーライト */
#copy_area{
	margin:0px auto 30px auto;
	width:840px;
}

#copy{
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	padding-top:20px;
	padding-bottom:20px;
}

#banner_kairaku_area{
	text-align:center;
	margin-bottom:70px;
}

#logo_area{
	text-align:center;
	margin-bottom:30px;
}



/****************** 編集 ********************/
a#btn1:hover{
	border:#FF0000 2px solid;
	color:#ffc4cc;
	/*
	background:-moz-linear-gradient(rgba(175,8,30,0.2),rgba(175,8,30,0.2));
	background:-webkit-gradient(linear, 100% 0%,100% 100%, from(rgba(175,8,30,0.2)), to(rgba(175,8,30,0.2)));
	*/
}
a.opacity {
	/*background-color: #FFF;
	display: inline-block;*/
}

/*
a.opacity:hover img,  a.opacity:active img {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
*/
a.opacity:hover img{
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* タイトル */

h3{
	text-align:center;
	font-size:16px;
	margin:1px auto 20px auto;
	border-left:10px solid #c01920;
	border-right:10px solid #c01920;
	border-bottom:1px solid #c01920;
	border-top:1px solid #c01920;
	padding:8px 16px 6px 16px;
	width:805px;
}

h4{
	text-align:center;
	font-size:16px;
	margin:1px auto 20px auto;
	border-left:10px solid #c01920;
	border-right:0; border-bottom:1px solid #c01920;
	border-top:0;
	padding:8px 16px 6px 16px;
	width:700px;
}

/* トップトピックス */

#top_topics a:link { color: #FFFFFF; font-weight:bold;}
#top_topics a:visited { color: #FFFFFF; }
#top_topics a:hover { color: #c30000; }
#top_topics a:active { color: #FFFFFF; }
/*トピックスhtmlテキストに入れる用 text-shadow:2px 2px 2px #333; */

/* 販売情報 */


.sale a:link { color: #FFFFFF; }
.sale a:visited { color: #FFFFFF; }
.sale a:hover { color: #c30000; }
.sale a:active { color: #FFFFFF; }

/* 説明リスト */

#gaiyou dl {
    margin-bottom: 30px;
}

#gaiyou dt {
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0 10px 15px;
    width: 100px;
}

#gaiyou dd {
    font-size: 12px;
    border-bottom: 1px solid #DDDDDD;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: rgb(221, 221, 221);
    padding: 10px 0 10px 120px;
    width: 700px;
}


#ibegaiyou dl {
    margin-bottom: 30px;
}

#ibegaiyou dt {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 10px 15px;
    width: 100px;
}

#ibegaiyou dd {
    font-size: 14px;
    border-bottom: 1px solid #DDDDDD;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: rgb(221, 221, 221);
    padding: 10px 0 10px 120px;
    width: 700px;
}


/* サイドバナー */

div#banner-container h1{
	background-color: #660000;
	color:#FFFFFF;
	display:block;
	text-align:center;	
}

aside#banner{
	position: absolute;
	right: -220px;
	width: 200px;
}

div#banner-container{
	background-color: rgba(108,64,0,0.5);
	background-image:url(../images/bg_pt2.jpg);
	position: fixed;
	top: 40px;
	width: 198px;
	/*border:1px solid #FFF;*/
}

div#banner-container img{
	display:block;
}

div#banner-container ul{
	margin:9px 9px 0px;
}
div#banner-container li{
	margin-bottom:9px;
}

/* ソーシャルボタン */
div#socialbuttons{
	position:absolute;
	right:11px;
	/*top:145px;*/
	bottom:20px;
}

div#socialbuttons .twitter{
	margin-right:0px;
	/*margin-bottom:10px;*/
}

/*
div#socialbuttons-line{
	position:absolute;
	right:10px;
	top: 470px;
}
*/
div#socialbuttons div {
	float: left;
}

div#section-news{
	padding-bottom:20px;
}

div#section-item,
div#section-other-item{
	padding-bottom:20px;
}
div#section-item .catchcopy{
	background-color:#09F;
	color:#FFF;
	font-size:10px;
	padding:0 2px;
	display:inline;
	line-height:18px;
}


/*HSテンプレートstart*/
.line {
	background-image: url(../images/hs_line_01.jpg);
	background-repeat: repeat-x;
	position:relative;
	z-index:100;
}

.hs_logo {
	width: 860px;
	margin: 0 auto;	
}
/*HSテンプレートend*/