/*==================================================================================== 

main.css
2016/10/20

copyright@ foglamp inc.

====================================================================================*/

/*----------ベース設定-----------------*/

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	color: #333;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #E3007F;
}

li {
	list-style-type: none;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
.clearfix {
	clear: both;
}

html {
	overflow-y: scroll;
}

#page-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    font-size: 100%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
	font-weight:bold;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/*---------------------------------------*/


/*----------メイン設定-----------------*/

.outline {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	background-color: #FFF;
	padding-top: 30px;
	padding-bottom: 10px;

}
#header .outline h1 {
	float: left;
	background: url(../image/main/h_logo.jpg) no-repeat;
	text-indent:-9999px;
	width: 220px;
	height: 60px;
}
#header .outline h1 a {
	display:block;
	width: 220px;
	height: 60px;
}
#header .outline ul {
	float: right;
}
#header .outline ul li {
	float: right;
	margin-right: 20px;
}

#footer {
	background-color: #604C3F;
	padding-top: 50px;
	padding-bottom: 50px;
}
#footer .outline h2 {
	background: url(../image/main/logo_f.jpg) no-repeat;
	text-indent:-9999px;
	width: 244px;
	height: 70px;
	margin: 0 auto;
}
#footer .outline h2 a {
	display:block;
	width: 244px;
	height: 70px;
}
#footer .outline h3 {
	margin-top: 50px;
	margin-left: 138px;
	margin-bottom: 6px;
	color: #fff;
}
#footer .outline .menulist {
	margin-bottom: 30px;
	margin-left: 100px;
}
#footer .outline .menulist li {
	float: left;
	margin-left: 40px;
}
#footer .outline .menulist li a {
	color: #fff;
}
#footer .outline .ftnavi {
	margin-top: 50px;
	margin-left: 180px;
}
#footer .outline .ftnavi li {
	float: left;
	margin-left: 60px;
}
#footer .outline .ftnavi li a {
	color: #fff;
}
#footer .outline p {
	margin-top: 50px;
	margin-left: 400px;
	color: #fff;
}

#centernavi {
	margin-top: 20px;
}
#centernavi .navigation ul li {
	float: left;
	margin-left:34px;
}
#centernavi .navigation ul li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#centernavi .menulist ul {
	float: left;
	margin-left:34px;
}
#centernavi .menulist ul li {
	font-size:16px;
	margin-top:10px;
}


#category {
	background-color: #CDC3BB;
	padding-top: 50px;
	padding-bottom: 100px;
}
#category .outline h2 {
	width: 112px;
	height: 22px;
	margin: 0 auto;
}
#category .outline ul {
	width:744px;
	margin: 20px auto;
}
#category .outline ul li {
	float: left;
	margin: 0 10px;
}
#category .outline ul li a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}


/*---------------------------------------*/


/*----------トップページ設定-----------------*/

#topcatch {
	background-color: #604C3F;
	padding: 60px 0;
}
#topcatch .outline h2 {
	width: 664px;
	height: 282px;
	margin: 0 auto;
}

#toplatest {
	margin-top: 100px;
}
#toplatest .outline .topdesignlist {
	margin-top: 50px;
	margin-bottom: 100px;
	margin-left: 10px;
}
#toplatest .outline .topdesignlist .topdesignbox {
	width: 146px;
	float: left;
	margin-left: 10px;
	margin-bottom: 30px;
}
#toplatest .outline .topdesignlist .topdesignbox p {
	margin-top: 6px;
}
#toplatest .outline .topdesignlist .topdesignbox .topcode {
	color: #FF6600;
	font-size: 18px;
	font-weight: bold;
	margin-left: 16px;
}
#toplatest .outline .topdesignlist .topdesignbox .topgenre {
	margin-left: 16px;
}

#topcpt1 {
	background-color: #9E9F9F;
	padding-top: 100px;
	padding-bottom: 100px;
}
#topcpt1 .outline .cptleft1 {
	float: left;
	width: 410px;
	margin-left:46px;
}
#topcpt1 .outline .cptleft1 p {
	color: #fff;
	margin-top:30px;
	line-height: 1.8em;
}
#topcpt1 .outline .cptright1 {
	float: right;
	margin-top: 34px;
}
#topcpt2 {
	padding-top: 100px;
}
#topcpt2 .outline .cptleft2 {
	float: left;
	margin-top: 34px;
}
#topcpt2 .outline .cptright2 {
	float: right;
	width: 456px;
}
#topcpt2 .outline .cptright2 p {
	margin-top:30px;
	line-height: 1.8em;
	width: 420px;
}
#topcpt3 {
	padding-top: 100px;
	padding-bottom: 100px;
}
#topcpt3 .outline .cptleft3 {
	float: left;
	width: 410px;
	margin-left:46px;
}
#topcpt3 .outline .cptleft3 p {
	margin-top:30px;
	line-height: 1.8em;
}
#topcpt3 .outline .cptright3 {
	float: right;
}

/*---------------------------------------*/


/*----------コンテンツ設定-----------------*/

