@charset "shift_jis";

/* @ 2013/7 リニューアル
------------------------------------ */

a { text-decoration:none !important; }
a:hover { text-decoration:underline !important; }


a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#header-kanban img,
#header-gnavi a:hover img,
#header-201307 #h-b1 a:hover img { /* 例外 */
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}



/* clearfix - set
------------------------- */
.clearfix-b:after,
.clearfix-l:after,
.clearfix-r:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix-b:after {
  clear: both;
}
.clearfix-l:after {
  clear: left;
}
.clearfix-r:after {
  clear: right;
}
.clearfix-b,
.clearfix-l,
.clearfix-r {
  min-height: 1px;
}
* html .clearfix-b,
* html .clearfix-l,
* html .clearfix-r {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*
------------------------------------------------------------
　layout - large
------------------------------------------------------------
*/

body {
	background:url(../17_os_pic/main_bg_body2.jpg)  !important;
	background-repeat:repeat-x !important;
	background-color:#6B0000 !important;
	min-width:1200px; /* iPhone右端切れ対策 */ 

}
#body-inner {
	width:1200px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
}
#header-201307 {
	width:1190px;
	height:241px;
	margin-left:5px;
	overflow:hidden;
	background:url(../21_os_pic/header_kanban_bg5.png) no-repeat;
	position:relative;

	-webkit-background-size: 1190px 211px;
	-moz-background-size: 1190px 211px;
	-o-background-size: 1190px 211px;
	-ms-background-size: 1190px 211px;		
}

/*#content-201307 {
	position:relative;
	width:1200px;
	overflow:hidden;
	background:url(../index_images2/bg_main_1.jpg) no-repeat;

	-webkit-background-size: 1200px 4668x;
	-moz-background-size: 1200px 4668px;
	-o-background-size: 1200px 4668px;
	-ms-background-size: 1200px 4668px;
}*/
#content-201307-inner {padding: 10px 15px;}

#footer-201307 {
	width:1200px;
	overflow:hidden;
	background:url(../index_images2/bg_main_2.jpg) repeat-y;
	padding-top:20px;
}
#footer-201307-inner {
	margin: 10px 20px;
	border-top:dotted 1px #ccc;
}

#b-headline {
	margin-bottom:10px;
}
#b-header-bnr {
	margin-bottom:20px;
}

#b-top {
	position:relative;
	width: 980px;
	height:396px;
	margin-bottom:15px;
}
#b-1 {
	position:absolute;
	width: 740px;
	height:396px;
	overflow:hidden;
	top: 0px;
	left:0px;
}
#b-2 {
	position:absolute;
	width: 222px;
	height:396px;
	overflow:hidden;
	top: 0px;
	left:758px;
}
#b-right {
	position:absolute;
	width: 172px;
	/*height:000px;*/
	overflow:hidden;
	top: 0px;
	left:998px;
	font-size:93%;
}

#b-main {
	width: 1190px;
	/*height:000px;*/
	overflow:hidden;
}
#b-left {
	width: 192px;
	float:left;
	margin-right:18px;
	overflow:hidden;
	background:#fff;
}
#b-center {
	width: 1190px;
	float:left;
	overflow:hidden;
}

/* 下層ページ */
#body-itempage #b-main {
	width: 1190px !important;
}
#body-itempage #b-center {
	width: 1190px !important;
}



/*
------------------------------------------------------------
　common
------------------------------------------------------------
*/

.mb15 { margin-bottom:15px; }



.ttl-text {
	padding:3px 8px;
	background:#740C0B;
	color:#fff;
	margin-bottom:10px;
	text-align:center;
}
.ttl-img {
	margin-bottom:15px;
}
.ttl-center {
	width:766px;
	height:38px;
	border:solid 2px #750707;
	margin-bottom:15px;
}
.ttl-center h3 {
	text-align:right;
	padding: 13px 20px 0 0;
	font-size:93%;
	/*line-height:12px;*/
	color:#750707;
}
.ttl-center-01 { background:url(../index_images2/ttl_a_01.jpg) no-repeat; }
.ttl-center-02 { background:url(../index_images2/ttl_a_02.jpg) no-repeat; }
.ttl-center-03 { background:url(../index_images2/ttl_a_03.jpg) no-repeat; }
.ttl-center-04 { background:url(../index_images2/ttl_a_04.jpg) no-repeat; }


