@charset "utf-8";
/*
2018.09.27海野作成
チグハグになっているサイト状態を整えるためのcommon.css

2020.06.16石原
topとcommonで同じソースを管理している部分があるため整理。

*/

/* ================================================
基本設定
================================================ */
body {
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
    min-width: 1000px;
}
/*
a {
    text-decoration: none;
    color: #111;
}

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

a:visited {
    text-decoration: none;
    color: #111;
}

a:active {
    text-decoration: none;
    color: #111;
}
*/

/* ================================================
タグ属性リセット
================================================ */
iframe {
    border: none;
}


/* reset (任意ページなどで使用。全体にリセットかけると崩れるため、新しく作っていくページ用。）
--------------------------------------*/
html.reset {
    font-size: 62.5%;
}

.reset body {
    font-size: 12px;
    font-size: 1.2rem;
}

.reset * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
}

.reset article,
.reset aside,
.reset details,
.reset figcaption,
.reset figure,
.reset footer,
.reset header,
.reset hgroup,
.reset menu,
.reset nav,
.reset section {
    display: block;
}

.reset ol,
.reset ul,
.reset li {
    list-style: none;
}

.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6 {
    font-weight: normal;
}

/* 画像
--------------------------------------*/
img {
    border: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

.FS2_Recommend2_container_ItemList th img {
    max-width: initial;
}

/* iframe サイズ管理
================================================ */
#iHeader , #iWp-autocalc {
	display:block;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	box-sizing: border-box;
}

#iHeader {
    width: 1000px;
    height: 400px;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
}

#iFooter {
    width: 1000px;
    height: 1700px;
    display: block;
    margin: 0 auto;
}

#iWp-autocalc {
	width:780px;
	height:1330px;
}


/* 汎用スタイル
================================================ */

/* 文字色
--------------------------------------*/
.red {
    color: #bc0003;
}

/* clearfix
--------------------------------------*/
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.clear {
    clear: both;
}

/* table
--------------------------------------*/
/* table */
.cmpTbl01,
.cmpTbl02 {
    background-color: #FFF;
    border-collapse: collapse;
    border-spacing: 1px;
    font-size: 13px;
    width: 100%;
}

.cmpTbl01 th,
.cmpTbl01 td,
.cmpTbl02 th,
.cmpTbl02 td {
    padding: 5px;
    font-weight: normal;
    vertical-align: middle;
}

.cmpTbl01 th,
.cmpTbl01 td {
    border: solid 1px #000;
}

.cmpTbl02 th,
.cmpTbl02 td {
    border: solid 1px #999;
}

.cmpTbl01 .att {
    background-color: #bf0000;
    color: #fff;
}

.cmpTbl01 th {
    background-color: #999;
}

.cmpTbl01 th,
.cmpTbl02 th {
    color: #fff;
    text-align: center;
}

.cmpTbl01 td,
.cmpTbl02 td {
    text-align: left;
}

.cmpTbl02 th {
    background-color: #E0E0E0;
    color: #000;
}


/* contents 
--------------------------------------*/
.contents a {
    display: block;
}


/*	title
--------------------------------------*/

/* sub title */
.sub_title,
.sub_title2,
.sub_title3 {
    width: 1000px;
    /* border-bottom: #111 solid 1px; */
    height: 24px;
    margin: 0 auto;
    text-align: right;
    /* padding: 0.7em 0; */
    vertical-align: bottom;
}

.sub_title .left,
.sub_title2 .left,
.sub_title3 .left {
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	letter-spacing: 2px;
	vertical-align: bottom;
}

.sub_title .left2,
.sub_title2 .left2,
.sub_title3 .left2 {
    font-size: 75%;
    /*12px*/
    float: left;
    text-align: left;
    letter-spacing: 1px;
    color: #636363;
    /* margin-top: 0.5em; */
}

