@charset "utf-8";


/* ========================================
汎用 CSS

 - File Name : common.css
 - Latest Css Updates : 2012.11.27
 - Those who update it : e.y
 ------------------------------------------
 clearfix
 clear
 common
 font
 padding / margin
======================================== */

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

/* clearfix (Firefox)
------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	font-size:0;
	visibility:hidden;
}

/* WinIE7
------------------------------- */
.clearfix{
	display:inline-block;
}

/* WinIE6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
	height:1px;
}

.clearfix{
	display:block;
}

/*-----------------------------------------------------
 - clear
-------------------------------------------------------*/
.clearLeft {
	clear:left !important;
}
.clearRight {
	clear:right !important;
}
.clear {
	clear:both !important;
}


/* ---------------------------------------- 
 - common
---------------------------------------- */
/* body */
body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 75%;
	line-height:1.7;
	color: #565658;
	/*-webkit-user-select: none;*/
	-webkit-text-size-adjust: none;
	background:#efefef;
	text-align:center;
}

/* textlink */
a {
	color:#565658;
	text-decoration:underline;
	outline:none;
}
a:hover {
	color:#e94609;
	text-decoration:none;
}
a:active {
	color:#565658;
	text-decoration:none;
}

/* h2 */
h2{
	background:url(../images/icon_h2.png)  10px 1px no-repeat;
	padding:0 10px 6px 32px;
	margin:0 0;
	border-bottom:solid 2px #e94609;
	
}


/* h3 */
h3{
	border-bottom:solid #e94609 1px;
	padding:0 2px 5px;
}

/* h4 */
h4{
	color:#e94609;
	font-size:116.6%;
	line-height:2.0;
}

/* TitleLine */
.TitleLine {
	border-bottom:dotted #e94609 1px;
	padding:0 0 5px;
}

/* ImageLink */
.ImageLink a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/* img置換 */
.imgTxt{
	display:block;
	text-indent:-9999px;
	text-align: left;
	outline: 0;
	overflow:hidden;
}
.imgBtn a,
.imgBtn a:link,
.imgBtn a:visited,
.imgBtn a:hover,
.imgBtn a:active,
.imgBtn a:focus,
.imgBtn button,
.imgBtn button:link,
.imgBtn button:visited,
.imgBtn button:hover,
.imgBtn button:active,
.imgBtn button:focus{
	display:block;
	text-indent:-9999px;
	text-align: left;
	outline: 0;
	padding:0;
	border:0;
	overflow:hidden;
}
.imgBtn button{
	cursor:pointer;
}


/* ---------------------------------------- 
 - font
---------------------------------------- */
.ft30{/*30px相当*/
	font-size:250% !important;
	line-height:1.7 !important;
}
.ft18{/*18px相当*/
	font-size:150% !important;
	line-height:1.7 !important;
}
.ft17{/*17px相当*/
	font-size:142% !important;
	line-height:1.7 !important;
}
.ft16{/*16px相当*/
	font-size:134% !important;
	line-height:1.7 !important;
}
.ft15{/*15px相当*/
	font-size:125% !important;
	line-height:1.7 !important;
}
.ft14{/*14px相当*/
	font-size:116.6% !important;
	line-height:1.7 !important;
}
.ft13{/*13px相当*/
	font-size:108.4% !important;
	line-height:1.7 !important;
}
.ft12{/*12px相当*/
	font-size:100% !important;
	line-height:1.7 !important;
}
.ft11{/*11px相当*/
	font-size:92% !important;
	line-height:1.7 !important;
}
.ft10{/*10px相当*/
	font-size:84%;
	line-height:1.5 !important;
	font-weight:normal !important;
}
.ft9{/*9px相当*/
	font-size:75% !important;
	line-height:1.5 !important;
}

.fcW{
	color:#FFF !important;
}
.fcB{
	color:#000 !important;
}
.fcR{/*レッド*/
	color:#ff0000 !important;
}
.fcORG{/*オレンジ*/
	color:#e94609 !important;
}
.fcBl{/*ブルー*/
	color:#0062be !important;
}
.fcBl02{/*ブルー*/
	color:#004586 !important;
}
.fcBrown{/*ブラウン*/
	color:#a25800 !important;
}

.fhN{ line-height:1 !important; }
.fhS{ line-height:1.2 !important; }
.fhM{ line-height:1.4 !important; }
.fhL{ line-height:1.6 !important; }
.fhLL{ line-height:2.2 !important; }
.fwB{ font-weight:bold !important; }
.fwN{ font-weight:nomal !important; }


/* ---------------------------------------- 
 - padding / margin
---------------------------------------- */
/* padding */
.pdB0_5em { padding-bottom:0.5em !important; }
.pdB1em { padding-bottom:1em !important; }
.pdB1_5em { padding-bottom:1.5em !important; }
.pdB2em { padding-bottom:2em !important; }
.pdB3em { padding-bottom:3em !important; }

.pdT0_5em { padding-top:0.5em !important; }
.pdT1em { padding-top:1em !important; }
.pdT1_5em { padding-top:1.5em !important; }
.pdT2em { padding-top:2em !important; }
.pdT2_5em { padding-top:2.5em !important; }
.pdT3em { padding-top:3em !important; }

.pdB5 { padding-bottom:5px !important; }
.pdB10 { padding-bottom:10px !important; }
.pdB15 { padding-bottom:15px !important; }
.pdB20 { padding-bottom:20px !important; }
.pdB30 { padding-bottom:30px !important; }
.pdB45 { padding-bottom:45px !important; }
.pdB80 { padding-bottom:80px !important; }
.pdB85 { padding-bottom:85px !important; }