.ttl-ico {
	height:27px;
	background:#740C0B;
	margin-bottom:10px;
	color:#fff;
}
.ttl-ico div {
	padding:5px 8px 5px 36px;
}




/*
------------------------------------------------------------
　layout - header
------------------------------------------------------------
*/

#header-201307 h1 {
	font-weight:normal;
	font-size:77%;
	color:#fff;
	padding:4px 0 0 5px;
	letter-spacing:1px;
}
#header-201307 #h-b0 {
	width:350px;
	height:150px;
	position:absolute;
	top:20px;
	left:0px;
	overflow:hidden;
}
#header-201307 #h-b0-1 {
	width:490px;
	height:115px;
	position:absolute;
	top:38px;
	left:365px;
	overflow:hidden;
}
#header-201307 #h-b1 {
	width:281px;
	height:38px;
	position:absolute;
	top:0px;
	left:890px;
	overflow:hidden;
}
#header-201307 #h-b2 {
	width:120px;
	height:80px;
	position:absolute;
	top:58px;
	left:937px;
	overflow:visible;
	}
#header-201307 #h-b2 a{
display:block;width:120px;height:20px;float:top;margin-bottom:3px;
}

#header-201307 #h-b3 {
	width:69px;
	height:62px;
	position:absolute;
	top:58px;
	left:1090px;
	overflow:hidden;
}
#header-201307 #h-b4 {
	width:260px;
	height:30px;
	position:absolute;
	top:152px;
	left:922px;
	overflow:hidden;
}
#header-201307 #h-b4 * {
	vertical-align:middle;
}
#header-201307 #h-b4 #header-search-txt {
	width:197px;
	height:23px;
	margin-top:0px;
	margin-left:3px;
	border:none 0px !important;
	font-size:110%;
	/*line-height:12px;*/
}
#header-201307 #h-b4 #header-search-btn {
	width:50px;
	height:30px;
	overflow:hidden;

}
#header-201307 #h-b5 {
	width:100px;
	height:26px;
	position:absolute;
	top:164px;
	left:1075px;
	overflow:hidden;
}
#header-201307 #h-b5 a {
	display:block;
	width:24px;
	height:23px;
	float:left;
	margin-right:3px;
}
#header-201307 #h-gn {
	width:1190px;
	height:30px;
	position:absolute;
	top:196px;
	left:0px;
	overflow:hidden;
}


#b-header-bnr a {
	display:block;
	width:380px;
	margin-right:15px;
	float:left;
}
#b-header-bnr a.last {
	margin-right:0 !important;
}



/*
------------------------------------------------------------
　layout - unit
------------------------------------------------------------
*/


/* #b-left
------------------------------------ */

#b-left div {
	width:190px;
	margin-bottom:10px;
	border:solid 1px #604419;
}
#b-left ul {
	width:180px;
	margin: 0 5px 10px 5px;
}
#b-left ul li {
	padding: 0 10px 6px 17px;
	background:url(../index_images2/ico_arrow1.gif) no-repeat 7px 5px;
	font-size:93%;
}
#b-left ul li a {
	display:block;
}


/* #b-right
------------------------------------ */

#b-r-1 a {
	display:block;
}
#b-r-1 div {
	margin-bottom:15px;
}
#b-r-1 p {
	padding:3px;
}

#b-r-2 {
	margin-bottom:15px;
	border:none !important;
}
#b-r-2 a {
	display:block;
}
#b-r-2 .ttl {
	padding:3px 8px;
	background:#ccc;
	margin-bottom:6px;
	text-align:center;
}

#b-r-3 {
	margin-bottom:15px;
}

#b-r-4 {
	margin-bottom:15px;
	background:#ddd;
}
#b-r-4 .ttl {
	padding:3px 8px;
	background:#ccc;
	margin-bottom:10px;
	text-align:center;
}
#b-r-4 div {
	padding:14px;
	text-align:center;
}
#b-r-4 img {
	border:solid 1px #ccc;
}
#b-r-4 p {
	padding:5px 0;
}
#b-r-4 span {
	display:block;
}