.sub_title .right,
.sub_title2 .right,
.sub_title3 .right {
    font-size: small;
    /*11px*/
    float: right;
    width: 190px;
    text-align: right;

}
/*	button
--------------------------------------*/
/* vm_btn */
#main .vm_btn{
	text-align: center;	
}
#main iframe+.vm_btn,
#main ul+.vm_btn{
	margin-top: 1em;
}
#main .vm_btn a{
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	display: inline-block;
	padding: 0.8em 3em 0.4em;
	font-size: small;
	transition: .3s;
	position: relative;
	overflow: unset;
	border: 2px solid #b1a59c;
	
}
#main .vm_btn a:hover{
	background: #ccbeb46e;
	text-decoration: none;
}
#main .vm_btn a:before{
	transform: translate(-2px, -2px);
}
#main .vm_btn a:after{
	transform: translate(2px, 2px);
}
#main .vm_btn a:hover:before,
#main .vm_btn a:hover:after{
    transform: translate(0);
}
/* ================================================
header
================================================ */
#header{
    width: 1000px;
    margin:  35px auto;
}
/* header_notice：告知スペース(緊急性の高いもの)
---------------------------------*/
#header_notice{
    background: #f1f0ed;
    padding: 0.5em;
    font-size: x-small;
    text-align: center;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    line-height:14px;
}
#header_notice a{
}
#header_notice br{
    display: none;
}
#header_notice span{
    margin: 0 0 0 1em;
}
/* header_line：告知スペース
---------------------------------*/
#header_line {
    position: relative;
    width: 1000px;
    margin: 15px auto 10px auto;
    padding: 0;
    text-align: left;
}

#header_line a:hover {
    color: #6d6c6f;
    text-decoration: none;
}

#header_line h1 {
    font-size: 11px;
    font-weight: 400;
    margin: 0;
}


/* rogo：サイトロゴ
---------------------------------*/
.rogo {
    width: 100%;
    text-align: center;
}

.rogo img {
    width: 100%;
    margin: 4px 0 10px;
    position: relative;
}
.rogo a {
    display: block;
    width: 290px;
    position: relative;
    margin: -5px auto 0;
}
/* .rogo a:before{
    content:"";
    position: absolute;
    width: 110px;
    height: 10px;
    display: block;
    top: 9px;
    left: 60px;
    background: #ffffff;
    z-index: 1;
} */
.rogo a:after{
    content:"";
    position: absolute;
    width: 70px;
    height: 11px;
    display: block;
    bottom: 10px;
    right: 0px;
    background: #fff;
    z-index: 1;
}
#l-logo {
    float: left;
}

/* gNavi:グローバルナビ 
--------------------------------------*/
#gNavi {
    position: relative;
    width: 1000px;
    border-top: 2px solid #000;

    border-bottom: 1px solid #000;
    background: #fff;
    margin: 0 0 10px 0;
    padding: 10px 0;
}

#gNavi a {
    color: #000;
    text-decoration: none;
    font-size: 13px;
}

#gNavi a:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    text-decoration: underline;
}


/* g_menu:トレンドワード
--------------------------------------*/
.g_menu {
    width: 100%;
    text-align: center;
    font-size: 76%;
    color: #111;
    padding: 10px 0;
    margin-bottom: 6px;
    float: right;
    width: 640px;
}

.g_menu a {
    color: #111;
    text-decoration: none;
    display: inline;
}

.g_menu a:hover {
    color: #111;
    text-decoration: underline;
}

/* header_news：ヘッダーのニュースコンテンツ
--------------------------------------*/
#header_news {
	/* width:940px; */
	background-image:url(../img/icon_news.gif);
	background-repeat:no-repeat;
	background-position:left center;
	background-color: #f3f3f3;
	margin:0 0 10px 0;
	text-align:left;
	font-size:12px;
	padding:5px 0 5px 60px;
}

#header_news a {
	color: #000;
	text-decoration: none;
	font-size: 13px;
    display: inline-block;
}
#header_news a:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
		text-decoration: underline;
}

#header form {
    display: block;
    vertical-align: top;
    overflow: hidden;
}