#headcatch {
	background-color: #EEE;
	padding: 60px 0;
}
#headcatch .outline h2 {
	width: 494px;
	height: 114px;
	margin: 0 auto;
}
#contents .outline h3 {
	margin-top: 50px;
}
#contents .outline .subtxt {
	margin: 30px auto 100px auto;
	width: 800px;
}

#contents .outline .subtxt p {
	margin-top: 20px;
	line-height: 2em;
}
#contents .outline .subtxt p .subhd {
	font-weight: bold;
	color: #727171;
	letter-spacing: 2px;
	font-size:14px;
}
#contents .outline .flow {
	margin: 30px auto 200px auto;
	width: 800px;
}

#contents .outline .flow p {
	line-height: 2em;
	text-align: center;
}
#contents .outline .spec table {
	margin: 30px auto 100px auto;
}
#contents .outline .spec table th {
	color: #604C3F;
	width: 100px;
}
#contents .outline .price {
	margin: 30px auto 60px auto;
	width: 800px;
}

#contents .outline .price p {
	line-height: 2em;
	text-align: center;
}

#contents .outline .polespec {
	margin: 0px auto 200px auto;
	width: 800px;
}
#contents .outline .polespec .lr {
	float: left;
	margin-left: 70px;
	width:288px;
}
#contents .outline .polespec .lr p {
	margin-top: 6px;
}

#cateimgbk {
	background: url(../image/category/bk_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgcf {
	background: url(../image/category/cf_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgbr {
	background: url(../image/category/br_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimglc {
	background: url(../image/category/lc_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgpk {
	background: url(../image/category/pk_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimghs {
	background: url(../image/category/hs_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgpz {
	background: url(../image/category/pz_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgdc {
	background: url(../image/category/dc_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgfd {
	background: url(../image/category/fd_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgah {
	background: url(../image/category/ah_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgfs {
	background: url(../image/category/fs_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgpc {
	background: url(../image/category/pc_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgbs {
	background: url(../image/category/bs_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgpw {
	background: url(../image/category/pw_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgch {
	background: url(../image/category/ch_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgus {
	background: url(../image/category/us_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgto {
	background: url(../image/category/to_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgbt {
	background: url(../image/category/bt_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgop {
	background: url(../image/category/op_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgsl {
	background: url(../image/category/sl_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgka {
	background: url(../image/category/ka_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgfr {
	background: url(../image/category/fr_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgld {
	background: url(../image/category/ld_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgoh {
	background: url(../image/category/oh_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgap {
	background: url(../image/category/ap_image.jpg) no-repeat center;
	background-size:cover;
}
#cateimgav {
	background: url(../image/category/pw_image.jpg) no-repeat center;
	background-size:cover;
	color:#FFFFFF;
}
#cateimgrm {
	background: url(../image/category/rm_image.jpg) no-repeat center;
	background-size:cover;
	color:#FFFFFF;
}
#cateimgav p {
	color:#FFFFFF;
	font-size:16px;
}
.banner {
    text-align: center;
    font-size: 0;
    line-height: 0;
    min-width: 960px;
    height: 256px;
}
#catehead {
	margin: 50px auto 60px auto;
}

#contents .outline .cateline {
	margin: 0 0 100px 0;
}
#contents .outline .catebox {
	float: left;
	margin-left: 60px;
}
#contents .outline .catebox .cateleft {
	float: left;
	width: 140px;
}
#contents .outline .catebox .cateright {
	float: left;
	width: 260px;
}
#contents .outline .catebox .cateright p {
	margin-top: 20px;
}
#contents .outline .catebox .cateright .code {
	color: #FF6600;
	font-size: 14px;
}
#contents .outline .catebox .cateright .codeno {
	margin-top: 20px;
	color: #FF6600;
	font-size: 18px;
	font-weight:bold;
}
#contents .outline .catebox .cateright .bnttl {
	color: #00567C;
	font-size: 14px;
}

#btmact {
	margin: 0px auto 120px auto;
	width: 720px;
}
#btmact .toord {
	width: 328px;
	float: left;
}
#btmact .tocon {
	width: 328px;
	float: right;
}
#btmact a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#topics p{
	font-size:18px;
	text-align:center;
	margin-bottom:30px;
}

/*---------------------------------------*/


/*----------　カート　-----------------*/

.cartjs_cart_in {
	width: 100% !important;
	text-align: left !important;
	margin-bottom: 10px !important;
}
.cartjs_box {
	padding: 0 !important;
}
.cartjs_product_name {
	color: #FF6600 !important;
	font-size: 18px !important;
}
.cartjs_product_explain {
	width: 100% !important;
	color: #00567C;
}
.cartjs_product_table table {
	width: 100% !important;
}
.cartjs_product_table th {
	padding-bottom: 6px !important;
}
.cartjs_product_table td {
	font-size: 14px !important;
	padding-bottom: 6px !important;
}
.cartjs_cart_in input {
	background-color: #009FE8 !important;
	font-size: 10px !important;
	height: 40px !important;
}

#lpcart {
	padding-top: 40px;
}
#lpcart .outline .lpleft {
	float: left;
	margin-left: 30px;
}
#lpcart .outline .lpright {
	float: left;
	width: 440px;
	margin-left: 30px;
}
#lpcart .outline .lpright p {
	margin-top:50px;
	line-height: 1.8em;
	width: 440px;
}