@charset "utf-8";

/*************************************************
*	reset
**************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	color: #808080;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea,{
	margin: 0;
	padding: 0;
}
ol, ul{
  list-style:none;
}
table{
  border-collapse: collapse;
  border-spacing:0;
}
caption, th{
  text-align: left;
}
a:focus {
	outline:none;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/*************************************************
*	common
**************************************************/
body{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-size: 12px;
line-height: 160%;
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
color: #545454;
}

/* text-align */
.txt-l{text-align: left;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}

/* float */
.clear{clear: both;}
.left{float: left;}
.right{float: right;}
.clearfix {min-height: 1px;}
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:
	hidden;
}

/* margin-top */
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt35{margin-top: 35px;}

/* margin-right */
.mr10{margin-right: 10px;}
.mr30{margin-right: 30px;}

/* margin-left */
.ml50{margin-left: 50px;}

/* margin-bottom */
.mgn10{margin-bottom: 10px;}
.mgn15{margin-bottom: 15px;}
.mgn20{margin-bottom: 20px;}
.mgn25{margin-bottom: 25px;}
.mgn30{margin-bottom: 30px;}
.mgn35{margin-bottom: 35px;}
.mgn40{margin-bottom: 40px;}
.mgn45{margin-bottom: 45px;}
.mgn50{margin-bottom: 50px;}
.mgn60{margin-bottom: 60px;}
.mgn70{margin-bottom: 70px;}
.mgn80{margin-bottom: 80px;}
.mgn90{margin-bottom: 90px;}

/* padding-bottom */
.pad10{padding-bottom: 10px;}
.pad15{padding-bottom: 15px;}
.pad20{padding-bottom: 20px;}
.pad30{padding-bottom: 30px;}
.pad35{padding-bottom: 35px;}
.pad40{padding-bottom: 40px;}
.pad50{padding-bottom: 50px;}
.pad60{padding-bottom: 60px;}
.pad70{padding-bottom: 70px;}
.pad80{padding-bottom: 80px;}
.pad90{padding-bottom: 90px;}

/* width */
.wid100{width: 100px;}
.wid175{width: 175px;}
.wid200{width: 200px;}
.wid300{width: 300px;}
.wid310{width: 310px;}
.wid340{width: 340px;}
.wid400{width: 400px;}
.wid500{width: 500px;}
.wid600{width: 600px;}
.wid700{width: 700px;}
.wid800{width: 800px;}
.wid900{width: 900px;}

/* often use */
.text-shadow{
	text-shadow: 1px 1px 3px #000;
}
.box-shadow{
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.box-shadow2{
	-moz-box-shadow: 3px 3px 3px #d2d0d1;
	-webkit-box-shadow: 3px 3px 3px #d2d0d1;
	box-shadow: 3px 3px 3px #d2d0d1;
}


.box-shadow-inset{
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}
.radius{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.radius2{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.transition{
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}
.opacity{
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
.background-alpha{
	background-color:rgba(255,255,255,0.2);
}
.gradient{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}