/***********************************/
/* set default value
************************************/

*{
	list-style-type: none;
	line-height: 1.0;
/*	display: block;
	width: auto;*/
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
/*	border-width: 0;
	color: #000;*/
/*	font-family: sans-serif;*/
	font-style: normal;
	text-align: left;
/*	background-color: #fff;*/
}

img,
fieldset{
	border: 0;
}

img{
	vertical-align: bottom;
}

h1 {
font-size: 12px;
font-weight: normal;
color: #000000;
margin : 6px;
text-align: center;
}

h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}

#wrap{
	position: relative;
}

/***********************************/
/* common styles
************************************/

.clear-fix:after{
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.clear-fix{
	display: inline-block;
}

/*?*/
.clear-fix{
	display: block;
}
/**/

.jump{
	padding-top: 1.5em;
}

.jump ul{
	padding-left: 1.5em;
}
	

.jump ul li{
	list-style-type: disc;
}

.jump ul li a{
	line-height: 1.5;
	font-size: 78%;
}


a.target{
	color: #333 !important;
	vertical-align: middle;
}

.b{
	font-weight: bold;
}

p.soldout{
	padding-top: 1em;
}

/***********************************
/* layout
************************************/

/* centering
---------------------------------------------------------------*/

body,
.center{
	text-align: center;
}

#wrap,
.centered{
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}


/* width (fixed)
---------------------------------------------------------------*/

#wrap{					width: 1000px;}

#head{					width: auto;}
#head .ms{				width: auto;}
#head .main{				width: 35%;}
#head .sub{				width: 60%;}

#container{				width: auto;}
#container .sm{			width: 800px;}
#container .main{		width: 600px;}
#container .sub{		width: 200px;}
#container .xsub{		width: 200px;}

#foot{					width: auto;}



/* float
---------------------------------------------------------------*/

/* -ms [ [main][sub] ]
---------------------------------------------------------------*/

.container-ms #container .main,
.head-ms #head .main,
.content-ms #content .main,
.foot-ms #foot .main{
	float: left;
}

.container-ms #container .sub,
.head-ms #head .sub,
.content-ms #content .sub,
.foot-ms #foot .sub{
	float: right;
}

/* -sm [ [sub][main] ]
---------------------------------------------------------------*/

.container-sm #container .main,
.head-sm #head .main,
.content-sm #content .main,
.foot-sm #foot .main{
	float: right;
}

.container-sm #container .sub,
.head-sm #head .sub,
.content-sm #content .sub,
.foot-sm #foot .sub{
	float: left;
}

/* -msx [ [main][sub][xsub] ]
---------------------------------------------------------------*/

.container-msx #container .main,
.head-msx #head .main,
.content-msx #content .main,
.foot-msx #foot .main{
	float: left;
}

.container-msx #container .sub,
.head-msx #head .sub,
.content-msx #content .sub,
.foot-msx #foot .sub{
	float: left;
}

.container-msx #container .xsub,
.head-msx #head .xsub,
.content-msx #content .xsub,
.foot-msx #foot .xsub{
	float: left;
}

/* -smx [ .sm [ [sub][main] ] [xsub] ]
---------------------------------------------------------------*/

.container-smx #container .sm,
.head-smx #head .sm,
.content-smx #content .sm,
.foot-smx #foot .sm{
	float: left;
}

.container-smx #container .sm .main,
.head-smx #head .sm .main,
.content-smx #content .sm .main,
.foot-smx #foot .sm .main{
	float: right;
}

.container-smx #container .sm .sub,
.head-smx #head .sm .sub,
.content-smx #content .sm .sub,
.foot-smx #foot .sm .sub{
	float: left;
}

.container-smx #container .xsub,
.head-smx #head .xsub,
.content-smx #content .xsub,
.foot-smx #foot .xsub{
	float: right;
}


/* clear fix
---------------------------------------------------------------*/

#gnav ul:after,
.content .ms:after,
.container-ms #container:after,
.head-ms #head:after,
.content-ms #content:after,
.foot-ms #foot:after,
.container-sm #container:after,
.head-sm #head:after,
.content-sm #content:after,
.foot-sm #foot:after,
.container-msx #container:after,
.head-msx #head:after,
.content-msx #content:after,
.foot-msx #foot:after,
.container-smx #container:after,
.head-smx #head:after,
.content-smx #content:after,
.foot-smx #foot:after{
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#gnav ul,
.content .ms,
.container-ms #container,
.head-ms #head,
.content-ms #content,
.foot-ms #foot,
.container-sm #container,
.head-sm #head,
.content-sm #content,
.foot-sm #foot,
.container-msx #container,
.head-msx #head,
.content-msx #content,
.foot-msx #foot,
.container-smx #container,
.head-smx #head,
.content-smx #content,
.foot-smx #foot{
	display: inline-block;
}