.pdT5 { padding-top:5px !important; }
.pdT10 { padding-top:10px !important; }
.pdT15 { padding-top:15px !important; }
.pdT20 { padding-top:20px !important; }
.pdT30 { padding-top:30px !important; }
.pdT35 { padding-top:35px !important; }
.pdT40 { padding-top:40px !important; }
.pdT45 { padding-top:45px !important; }
.pdT80 { padding-top:80px !important; }
.pdT85 { padding-top:85px !important; }
.pdT100 { padding-top:100px !important; }
.pdT250 { padding-top:250px !important; }

.pdR0 { padding-right:0px !important; }
.pdR8 { padding-right:8px !important; }
.pdR15 { padding-right:15px !important; }
.pdR20 { padding-right:20px !important; }
.pdR30 { padding-right:30px !important; }
.pdR35 { padding-right:35px !important; }
.pdR45 { padding-right:45px !important; }
.pdR100 { padding-right:100px !important; }
.pdR500 { padding-right:500px !important; }

.pdL0 { padding-left:0px !important; }
.pdL5 { padding-left:5px !important; }
.pdL10 { padding-left:10px !important; }
.pdL15 { padding-left:15px !important; }
.pdL20 { padding-left:20px !important; }
.pdL25 { padding-left:25px !important; }
.pdL30 { padding-left:30px !important; }
.pdL55 { padding-left:55px !important; }
.pdL100 { padding-left:100px !important; }
.pdL120 { padding-left:120px !important; }

/* margin */
.mg0 { margin:0px !important; }

.mgB10 { margin-bottom:10px !important; }
.mgB20 { margin-bottom:20px !important; }

.mgT10 { margin-top:10px !important; }
.mgT15 { margin-top:15px !important; }
.mgT20 { margin-top:20px !important; }
.mgT30 { margin-top:30px !important; }
.mgT35 { margin-top:35px !important; }
.mgT40 { margin-top:40px !important; }
.mgT45 { margin-top:45px !important; }
.mgT100 { margin-top:100px !important; }

.mgR10 { margin-right:10px !important; }
.mgR15 { margin-right:15px !important; }
.mgR20 { margin-right:20px !important; }
.mgR30 { margin-right:30px !important; }
.mgR35 { margin-right:35px !important; }
.mgR40 { margin-right:40px !important; }
.mgR45 { margin-right:45px !important; }
.mgR60 { margin-right:60px !important; }
.mgR70 { margin-right:70px !important; }

.mgL10 { margin-left:10px !important; }
.mgL15 { margin-left:15px !important; }
.mgL20 { margin-left:20px !important; }
.mgL30 { margin-left:30px !important; }
.mgL35 { margin-left:35px !important; }
.mgL40 { margin-left:40px !important; }
.mgL45 { margin-left:45px !important; }


/* ---------------------------------------- 
 - text-align
---------------------------------------- */
.ta_L, td.ta_L { text-align:left !important; }
.ta_R, td.ta_R { text-align:right  !important; }
.ta_C, td.ta_C { text-align:center  !important; }


/* ---------------------------------------- 
 - text-indent
---------------------------------------- */
.ti_0_5em, ul.ti_0_5em li {  text-indent:-0.5em !important; padding-left:0.25em !important; }
.ti_1em, ul.ti_1em li {  text-indent:-1.0em !important; padding-left:0.5em !important; }
.ti_1_5em, ul.ti_1_5em li {  text-indent:-1.5em !important; padding-left:0.75em !important; }
.ti_2em, ul.ti_2em li {  text-indent:-2.0em !important; padding-left:1.0em !important; }


/* ---------------------------------------- 
 - icon
---------------------------------------- */
.icon_sq {background: url("../img/icon_square.gif") no-repeat left 5px; padding: 0 0 0 13px;}
.icon_ci {background: url("../img/icon_circle.gif") no-repeat left 5px; padding: 0 0 0 13px;}
.icon_arw {background: url("../img/arw_left.gif") no-repeat left 6px; padding: 0 0 0 13px;}
.icon_link {background: url("../img/arw_link.gif") no-repeat left 6px; padding: 0 0 0 13px;}
.icon_blank {background: url("../img/icon_blank.gif") no-repeat right 2px; padding: 0 13px 0 0;}
.icon_check {background: url("../img/icon_check.gif") no-repeat left 2px; padding: 0 0 0 20px;}
ul.icon_sq_li li {background: url("../img/icon_square.gif") no-repeat left 5px; padding: 0 0 0 13px;}
ul.icon_ci_li li {background: url("../img/icon_circle.gif") no-repeat left 5px; padding: 0 0 0 13px;}

/* ---------------------------------------- 
 - float
---------------------------------------- */
.fl_L { float:left !important; }
.fl_R { float:right !important; }

/* ---------------------------------------- 
 - form
---------------------------------------- */
input{
    margin-right: 5px;
}
input.w100{
    width:100px;
	height:20px;
}
input.w200{
    width:200px;
	height:20px;
}
input.w300{
    width:300px;
	height:20px;
}
input.w400{
    width:400px;
	height:20px;
}
input.w500{
    width:500px;
	height:20px;
}
input.w600{
    width:600px;
	height:20px;
}

/* ---------------------------------------- 
 - vertical-align
---------------------------------------- */
.va_T{
	vertical-align:top;
}
.va_B{
	vertical-align:bottom;
}