@charset "UTF-8";
/* _____________________________________________________________________ HTML5 Reset */

article, aside, dialog, figure, footer, header,hgroup, menu, nav, section{
	display:block;
}

time, figcaption{
	display:inline;
}

/* _____________________________________________________________________ TEXT */

p{
	margin:0px 0px 1em 0px;
	padding:0px;
}

.nowrap{white-space:nowrap;}
em{font-style:normal;font-weight:bold;}

/* _____________________________________________________________________ IMG */

img{
	border-style:none;
	border-width:0px;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

.thin_img{
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
}
.img_caption{margin:0px 0px 3px 0px;}

/* _____________________________________________________________________ ALIGN FLOAT */

.align_left{text-align:left;}
.align_center{text-align:center;}
.align_right{text-align:right;}
.f_right{float:right;}
.f_left{float:left;}
.right_image{margin:0px 0px 10px 10px;float:right;}
.left_image{margin:0px 10px 10px 0px;float:left;}
.f_clear{clear:both;font-size:1px;line-height:0px;}
.clear{clear:both;margin:0px;padding:0px;font-size:1px;line-height:1px;}
.center{margin-left:auto;margin-right:auto;}
.box_center{margin-left:auto !important;margin-right:auto !important;}

/* _____________________________________________________________________ TOOLS */


.hidden{display:none !important;}
.nowrap{white-space:nowrap !important;}

/* ClearFix */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


/* Tips */

.tipsy{padding:5px; font-size:14px; opacity:0.8; filter:alpha(opacity=80); background-repeat:no-repeat;}
.tipsy-inner{padding:4px 5px; background-color:black; color:white; max-width:200px; text-align:center;}
.tipsy-north{background-image:url(../img/tipsy/tipsy-north.gif); background-position:top center;}
.tipsy-south{background-image:url(../img/tipsy/tipsy-south.gif); background-position:bottom center;}
.tipsy-east{background-image:url(../img/tipsy/tipsy-east.gif); background-position:right center;}
.tipsy-west{background-image:url(../img/tipsy/tipsy-west.gif); background-position:left center;}

/* Rotation */

.rotation{
	transition:all 1s ease !important;
	-webkit-transition:all 1s ease !important;
}

.rotation:hover{
	transform:rotate(360deg) !important;
	-webkit-transform:rotate(360deg) !important;
}

/* Shake */
.hurue:hover{
	animation:shake 0.2s linear infinite;
	-webkit-animation:shake 0.2s linear infinite;
}
@keyframes shake{
	0%{transform:translate(1px, 0px) rotate(0deg);}
	10%{transform:translate(-0px, -1px) rotate(-1deg);}
	20%{transform:translate(-2px, 0px) rotate(1deg);}
	30%{transform:translate(0px, 2px) rotate(0deg);}
	40%{transform:translate(0px, -0px) rotate(1deg);}
	50%{transform:translate(-0px, 1px) rotate(-1deg);}
	60%{transform:translate(-2px, 0px) rotate(0deg);}
	70%{transform:translate(1px, 0px) rotate(-1deg);}
	80%{transform:translate(-0px, -0px) rotate(1deg);}
	90%{transform:translate(0px, 2px) rotate(0deg);}
	100%{transform:translate(0px, -1px) rotate(-1deg);}
}

@-webkit-keyframes shake{
	0%{transform:translate(1px, 0px) rotate(0deg);}
	10%{transform:translate(-0px, -1px) rotate(-1deg);}
	20%{transform:translate(-2px, 0px) rotate(1deg);}
	30%{transform:translate(0px, 2px) rotate(0deg);}
	40%{transform:translate(0px, -0px) rotate(1deg);}
	50%{transform:translate(-0px, 1px) rotate(-1deg);}
	60%{transform:translate(-2px, 0px) rotate(0deg);}
	70%{transform:translate(1px, 0px) rotate(-1deg);}
	80%{transform:translate(-0px, -0px) rotate(1deg);}
	90%{transform:translate(0px, 2px) rotate(0deg);}
	100%{transform:translate(0px, -1px) rotate(-1deg);}
}


/* Table Decoration */

table th,
table td{
	padding:3px;
	line-height:18px;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}

table.thCenter th,
table.tdCenter td{
	text-align:center !important;
}

table.thRight th,
table.tdRight td{
	text-align:right !important;
}


/* Partition */

hr{
	clear:both;
	border:none;
	height:1px;
	background:url('../img/common/dot_line.gif') repeat-x top;
	margin:15px 0px;
	padding:0px;
}

/* _____________________________________________________________________ LINKS */

a:link{color:#00b3e7;text-decoration:none;}
a:visited{color:#00b3e7;}
a:hover{color:#1f83aa;text-decoration:underline;}
a:active{color:#1f83aa;}


a:hover img.bnrlink{
	opacity:0.5;
	filter:alpha(opacity=80);
	-ms-filter:“alpha(opacity=80)”;
}

#page-top{
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:77%;
	z-index:1000;
}

#page-top a{
	display:block;
	background:#45a8c5;
	width:100px;
	padding:30px 0;
	border-radius:5px;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
#page-top a:hover{
	text-decoration:none;
	background:#6ca8b9;
}

@media screen and (max-width:800px){
	#page-top{
		position:fixed;
		bottom:0px;
		right:5px;
		font-size:14px;
		z-index:1000;
	}
	#page-top a{
		display:block;
		padding:10px 5px;
		border-radius:5px;
		background:#45a8c5;
		color:#fff;
		text-decoration:none;
		text-align:center;
	}
	#page-top a:hover{
		background:#6ca8b9;
		text-decoration:none;
	}
}

