@charset "utf-8";

/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#F48C8C;
}
a:active { text-decoration: underline; }
a:hover { text-decoration:none; }


p {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.category {
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 25px;
	border: 2px solid #F48C8B;
	color: #F48C8C;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


/*---------- Layout ----------*/
* {
	margin: 0px;
	padding: 0px;
}
.body {
	background-color: #FFF;
}

#bodyBox{
        text-align: left;
        background-image:url(https://u.jimcdn.com/cms/o/s81d27b0640c0d315/userlayout/img/background.jpg?t=1401362056);
        background-repeat: repeat-x;
}
#navigtion{
        width:950px;
        overflow:hidden;
}
#content {
        zoom：1;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	background-color: #FFF;
        overflow:hidden;
        background-image: url(background.gif);
        background-repeat: repeat-x;
        
}

#gradebox{
        text-align: center;
        background-image: url(https://u.jimcdn.com/cms/o/s81d27b0640c0d315/userlayout/img/grada-left.png?t=1401362030);
        background-repeat: repeat-y;
        
}

#stage{
        zoom：1;
	width: 950px;
        margin-right: auto;
	margin-left: auto;
	text-align:center;
	background-color: #FFF;
        overflow:hidden;

}

#topBorder {
	background-color:#ff9999;
	height:5px;
}

#contents #main {
	float: right;
	width: 700px;
margin-top: 15px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
        min-height:300px;
}
#footer{
        margin: 0 0 10px 0;
}
#contents #sidebar {
	float: left;
	width: 200px;
	margin-right: 10px;
        margin-left:20px;
}   

/* header
---------------------------------- */      
#headerBox{
	height: 90px;
	width: 950px;
	margin:0px;
	background-image: url(https://u.jimcdn.com/cms/o/s81d27b0640c0d315/userlayout/img/header-back.gif?t=1753408558);
	background-repeat: no-repeat;
	position:relative;
}
#headerBox #headerLogo{
	position:absolute;
	width:350px;
	left: 20px;
	top: 20px;
}
#headerBox #globalmenu{
	position:absolute;
	left: 463px;
	top: 0px;
}
#headerBox #globalmenu li{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#headerBox #globalmenu li a{
	display:block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	height: 30px;
	width: 118px;
}

/* head menu
---------------------------------- */
#headmenu  {
	clear:both;
	width:940px;
	padding-left:6px;
}
#headmenu li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#headimage{
	clear:both;
	width:950px;
	margin-top:3px;
}
.cc-indexpage #headimage{
	display:none;
}

#slider_wrap{
	display:none;
}
.cc-indexpage #slider_wrap{
	display:block;
	clear:both;
	width:950px;
	margin-top:3px;
	padding:0;
}

#slider{
	margin:0;
	padding:0;
}
#slider ul{
	margin:0;
	padding:0;
}
#slider li{
	margin:0;
	padding:0;
}


#footer #footerLeft,
#footer #footerRight{width:970px;}
.buyList{
        width:755px;
        _width:750px;
        height:570px;
        overflow:hidden;
}
#main .clearover img{margin-left:0px;}
div.rightDownload {margin-left: 75px !important;}
/*---------- Default ----------*/
#LogoImg{display:block;}
.cl{clear:both;}
iframe {border: 0px solid #fff;}

/*---------- Font ----------*/
*{
font-family:verdana, helvetica, arial, sans-serif;
}
#headerMenu{font-size:16px;}
.n h1{
        width:90%;
        line-height:125%;
background: transparent url(https://u.jimcdn.com/cms/o/s81d27b0640c0d315/userlayout/img/titile.gif?t=1401420711) no-repeat left top;
color: #f66;
padding-left: 30px;
}
.n h2{
	margin-top: 20px;
       display:block;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #ffd1d1;

background: -moz-linear-gradient(top,  #ffd1d1 0%, #ff777a 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd1d1), color-stop(100%,#ff777a));

background: -webkit-linear-gradient(top,  #ffd1d1 0%,#ff777a 100%);

background: -o-linear-gradient(top,  #ffd1d1 0%,#ff777a 100%);

background: -ms-linear-gradient(top,  #ffd1d1 0%,#ff777a 100%);

background: linear-gradient(to bottom,  #ffd1d1 0%,#ff777a 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd1d1', endColorstr='#ff777a',GradientType=0 );

font-size: 16px;
color: #fff;
        padding-left:15px;
        padding-top:3px;
        padding-bottom:6px;

}


#main h3{
	display:block;
	width:95%;
	background: transparent url(https://u.jimcdn.com/cms/o/s81d27b0640c0d315/userlayout/img/icon.gif?t=1410165717) no-repeat left center;
	padding-left: 25px !Important;
	font-size: 16px;
	font-weight: bold;
	color: #f66;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFE0DF;
	margin-top: 20px;
}
#main h4{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 10px;
}


#sidebar h1{
        border:0px;
        line-height:0px;
        padding-left:10px;
        color:#FFF;
        padding-bottom:0px;
}
#main p,#main .hr,#main table{margin:0px;}
#main ul,#main ol,#main dl{margin-left:1em;}
#main ul li{
	list-style-position: inside;
	list-style-type: disc;
}
#content a:link,
#content a:visited{
        color:#f66;
        text-decoration:none !important;
}
#content a:hover{color:#f90;}
#footerBox{font-size:12px;}
.toTop{
         display:block;
         text-align:right;
         padding-left:600px;
         padding-top:5px;
         padding-bottom:20px;
         _padding-left:550px;
}
.toTop a{
         font-size:12px;
         display:block;
         width:120px;
         background:url(矢印.gif) left center no-repeat;
         padding-left:17px;
}
/*---------- Main Navi ----------*/
#navigation{
        background-color:#FFF;
        padding-bottom: 10px;
}
#navigation ul{
list-style-type: none;
}
#navigation ul#mainNav1{
        display:block;
list-style-type: none;
margin: 20px 0px 0px 0px;
}
#navigation ul#mainNav1 li{
margin:0px;
padding: 1px 0 2px 3px;
width: 180px;
border-bottom: thin dotted #999;
}               
#navigation li a:link {
        font-size:12px;
        font-weight:bold;
        text-align:left;
        display:block;
        line-height:30px;
        padding:0px;
        color:#666;
}
#navigation li a:visited {
        color:#666;
}
#navigation li a:hover,
#navigation  li a:link.current,
#navigation  li a:visited.current{
text-decoration: underline;
color: #f66;
}