#header form input[type="text"] {
    width: 214px;
    height: 32px;
    border: #ccc 1px solid;
    display: block;
    float: left;
    box-sizing: border-box;
}

#header form input[type="submit"] {
    width: 62px !important;
    height: 32px;
    border: none;
    text-align: center;
    display: block;
    float: right;
    width: 62px !important;
    height: 32px;
    border: none;
    text-align: center;
    display: block;
    float: right;
    background-color: rgb(240,240,240);
}

/* header_news：ヘッダーのユーティリティメニュー
--------------------------------------*/
#sabNav {
    width: 690px;
    /* border-top: 1px solid #000; */
    /* border-bottom: 1px solid #bdb5b5; */
    background: #fff;
    margin: 20px 0 14px 0;
    display: table;
    /* padding: 6px 0; */
    float: left;
    clear: left;
}

#sabNav li {
    float: left;
    margin-right: 4px;
    vertical-align: middle;
    display: table-cell;
    line-height: 1.2em;
}

#sabNav li a {
    font-size: 13px;
    margin: 0 10px;
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;
    color: #6f6f6f;
}

/* bnrSlide:ヘッダー下部のバナー
---------------------------------*/
#bnrSlide {
    width: 256px;
    float: right;
    margin-bottom: 0.5em;
}

/* MegaMenu:？
--------------------------------------*/
.MegaMenu {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    display: table;
}

.MegaMenu li {
    padding: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 30px;
}

.MegaMenu li#menu01 {
    width: 141px;
    /*
	border-right:#9a9999 1px solid;*/
}

.MegaMenu li#menu02 {
    width: 142px;
    border-right: none;
}

.MegaMenu li#menu02 img {
    vertical-align: bottom;
}

.MegaMenu > li > a {
    /*display: block;*/
    margin: 0;
    font-size: 13px;
    line-height: 1;
}

/*.MegaMenu li a span { display:block; font-size:10px;}*/

.MegaMenu li ul li {
    width: 160px;
    margin-right: 0;
}

.MegaMenu li:hover > a {}

.MegaMenu li a:hover {}

.MegaMenu .drop_content {
    position: absolute;
    top: 61px;
    left: 0;
    width: 944px;
    padding: 20px 25px 20px;
    border: 1px solid #eee;
    /*background:#fff;*/
    background-color: #fdfdfd;
    z-index: 5999;
    display: none;
    height: auto;
}

#gNavi ul li:hover .drop_content {
    display: block !important;
}

.MegaMenu .cate_menu {
    width: 440px;
    text-align: left;
}

.MegaMenu li dl dt {
    margin-bottom: 8px;
    font-size: 10px;
}

.MegaMenu li dl dt span {
    display: inline-block;
    padding-right: 1em;
    font-size: 13px;
    font-weight: bold;

}

.MegaMenu .sub_category li {
    margin-top: 3px;
    white-space: nowrap;
}

.MegaMenu .sub_category li:hover {
    /* background-color:#fcfaf5;*/
    background-color: #F5F4EF;
}

.MegaMenu .sub_category li a {
    display: block;
    padding: 5px 7px;
    text-align: left;
    white-space: nowrap;
}

.MegaMenu .reco_menu {
    float: right;
    width: 610px;
    padding-left: 30px;
    border-left: 1px dotted #eee;
    margin-top: -30px;
    text-align: left;
}

.MegaMenu .reco_menu img {
    display: block;
}

.MegaMenu .reco_menu ul li {
    float: left;
    width: 120px;
    margin-right: 40px;
    text-align: left;
}

.MegaMenu .reco_menu ul li p {
    margin: 5px 0 0 0;
    line-height: 1.3;
    font-size: 11px !important;
    font-weight: normal;
    display: block;
    width: 120px;
}

.MegaMenu .reco_menu .caption {
    font-size: 10px;
}

.MegaMenuTable {
    cursor: default;
}

.MegaMenuTable a {
    cursor: pointer;
    padding: 9px 7px;
}