.arrow{
	padding:0px 0px 0px 15px;
	margin:auto;
	background-image:url('../img/common/icon_arrowB.png');
	background-size:5px 9px;
	-webkit-background-size:5px 9px;
	background-position:center left;
	background-repeat:no-repeat;
}

.arrowW{
	padding:0px 0px 0px 15px;
	margin:auto;
	background-image:url('../img/common/icon_arrowW.png');
	background-size:5px 9px;
	-webkit-background-size:5px 9px;
	background-position:center left;
	background-repeat:no-repeat;
	list-style:none;;
}
/* _____________________________________________________________________ H */

h2 {
	margin:0px 0px 15px;
	padding:10px 15px;
	height: 60px;
	background-repeat: no-repeat, no-repeat, no-repeat;
	-webkit-background-size: auto 25px, 100% auto, 100% auto;
	background-size: auto 25px, 60px auto, 100% auto;
	background-position: 70px 10px, 0 0, 0 40px;
	line-height:18px;
	text-indent:102%;
	white-space:nowrap;
	overflow:hidden;
}

#column001 h2 {background-image: url('../img/h2_c001.png'), url('../img/h2_style.png'), url('../img/h2_line.png');}
#column003 h2 {background-image: url('../img/h2_c003.png'), url('../img/h2_style.png'), url('../img/h2_line.png');}
#column005 h2 {background-image: url('../img/h2_c005.png'), url('../img/h2_style.png'), url('../img/h2_line.png');}
h2#contact {background-image: url('../img/contact_h2.png'), url('../img/h2_style.png'), url('../img/h2_line.png'); margin-top: 80px;}


@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
	section#mainContentsTop > h2,
	section#mainContents > h2,
	section#mainContents > article > h2{
		background-image:url(../img/common/bg_h2-.png);
	}
}


h3{
	margin: 0px 0px 15px;
	padding: 13px 30px 10px;
	background: url('../img/h3_bg.png') center left no-repeat;
	background-size: cover;
	border-radius: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #663333;
	line-height: 18px;
	border-radius: 5px;
	box-shadow: #cc6666 0px 0px 0px 1px inset;
	-moz-box-shadow: #cc6666 0px 0px 0px 1px inset;
	-webkit-box-shadow: #cc6666 0px 0px 0px 1px inset;
}


h4{
	margin: 0px 0px 15px;
	padding: 7px 10px 5px 35px;
	background: url('../img/h4_bg.png') center left no-repeat;
	background-size: cover;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	color: #663333;
	line-height: 18px;
	border-radius: 5px;
	box-shadow: #cc6666 0px 0px 0px 1px inset, #fff 0px 0px 0px 2px inset;
	-moz-box-shadow: #cc6666 0px 0px 0px 1px inset, #fff 0px 0px 0px 2px inset;
	-webkit-box-shadow: #cc6666 0px 0px 0px 1px inset, #fff 0px 0px 0px 2px inset;
}


h5{
	margin:0px 0px 5px;
	padding:0px 0px;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#333333;
	font-weight:bold;
}


@media screen and (max-width:800px){
	section#mainContentsTop h2,
	section#mainContents > h2,
	section#mainContents > article > h2{
		padding:10px 5px 8px 20px;
		font-size:20px;
		line-height:24px;
		background-image:url(../img/common/bg_h2-.png);
	background-size:cover;
	}

	section#mainContentsTop h3,
	section#mainContents > h3,
	section#mainContents > article > h3{
		font-size:18px;
		line-height:22px;
	}

	section#mainContentsTop h4,
	section#mainContents > h4,
	section#mainContents > article > h4{
		font-size:16px;
		line-height:20px;
	}

h5{
	margin:0px 0px 5px;
	padding:0px 0px;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#333333;
	font-weight:bold;
}
}





/* _____________________________________________________________________ FONTS */

.xl{font-size:18px;line-height:24px;}
.l{font-size:16px;line-height:22px;}
.m{font-size:12px;line-height:20px;}
.s{font-size:10px;line-height:16px;}
.xs{font-size:9px;line-height:14px;}

@media screen and (max-width:800px){
	.xl{font-size:24px;line-height:32px;}
	.l{font-size:20px;line-height:28px;}
	.m{font-size:16px;line-height:22px;}
	.s{font-size:14px;line-height:18px;}
	.xs{font-size:12px;line-height:14px;}
}

em{font-style:normal;font-weight:800;}
strong{font-size:1.2em;font-style:normal;font-weight:800;}
strong.red{font-style:normal;font-weight:800; color:#ff0000;}
.text_black{color:#000000;}
.text_white{color:#FFFFFF;}
.text_brown{color:#92361D;}
.text_red{color:#FF0000;}
.text_gray{color:#555555;}
.text_pink{color:#f5a19d;}
.text_purple{color:#44467d;}
.att{font-weight:bold;color:#ff0000;}

/* _____________________________________________________________________ PAGE_TOP */


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

@media screen and (max-width:800px){
	#page-top a {width: 100px;padding: 10px 0;
}
}

/* _____________________________________________________________________ CONTACT_BNRBTN */

div.LinkContact{
	background-image: url('../img/bnr_shop_bg.png');
	background-repeat: no-repeat;
	-webkit-background-size: auto 155px;
	background-size: auto 155px;
	background-position: 0 15px;
	width: 935px;
	margin: 0 auto 30px;
}

div.LinkContact img.shop {
	width: auto;
	height: 185px;
	margin: 0 auto 10px;
}

div.LinkContact img.contact {
	width: auto;
	height: 47px;
}

@media screen and (max-width:800px) {
	div.LinkContact {
		width: 100%;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
}

@media screen and (max-width:639px) {
	div.LinkContact img.shop {width: 100%;height: auto;}}

@media screen and (max-width:376px) {
	div.LinkContact img.contact {width: 100%;height: auto;}}