#b-r-5 {
	border:none !important;
}
#b-r-5 a {
}
#b-r-5 div {
	margin-bottom:15px;
	border:none !important;
}
#b-r-5 p {
	padding:3px;
}
#b-r-5 span {
	display:block;
}
#b-r-5 .bnr {
	border:solid 1px #aaa;
}




/* #b-2
------------------------------------ */

#b-2 a {
	display:block;
}
#b-2 div {
	margin-bottom:15px;
}
#b-2 p {
	padding:3px;
	line-height:150%;
}



/* #b-3
------------------------------------ */

#b-3 {
	float:left;
	width:470px;
	overflow:hidden;
}
#b-3 a.unit {
	display:block;
	float:left;
	width:224px;
	overflow:hidden;
	margin:0 10px 10px 0;
}
#b-3 .unit div {
	padding:8px;
	background:url(../index_images2/top_b3_bg.png) no-repeat;
}
#b-3 .unit p {
	padding:3px;
	line-height:150%;
}


/* #b-4
------------------------------------ */

#b-4 {
	float:left;
	width:300px;
	overflow:hidden;
}

/* topics
----------------- */
#b-4-topics {
	height:260px;
	overflow:hidden;
	margin-bottom:15px;
	background:url(../index_images2/bg_body.jpg) repeat-x 0 -20px;
	
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#b-4-topics .ttl {
	padding:10px 0 0 15px;
	color:#fff;
}
#b-4-topics div.wrap1 {
	padding:10px;
}
#b-4-topics div.wrap2 {
	padding:10px;
	background:#fff;
}
@media screen and (max-device-width: 480px) {
	#b-4-topics div.wrap2 {
		height:190px;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* media
----------------- */
/*#b-4-info {
	height:230px;
	overflow:hidden;
	background:#ddd;
}
#b-4-info .ttl {
	padding:3px 8px;
	background:#ccc;
	margin-bottom:10px;
	text-align:center;
}
#b-4-info div {
	padding: 0 14px;
	text-align:center;
}*/
#b-4-info {
	height:230px;
	overflow:hidden;
	margin-bottom:15px;
	background:url(../index_images2/bg_body.jpg) repeat-x 0 -20px;
	
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#b-4-info .ttl {
	padding:10px 0 0 15px;
	color:#fff;
}
#b-4-info div {
	height:185px;
	margin:10px;
	background:#fff;
}
#b-4-info img {
	border:solid 1px #ccc;
}
#b-4-info th {
	height:185px;
	padding-left:10px;
}
#b-4-info td {
	height:185px;
	padding-left:15px;
}
#b-4-info p {
	padding:5px 0;
	text-align:left;
	line-height:20px;
}
#b-4-info span {
	display:block;
	padding-top:10px;
	text-align:left;
	font-size:93%;
}


/* #b-5
------------------------------------ */

#b-5 {
	clear:left;
	margin-bottom:15px;
	padding-top:15px;
}
#b-5 a {
	display:block;
}
#b-5 p {
	padding:3px;
}


/* #b-6
------------------------------------ */

#b-6 {
	margin-bottom:15px;
}
#b-6 .ttl {
	padding:3px 8px;
	background:#ccc;
	margin-bottom:10px;
}
#b-6 .unit {
	float:left;
	width:377px;
	height:100px;
	margin:0 15px 12px 0;
}
#b-6 .unit.last {
	margin-right:0px !important;
}



/* #b-7
------------------------------------ */

#b-7 {
	clear:left;
	margin-bottom:15px;
}
#b-7 .ttl {
	padding:3px 8px;
	background:#ccc;
	margin-bottom:10px;
}
#b-7 .unit {
	float:left;
	width:87px;
	*height:115px;
	margin:0 9px 9px 0;
	_margin:0 7px 7px 0;
	font-size:77%;
}
#b-7 .unit img {
	border: solid #ccc 1px;
	padding:1px;
}
#b-7 .unit.right {
	/*margin-right:0px !important;*/
}
#b-7 p {
	padding-top:3px;
}
#b-7 a {
	display:block;
}





/* #b-9
------------------------------------ */

