@charset "utf-8";

/*/////////////////////////////////////////////////////////////
[lib]
	0. clearfix
	1. midasi
	2. decoration
	3. jCarousel
	4. bar
	5. form
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. clearfix
------------------------------------------------------------ */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ------------------------------------------------------------
	1. midasi
------------------------------------------------------------ */

/* 見出し
---------------------------------------------------- */
.midasi {
	height: 30px;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0 8px;
	border-top: 1px solid #5b5b5b;
	border-bottom: 1px solid #5b5b5b;
	background-image: url(/smart/common/images/doto.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

.midasi .title {
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

/* ------------------------------------------------------------
	2. decoration
------------------------------------------------------------ */
.small {
	font-size: 0.8em;
}

.arrowGray {
	background-image: url(/smart/common/images/g_yajirusi.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
}

.arrowGrayBottom {
	background-image: url(/smart/common/images/g_yajirusi_b.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
}

.arrowWhiteBottom {
	background-image: url(/smart/common/images/w_yajirusi_b.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
}

.arrowWhiteTop {
	background-image: url(/smart/common/images/w_yajirusi_t.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
}

.color01 {
	color: #cc0000;
}

.pr {
	color: #cc0000;
	font-size: 1.1em;
}

.price {
	font-weight: bold;
	font-size: 1.3em;
	color: #cc0000;
}

.goTop {
	display: block;
	font-size: 0.7em;
}

.goTop a {
	display: block;
	width: 100px;
	margin: 0 0 0 auto;
	text-align: right;
	padding: 1px 0 0 15px;
	background-image: url(/smart/common/images/g_yajirusi_t.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.bikou {
	display: block;
	text-align: left;
	margin: 5px 0;
	padding: 5px;
	background-color: #eee;
	font-size: 0.8em;
}

.bockground01 {
	background-color: #eee;
}

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.margin01 {
	margin-left: 25px;
}

.require {
	margin-left: 5px;
	padding: 3px;
	vertical-align: text-bottom;
	color: #fff;
	background-color: #bb0000;
	font-weight: bold;
	font-size: 11px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* ------------------------------------------------------------
	3. jCarousel
------------------------------------------------------------ */
.jCarousel {
	margin-bottom: 15px;
	text-align: center;
	-webkit-transition: margin 0.5s ease-in-out;
	transition: margin 0.5s ease-in-out;
	test-align: center;
}


/* ------------------------------------------------------------
	4. bar
------------------------------------------------------------ */

/* PCサイトバー
---------------------------------------------------- */
.pcSite {
	margin: 10px 0 0 0;
}


.midasi, .pcSite {
	position: relative;
}

.midasi .back, .pcSite .back {
	display: block;
	width: 71px;
	height: 26px;
	position: absolute;
	padding: 0 0 0 3px;
	top: 2px;
	font-size: 0.8em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	line-height: 26px;
	background-image: url(/smart/common/images/backyajirusi.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.pcSite .back {
	margin: 2px 0 0 10px;
}

/* ------------------------------------------------------------
	5. form
------------------------------------------------------------ */
.submit {
	border:1px solid #777;
	margin: 5px 0 0 0;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid #116a96; 
	
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#428ec9),
		to(#12729C)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
}

.backSubmit {
	margin: 5px 0 0 0;
	padding: 4px 10px;
	color: #fff !important;
	cursor: pointer;
	background: #444444;
	border-radius: 5px;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid #666; 
	
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#888888),
		to(#666666)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
}


.bottom {
	display: block;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	/*background: #428ec9;*/
	background: #ffaa11;
	border-radius: 5px;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid #116a96; 
	
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
/*		from(#428ec9),*/
		from(#ffaa11)
/*		to(#12729C)*/
		to(#ffaa11)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
}

.bikou div a{
	color:#eeeeee;
}
.bottomWhite {
	display: block;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 4px 10px;
	color: #444;
	cursor: pointer;
	background: #fff;
	border-radius: 5px;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid #fff; 
}

/* ------------------------------------------------------------
	smartphone site bookmark
------------------------------------------------------------ */
#balloon {
	width: 200px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
	position: absolute;
	background-color: rgba(250, 250, 250, 0.9);
	padding: 20px;
	color: #444;
	line-height: 1.5;
	text-align: center;
}

#balloon p {
	margin: 0;
}

/* ------------------------------------------------------------
	smartphone app introduce
------------------------------------------------------------ */
#SmartphoneBox{
	width: 300px;
	margin: 5px auto 20px;
}

#SmartphoneBox .icon{
	width: 65px;
	float: left;
}

#SmartphoneBox .link{
	margin-left: 60px;
}

#SmartphoneBox .link ul{
	list-style-type: none;
}