@charset "UTF-8";
/* CSS Document */


/* Reset
------------------------------------------------------------*/
構築 {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
address,em { font-style: normal; }
strong,th { font-weight: normal; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th { text-align: left; }
legend { display: none;	}
img,fieldset { border: 0; }
img { vertical-align: bottom; }
li { list-style-type: none; }

/* Fonts
------------------------------------------------------------*/
body {
	font-size: 62.5%; /* 10px相当に設定 */
	font-family:'Osaka','ＭＳ Ｐゴシック',sans-serif;
	/*font-family: "小塚ゴシック Pro R",'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',;*/
}

/* IE Hack 
------------------------------------------------------------*/
*:first-child+html body {
	font-size: 64.5%;
}


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


/* ページ切り替え時のガタつき防止
------------------------------------------------------------*/
html {
	overflow-y: scroll;
	}



/* firefoxのfadeのずれ調整
------------------------------------------------------------*/
img {
    box-shadow: #000 0 0 0;
	}



/* IE以下のfadeのずれ調整
------------------------------------------------------------*/
img, x:-moz-any-link, x:default {
    box-shadow: #000 0 0 0;
	}


/* PC上とスマフォで文字サイズ固定&スマフォの縦と横画面で文字サイズ固定

------------------------------------------------------------*/

html {
	-webkit-text-size-adjust: none
	}




/* 見出し等のmargin0
------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd {
	margin: 0px;
}
ul {
	padding: 0px;
}



/* 共通class
------------------------------------------------------------*/

a {
	color: #555555;
}
a:hover {
	color: #999999;
}
a img.linkimg{
background:none!important;
}
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

.img {
	vertical-align: middle;
	padding-right: 5px;
}
.vaM {
	vertical-align: middle;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.ofH {
	overflow: hidden;
}
.indent {
    padding-left: 1em;
    text-indent: -1em;
}
.fontS {
	font-size: 80%;
}
.fontL {
	font-size: 130%;
}
.fontLL {
	font-size: 150%;
}

.floL {
	float: left;
}
.floR {
	float: right;
}
.floC {
	clear: both;
}
.alR {
	text-align: right;
}
.alC {
	text-align: center;
}
.lh18 {
	line-height: 1.8;
}

/* padding */

.pT5 {
	padding-top: 5px;
}
.pT10 {
	padding-top: 10px;
}
.pT15 {
	padding-top: 15px;
}
.pT20 {
	padding-top: 20px;
}
.pT30 {
	padding-top: 30px;
}
.pT60 {
	padding-top: 60px;
}
.pB5 {
	padding-bottom: 5px;
}
.pB10 {
	padding-bottom: 10px;
}
.pB15 {
	padding-bottom: 15px;
}
.pB20 {
	padding-bottom: 20px;
}
.pB30 {
	padding-bottom: 30px;
}
.pB60 {
	padding-bottom: 60px;
}
.pL5 {
	padding-left: 5px;
}
.pL10 {
	padding-left: 10px;
}
.pL15 {
	padding-left: 15px;
}
.pL20 {
	padding-left: 20px;
}
.pL30 {
	padding-left: 30px;
}
.pR5 {
	padding-right: 5px;
}
.pR10 {
	padding-right: 10px;
}
.pR15 {
	padding-right: 15px;
}
.pR20 {
	padding-right: 20px;
}
.pR30 {
	padding-right: 30px;
}

/* margin */

.mT10 {
	margin-top: 10px;
}
.mT15 {
	margin-top: 15px;
}
.mT20 {
	margin-top: 20px;
}
.mT30 {
	margin-top: 30px;
}
.mT60 {
	margin-top: 60px;
}
.mB10 {
	margin-bottom: 10px;
}
.mB15 {
	margin-bottom: 15px;
}
.mB20 {
	margin-bottom: 20px;
}
.mB30 {
	margin-bottom: 30px;
}
.mB60 {
	margin-bottom: 60px;
}




/* 文頭揃え */

.pL-1em{padding-left:1em;}
.pL-2em{padding-left:2em;}
.pL-3em{padding-left:3em;}
.pL-4em{padding-left:4em;}
.pL-5em{padding-left:5em;}
.pL-6em{padding-left:6em;}
.pL-7em{padding-left:7em;}
.pL-8em{padding-left:8em;}
.pL-9em{padding-left:9em;}