?li#mainNav1  > ul  { 
background: none;
}
#navigation ul#mainNav2 li {
	border-bottom: none;
	background-color: transparent;
	background-image: url(https://u.jimcdn.com/cms/o/s81d27b0640c0d315/userlayout/img/point.gif?t=1401362009);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#sidebar #jindobox{
padding-left: 5px;
}
/*---------- Footer ----------*/

#footer #footerBox #footerLeft{
     text-align: center;
     height: 20px;
     background-image: url(https://u.jimcdn.com/cms/o/s81d27b0640c0d315/userlayout/img/grada-bottom.png?t=1401362038);
     background-repeat: no-repeat;
}

#footer #footerRight{
         text-align: center;
         padding: 10px 0 10px 0;
} 
#dummyFooter{/*display:none;*/}



/*---------- IE ----------*/
#header,#navigation,#pageImg,#contents,#footer{
       text-align:left;
}

li{
}




/* blog
---------------------------------- */
.datetime,
.datetime-inner{
	width:130px;
	height:13px;
	float:left;
    background-image:none;
}
.datetime-inner{
    width:140px;
    height:13px;
    margin:0px 0px 0px auto;
}
.datetime .yr{
	padding:0px;
	margin:0px;
	height:20px;
	float:right;
	width:50px;
	font-size:12px;
	color:#666666;
	text-align:left;
	vertical-align:top;
	display:inline;
	line-height:20px !important;
}
.datetime .mon{
	padding:0px;
	margin:0px;
	height:20px;
	float:right;
	width:36px;
	text-align:center;
	vertical-align:top;
	display:inline;
        font-size:12px;
	color:#666;
	line-height:20px !important;
}
.datetime .day{
    padding:0px;
    margin:0px;
    height:20px;
    float:right;
    background:none;
    width:36px;
    text-align:left;
    vertical-align:top;
    display:inline;
    font-size:12px;
    color:#666;
    line-height:20px !important;
}



#contents #main .blogselection .datetime,
#contents #main .blogselection .datetime-inner{
	width:130px;
	height:13px;
	float:left;
    background-image:none;
}
#contents #main .cc-page-blog .datetime-inner{
    width:140px;
    height:13px;
    margin:0px 0px 0px auto;
}
#contents #main .cc-page-blog .datetime .yr,
#contents #main .blogselection .datetime .yr{
	padding:0px;
	margin:0px;
	height:20px;
	float:right;
	width:50px;
	font-size:12px;
	color:#666666;
	text-align:left;
	vertical-align:top;
	display:inline;
	line-height:20px !important;
}
#contents #main .cc-page-blog .datetime .mon,
#contents #main .blogselection .datetime .mon{
	padding:0px;
	margin:0px;
	height:20px;
	float:right;
	width:36px;
	text-align:center;
	vertical-align:top;
	display:inline;
        font-size:12px;
	color:#666;
	line-height:20px !important;
}
#contents #main .cc-page-blog .datetime .day,
#contents #main .blogselection .datetime .day{
    padding:0px;
    margin:0px;
    height:20px;
    float:right;
    background:none;
    width:36px;
    text-align:left;
    vertical-align:top;
    display:inline;
    font-size:12px;
    color:#666;
    line-height:20px !important;
}

#content .blogselection .j-blogarticle h1{
	padding:0px !important;
	margin:0px;
	width:550px !important;  /*テンプレートによってサイズ変更 */
	float:right;
	font-size:12px;
	background:none !important;
	line-height:1.2 !important;
	text-indent:0px !important;
	border:none;
	height:auto;
	text-align:left;
	border:none;
}
#contents #main .blogselection .j-blogarticle h1 a{
    display:inline !important;
    padding:0px;
    margin:0px;
    text-align:left !important;
    text-indent:0px !important;
    font-weight:normal;
/*    text-decoration:none; */ /* アンダーラインも消せる */
}
#contents #main .blogselection .j-blogarticle h2{
	background:none;
}
#contents #main .j-blogarticle{
    border-bottom:1px dotted #ccc;
    margin-bottom:0px;
    clear:both;
}
#contents #main .j-blogarticle .blogreadmore{
      display:none;
}






/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	*zoom: 1;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 300px;
	background: url(img/controls.png) no-repeat -43px -32px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 640px){
	.bx-wrapper .bx-prev {
	left: 0px;
	background: url(img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 0px;
	background: url(img/controls.png) no-repeat -43px -32px;
}
}
	
	
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(img/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(img/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.qanda {
font-weight: bolder; color: #f66;
}

/** SITEMAP
===================================*/

ul.sitemap:last-child {
        overflow: auto;
        height: 100px; /*任意の値*/
}
#content_area ul.sitemap li ul {
        overflow: visible;
        height: auto;
}

/** table
===================================*/
.coupon td {
padding-left: 5px;
}
.coupon td.smll{
font-size: 90%;
}