@charset "utf-8";


/* ----------------------------------------------------------------------
 basic setting
---------------------------------------------------------------------- */

p { margin:0; padding:0; }
ul { margin:0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; zoom:1; }
ol { margin:0 0 2em 19px; padding:0; }
ol li { padding:0 0 5px 0; line-height:normal; }
dl { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
dl dt, dl dd { margin:0; padding:0; line-height:normal; zoom:1; }
dl dt { font-weight:bold; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; width:100%; border:0; }
hr { border:1px solid #ccc; margin:40px 0; }
.clear { clear:both; }
input[type="text"], input[type="password"], textarea, select { outline: none; }


/* list */
.dt, .dd { line-height:2; }
.dt { font-weight:bold; }
.dd { margin-bottom:1em; }

/* etc */
.b {font-weight:bold;}
.pre { margin:0 0 24px 0; line-height:1.5; background:#f2f2f2; padding:15px; overflow:auto; white-space:pre-wrap; word-wrap:break-word; }
/*************************************************************
【見出し】
*************************************************************/
.side_headline {
	min-height: 30px;
	font-size:20px;
	margin: 10px auto 10px;
	padding-top: 25px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #999;
}
.headline1{
	margin: 0; 
	border-left:8px solid #aa9a00; 
	border-bottom:1px dotted #aa9a00; 
	line-height:30px; 
	font-size:14px; 
	padding:0 0 0 0;
	background: #efdf94;
}
.headline2{margin:40px 0 20px 0; border-left:6px solid #666; line-height:26px; font-size:1.1em; padding:0 0 0 12px;}

/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */


.arrow {
	width: 55px;
	height: 58px;
	padding-left: 30px;
	background-image: url(../img/arrow_02.png);
	background-repeat: no-repeat;
}

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */

/* --- clear --- */
.clear{
	clear: both;
}



/*************************************************************
角丸
*************************************************************/
.border_radius {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
/*************************************************************
非表示
*************************************************************/
.display-none {display: none;}


/**************************************************************
【fontの設定】
**************************************************************/
.font_7 {font-size:0.7em}  /* フォントサイズ70% */
.font_8 {font-size:0.8em}
.font_9 {font-size:0.9em}
.font_100{font-size:100%}
.font_110{font-size:110%}
.font_120{font-size:120%}
.font_130{font-size:130%}
.font_140{font-size:140%}
.font_150{font-size:150%}
.font_160{font-size:160%}
.font_170{font-size:170%}
.font_180{font-size:180%}
.font_190{font-size:190%}
.font_200{font-size:200%}
.font_210{font-size:210%}
.font_220{font-size:220%}
.b{font-weight:700}				/* 太字 */
.u{text-decoration:underline}	/* 下線 */

/**************************************************************
【colorの設定】
**************************************************************/
.red{color:red}				/* 赤色 */
.blue{color:#2ca9e1}		/* 青色 */
.green{color:#82ae46}		/* 緑色 */
.orange{color:#ff7d00}		/* 橙色 */
.yellow{color:#fff000}		/* 黄色 */
.pink{color:#ff0084}		/* ピンク */
.gray{color:#999}	/* グレー */
.gold{color:#f5ce13}	/* ゴールド*/

/**************************************************************
【background-colorの設定】
**************************************************************/
.bg-yellow{background:#ff0}		/* 黄色の文字背景 */
.bg-blue{background:#4ab0f5}	/* 青色の文字背景 */
.bg-red{background:red}			/* 赤色の文字背景 */

/****************************************************************
【align 配置の設定】
*****************************************************************/
.p-center{text-align:center !important}	/* 中央寄せ */
.align2{text-align:right !important}	/* 右寄せ */
.align3{text-align:left !important}		/* 左寄せ */

/****************************************************************
【float 回り込みの設定】
*****************************************************************/

/****************************************************************
【マウスオーバー時の画像リンク 不透明度の設定】※初期設定は60%
*****************************************************************/
a img.linkimg{background:none!important}
a:hover img.linkimg{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}

/*************************************************************
【行間の設定】
*************************************************************/
/*************************************************************
【marginの設定】
*************************************************************/

/**************************************************************
【paddingの設定】
**************************************************************/
.pat-l_10 {padding-left: 30px;}

/* ----------------------------------------------------------------------
 fixedTop
---------------------------------------------------------------------- */

#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #000;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: scale(0);
}
#fixedTop:hover {
    opacity: 0.8;
}
#fixedTop.show {
    transform: scale(1);
    -webkit-transform: translateZ(0);
}