/*?*/
#gnav ul,
.content .ms,
.container-ms #container,
.head-ms #head,
.content-ms #content,
.foot-ms #foot,
.container-sm #container,
.head-sm #head,
.content-sm #content,
.foot-sm #foot,
.container-msx #container,
.head-msx #head,
.content-msx #content,
.foot-msx #foot,
.container-smx #container,
.head-smx #head,
.content-smx #content,
.foot-smx #foot{
	display: block;
}
/**/


/***********************************
/* site
************************************/


body{
	font-family: Verdana, Arial, sans-serif;
/*	font-family: "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "ＭＳ Ｐゴシック", Verdana, sans-serif;*/
	font-size: 100%;
/*	font-size: 14px;
	*font-size: 90%;
	*font: 90%;*/
	color: #333;
	background: #E6E6E6 url(https://img08.shop-pro.jp/PA01033/512/etc/_body-bg.png);
}


#wrap{
	background: #fff;
}

/* head
---------------------------------------------------------------*/

#head{
	padding: 0 0 9px 0;
	background: #ebf1bc url(https://img08.shop-pro.jp/PA01033/512/etc/head-bg.jpg) top left repeat;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}

#head .sub{
	margin: 32px 0 0 0;
}

#logo{
	margin: 12px 0 0 8px;
}

#slogan{
	margin: 0 0.5em 1em 0;
	text-align: right;
	color: #704a1d;
	font-size: 84%;
	vertical-align: middle;
}

#head-url{
	margin: 0 1em 1px 0;
	text-align: right;
}


/* gnav
---------------------------------------------------------------*/

#gnav{
	margin: 0 0 2.2em 0;
	background: #1D2E5E;
	border-bottom: 2px solid #666;
}


/*?*/
* html #gnav .first{
	height: 1%;
}
/**/

#gnav ul li{
	float: left;
	padding: 1px 0;
}

#gnav ul li.guide,
#gnav ul li.inquiry,
#gnav ul li.link,
#gnav ul li.qanda{
	width: 153px;
}

#gnav ul li.home,
#gnav ul li.blog,
#gnav ul li.about{
	width: 129px;
}

#gnav ul li a{
	display: block;
	padding-top: 0.6em;
	padding-bottom: 0.5em; 
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}

/*?*/
* html #gnav ul li a{
	height: 1%;
}
/**/


#gnav ul li a:link,
#gnav ul li a:visited{
	color: #fff;
}

#gnav ul li a:hover,
#gnav ul li a:focus,
#gnav ul li a.on{
	color: #fff;
	background: #2E4E97;
}

#gnav ul li a:active{
	color: #DABD8B;
}


/* container
---------------------------------------------------------------*/

#container{
	margin: 0 0 1.5em 0;
	background: url(https://img08.shop-pro.jp/PA01033/512/etc/_container-bg.gif) top left repeat-y;
}

#container a{			color: #1F4199;}
#container a:visited{	color: #52459a;}
#container a:active{	color: #a13804;}

.left .block{
	margin: 0 20px 1.2em 20px;
	padding: 0 0 1em 0;
	background: url(https://img08.shop-pro.jp/PA01033/512/etc/_dot-h.gif) bottom left repeat-x;
}

.right .block{
	margin: 0 18px 1.2em 18px;
	padding: 0 0 1em 0;
	background: url(https://img08.shop-pro.jp/PA01033/512/etc/_dot-h.gif) bottom left repeat-x;
}


.left h2,
.right h2{
	margin: 0 0 1.2em 0;
	padding-top: 2px;
	font-size: 90%;
	font-weight: bold;
}

#buying-banner ul li{
	margin-bottom: 5px;
}

#block-search form p.textarea{
	margin: 0 0 0.5em 0;
}

#block-search input.text{
	padding: 0.2em 2px 0.1em 2px;
	width: 150px;
	font-size: 90%;
}


#category ul li{
	margin: 0 0 0.3em 0;
}

#category ul li a{
	line-height: 1.0;
	padding-left: 14px;
	font-size: 78%;
	background: url(https://img08.shop-pro.jp/PA01033/512/etc/_icon-category.png) 0% 50% no-repeat;
	text-decoration: none;
}

#category ul li a:hover{
	text-decoration: underline;
}

#idnum ul li{
	line-height: 1.5;
	font-size: 78%;
}

#util ul li{
	margin: 0 0 0.3em 0;
}