.MegaMenuTable .MegaMenuLists {
    margin: 0px 15px;
    padding: 0px;
    color: #BBB;
    list-style: none;
}

.MegaMenuTable .MegaMenuLists li a:hover {
    background-color: #F5F4EF;
}

.MegaMenuTable .MegaMenuLists li a {
    display: block;
    padding: 3px 5px;
    text-align: left;
    text-decoration: none;
}

.MegaMenuLists li {
    font-size: 12px;
    width: 160px;
    clear: both;
}

.MegaMenuTable {
    border-collapse: collapse;
}

.MegaMenuTable th {
    text-align: left;
    padding: 5px 10px;
    font-size: 12px;
}

.MegaMenuTable .MegaMenuHead {
    padding: 0;
}

.MegaMenuTable .MegaMenuHead a {
    text-decoration: none;
}

.MegaMenuTable td {
    vertical-align: top;
}

.MegaMenuTable td.LastCell {
    border: none;
}

/* 楽天用？　20200616_コンテンツが無い
---------------------------------*/
#gNavi_r {
    position: relative;
    background: #fff;
}

#gNavi_r a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
}

#gNavi_r a:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
}

#hNavi_r {
    float: right;
    width: 600px;
    font-size: 11px;
    text-align: right;
}

#gNavi_r ul li:hover .drop_content {
    display: block !important;
}

/* layout　20200616_コンテンツが無い
---------------------------------*/
.headerContainer {
    background-color: #fff;
}

.headerContainer a {
    color: #000;
}

.headerContainer a:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
}

.headerContainer > #header {
    width: 100%;
    min-height: 90px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
/* ================================================
main
================================================*/

/* leftnavi
------------------------------------------------------------------------- */

#main #leftnavi  { 

	width:200px;
	margin:0;
	padding:0;
	text-align:left;
	height:auto;
}

#main #leftnavi .bn1 {
	width:100%;
	margin-bottom:10px;
}
#main #leftnavi .bn1 img {
	width:100%;
}
#main #leftnavi .bn1 a {
	text-align:left; color:#111; font-size:86%;
}
#main #leftnavi .bn1 a:hover { text-decoration:underline;
}


#main #leftnavi .bn2 {
	width:100%;
	margin:20px 0 20px 0;
}
#main #leftnavi .bn2 img {
	width:100%;
}


#main #leftnavi .bn3 {
	width:100%;
	margin:20px 0 10px 0;
}
#main #leftnavi .bn3 img {margin-bottom:3px; width:100%}

#main #leftnavi .bn3 a {
	text-align:left; color:#111; font-size:86%;
}
#main #leftnavi .bn3 a:hover { text-decoration:underline;
}

#main #leftnavi .pickup_box {
	width:170px; border:#f1f0ed 5px solid; padding:10px; line-height:1.3; margin-top:20px;
}
#main #leftnavi .pickup_box p { margin-bottom:16px;
}
#main #leftnavi .pickup_box img {
	width:100%; margin-bottom:5px;
}
#main #leftnavi .pickup_box a {
	text-align:left; color:#111; font-size:88%; 
}
#main #leftnavi .pickup_box a:hover { text-decoration:underline;
}
#main #leftnavi .pickup_box .title { text-align:center; width:100%; font-size:96%; margin:5px 0 10px 0; font-weight:bold;}


#main #leftnavi .pickup_box2 {
	width:170px; border:#f1f0ed 5px solid; padding:10px; line-height:1.3; margin-top:20px;
}

#main #leftnavi .pickup_box2 .title { text-align:center; width:100%; font-size:96%; margin:5px 0 10px 0; font-weight:bold;}


#main #leftnavi .pickup_box3 .title { text-align:center; width:100%; font-size:96%; margin:5px 0 10px 0; font-weight:bold;}
#main #leftnavi .pickup_box3 {
	width:170px; border:#f1f0ed 5px solid; padding:10px; line-height:1.3; margin-top:20px; background-color:#f2f2f2;
}
#main #leftnavi .pickup_box3 img {
	width:100%; margin-bottom:16px;
}




