@charset "utf-8";

/*=================================================================
	
	DH / 共通CSS
	・Customize: 2010.07/16　※今後の新規開発を想定したベーシックスタイル

=================================================================*/


/*-----------------------------------------------------------------
		基礎設計
-----------------------------------------------------------------*/

body, div, span, dl, dt, dd, input, label, form, h1, h2, h3, h4, p, select, table { margin:0 0 0 0; padding:0 0 0 0;}

body {
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	_font-family: "ＭＳ Ｐゴシック";
}

*:first-child+html body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif100%;
	}
}

table { font-size: inherit; /* モダンブラウザ */}

a { text-decoration:underline;}
a:hover { text-decoration: none;}


/* 画像スタイル */
img { border: 0;}
img.i-window { vertical-align: middle; margin-left: 5px;}
.f-left { float: left;}
.f-right { float: right;}


/*-----------------------------------------------------------------
		基礎BOX
-----------------------------------------------------------------*/
.border-box {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: dashed 1px #bbbbbb;
}

.v-hidden { visibility: hidden;}


/*　整列系　*/
.ta-center { text-align: center !important;}
.ta-right { text-align: right;}
.ta-left { text-align: left;}
.va-middle { vertical-align: middle;}
.va-middle img { vertical-align: middle;}


/*-----------------------------------------------------------------
		調整用
-----------------------------------------------------------------*/

/*クリア*/

.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 1px;
}
.clearfix{display: inline-table;}
 /* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
 /* End hide from IE-mac */

*:first-child+html .clearfix { /* IE7用 */
	width: 100%;
}

.c-box:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 1px;
}
.c-box{display: inline-table;}
 /* Hides from IE-mac \*/
* html .c-box{height: 1%;}
.c-box{display: block;}
 /* End hide from IE-mac */

*:first-child+html .c-box { /* IE7用 */
	width: 100%;
}

.clear-both{
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}

/*  \*/
* html #layout{
	height: 1%;
}
/*  */


/*　フォント関連　*/
.font-normal {
	font-weight: normal;
}

.middle-l {
	font-size: 85%;
	line-height: 145%;
}

.middle-m {
	font-size: 82%;
	line-height: 140%;
}

.middle-s {
	font-size: 65%;
	line-height: 130%;
}

.fs100 {
	font-size: 100% !important;
}

.fc-red { color:#ff0000;}
.fc-blue { color:#006699;}

.va-middle,
.va-middle img { vertical-align: middle !important;}


/* 1文字字下げ */
.txt-indent {
	padding-left: 1em;
	text-indent: -1em;
}


/*　マージン調整　*/
.top-5 { margin-top:5px !important;}
.top-10 { margin-top:10px !important;}
.top-15 { margin-top:15px !important;}
.top-20 { margin-top:20px !important;}
.top-25 { margin-top:25px !important;}
.top-30 { margin-top:30px !important;}
.bottom-0 { margin-bottom: 0px !important;}
.bottom-5 { margin-bottom: 5px !important;}
.bottom-10 { margin-bottom: 10px !important;}
.bottom-15 { margin-bottom: 15px !important;}
.bottom-20 { margin-bottom: 20px !important;}
.bottom-25 { margin-bottom: 25px !important;}
.bottom-30 { margin-bottom: 30px !important;}
.left-0 { margin-left: 0px !important;}
.left-5 { margin-left: 5px !important;}
.left-10 { margin-left: 10px !important;}
.left-15 { margin-left: 15px !important;}
.left-20 { margin-left: 20px !important;}
.left-25 { margin-left: 25px !important;}
.left-30 { margin-left: 30px !important;}
.right-0 { margin-right: 0px !important;}
.right-5 { margin-right: 5px !important;}
.right-10 { margin-right: 10px !important;}
.right-15 { margin-right: 15px !important;}
.right-20 { margin-right: 20px !important;}
.right-25 { margin-right: 25px !important;}
.right-30 { margin-right: 30px !important;}