#util ul li a{
	line-height: 1.0;
	margin: 0 0 1em 0;
	padding-left: 14px;
	font-size: 78%;
	background: url(https://img08.shop-pro.jp/PA01033/512/etc/_icon-category.png) 0% 50% no-repeat;
	text-decoration: none;
}

#util ul li a:hover{
	text-decoration: underline;
}

#button ul li.viewcart{
	margin: 0 0 1em 0;
}

#feature h3{
	line-height: 1.5;
	font-size: 78%;
	font-weight: bold;
}

#feature p{
	line-height: 1.5;
	font-size: 78%;
	margin: 0 0 1em 0;
}

#feature{
	padding: 0 0 1em 0;
}

#buying p{
	line-height: 1.5;
	font-size: 78%;
}

#address p{
	line-height: 1.5;
	font-size: 78%;
	margin: 0 0 1em 0;
}

#address{
	padding: 0 0 1em 0;
}

#breadcrumbs p{
	line-height: 1.2;
	font-size: 78%;
	vertical-align: middle;
}

#rss ul li{
	margin-bottom: 0.5em;
}


.content .block{
	margin: 0 0 1.2em 0;
	padding: 0 0 1.2em 0;
/*	background: url(https://img08.shop-pro.jp/PA01033/512/etc/_dot-h.gif) bottom left repeat-x;*/
	color: #333;
}


.content #title,
.content #title2,
.content #title3,
.content .title{
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	background-image: none !important;
}

.content h2{
	line-height: 1.2;
	font-size: 140%;
	font-weight: bold;
}

.content h3{
	line-height: 1.2;
	margin: 0 0 1em 0;
	font-size: 90%;
	font-weight: bold;
}

.content p{
	line-height: 1.5;
	font-size: 78%;
}

.content .block .first{
	margin: 0 25px;
}

.content .last{
	margin: 0 !important;
	background: transparent !important;
}

img.right{
	float: right;
	margin: 0 0 1em 1em;
}

img.left{
	float: left;
	margin: 0 1em 1em 0;
}

/* foot
---------------------------------------------------------------*/

#foot{
	margin: 0;
}

#foot p{
	line-height: 1.5;
	margin: 0;
	padding: 1em 0.75em 0.75em 0.75em;
	background: #999 url(https://img08.shop-pro.jp/PA01033/512/etc/_foot-bg-top.png) top left repeat-x;;
	text-align: center;
	font-size: 78%;
	color: #fff;
}

/*?*/
* html #foot p{
	height: 1%;
}
/**/


/***********************************/
/* individual pages
************************************/


/* about
---------------------------------------------------------------*/

/* H2 Type Red
------------------------------------*/

.content h2{
	line-height: 1.2;
	font-size: 140%;
	font-weight: bold;
	border: none;
	padding: 0.2em 0.2em 0.2em 28px;
	background: url(https://img08.shop-pro.jp/PA01033/512/etc/_icon-title.png) top left repeat-y;
}

.content h2 a{
	color: #000 !important;
	text-decoration: none;
}


#about h3{
	margin: 0 0 1em 0;
}

/* H3 Type Blue
------------------------------------*/

#about h3{
	line-height: 1.2;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid #999;
	border-left: 8px solid #1D2E5E;
	padding: 0.5em;
	background-image: none;
}

#about h3 a{
	color: #000 !important;
	text-decoration: none;
}

#about h3 a:hover{
	text-decoration: underline;
}

#about h4{
	margin-bottom: 1em;
	font-size: 84%;
	font-weight: bold;
}

#about p{
	line-height: 1.5;
	font-size: 78%;
	color: #333;
}

#about .second{
	margin: 0 0 2em 0;
}

#about .second .sm{
	width: 550px !important;
}

#about .second .sm .main{
	float: right;
	width: 380px !important;
}

#about .second .sm .sub{
	float: left;
	width: 137px !important;
}

#about .second .sm .sub p img{
	margin: 0 0 0.5em 0;
}

#about .second .sm .sub h4{
	line-height: 1.5;
	font-size: 78%;
	font-weight: bold;
}

#about .second .sm .sub p{
	line-height: 1.5;
	font-size: 78%;
}

#about address{
	padding: 1em;
	line-height: 1.5;
	font-size: 78%;
	background: #e5e5e5;
}



#about .second:after{
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#about .second{
	display: inline-block;
}

/*?*/
#about .second{
	display: block;
}
/**/


#about table{
	margin: 0 0 1em 0;
	border-collapse: collapse;
	border-spacing: 0;
}



#about table th,
#about table td{
	border: 1px solid #ccc;
}

