@charset "shift_jis";
/* CSS Document */

/**********************************************************************************************************

	style.css

**********************************************************************************************************/

/* 
----------------------------------------------------------------------
	1.body
----------------------------------------------------------------------
*/

body {
	font-size: 14px;
	line-height: 1.5;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	color: #322f31;
}

a {	color: #006778; text-decoration: underline; outline:none; }
a:hover, a:active {	text-decoration: none; }

/* 
----------------------------------------------------------------------
	2.header
----------------------------------------------------------------------
*/
#header {
	background:url(../../images/header-bg.png) repeat-x;
	box-shadow: 0 0 3px 1px #908f8c;
    position: relative;
    z-index: 5;
}
.header_inner {
	width: 920px;
	margin: 0 auto;
}
.header_inner .header_h1 {
	padding: 7px 0;
	font-size: 86%;
	text-align: right;
	font-weight: normal;
	color: #fff;
	line-height: 1;
}
.header_inner .header_contact {
	min-height: 29px;	
}  
.header_inner .info_link {
	height: 21px;
	float: right;
	margin-right: 16px;
}
.header_inner .info_link li {
	display: inline-block;
	margin-right: 8px;
	padding-top: 5px;
	line-height: 1;
}
.header_inner .info_link li a {
	display: block;
	padding-right: 13px;
	background:url(../../images/cmn_hx_arrow01.png) no-repeat right center;
	font-size: 86%;
	color: #fff;
	line-height: 1;
	text-decoration: none;
}
.header_inner .info_link li a:hover {
	text-decoration: underline;
}
.header_inner .header_tel {
	float: right;
}
.header_inner .header_txt {
	margin: 4px 0 0 12px;
	float: right;
}
.header_inner .logo {
	float: left;
	margin: 8px 0 5px;
}
.header_inner .search_box {
	margin: 0 0 0 14px;
	float: right;
}
.header_inner .search_box input[type="text"] {
	width:160px;
    height: 23px;
    border: 0;
	outline: 0;
	padding-left:6px;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.header_inner .search_box .search_btn {
    border: 0px;
    width:30px;
    height:23px;
	font-family: FontAwesome;
    background:#53c4c8;
	float:right;
}
.header_inner .search_box .search_btn a {
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	display:block;
	font-size:15px
}

/* nav  -------------------------- */
.header_inner .nav {
	float: right;
}
.header_inner .nav .nav_box01 {
	float: left;
	width: 185px;
	height: 60px;
	background: url(../../images/nav_line_bg.png) no-repeat right bottom;
}

.header_inner .nav .nav_box02 {
	float: left;
	width: 119px;
	height: 60px;
	background: url(../../images/nav_line_bg.png) no-repeat right bottom;
}

.header_inner .nav .nav_box03 {
	float: left;
	width: 112px;
	height: 60px;
	background: url(../../images/nav_line_bg.png) no-repeat right bottom;
}

.header_inner .nav .nav_box04 {
	float: left;
	width: 89px;
	height: 60px;
}
.header_inner .nav .nav_box01 a,
.header_inner .nav .nav_box02 a,
.header_inner .nav .nav_box03 a,
.header_inner .nav .nav_box04 a {
	display: block;
	margin-right: 1px;
	padding: 25px 0 21px;
	line-height: 1;
	text-align: center;
	color: #322f31;
	text-decoration: none;
}
.header_inner .nav .nav_box01 a:hover,
.header_inner .nav .nav_box02 a:hover,
.header_inner .nav .nav_box03 a:hover,
.header_inner .nav .nav_box04 a:hover {
	background: #fbfbfb !important;
    color: #d142a9;
}
.header_inner .nav .active01 {
	background: #fbfbfb !important;
}
.header_inner .nav .subnav_box {
	position: absolute;
	top: 115px;
	left: 0;
	width: 100%;
	height: 200px;
	padding-bottom: 4px;
}
.header_inner .nav .subnav_box .subnav_box_wrap{
	width:920px;
	margin:0 auto;
}
.header_inner .nav .subnav_box .subnav {
	width: 200px;
    height: auto;
    margin: 0 0 0 200px;
    padding: 20px 10px 10px 15px;
    background: #fbfbfb url(../../images/submenu-bg.png) repeat-x left bottom;
    border-top: 3px solid #d142a9;
    -webkit-box-shadow: 0 0 3px 1px #908f8c;
    -moz-box-shadow: 0 0 3px 1px #908f8c;
    box-shadow: 0 0 3px 1px #908f8c;
}
.header_inner .nav .subnav_box .subnav:before{
	border: .8em solid transparent;
    content: "";
    height: 0;
    width: 0;
    border-bottom: 8px solid #d142a9;
	margin-top:-42px;
}
.header_inner .nav .subnav_box .subnav .subnav_list {
	padding-top:20px;
}
.header_inner .nav .nav_box02 .subnav_box .subnav {
	width: 908px;
	height: auto;
	margin: 0px auto;
	padding-top: 22px;
}
.header_inner .nav .nav_box02 .subnav_box .subnav:before{
	margin-left:380px;
}
.header_inner .nav .nav_box02 .subnav_box .subnav .subnav_list {
	float: left;
	width: 400px;
	padding-right: 20px;
}
.header_inner .nav .nav_box03 .subnav_box .subnav {
	width: 280px;
	margin: 0 0 0 495px;
}
.header_inner .nav .nav_box04 .subnav_box .subnav {
	margin: 0 0 0 608px;
}
.header_inner .nav .subnav_box .subnav .subnav_list li {
	width: 95%;
	display: block;
	margin: 0 0 10px 0;
}
.header_inner .nav .subnav_box .subnav .subnav_list li.last {
	margin: 0 0 5px 0;
}
.header_inner .nav .subnav_box .subnav .subnav_list li a {
	display: block;
	height: 15px;
	line-height: 15px;
	font-size: 14px;
    padding: 0 0 8px 5px;
	color: #322f31;
	text-align: left;
	border-bottom:1px solid #cccccc;
}
.header_inner .nav .subnav_box .subnav .subnav_list li.last a {
    padding: 0 0 0 5px;
	border-bottom:0;
}
.header_inner .nav .subnav_box .subnav .subnav_list li a:hover {
	background: none;
	text-decoration: none;
    color: #d142a9;
}
.header_inner .nav .subnav_box .subnav .subnav_list li.last.subnav_truth a {
	background:#fe38ae !important;
	color:#ffffff !important;
    padding: 5px;
}
.header_inner .nav .subnav_box .subnav .subnav_list li.last.subnav_truth a:hover {
	background:#fe38ae !important;
	color:#ffffff !important;
    padding: 5px;
	opacity:0.8;
}
.header_inner .login_box {
	float: left;
	width: 90px;
	height: 60px;
}
.header_inner .login_box a {
	display: block;
	padding: 25px 0 21px;
	line-height: 1;
	text-align: center;
	color: #322f31;
	text-decoration: none;
	background: url(../../images/login_btn_bg.png) no-repeat;	
}
.header_inner .login_box a:hover {
	background: url(../../images/login_btn_bg_on.png) no-repeat;
}
.header_inner .login_box span {
	display: inline-block;
/*	padding-right: 14px;
	background: url(../../images/cmn_hx_arrow02.png) no-repeat right 3px;*/
}

.header_inner .order_box {
	float: left;
	width: 133px;
	height: 60px;
}
.header_inner .order_box a {
	display: block;
	padding: 25px 0 21px;
	line-height: 1;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: url(../../images/order_btn_bg.png) no-repeat;	
}
.header_inner .order_box a:hover {
	background: url(../../images/order_btn_bg_on.png) no-repeat;
}
.header_inner .order_box span {
	display: inline-block;
	padding-right: 11px;
	background: url(../../images/cmn_hx_arrow03.png) no-repeat right 3px;
}
/* sp—pƒiƒr‚Ì”ñ•\Ž¦ */
#submenu_wrapper {
    display: none;
}
/* ƒpƒ“‚­‚¸ƒŠƒXƒg ƒXƒ}ƒz‚É‚ÄPCƒy[ƒW•\Ž¦Žž‚ÌƒeƒLƒXƒgƒTƒCƒY‘Î‰ž */
#container .breadcrumbsTop li{
	-webkit-text-size-adjust: 100%;
}
/* 
----------------------------------------------------------------------
	3.side
----------------------------------------------------------------------
*/
.sideSetBanner{
	width:200px;
	height:578px;
	margin:auto;
}
.sideSetBanner a{
	width:200px;
	height:578px;
	background: url(../../images/cmn_side_bnr01_nologin.jpg) no-repeat center center;
	text-indent:-9999px;
	display:block;
}
.sideSetBanner a:hover{
	background: url(../../images/cmn_side_bnr01_nologin_on.jpg) no-repeat center center;
}
/* 
----------------------------------------------------------------------
	4.common banner
----------------------------------------------------------------------
*/
#cmn_btm_bnr {
	margin: 0 auto;
	background: url(../../images/grey-bg.jpg) no-repeat center center;
	text-align: center;
}
#cmn_btm_bnr a{
	margin: 0 auto;
	width:920px;
	height:319px;
	background: url(../../images/product-img.jpg) no-repeat center center;
	text-indent:-9999px;
	display:block;
}
#cmn_btm_bnr a:hover{
	background: url(../../images/product-img_on.jpg) no-repeat center center;
}