#b-9 {
	float:left;
	width:485px;
	overflow:hidden;
	margin-right:15px;
	background:#eed;
	margin-bottom:20px;
}
#b-9 .ttl {
	padding:10px 0;
	background:#ccc;
	margin-bottom:10px;
}
#b-9 .unit {
	padding: 0 15px 15px 15px;
}
#b-9 .unit table {
	width:455px;
	background:#fff;
}
#b-9 .unit th {
	width:230px;
	vertical-align:top;
}
#b-9 .unit th img {
	border:solid 1px #ccc;
}
#b-9 .unit td {
	vertical-align:top;
	padding:15px;
}
#b-9 .unit td a {
	display:block;
}
#b-9 .unit td .t1 {
	font-weight:bold;
	text-decoration:underline;
	padding-bottom:8px;
	line-height:140%;
}
#b-9 .unit td .t2 {
	font-weight:bold;
	padding-bottom:8px;
	line-height:140%;
}
#b-9 .unit td .t3 {
	font-size:85%;
	line-height:120%;
}



/* #b-10
------------------------------------ */

#b-10 {
	float:left;
	width:265px;
	margin-bottom:20px;
}
#b-10 .ttl-ico {
	background:url(../index_images2/ttl_ico_present.png) no-repeat 6px 3px #740C0B;
}
#b-10 div {
	margin-bottom:15px;
}
#b-10 a {
	display:block;
}





/* #b-11
------------------------------------ */

#b-11 {
	float:left;
	width:485px;
	overflow:hidden;
	margin-right:15px;
}
#b-11 .ttl-ico {
	background:url(../index_images2/ttl_ico_review.png) no-repeat 6px 3px #740C0B;
}
#b-11-inner {
	padding-top:15px;
	background:#fafafa;
}
#b-11 .unit {
	padding: 0 15px 5px 15px;
	margin-bottom:10px;
	border-bottom:dotted 1px #ccc;
}
#b-11 .unit3 {
	border-bottom:none !important;
}
#b-11 .unit table {
	width:455px;
}
#b-11 .unit th {
	width:200px;
	vertical-align:top;
}
#b-11 .unit2 th,
#b-11 .unit3 th {
	width:70px !important;
}
#b-11 .unit th img {
	border:solid 1px #ccc;
}
#b-11 .unit th a {
	display:block;
	padding:5px;
}
#b-11 .unit td {
	vertical-align:top;
	padding:7px 15px;
}
#b-11 .unit2 td,
#b-11 .unit3 td {
	vertical-align:top;
	padding:0px 15px;
}
#b-11 .unit td a {
	display:block;
}

#b-11 .unit td .t1 {
	font-weight:bold;
	text-decoration:underline;
	padding-bottom:8px;
	line-height:140%;
}
#b-11 .unit td .t2 {
	font-weight:bold;
	padding-bottom:8px;
	line-height:140%;
}
#b-11 .unit3 td .t2 {
	font-size:93%;
}
#b-11 .unit td .t3 {
	font-size:85%;
	line-height:120%;
}



/* #b-12
------------------------------------ */

#b-12 {
	float:left;
	width:265px;
}
#b-12 .ttl-ico {
	background:url(../index_images2/ttl_ico_voice.png) no-repeat 6px 3px #740C0B;
}
#b-12 div {
	margin-bottom:15px;
}
@media screen and (max-device-width: 480px) {
	#b-12 div {
		height:540px;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
	}
}

#b-12 p {
	padding:8px;
	background:#ccc;
	text-align:center;
}


/* #b-14
------------------------------------ */

#b-14 {
	clear:left;
	margin-bottom:15px;
}
#b-14 a {
	display:block;
}
#b-14 .ttl {
	padding:3px 8px;
	background:#ccc;
	margin-bottom:10px;
}
#b-14 .unit {
	float:left;
	width:140px;
	margin:0 16px 16px 0;
}
#b-14 .unit img {
	width:138px;
	border: solid #ccc 1px;
}
#b-14 .unit.last {
	margin-right:0px !important;
}






/* #b-f-1
------------------------------------ */
#b-f-1 {
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
#b-f-1 .ttl {
	padding:3px 8px;
	background:#ccc;
	margin-bottom:10px;
	text-align:center;
}
#b-f-1 .unit {
	width:280px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}
