@charset "utf-8";


/*********************************************************

top専用CSS

/*********************************************************/
/* ///////////////////////////////////////////////////
ローディング
/////////////////////////////////////////////////// */
#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
    background: #fff url("../images/load.gif")no-repeat;
    background-position: center;
}

/* ---------------------------------------------
トップスライダー
--------------------------------------------- */
#skitter{background-color: #000;position: relative;}
.box_skitter {width:1200px;height: 700px;background: #000;margin: auto;}

/* 矢印 */
#skitter .arrow{position: absolute;bottom:-5px;width:100%;text-align: center;z-index: 100;}

/* ロゴ */
#skitter .logo{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width:100%;z-index: 150;}

/* ドットの設定 */
.box_skitter .info_slide_dots{line-height: 1;font-size: 18px;text-align: center;width:100%;}


/* ---------------------------------------------
臨時お知らせ
--------------------------------------------- */
/*
#obi {margin-top: 60px;text-align: center;padding: 10px;color: #c40000;font-size: 12px;}
#obi p {background-color: #c40000;display: inline-block;padding: 10px 20px;color: #fff;border: 3px double #000;}
*/

#obi {margin-top: 45px;color: #c40000;font-size: 12px;position: absolute;top: -30px;left: 35px;z-index: 500;}
#obi p {background-color: #c40000;display: inline-block;padding: 5px 20px;color: #fff;}
#obi p strong {display: inline-block;margin-right: 10px;}
#obi a {color: #fff;}


/* ---------------------------------------------
理念
--------------------------------------------- */
#midashi {margin-top: 40px;}


/* ---------------------------------------------
共通
--------------------------------------------- */
.left{float: left;width: 48%;}
.right{margin-left:52%;}

/* ページ見出し */
section h1 {
	letter-spacing: 2px;
	font-size: 40px;
	line-height: 1;
	text-shadow: 0px 0px 3px #ccc;
	margin-bottom: 30px;
	border-bottom: 2px solid #999;
}
section h1:before{content: "+";}

/* テキスト */
section h1 small{font-size: 35%;letter-spacing: 1px;position: relative;top:-0.6em;margin-left: 20px;}

/* リンクボックス */
section h1 a{display: block;background-color: #000;padding: 15px 20px 10px;border: 1px solid #fff;}
section h1 a:hover{background-color: #fff;color: #000;border-color: #000;}



/* ---------------------------------------------
ヘッドライン
--------------------------------------------- */
#headline {margin-bottom: 50px;}
#headline li {margin-bottom: 20px;}
#headline li a img {vertical-align: bottom;}
#headline li a:hover {opacity: 0.7;}


/* ---------------------------------------------
Twitterウィジェット
--------------------------------------------- */
.twitterWi{margin-bottom: 40px;border: 1px solid #ccc;}


/* ---------------------------------------------
スタッフブログ
--------------------------------------------- */
.blog{margin-bottom: 55px;}
.blog dl{border-bottom: 1px dotted #000;margin-bottom: 10px;padding-bottom: 10px;}
.blog dt{float: left;}
.blog dd{margin-left: 80px;font-weight: bold;}
.blog a {color: #000;text-decoration: none;}
.blog a:hover{color: #c40000;}