#about table td{
	border-left-width: 0;
}

#about table th{
	line-height: 1.5;
	padding: 0.3em 0.5em;
	width: 11em;
	text-align: left;
	font-size: 78%;
	font-weight: normal;
	color: #333;
	white-space: nowrap !important;
}

#about table td{
	line-height: 1.5;
	padding: 0.3em 0.5em;
	font-size: 78%;
	color: #333;
	vertical-align: middle;
}



/* guide
---------------------------------------------------------------*/

#order .second,
#flow .second{
	margin: 0 0 2em 0
}

/* H2 Type Red
------------------------------------*/

#order h2{
	line-height: 1.2;
	font-size: 140%;
	font-weight: bold;
	border: none;
	padding: 0.2em 0.2em 0.2em 28px;
	background: url(https://img08.shop-pro.jp/PA01033/512/etc/_icon-title.png) top left repeat-y;
}

#order h2 a{
	color: #000 !important;
	text-decoration: none;
}


#order h3{
	margin: 0 0 1em 0;
	padding-bottom: 0.5em;
/*	border-bottom: 1px solid #999;*/
}



#order h3,
#flow h3{
	margin: 0 0 1em 0;
}

#order p{
	line-height: 1.5;
	margin: 0 0 1em 0;
	font-size: 78%;
	color: #333;
}


	

#order ol{
	padding-left: 1.5em;
}
	

#order ol li{
	line-height: 1.5;
	margin: 0 0 1em 0;
	list-style-type: decimal;
	font-size: 78%;
}

#order ol li p{
	font-size: 100%;
}

#order ol li p.screenshot{
	text-align: center;
}


/* H2 Type Blue
------------------------------------*/

#flow h3{
	line-height: 1.2;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid #999;
	border-left: 8px solid #1D2E5E;
	padding: 0.5em;
}

#flow h3 a{
	color: #000 !important;
	text-decoration: none;
}

#flow h3 a:hover{
	text-decoration: underline;
}

#flow table{
	border-collapse: collapse;
	border-spacing: 0;
}



#flow table th,
#flow table td{
	border: 1px solid #e5e5e5;
}

#flow table th{
	padding: 1em;
	text-align: center;
	font-size: 78%;
	font-weight: bold;
	color: #333;
	background: #e5e5e5;
	white-space: nowrap;
}

#flow table td{
	line-height: 1.5;
	padding: 1em;
	font-size: 78%;
	color: #333;
	vertical-align: middle;
}

#flow table td img{
	margin: 0 0.2em;
	vertical-align: middle;
}

#flow table tr.subelement,
#flow table tr.subelement td{
	line-height: 1;
	padding: 0.5em;
	border: none;
	text-align: center;
}


/* link
---------------------------------------------------------------*/

#link .first{
	padding: 0 0 1em 0;
}

#link p,
#banner p{
	line-height: 1.5;
	margin: 0 0 1em 0;
	font-size: 78%;
	color: #333;
}

#banner ol{
	padding-left: 1.5em;
}
	

#banner ol li{
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	list-style-type: decimal;
	font-size: 78%;
}

/*?*/
* html .content .block{
	height: 1%;
}
/**/


/* Q&A
---------------------------------------------------------------*/


#qanda div.answer{
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 1em;

	border-top: 1px solid #999;
}

#qanda h3{
	line-height: 1.5;
	padding-left: 30px;
	background: url(https://img08.shop-pro.jp/PA01033/512/etc/icon-q-l.png) 0em 0.1em no-repeat;
}


#qanda ul{
	margin-bottom: 2em;
	padding-left: 1em;
}
	

#qanda ul li{
	line-height: 1.5;
	margin: 0 0 0.5em 0;
	padding-left: 24px;
	list-style-type: none;
	font-size: 78%;
	background: url(https://img08.shop-pro.jp/PA01033/512/etc/icon-q-s.png) 0em 0.25em no-repeat;
}

#qanda ul li a{
	text-decoration: none;
}

#qanda ul li a:hover,
#qanda ul li a:focus{
	text-decoration: underline;
}

#qanda p.answer{
	padding-left: 30px;
	background: url(https://img08.shop-pro.jp/PA01033/512/etc/icon-a-l.png) 0em 0.1em no-repeat;
}

#qanda p.link-pagetop {
	text-align: right;
}


a {
  text-decoration: none; /* 通常は下線を表示しない */
}

a:hover {
  text-decoration: underline; /* カーソルを当てたときに下線を表示 */
}


#buying a {
    display: inline-block;
    line-height: 1.1;
    margin-bottom: 3px;
}

#buying p {
    margin-bottom: 1px;
}