#main #leftnavi .pickup_box4 {
	width:160px; border:#f1f0ed 5px solid; padding:15px; line-height:1.3; margin-top:20px;
}
#main #leftnavi .pickup_box4 p { margin-bottom:10px;
}
#main #leftnavi .pickup_box4 img {
	width:100%; margin-bottom:5px;
}
#main #leftnavi .pickup_box4 a {
	text-align:left; color:#111; font-size:88%; 
}
#main #leftnavi .pickup_box4 a:hover { text-decoration:underline;
}
#main #leftnavi .pickup_box4 .title { text-align:center; width:100%; font-size:96%; margin:5px 0 15px 0; font-weight:bold;}



/* leftnavi じんわり色が変わるバナー */

.text_bn_com { font-size:117%; font-weight:bold;}

.text_bn,
.text_bn2 {
	width:178px; 
	border:#f1f0ed 5px solid; 
	margin-top:20px;
	padding: 6px;
	background: #fff;
	color: #111;
	text-align:center;
	font-size:84%;
	text-decoration: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

.text_bn:hover { background-color:#f8df54; }
.text_bn a { color:#111; }
.text_bn2:hover { background-color:#f8df54; }
.text_bn2 a { color:#111; }


/* カテゴリーメニュー設定 */

/*-- ver2 --------------------------------- */

#main #leftnavi2_menu {
	width:100%;
	padding:0;
	line-height:18px;
	margin:20px 0 20px 0;
}

/* 大分類カテ */


#main #leftnavi_menu2 .cate_title {
	
	padding:6px 0 6px 14px;
	border-bottom:#f4f0f1 solid 1px;
	width:93%;
	font-weight:bold;
	font-size: 100%;
	background-color:#f8f8f8;
	}


#main #leftnavi_menu2 .cate_title a { color:#111; text-decoration:none;
}
#main #leftnavi_menu2 .cate_title a:hover { color:#111; text-decoration:underline;
}



#main #leftnavi_menu2 ul {
	list-style-type: none;
	padding:0 0 0 0;
	margin:0 0 0 0;

}

/* 中分類カテ */

#main #leftnavi_menu2 li {
	list-style-type: none;
	padding:3px 0 3px 24px;
	font-size:88%;
}
#main #leftnavi_menu2 li a{
	color:#6d6c6f;
}

/* ver2 アコーディオン */

/* アコーディオン設定 */
#aco_lleftnavi_menu { 
	margin:0;
	padding:0;
	width:100%;
	background-color:#e8e8e8;}

#aco_lleftnavi_menu .archive{
	text-align:left;
	width:100%;
	margin-top:10px;
}

#aco_lleftnavi_menu .subMenu {
	width:100%;
	padding:0px;

}

#aco_lleftnavi_menu .subMenu ul{
	list-style-type: none;
	padding:0 0 0 5px;
	margin:0 0 18px 0;
}
#aco_lleftnavi_menu .subMenu li{
	list-style-type: none;
	padding:3px 0 3px 24px;
	
	font-size:88%;
	
}

/* ver3 アコーディオン */

/* アコーディオン設定 */
#aco_lleftnavi_menu2 { 
	margin:0;
	padding:0;
	width:100%;
	background-color:#fff;}

#aco_lleftnavi_menu2 .archive{
	text-align:left;
	width:100%;
	margin-top:10px;
}

#aco_lleftnavi_menu2 .subMenu {
	width:100%;
	padding:0px;
	margin-top:5px;

}

#aco_lleftnavi_menu2 .subMenu ul{
	list-style-type: none;
	padding:0 0 0 5px;
	margin:0 0 18px 0;
}
#aco_lleftnavi_menu2 .subMenu li{
	list-style-type: none;
	padding:3px 0 3px 24px;
	
	font-size:88%;
	
}


