@charset"UTF-8";


/* TAB切り替え機能 (要jQuery) */
/* TAB宣言 */
ul.tab{
	padding	:0;
	margin	:0;
}

/* TAB見出し共通 */
ul.tab li
	{float:left;}

/* TAB見出し(OFF) */
ul.tab li a:link,ul.tab li a:visited, ul.tab li a:active, ul.tab li a:hover {
	display			:block;
	padding			:8px 0;
	font-size		:1.0em;
	color			:#ffffff;
	background-color:#333333;
	text-align		:center;
	vertical-align	:middle;
	border			:1px solid #ff0033;
	border-bottom	:0;
	/* 角丸 */
	border-radius			: 6px  6px 0 0;
	-webkit-border-radius	: 6px  6px 0 0;
	-moz-border-radius		: 6px  6px 0 0;

	/* グラデーション */
	background:-moz-linear-gradient(top,#333333 0%,#000000 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#000000));
	background:-webkit-linear-gradient(top,#333333 0%,#000000 100%);
	background:-o-linear-gradient(top,#333333 0%,#000000 100%);
	background:-ms-linear-gradient(top,#333333 0%,#000000 100%);
	background:linear-gradient(to bottom,#333333 0%,#000000 100%);
/*
	PIEを使わない IE用
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ff6699',GradientType=0);
*/
	position		:relative;
	-pie-background	:linear-gradient(top, #333333, #000000);
	behavior: url(./js/PIE.htc);
}

/* TAB見出し(ON) */
ul.tab li a.selected:link, ul.tab li a.selected:visited, ul.tab li a.selected:active, ul.tab li a.selected:hover {
	display			:block;
	padding			:8px 0;
	font-size		:1.0em;
	color			:#ffffff;
	background-color:#333333;
	text-align		:center;
	vertical-align	:middle;
	border			:1px solid #ff0033;
	border-bottom	:1px solid #ffffff;	/* 内容と同化させるための色にする */
	/* 角丸 */
	border-radius			: 6px  6px 0 0;
	-webkit-border-radius	: 6px  6px 0 0;
	-moz-border-radius		: 6px  6px 0 0;

	/* グラデーション */
	background:-moz-linear-gradient(top,#000000 0%,#333333 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000000),color-stop(100%,#333333));
	background:-webkit-linear-gradient(top,#000000 0%,#333333 100%);
	background:-o-linear-gradient(top,#000000 0%,#333333 100%);
	background:-ms-linear-gradient(top,#000000 0%,#333333 100%);
	background:linear-gradient(to bottom,#000000 0%,#333333 100%);
/*
	PIEを使わない IE用
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6699',endColorstr='#ffffff',GradientType=0);
*/
	position		:relative;
	-pie-background	:linear-gradient(top, #000000, #333333);
	behavior: url(./js/PIE.htc);
}

/* OFFタブ選択時の文字の色 */
ul.tab li a:hover {
	color:#ffff00;
}

/* 12分割タブ */
ul.tab li.tab_1  {width: 8.33%;}
ul.tab li.tab_2  {width:16.66%;}
ul.tab li.tab_3  {width:25.00%;}
ul.tab li.tab_4  {width:33.33%;}
ul.tab li.tab_5  {width:41.66%;}
ul.tab li.tab_6  {width:50.00%;}
ul.tab li.tab_7  {width:58.33%;}
ul.tab li.tab_8  {width:66.66%;}
ul.tab li.tab_9  {width:75.00%;}
ul.tab li.tab_10 {width:83.33%;}
ul.tab li.tab_11 {width:91.66%;}
ul.tab li.tab_12 {width:100%;}


/* タブ内容宣言 */
ul.panel {
	clear:both;
	padding:0;
	padding-top:0;
	border:1px solid #ff0033;
	border-top:0;
	border-bottom:0;
}
/* タブ内容 */
ul.panel li {
	list-style-type:none;
	padding:0;
}

/* タブ内容デザイン */
div.tab_page {
	padding			:4px;
	background-color:#ffffff;
	color			:#ff0033;
	border-radius			:0 0 10px 10px;
	-webkit-border-radius	:0 0 10px 10px;
	-moz-border-radius		:0 0 10px 10px;
/*
	position		:relative;
	behavior: url(./js/PIE.htc);
*/
}

/* 上辺にボーダーをつける */
.page_top {
	box-shadow		:0px -1px 0px #ff0033 inset;
}
/* 下辺にボーダーをつける */
.page_bottom {
	box-shadow		:0px  1px 0px #ff0033 inset;
}