@charset "UTF-8";



/*

-------------------------------------------------------------------------------

KOKUBO

-------------------------------------------------------------------------------

*/



/*

-------------------------------------------------------------------------------

デフォルト値設定

-------------------------------------------------------------------------------

*/



/* margin値,padding値をクリア */

*{
	margin:0px;
	padding:0px;
}



/* デフォルト各OS標準フォント */

*{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}



/* 画像のリンク枠をクリア */

img{
	border:0px;
}



/* IEすきまバグ対策 */

ul li img{
	vertical-align:bottom;
}





/*

-------------------------------------------------------------------------------

基本設定

-------------------------------------------------------------------------------

*/








/* 基本アンカースタイル */

a:link,a:visited{
	color:#333333;
	text-decoration:none;
}

a:hover,a:active{
	color:#333333;
	text-decoration:underline;

}

a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}



/*画像の背景色の継承回避*/

a.img_nobg{
	background:none;
}





/* 基本テーブル */



table.normal{
	background-color:#CCCCCC;
	margin:auto;
}

table.normal td{
	padding:5px 10px;
	text-align:left;
	font-size:80%;
	color:#666666;
	background-color:#FFFFFF;
	line-height:140%;
}

table.normal th{
	padding:5px 10px;
	text-align:left;
	font-size:80%;
	color:#666666;
	background-color:#EEEEEE;
	vertical-align:middle;
	font-weight:normal;
}

table.normal td ul{
	font-size:100%;
}

table.normal tr.middle td{
	vertical-align:middle;
}

table.normal tr.center td{
	text-align:center;
}





/* 基本リスト */



ul.normal{
	margin-left:20px;
}

ul.normal li{
	line-height:150%;
	margin-bottom:5px;
	list-style-type:disc;
}



ol.normal{
	margin-left:25px;
}

ol.normal li{
	line-height:150%;
	margin-bottom:5px;
	list-style-type:decimal;
}

ul.none{
	margin-left:10px;
}

ul.none li{
	line-height:150%;
	margin-bottom:5px;
	list-style-type:none;
	vertical-align:middle;
}





/* MAC用文字化け対策 */

textarea{
	font-family: "ＭＳ Ｐゴシック",　"Osaka", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";
}

input{

	font-family: "ＭＳ Ｐゴシック",　"Osaka", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";
	font-size:12px;
	color:#666666;
}



ul li img{
	vertical-align:bottom;
}



div.mainFrame{
	width:830px;
	margin:10px auto 10px auto;
	text-align:left;
}

span.attention{
	color:#FF3333;
	text-decoration:none;
}





/*

-------------------------------------------------------------------------------

コンテンツフレーム

-------------------------------------------------------------------------------

*/



/* トップページレイアウト */

table.contentsNaviFrame{
	margin:10px auto 10px auto;
	width:980px;
}

table.contentsNaviFrame td{
	vertical-align:top;
	text-align:left;
}





/* ヘッダーエリア */

div.homeTop{
	display:block;
	width:980px;
	margin:20px auto auto auto;
}







/*

-------------------------------------------------------------------------------

TOPページ NEW

-------------------------------------------------------------------------------

*/
body {
	padding-top: 112px;
}
body > div > table > tbody > tr:first-child > td > div > iframe {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
}
#slider .inner {
	margin: 0 auto;
	max-width: 550px;
}
#slider .slick-list {
	padding: 0 !important;
	overflow: inherit;
}
#slider .slick-slide {
	height: auto;
}
#slider .slick-slide img {
	margin: 0;
}
#slider .slick-prev,
#slider .slick-next {
	z-index: 2;
	width: 40px;
	height: 40px;
}
#slider .slick-prev:before,
#slider .slick-next:before {
	font-size: 40px;
}
#slider .slide-dots {
	margin: 27px 0 0;
	list-style: none;
	text-align: center;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
}
#slider .slide-dots li {
	display: inline-block;
	margin-top: 15px;
}
#slider .slide-dots li:nth-child(n+2) {
	margin: 0 0 0 3%;
}
#slider .slide-dots li button {
	text-indent: -9999px;
	width: 8px;
	height: 8px;
	border: 0;
	border-radius: 100%;
	background-color: #fff;
}
#slider .slide-dots li.slick-active button {
	background-color: #000;
}