/* cate_title部分に つけたし */
#main #leftnavi_menu2 .min_menu {
	
	padding:0 0 3px 34px;
	width:80%;
	font-size: 88%;	color:#727272;
	}



#main #leftnavi_menu2 .min_menu a { color:#111; text-decoration:none;
	color:#727272;
}
#main #leftnavi_menu2 .min_menu a:hover { color:#111; text-decoration:underline;
}

#main #leftnavi_menu2 .min_menu2 {
	
	padding:0 0 3px 16px;
	width:90%;
	font-size: 88%;	color:#727272;
	}




/* 大分類カテ */


#main #leftnavi_menu2 ul {
	list-style-type: none;
	padding:0 0 0 0;
	margin:0 0 0 0;

}

#main #leftnavi_menu2 .name {
	width:100%;
	margin:20px 0 0 0;
}


#main #leftnavi_menu2 .cate_bn { margin:20px 0 5px 0;}
#main #leftnavi_menu2 .cate_bn2 { margin:20px 0 0 0;}

#main #leftnavi_menu2 .select {background-color:#e8e8e8; color:#111; padding:6px 14px; font-size:93%; margin: 0px 0 5px 0; font-weight:bold;}



/*-- ver1 --------------------------------- */

#main #leftnavi_menu {
	width:100%;
	padding:0;
	line-height:18px;
	margin:20px 0 20px 0;
}

/* 大分類カテ */


#main #leftnavi_menu .cate_title {
	
	padding:6px 0 6px 14px;
	border-bottom:#f4f0f1 solid 1px;
	width:93%;
	font-weight:bold;
	font-size: 100%;
	background-color:#f8f8f8;
	}


#main #leftnavi_menu .cate_title a { color:#111; text-decoration:none;
}
#main #leftnavi_menu .cate_title a:hover { color:#111; text-decoration:underline;
}



#main #leftnavi_menu ul {
	list-style-type: none;
	padding:0 0 0 0;
	margin:0 0 0 0;

}

/* 中分類カテ */

#main #leftnavi_menu li {
	list-style-type: none;
	padding:6px 0 6px 14px;
	border-bottom:#f4f0f1 solid 1px;
	font-size:88%;
}

#main #leftnavi_menu .end {
	list-style-type: none;
	padding:6px 0 6px 14px;
	border-bottom:#fff solid 1px;
	font-size:88%;
}



/* accordion */

#main #leftnavi_menu {
	width:100%;
	padding:0;
	line-height:18px;
	margin:20px 0 20px 0;
}

/* 大分類カテ */


#main #leftnavi_menu ul {
	list-style-type: none;
	padding:0 0 0 0;
	margin:0 0 0 0;

}

#main #leftnavi_menu .name {
	width:100%;
	margin:0 0 0 0;
}



/* 中分類カテ */


#accc_area ul.accordion a {
	display: block;
	padding: 0;
	background-position: 97% center;
	background-repeat: no-repeat;
	font-weight: normal;
	color:#666666;	
}
#accc_area ul.accordion span {
	display: block;	
	padding:0;
	background-position: 97% center;
	background-repeat: no-repeat;
	font-weight: normal;
	color:#111;
	
}

.accc_cate_title { font-size:93%; font-weight:bold; color:#111;}


#accc_area ul.accordion ul {
	display: none;
		border:none;
}

#accc_area ul.accordion > li > ul > li > ul > li {
	background: #FFF;	
}
#accc_area ul.accordion > li > ul > li > ul > li:last-child {
	border: none;
}
#accc_area ul.accordion > li > p span {
	background-image: url(../img/open.png);
}




/* leftnavi部分 iframe内設定
------------------------------------------------------------------------- */


#osusume_area { width:100%; 	
	font-size: 70%; /* 12px */
	-webkit-text-size-adjust: none;
}


#osusume_area .pickup_item li {
	display: block;
	width: 200px;
	height: 90px;
	box-sizing: border-box;
	margin: 10px 0 0 0;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 10px 0;
}

