@charset "utf-8";

/******************************************************
主要ブロック用
******************************************************/
body {
	background:	#f2eee5;
	text-align:	center;
	font-size:	100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	width:		100%;
}

/*タイトル画像*/
#header {
	width:		100%;
	height:		107px;
	background:	#1d50f7;
	margin-bottom: 21px;
	text-align:	center;
}
#header_sub {
	margin:		0 auto;
	width:		980px;
	overflow:	hidden;
}
#header-title {
	float:		left;
}
#header-link {
	float:		left;
	font-size:	0.8em;
	font-weight:bold;
	color: white;
	margin:20px 0px;
}

#container {
	width:		980px;
	margin:		0 auto 20px;
	padding:	0;
	text-align:	center;
	color:		#646267;
}

/******************************************************
サイドバー用
******************************************************/

#bar_facebook {
	position:fixed;
	top:50px;
	right:0;
}

#bar_twitter {
	position:fixed;
	top:180px;
	right:0;
}

#bar_mailmag {
	position:fixed;
	top:307px;
	right:0;
}

#bar_recruit {
	position:fixed;
	top:530px;
	right:0;
}

#bar_twitter2 {
	position:fixed;
	top:307px;
	right:0;
}

#bar_mailmag2 {
	position:fixed;
	top:435px;
	right:0;
}

#bar_recruit2 {
	position:fixed;
	top:590px;
	right:0;
}

/******************************************************
メインメニューのプルダウン用
******************************************************/
#mainmenu{
	position:		relative;				/* これがないと優先順位が下位に */
	text-align:		left;					/* テキストは左詰 */
	list-style-type:none;					/* リストのマーカーなし */
	width:			980px;
	margin:			0 auto;
	height:			61px;
	margin-bottom:	37px;
	z-index:		1;
line-height:	0.8;		/*firefoxの隙間調節*/
}
#menuBody{
	width:				100%;				/* 横いっぱいを使用 */
	z-index:			1;					/*  */
	overflow:			hidden;				/* floatの囲い込み */
}
#menuBody li {
	float:				left;				/* 浮かして左に詰める */
/*	margin:				0 3px;*/
	margin:				0 7px 0 0;
}
#menuBody li ul.menunav {
	cursor:				pointer;			/* マウスオーバーするとポインタになる */
	font-size:			0.9em;				/* フォントの大きさ指定 */
	text-align:			left;				/* テキスト左詰 */
	overflow:			hidden;				/* 他のメニューを表示させない */
}
#menuBody li ul.menunav li {
	float:				none;				/* ここはfloatせずに縦並び */
	margin: 			0;					/* menuBody liのmarginが加算されて横にずれてしまう対策 */
}
#menuBody li ul.menunav li.menuhead {
	width:				188px;				/* 指定しないと小数点が入ってカラム落ちの原因になる */
	height:				61px;				/* 大元の縦サイズ */
}
#menuBody li ul.menunav li.menuhead ul.menulist {
	overflow:			hidden;				/*  */
}
li.menusub {
	border-bottom:		1px solid #00a8ff;	/* 下だけ線を入れる */
	background-color:	#1474c6;			/* 背景色 */
	width:				188px;				/* 横幅 */
	height:				24px;				/* 縦幅 (実際はborder入れて25px)*/
}
li.newshop {
	background-color:#ff9000;
}
li.menusub a {
	text-decoration:	none;				/* メニューのテキストリンクに下線をつけない */
}
li.menusub a div {
	cursor:				pointer;			/*  */
	color:				#ffffff;			/*  */
	display:			inline-block;		/*  */
	padding:			6px 6px;			/*  */
}
li.menusub:hover {
	background-color:	#14aaff;			/* カーソルを合わせると背景色を変更 */
}



/* box全体にリンクを広げる */
.link-box {
	position:relative;
}
.link-box a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/******************************************************
リンク用
******************************************************/

/* リンク */
a{
	color:#44aaff;
	font-style:normal;
	text-decoration:none;
}

/* 未訪問 */
a:link {
	color:#44aaff;
	font-style:normal;
	text-decoration:none;
}

/* 訪問後 */
a:visited {
	color:#44aaff;
	font-style:normal;
	text-decoration:none;
}

/* マウスオーバー */
a:hover {
	color:#44aaff;
	font-style:normal;
	text-decoration:underline;
}

/* クリック中 */
a:active {
	color:44aaff;
	font-style:normal;
	text-decoration:underline;
}

/******************************************************
汎用ボタン用
******************************************************/

button.link {
	/* 位置・サイズ */
	margin: 0 0.3em;
	padding: 5px 10px;
	width:150px;
	/* フォント */
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	/* 枠 */
	border-style: none;
	/* 影 */
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* 背景色グラデーション */
	background: #6cf;
	/* 角丸 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* 小さいボタン */
button.link.small {
	/* 位置・サイズ */
	margin: 0 0.1em;
	padding: 3px 5px;
	width:100px;
	/* フォント */
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	/* 枠 */
	border-style: none;
	/* 背景色グラデーション */
	background: #6cf;
	/* 角丸 */
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

/* <div>で作る小さいボタン <form>中で使用してもactionへ自動遷移しない */
div.smallbutton {
	display:inline;
	cursor:pointer;
	/* 位置・サイズ */
	margin: 0 0.1em;
	padding: 3px 5px;
	width:100px;
	/* フォント */
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	/* 枠 */
	border-style: none;
	/* 背景色グラデーション */
	background: #6cf;
	/* 角丸 */
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}



/******************************************************
<hr />
******************************************************/

hr {
	height: 1px;
	background: #bbb;
	background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
	background-image: -moz-linear-gradient(left, #eee, #777, #eee);
	background-image: -ms-linear-gradient(left, #eee, #777, #eee);
	background-image: -o-linear-gradient(left, #eee, #777, #eee);
}

/******************************************************
プレースホルダー
******************************************************/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #bbb;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #bbb;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #bbb;
}