#b-f-1 .ttl2 {
	margin-bottom:10px;
	padding: 3px 0 3px 10px;
	border-left:5px solid #740C0B;
	border-bottom:dotted 1px #ccc;
}
#b-f-1 ul {
	width:270px;
	margin-bottom:15px;
}
#b-f-1 ul li {
	padding: 0 10px 5px 17px;
	background:url(../index_images2/ico_arrow1.gif) no-repeat 7px 5px;
}
#b-f-1 ul li a {
	display:block;
}





/* #b-f-2
------------------------------------ */

#b-f-2-5-wrapper {
	padding-top:20px;
}

#b-f-2 {
	width:330px;
	overflow:hidden;
	float:left;
}


/* #b-f-3
------------------------------------ */
#b-f-3 {
	width:820px;
	overflow:hidden;
	float:right;
	margin-bottom:15px;
}
#b-f-3 table {
	width:820px;
}
#b-f-3 th {
	width:160px;
	font-weight:bold;
	vertical-align:top;
	padding-top:3px;
}
#b-f-3 td {
	line-height:20px;
	vertical-align:top;
}



/* #b-f-4
------------------------------------ */

#b-f-4 {
	padding:10px;
	float:right;
	margin-bottom:15px;

	background:#ccc;
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
#b-f-4 table {
	width:800px;
}
#b-f-4 th {
	width:160px;
	font-weight:bold;
	vertical-align:top;
	padding:10px 0 0 10px;
}
#b-f-4 td {
	line-height:20px;
	vertical-align:top;
}
#b-f-4 td.td-right {
	width:120px;
	height:60px;
	background:#fff;
	text-align:center;
	vertical-align:middle;
}



/* #b-f-5
------------------------------------ */
#b-f-5 {
	width:810px;
	overflow:hidden;
	float:right;
	margin-bottom:15px;
}
#table-payment td.sub-title {
	width:50% !important;
    background-image: url(../index_images2/bg_subtitle_1.jpg) !important;
}


/* #b-f-6
------------------------------------ */
#b-f-6 {
}

#table-footer-link * {
	line-height:18px;
}
#footer-copy {
	padding:20px 0;
}



/* カード、画像拡大
------------------------------------ */
.card {
  width: 467px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #370000;
}

.pro_img {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 240px;	/*画像の幅*/
	height: 180px;	/*画像の高さ*/
	border-radius: 4px;
}
.pro_img img,.pro_img2 img,.pro_img3 img,.pro_img4 img,.pro_img5 img,.pro_img6-1 img,.pro_img6-2 img,.pro_img7 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.pro_img img:hover,.pro_img2 img:hover,.pro_img3 img:hover,.pro_img4 img:hover,.pro_img5 img:hover,.pro_img6-1 img:hover,.pro_img6-2 img:hover,.pro_img7 img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.pro_img2 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 110px;	/*画像の幅*/
	height: 85px;	/*画像の高さ*/
	border-radius: 4px;
}

.pro_img3 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 220px;	/*画像の幅*/
	height: 163px;	/*画像の高さ*/
	border-radius: 4px 4px 0 0; /*上だけ丸くする*/
}

.pro_img4 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 300px;	/*画像の幅*/
	height: 225px;	/*画像の高さ*/
	border-radius: 4px 4px 0 0; /*上だけ丸くする*/
}

.pro_img5 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 123px;	/*画像の幅*/
	height: 90px;	/*画像の高さ*/
}

.pro_img6-1 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 180px;	/*画像の幅*/
	height:135px;	/*画像の高さ*/
	border-radius: 4px;
}

.pro_img6-2 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 110px;	/*画像の幅*/
	height: 85px;	/*画像の高さ*/
	border-radius: 4px;
}

.pro_img7 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 200px;	/*画像の幅*/
	height: 135px;	/*画像の高さ*/
}

.card-takumi {
  width: 735px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #370000;
}

.card-under {
  width: 220px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #370000;
}

.card-cate {
  width: 300px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #370000;
}

.card-etc {
  width: 380px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #370000;
}

.card-etc-img {
	border-radius: 5px 5px 0 0; 
}

.card-etc-text {
	display:block;
	padding:10px;
	font-size:100%;
}