@charset "utf-8"

/* dreameweaver 作業用　
.clearfix {overflow:hidden;}*/


/* ====================================================
	
	
	
	スタイルの初期化
	
	
	
====================================================*/
html {
	overflow-y: scroll;
}

body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea,th,td {
	margin:0;
	padding:0;
}



img {
	border:none;
	vertical-align:middle;
}

ul,ol {
	list-style:none;
}

fieldset {
	border:none;
}

caption {
	text-align:left;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

q:befor,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

ul, ol, li { zoom: normal; }

/* ----------------------------------------------------
	letter-spacingを使用した際、
	<br>を2個書かないと改行しないのを解消
---------------------------------------------------- */

br { /*  */
	letter-spacing:normal;
}


/* ----------------------------------------------------
	1px Centering Fix
---------------------------------------------------- */
*:first-child+html body {
 padding-left: 1px!important;
}
*html body {
padding-left: 1px;
}





/* ====================================================
	
	
	
	よく使用するクラスライブラリ
	
	
	
====================================================*/

/* ----------------------------------------------------
	text-align
---------------------------------------------------- */
.ac { text-align: center;}

.ar { text-align: right;}

.al { text-align: left;}

/* ----------------------------------------------------
	float
---------------------------------------------------- */

.fr { float: right;}

.fl { float: left;}

/* ----------------------------------------------------
	margin
---------------------------------------------------- */

.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }

.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 {	margin-bottom: 70px;}

.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml13 { margin-left: 13px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml60 {	margin-left: 60px;}

.mlr{
	margin-left:auto;
	margin-right:auto;
}


/* ----------------------------------------------------
	padding
---------------------------------------------------- */

.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }

.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 {	padding-bottom: 50px;}


.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }




/* ====================================================
	
	
	creafixなどフロート解除関連
	
	
	
====================================================*/

.clear {
	clear: both;
}

/* ----------------------------------------------------
	clearfix の代用
	<div class="hr"><hr /></div>
---------------------------------------------------- */

div.hr { clear:both; }
div.hr hr { display:none; }

/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */

.clearfix{
	zoom:1;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}
     /* for IE6 */  
    * html .clearfix {  
     display:inline-block;  
     }
     /* for IE7 */  
     *+html .clear<span class="hilite">f</span>ix {  
     display:inline-block;  
     }  



/* for MacIE5 \*//*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}





/* ====================================================
	
	
	
	フォントサイズの初期化
	
	EXAMPLES FONT-SIZE
	------------------
	 77% = 9px
	 85% = 10px
	 93% = 11px
	100% = 12px
	108% = 13px
	116% = 14px
	124% = 15px
	131% = 16px
	139% = 17px
	147% = 18px
	154% = 19px
	162% = 20px
	170% = 21px
	177% = 22px
	185% = 23px
	193% = 24px
	200% = 25px
	---------------
	
	
	
====================================================*/
body {
	color:#333;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W4","Osaka","ＭＳ Ｐゴシック ",sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	_font-size:13px;
	/*font-family: sans-serif;*/

	line-height:1.5;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

a , a:visited {
	overflow: hidden;
}

em {
	font-style:normal;
}

strong {
	font-weight:bold;
}

table {
	font-size:100%;
	font-family:inherit;
}

/* --FORM-- */
fieldset {
border:1px solid #ccc;
margin-bottom:1em;
padding:0 1em 1em 1em;
}

legend {
background:#fff;
padding:0.3em;
}

input, textarea {
line-height:1.4;
padding:0;
vertical-align:middle;
}

input[type="checkbox"],
input[type="radio"] {
vertical-align:text-bottom;
}

input[type="submit"] {
padding:0.1em;
}

select {
padding:0;
}

	/* for IE6 */
	* html input {
	padding:0.1em;
	}

	* html input.checkbox,
	* html input.radio {
	vertical-align:-0.3em;
	}

	* html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}

	* html select {
	vertical-align:-0.2em;
	}

	/* for IE7 */
	*+html input {
	padding:0.1em;
	}

	*+html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}

	*+html select {
	vertical-align:-0.2em;
	}

	/* for Opera9.27 */
	html:first-child input {
	padding:0.1em;
	}

	html:first-child input[type="checkbox"],
	html:first-child input[type="radio"] {
	vertical-align:middle;
	}

	html:first-child input[type="submit"] {
	padding:0.3em;
	}

	html:first-child select {
	padding:0.2em;
	}

	/* for Opera9.5 [Safari3] */
	body:first-of-type input {
	padding:0.1em;
	}

	body:first-of-type input[type="checkbox"],
	body:first-of-type input[type="radio"] {
	vertical-align:-0.3em;
	}

	body:first-of-type input[type="submit"] {
	padding:0.3em 0.3em 0.2em 0.3em;
	}

	/* for Safari3 */
	html:not(:only-child:only-child) input {
	padding:0;
	vertical-align:baseline;
	}

	html:not(:only-child:only-child) input[type="checkbox"],
	html:not(:only-child:only-child) input[type="radio"] {
	vertical-align:baseline;
	}

	html:not(:only-child:only-child) select {
	vertical-align:0.1em;
	}


/*-- supタグ関連　--*/
sup{
 vertical-align:text-top;
}


/*-- display  --*/

.in_b{
	display:inline-block;
}


/*-- 文字配置  --*/

.cent_txt{
	text-align:center;
}