/* 
----------------------------------------------------------------------
	5.footer
----------------------------------------------------------------------
*/
#footer {
	background: #f6f6f6;
}

.footer_nav {
	background: #eeeded;
	padding: 17px 0 16px;
	text-align: center;	
}
.footer_nav li {
	display: inline-block;
	margin: 0 3px;
}
.footer_nav li a {
	color: #322f31;
	font-size: 79%;
	text-decoration: none;
}
.footer_nav li a:hover {
	text-decoration: underline;
}

.footer_inner {
	width: 920px;
	margin: 0 auto;
	padding: 11px 0 23px;
}
.footer_box01 {
	margin-bottom: 18px;
	padding-bottom: 11px;
	border-bottom: 1px dotted #b8b8b8;
}
.footer_box01 .day60 {
	float: left;
	width: 570px;
}
.footer_box01 .day60_logo {
	float: left;
	margin: 0 10px 0 11px;
}
.footer_box01 .day60_txt {
	padding-top: 13px;
	font-size: 86%;
}

.sns_box {
	float: right;
	margin-top: 10px;
}
.sns_box ul li {
	display: inline-block;
	margin: 0 13px;
}
.sns_box ul li img {
	display: block;
}
.footer_box02 {
	margin-bottom: 22px;
	font-size:79%;
}
.footer_box02_inner{
	float:left;
	margin: 0 30px 0 10px;
}
.company_name {
	font-size:130%;
}
.footer_contact {
	float: left;
	margin-right: 22px;
}
.footer_txt {
	float: left;
}
.jadma_logo {
	float: right;
}

.copyright {
	text-align: center;
	font-size:60%;
}