@charset "utf-8";

/* reset
-------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	background: #FFF;
	color: #333;
	font-family: Helvetica , "メイリオ" , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size: 78%; /* 12px */
	line-height: 1.5;
}
@media screen and (max-width:760px) {
body {
	color: #000;
	-webkit-text-size-adjust: none;
}
}

header, nav, article, aside, section, footer {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
table {
	width: 100%;
	font-size: 100%;
	line-height: 1.5;
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: normal;
	text-align: left;
}
img {
	border: 0;
	vertical-align: bottom;
}
li {
	list-style: none;
}
input, select, textarea {
	vertical-align: middle;
	outline:none;
}
input:focus, select:focus, textarea:focus {
	border:#DD0000 1px solid;
}
address, em {
	font-style: normal;
}

/* link
-------------------------------------------------------------------*/
a:link, a:visited, a:hover {
	color: #333;
	text-decoration: underline;
}
a img {
	transition: 0.5s;
}
a img:hover {
	opacity: 0.7;
}

@media screen and (max-width:760px) {
a {
	display: block;
}
a:link, a:visited, a:hover {
	color: #000000;
	text-decoration: none;
}
}

/* inline_link  */
.inline_link {}
@media screen and (max-width:760px) {
.inline_link {
	display: inline;
}
}


/* common class
-------------------------------------------------------------------*/

/* layout */
.left_area {}
.center_area {}
.right_area {}

/* position */
.position {	position: relative;}

/* float */
.flt_left {	float: left;}
.flt_right {	float: right;}
.flt_none {	float: none !important;}

/* width */
.w_auto { width: auto !important;}
.w_max { width: 100% !important;}
.w_half { width: 50% !important;}
.w_third { width: 33% !important;}
.w_quarter { width: 25% !important;}
.w_fifth { width: 20% !important;}

/* indent */
.indent_05 {	padding:5px;}
.indent_10 {	padding:10px;}
.indent_15 {	padding:15px;}
.indent_20 {	padding:20px;}

/* margin-top */
.mt_00 {	margin-top: 0px !important;}
.mt_05 {	margin-top: 5px !important;}
.mt_10 {	margin-top: 10px !important;}
.mt_15 {	margin-top: 15px !important;}
.mt_20 {	margin-top: 20px !important;}
.mt_25 {	margin-top: 25px !important;}
.mt_30 {	margin-top: 30px !important;}
.mt_35 {	margin-top: 35px !important;}
.mt_40 {	margin-top: 40px !important;}
.mt_45 {	margin-top: 45px !important;}
.mt_50 {	margin-top: 50px !important;}
.mt_55 {	margin-top: 55px !important;}
.mt_60 {	margin-top: 60px !important;}
.mt_65 {	margin-top: 65px !important;}
.mt_70 {	margin-top: 70px !important;}
.mt_75 {	margin-top: 75px !important;}
.mt_80 {	margin-top: 80px !important;}
.mt_85 {	margin-top: 85px !important;}
.mt_90 {	margin-top: 90px !important;}
.mt_95 {	margin-top: 95px !important;}

/* margin-bottom */
.mb_00 {	margin-bottom: 0 !important;}
.mb_05 {	margin-bottom: 5px !important;}
.mb_10 {	margin-bottom: 10px !important;}
.mb_15 {	margin-bottom: 15px !important;}
.mb_20 {	margin-bottom: 20px !important;}
.mb_25 {	margin-bottom: 25px !important;}
.mb_30 {	margin-bottom: 30px !important;}
.mb_35 {	margin-bottom: 35px !important;}
.mb_40 {	margin-bottom: 40px !important;}
.mb_45 {	margin-bottom: 45px !important;}
.mb_50 {	margin-bottom: 50px !important;}
.mb_55 {	margin-bottom: 55px !important;}
.mb_60 {	margin-bottom: 60px !important;}
.mb_65 {	margin-bottom: 65px !important;}
.mb_70 {	margin-bottom: 70px !important;}
.mb_75 {	margin-bottom: 75px !important;}
.mb_80 {	margin-bottom: 80px !important;}
.mb_85 {	margin-bottom: 85px !important;}
.mb_90 {	margin-bottom: 90px !important;}
.mb_95 {	margin-bottom: 95px !important;}

/* font */
.f_bold {	font-weight: bold !important;}
.f_normal {	font-weight: normal !important;}
.f_08 {	font-size: 78% !important;}  /* base 78%(12px) = 8px */
.f_10 {	font-size: 85% !important;}  /* base 78%(12px) = 10px */
.f_14 {	font-size: 115% !important;} /* base 78%(12px) = 14px */
.f_16 {	font-size: 130% !important;} /* base 78%(12px) = 16px */
.f_18 {	font-size: 145% !important;} /* base 78%(12px) = 18px */

/* align */
.t_left {	text-align: left !important;}
.t_center {	text-align: center !important;}
.t_right {	text-align: right !important;}

/* img 100% */
.scale {
	width: 100%;
	height: auto;
}

/* img 回転 */

/* X回転 */
.rotation-x {
	transition: 1.0s ;
	-webkit-transform: rotateX( 0deg ) ;
	transform: rotateX( 0deg ) ;
}
.rotation-x:hover {
	-webkit-transform: rotateX( 360deg ) ;
	transform: rotateX( 360deg ) ;
}

/* Y回転 */
.rotation-y {
	transition: 1.0s ;
	-webkit-transform: rotateY( 0deg ) ;
	transform: rotateY( 0deg ) ;
}
.rotation-y:hover {
	-webkit-transform: rotateY( 360deg ) ;
	transform: rotateY( 360deg ) ;
}

/* Z回転 */
.rotation-z {
	transition: 1.0s ;
	-webkit-transform: rotateZ( 0deg ) ;
	transform: rotateZ( 0deg ) ;
}
.rotation-z:hover {
	-webkit-transform: rotateZ( 360deg ) ;
	transform: rotateZ( 360deg ) ;
}

/* img 拡大 */
.expansion {
	overflow:hidden;
}
.expansion img {
	transition: transform 0.2s linear;
}
.expansion img:hover {
	transform: scale(1.2);
}

/* img 影 */
.shadow:hover {
	box-shadow:6px 6px 12px 3px #BFBCBC;
	transition:all 0.2s ease-in-out;
}

/* img radius */
.radius {
	border-radius: 5px;
}


/* JavaScript
-------------------------------------------------------------------*/

/* fixHeight */
.fixHeight {}

/* accordion */
.accordion {}


/* clearfix
-------------------------------------------------------------------*/
ul:after,
dl:after,
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}