@charset "utf-8";
/* ===================================================================
CSS information
 style info :リセット及びbody初期設定 (このCSSは通常変更しない)
=================================================================== */
/* reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-weight:normal;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse:collapse;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
img{
	vertical-align:bottom;
}
hr{
	clear:both;
	border:0;
	padding:0;
	background-color:#FFFFFF;
	box-shadow:none;
}


nav ul li a:hover img {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


/* --------------------------------------------------------
01share style
-------------------------------------------------------- */
/* text color */
.color-white { color:#fff !important;}
.color-bk { color:#000 !important;}
.color-green { color:#fff !important;}
.color-pink { color:#fff !important;}
.color- { color:#fff !important;}
.color-bk { color:#fff !important;}
.color-bk { color:#fff !important;}
.red {  color: #E16A0D !important; }

/* alpha rollover */
.cssRoll{
	filter: alpha(opacity=100);
	opacity:1;
	transition-property: opacity;
	transition-duration:0.1s;
}
.cssRoll:hover{
	filter: alpha(opacity=70);
	opacity:0.7;
	transition-property: opacity;
	transition-duration:0.0s;
}

/* font-size (14px base) */
.font-10{ font-size:72% !important;}
.font-11{ font-size:79% !important;}
.font-12{ font-size:86% !important;}
.font-13{ font-size:93% !important;}
.font-14{ font-size:100% !important;}
.font-15{ font-size:108% !important;}
.font-16{ font-size:115% !important;}
.font-17{ font-size:122% !important;}
.font-18{ font-size:129% !important;}
.font-19{ font-size:136% !important;}
.font-20{ font-size:143% !important;}
.font-21{ font-size:150% !important;}
.font-22{ font-size:158% !important;}
.font-23{ font-size:165% !important;}
.font-24{ font-size:172% !important;}
.font-25{ font-size:179% !important;}
.font-26{ font-size:186% !important;}


/* margin bottom */
.m_b0 {	margin-bottom:0px  !important;}
.m_b5 {	margin-bottom:5px  !important;}
.m_b10{	margin-bottom:10px !important;}
.m_b15{	margin-bottom:15px !important;}
.m_b20{	margin-bottom:20px !important;}
.m_b25{	margin-bottom:25px !important;}
.m_b30{	margin-bottom:30px !important;}
.m_b35{	margin-bottom:35px !important;}
.m_b40{	margin-bottom:40px !important;}
.m_b45{	margin-bottom:45px !important;}
.m_b50{	margin-bottom:50px !important;}
.m_b55{	margin-bottom:55px !important;}
.m_b60{	margin-bottom:60px !important;}
.m_b65{	margin-bottom:65px !important;}
.m_b70{	margin-bottom:70px !important;}
.m_b75{	margin-bottom:75px !important;}
.m_b80{	margin-bottom:80px !important;}
.m_b85{	margin-bottom:85px !important;}
.m_b90{	margin-bottom:90px !important;}
.m_b95{	margin-bottom:95px !important;}
.m_b100{ margin-bottom:100px !important;}

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

/* float */
.break	{ clear:both; }
.f-l,
.cnt-l{ float:left !important; }
.f-r,
.cnt-r{ float:right !important; }

/* clearfix */
.clearfix{ /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; }

/* delete style */
.no_border{ border:none !important; }
.no_bg{ background:none !important;}

/* font */
.st	{ font-weight:bold !important; }
.let-space1	{ letter-spacing:1px; }

/* hr */
hr{	height:1px;	background:#58595b !important;	border:none;}

.p_r0{
	padding-right:0 !important;
}

.no-deco-link,
.no-deco-link a{
	text-decoration: none !important;
}




@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	html {
		-webkit-text-size-adjust: 100%;
	}
}


/* default */
body {
	font-size: 13px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.8;
	color:#444444;
}
a:link {
	color:#444444;
	text-decoration: none;
}
a:visited {
	color:#CF8F00;
	text-decoration: none;
}
a:hover {
	color:#CF8F00;
	text-decoration: underline;
}
a:active {
	color:#CF8F00;
	text-decoration: none;
}
/* IE6 base font */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}