@charset "utf-8";
/* ===================================================================
CSS information
 style info :リセット及びbody初期設定 (このCSSは通常変更しない)
=================================================================== */
/* reset */
/* html5doctor.com Reset Stylesheet v1.6.1 */
html {
	overflow-y: scroll;
}
body {
	line-height:0;
}
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 {
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
table{
	border-spacing:0;
}
th, th{
}
object,
embed {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
img{
	vertical-align:top;
}
hr{
	clear:both;
	border:none;
	background-color:#FFFFFF;
}

::selection {
	background: #f7f7f4;
	color:#000;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}


/* --------------------------------------------------------
 share style
-------------------------------------------------------- */
/* text color */
.color-white { color:#f4e5e7 !important;}
.color-bk { color:#2d2d2d !important;}
.color-green { color:#41bc58 !important;}
.color-red { color:#b62941 !important;}

.color-red-22{ font-size:158% !important;
color:#b62941 !important;}
.color-red-23{ font-size:165% !important;
color:#b62941 !important;}
.color-red-24{ font-size:172% !important;
color:#b62941 !important;}
.color-red-25{ font-size:179% !important;
color:#b62941 !important;}
.color-red-26{ font-size:186% !important;
color:#b62941 !important;}
.color-red-27{ font-size:120% !important;
color:#b62941 !important;}
.color-pink { color:#c46a5f !important;}
.color-bk { color:#fff !important;}
.color-bk { color:#fff !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;}

.m_r0 {	margin-right:0px  !important;}
.m_r10 {margin-right:10px  !important;}
.m_r15 {margin-right:15px  !important;}
.m_r20 {margin-right:20px  !important;}
.m_r30 {margin-right:30px  !important;}
.m_r70 {margin-right:70px  !important;}
.m_l10 {margin-left:15px  !important;}
.m_l30 {margin-left:30px  !important;}
.m_l40 {margin-left:40px  !important;}




/* padding bottom */
.p_b0 {padding-bottom:0px  !important;}
.p_b5 {padding-bottom:5px  !important;}
.p_b10 {padding-bottom:10px  !important;}
.p_b15 {padding-bottom:15px  !important;}
.p_b20 {padding-bottom:20px  !important;}
.p_b30 {padding-bottom:30px  !important;}
.p_b50 {padding-bottom:50px  !important;}
.p_20 {padding:20px  !important;}
.p_25 {padding:25px  !important;}
.p_r20 { padding-right:20px!important;}


/*border line*/
.bl_double {border-bottom:double 3px #ff0000;}


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

/* float */
.break	{ clear:both; }
.f-l{ float:left !important; }
.f-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; }

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

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



/* --------------------------------------------------------
 default set
-------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: small;
	line-height: 1.5;
	color: #333;
	text-align: left;
	font-style: normal;
	font-variant: normal;
	background: url(../img/bg_01.gif) repeat top left;
}
a{
	color:#333;
	text-decoration: none;	
	transition: 0.1s;
}
a:hover{
	color:#333;
	text-decoration: underline;	
	transition: 0.1s;
}



/* for IE6 */
* html body { font-size: 88%; font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

/* for IE7 */
*:first-child+html body { font-size: 88%; }

.pagetop{
	padding:10px 0;
	text-align:right;
}