#osusume_area .pickup_item li a {
	display: block;
	width: 200px;
	height: 90px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	position: absolute;
}




#osusume_area img {
	width: 80px;
	height: 80px;
	margin:0 0 0 0;
	float: left;
}

#osusume_area .name {
	float: right;
	font-size: 10px;
	text-align: left;
	letter-spacing: -0.1em !important;
	margin: 0;
	width:110px;
}


#osusume_area .price {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	margin: 0;
	text-align: right;
	position: absolute;
	bottom: 7px;
	right: 0;
	color:#000;
	font-weight: bold;
}

#osusume_area .price:before {
	content: "￥";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
}
/* leftnavi
------------------------------------------------------------------------- */

#main #main_right2 {
    float: right;
    display: inline;
    text-align: left;
    width: 700px;
    height: auto;
}

/* 共通設定
------------------------------------------------------------------------- */

/* margin */
.m0 {
	margin: 0;
}
.mt0 {
	margin-top: 0;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.mr0 {
	margin-right: 0;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}
.mr60 {
	margin-right: 60px;
}
.mb0 {
	margin-bottom: 0;
}

.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.ml0 {
	margin-left: 0;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px;
}
.ml50 {
	margin-left: 50px;
}
.ml60 {
	margin-left: 60px;
}
/* padding */
.p0 {
	padding: 0;
}
.p10 {
	padding: 10px;
}
.p15 {
	padding: 15px;
}
.p20 {
	padding: 20px;
}
.p30 {
	padding: 30px;
}
.pt0 {
	padding-top: 0;
}
.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pr0 {
	padding-right: 0;
}
.pr10 {
	padding-right: 10px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
.pr40 {
	padding-right: 40px;
}
.pb0 {
	padding-bottom: 0;
}
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pl0 {
	padding-left: 0;
}
.pl10 {
	padding-left: 10px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
.pl40 {
	padding-left: 40px;
}
.pl50 {
	padding-left: 50px;
}

/* ================================================
itemDetail (商品ページ　商品詳細　ランディング部分　に使用)
================================================*/
.itemDetail * {
    margin: 0;
    padding: 0;
}

.itemDetail {
    line-height: 1.5;
    font-size: 14px;
}

.itemDetail img {
    vertical-align: top;
}

.itemDetail li {
    list-style: none;
}

.itemDetail table td {
    vertical-align: top;
}


.word {
    text-align: left;
    color: #111111;
    font-size: 72%;
    top: -6px;
    position: relative;
}

.word a {
    color: #111;
    text-decoration: none;
}

.word a:hover {
    color: #111;
    text-decoration: underline;
}


/* ================================================
footer
================================================ */
#footer{
    padding: 1em 0 0 ;
}
#footerWrap{
    width: 1000px;
    margin: 0 auto;
}
#footer .sub_title{
    margin-bottom: 2em;
}

.shipping-title {
	background-color:#f2f2f2;
	padding:10px;	
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
	
.shipping-txt {
	background-color:#fff;
	padding:10px;
	font-size:12px;
	text-align:center;
	font-weight:bold;		
}

#footter-navi{
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    padding: 1em 0;
}

#footter-navi a{
    display:inline-block;
}

.k_ttl{ font-size:28px !important; text-align:center; font-weight:bold; margin:0; vertical-align:central !important;}
.k_nav{width:1000px; background-color:#f1f0ed; height:56px; margin:20px 0 30px 0; padding-top:15px;}


.k_con_01 { margin:10px 0 20px 0;}
.k_con_01 img { margin:0 0 16px 0;}
.k_con_01 a {text-decoration:none; color:#000; font-weight:bold; font-size:26px;}
.k_con_01 a:hover{ text-decoration:underline; color:#000;}
.k_con_01 p { font-size:18px; margin-top:10px;}

.k_btn {color:#000; border:#000 4px solid; width:570px; padding:20px; margin:20px 0 60px 0;}
.k_btn a { text-decoration:none; color:#000;}
.k_btn a:hover { text-decoration:underline; color:#000;}