@charset "utf-8";
/*******************************
	デバイス別
********************************/
/*******************************
	コンテンツ見出し共通
********************************/
.head_title{
	line-height: normal;
		background-color: #ff0080;
		border: solid 1px #d6d6d6;
		position:relative;
}
.head_title h2,
.head_title h3,
.head_title h4{
	display: inline-block;
	position:relative;
		color: #fff;
		font-weight: normal;
		font-size: 14px;
		padding: 2px 10px;
		border: solid 2px #fdfdfd;
		background: #a70054;
		border-radius: 0px 20px 20px 0px;
}
.head_title h3 i{font-size: 11px !important;}

/* 広い*/
@media screen and (min-width: 761px) {
	#wrap_main_content {
		position: relative;
		width: 66% !important;
		float: right;
	}
	#wrap_side_content {
		width: 34% !important;
		float: left;
		text-align: center;
	}
	#wrap_sub_menu{
		position: absolute;
		padding: 0px !important;
		top: -30px;
		left: 31%;
	}
	#wrap_sub_menu b,#wrap_side_btn_sub {display: none !important;}

}
/* スマホ他 */
@media screen and (max-width: 760px) {
	#wrap_main_content {
		padding:0px 2px 0px 2px !important;
	}
	#wrapper {	border-style: none !important;}
	#wrap_sub_menu{
			background-color: #4a004a;
			margin: -5px 0px 5px 0px;
			padding: 8px 3px;
	}
	#wrap_side_content {
		position: absolute;
		top: 0px;
		width: 100%;
		opacity: 0;
		background-color: #660066;
		margin-left: -100%;
		padding-top: 7px;
		z-index: 6;
		transition: margin-left 300ms, opacity 300ms;
	}
	#yearPrev, #yearNext{width: 50px !important;}
	.side_only {display: none;}
	#menu_def {
		width: 70% !important;
		min-width: 210px !important;
	}
	.open_side_content {
		margin-left: 0px !important;
		opacity:1 !important;
		transition: all 300ms ease;
	}
	#dammy{
		position: absolute;
		top: 0px;
		left: 0px;
		width:100%;
		height:100%;
		background-color: rgba(0, 0, 0, 0);
		visibility:hidden;
		transition: all 500ms ease;
	}
	.brightness_cover{
		background-color: rgba(0, 0, 0, 0.3) !important;
		z-index:2;
		transition: background-color 500ms;
		visibility: visible !important;
	}

/* サイドコンテンツ部 ****************************/
	#wrap_side_content section { max-width: 100% !important; }
	#calendar table td a, #title_initial td a { padding: 8px 1px !important; }
	#simple_list li { padding-top: 8px !important; }
	#search_box{border-style: none !important;}
	#wrap_side_content #wrap_search { margin-left: 50px;}
}
@media screen and (max-width: 420px) {
	.head_title h2{max-width: 286pxt;}
}

/*******************************
	リンク矢印共通
********************************/
.page_control a:before, .page_control a:before, .page_control span:before,
.wrap_side_btn a:before,
#mypage:before{
		content: "";
		display:block;
		border: 5px solid transparent;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.arrow:before,
.arrow:after,
.tarrow:before,
.tarrow:after ,
.iarrow:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.hover:hover {
	-webkit-filter: brightness(95%);  Google Chrome and Safari
	-moz-filter:brightness(95%);     Firefox
	-ms-filter: "progid:DXImageTransform.Microsoft.brightness(95%)";      for Internet Explorer
	filter: brightness(90%);
}
a.arrow:hover:before {
	left: 6px !important;
/* 	border-color:#ff8000 !important; */
	transition: left 200ms ease;
}
a.arrow:hover:after{
	right: 5px !important;
/* 	border-color:#ff8000 !important; */
	transition: right 200ms ease;
}
/*******************************
	共通
********************************/
body, #wrapper, #contents, #wrap_header , #wrap_footer,
#wrap_main_content, #wrap_main_content section, footer table form button, #wrap_search form{
	margin: auto;
}
header i, #menu_close #Mbtn, #menu_close #menu, #menu_close .wrap_menu_btn{
	display: block;
}
#wrapper, #wrap_header, #menu, #menu strong,  #gbox, #mypage, #thisCalMonth{
	position: relative;
}
header nav, #menu ul,  #menu_close #Mbtn, #Mbtn:before,  #Mbtn:after,
.page_control a:before, .page_control span:before,.page_top:after, .page_last:after, .wrap_side_btn b a:before,
a#mypage:before{
	position: absolute;
}
footer, #wrap_side_content, .wrap_menu_btn, #menu a {
	text-align: center;
}
#menu_def td, #wrap_top_menu li, .wrap_menu_btn, #wrap_search input{
	vertical-align: middle;
}
#mbox, #menu strong, #menu_open #Mbtn, #menu_close #menu{
	background-color: #FFFFFF;
}
#menu_def .active > ul, #menu_open .active > ul{
	opacity:1 !important;
}
body {
	/*font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;*/
	font-family: 'Helvetica Neue',Helvetica,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
}
#wrapper {background-color: #FFFBF7;}
#contents{
	position: relative;
	min-height: 600px;
	padding: 5px 0px;
}
#contents:after {
	content: '';
	display: table;
	clear: both;
}
#contents, #wrap_header, #wrap_footer {max-width: 900px;}
#wrap_main_content section {
	margin: 5px 0px;
	line-height: normal;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
header {padding-bottom: 5px;}
header i {font-style: normal; }
header h1 {
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	padding: 3px 2px 3px 2%;
}
#logo  {
	background-size:78px 47px;
		background-image: url(../img/charatan.png);
		background-position: center top;
		background-repeat: no-repeat;
		width: 78px;
		height: 47px;
		text-indent: -9999em;
	margin-left:2%;
}
header nav {
	max-width: 310px;
	z-index: 10;
	right: 5px;
	top: 24px;
	width: 80%;
	overflow: visible;
	border-radius: 3px;
}
header , footer {
	background-color: #660066;
	background-image: url(../img/bg_flower.png);
	background-repeat: repeat;
	background-position: center center;
}
footer {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.2em;
	padding-top: 5px;
}
footer table form button{
	color: white;
	border: solid 1px #fff;
	font-weight:  bold;
	width: 92%;
	max-width: 200px;
	height: 35px;
}
footer #character {background-color: #3b559c;}
footer #request {background-color: #00BCD4;}
footer #revision {background-color: #e91e63;}

/*******************************
	メニュー部
********************************/
#wrap_top_menu, #menu, #menu ul{
	width: 100%;
	display: table;
	table-layout: fixed;
}
#menu {
	letter-spacing: 0.1em;
	line-height: 1em;
}
li.wrap_menu_cell, .wrap_menu_btn, #menu li a{
	display: table-cell;
	width: auto;
	white-space: nowrap;
}
#mbox{
	border: 2px solid #FFFFFF;
	border-radius: 3px;
	position: relative;
}
#menu strong {
	display:block;
	cursor: pointer;
	white-space: nowrap;
	font-size: 13px;
	border-width: 2px;
	border-style: solid;
	z-index: 101;
	padding-top: 2px;
	margin: 0px 1px;
}
#menu i{
	letter-spacing: normal;
	font-weight: normal;
}
#smonth strong, #smonth a, .birthpage {
	border-color: #D84166;
	color: #D84166;
}
#smonth ul{ background-color: #D84166;}
#stitle strong, #stitle a, .titlepage{
	border-color: #3D84CC;
	color: #3D84CC;
}
#stitle ul{ background-color: #3D84CC; }
#sname strong, #sname a{
	border-color: #3D9971;
	color: #3D9971;
}
#sname ul {	background-color: #3D9971; }
#menu ul {
	top: auto;
	left: 0px;
	z-index: -1;
	padding: 5px;
	margin-top: -1px;
	opacity: 0;
	height: 0%;
	overflow: hidden;
	display: inline;
}
#menu ul li{ display: table-row; }
#menu .active strong { color: #FFFFFF; }
#menu .active ul { display: table !important; }
#menu  a {
	font-size: 12px;
	font-weight: bold;
	padding:2px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	border-top: 1px dashed #FFFFFF;
	border-right: 1px dashed #FFFFFF;
}
#menu li a:first-child{	border-left: 1px dashed #FFFFFF; }
#menu ul li:last-child > a, #menu ul li .bb{
	border-bottom: 1px dashed #FFFFFF !important;
}
#menu a i, #menu .active strong i{ color: #FFCC66; }
#menu a:hover{	background-color: rgba(0,0,0,0.2);
}

/*メニュー開閉関連*/
#menu_open #wrap_search, #menu_close #wrap_search, #menu_close strong p, #Mbtn{
		display: none;
}
#menu ul, #menu_open, #menu_close #menu{
	box-shadow: 0px 0px 9px 1px rgba(113, 135, 164, 0.7);
	-webkit-box-shadow: rgba(113, 135, 164, 0.7) 0px 0px 9px 1px;
	-moz-box-shadow: 0px 0px 9px 1px rgba(113, 135, 164, 0.7);
}
#menu strong  p{	overflow: hidden; }
#menu_open{
	width: 100%;
	max-width: 310px;
	transition: width 400ms ease;
}
#menu_def #menu ul{
	margin-top: -30px;
	transition: all 150ms ease;
}
#menu_open #menu ul{
	margin-bottom: -30px;
	bottom: 38px;
	transition: all 200ms ease;
	overflow: hidden;
}
#menu_def .active > ul {
	margin-top: -1px !important;
	z-index: 1;
}
#menu_open .active > ul {
	margin-bottom: 0px !important;
	z-index: 100;
}
#menu_open #Mbtn {
	display: table-cell;
	width: 38px;
	z-index: 105;
	cursor: pointer;
	position:relative;
}
#menu_open #menu #Mbtn:before {
	content: '';
	background-color: #9e9e9e;
	display: block;
	height: 14px;
	width: 4px;
	border-radius: 5px;
	left: 17px;
	bottom: 10px;
	z-index: 2;
}
#menu_open #menu #Mbtn:after {
	content: '';
	top:12px;
	left: 13px;
	width: 8px;
	height: 8px;
	margin:auto;
	border-top: 4px solid #9e9e9e;
	border-left: 4px solid #9e9e9e;
	background-color:inherit;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu_close{ width: 74px;}
#menu_close #Mbtn {
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 102;
}
#menu_close #menu{
	position: fixed;
	width: 72px;
	bottom: 40px;
	right: auto;
	border-radius: 3px;
	padding: 5px 0px;
}
#menu_close .wrap_menu_btn{
	width: 24px;
	margin: 2px auto;
}

/*********************
	sub menu
**********************/
#wrap_sub_menu nav{
	position:relative;
	max-width:900px;
	margin:auto;
}
#sub_menu{
	font-size: 12px;
		text-align: right;
}
#sub_menu li{
	display: inline-block;
		border: 1px solid #ffffff;
}
.wrap_side_btn{
		position: absolute;
		top: 7px;
		left: 0px;
		z-index: 10;
		vertical-align: top;
}
.wrap_side_btn  a{
		color: #FFFFFF;
		font-size: 12px;
		background-color: #ff1f68;
		border-radius: 0px 2px 2px 0px;
		padding: 4px 5px 4px 15px;
		position: relative;
}
.wrap_side_btn a:before{
	position: absolute;
	border-left: 5px solid #fff;
	left: 6px;
	display: block;
}
.wrap_side_btn a.open_btn:before{
	border-left: none;
	border-right: 5px solid #fff;
	left: 5px;
}
#wrap_side_btn_sub{
	left: 2px;
	position: absolute;
	bottom: -40px;
}
#wrap_sub_menu span a {	padding: 3px 5px;}
#wrap_sub_menu .arrow:after {
	width: 5px;
	height: 5px;
	right: 0px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
}
/*	favorite*/
#wrap_favorite button{float: right;}
#fav_menu{
	background-color:#fff;
	padding-right: 8px;
}
a#mypage{
		display: inline-block;
		background-color: #cc3db4;
		border-right: 1px solid #d87900;
		margin-right: 5px;
		padding: 2px 6px 2px 12px;
		color: white;
}
a#mypage:before{
	border: 4px solid transparent !important;
	border-left: 4px solid #fff !important;
	left: 4px;
}
/*******************************
	ページリスト部
********************************/
nav.pagelinks {
	width: auto;
	padding: 4px;
	margin: 5px 0px;
	background-color: #FFFFFF;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		position: relative;
}
nav.pagelinks ul{	margin: 8px 0px;}
nav .wraplinks {
	margin: 2px;
	padding: 4px;
}
ul.page_control {
	text-align: center;
	display: table;
	width: 100%;
}
nav.pagelinks ul li{
	font-size: 14px;
	display: table-cell;
	position: relative;
}
nav.pagelinks ul li a, nav.pagelinks ul li b{
	height: 24px;
	line-height:1.5em;
}
ul.pagelist li{width: 52px;  min-width: 20px;}
ul.page_control li{width: 36px;}
nav .fence{width: 16px !important;}
.pagelist a, .pagelist b {
	display: block;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
}
.pagelist a, .pagelist b, .page_control{border: 2px solid #fbd184;}
.pagelist a, .page_control a{
		background-color: #fff700;
}
.pagelist a, .page_control span, .pagelist b{
	margin: 0px 2px;
}
.pagelist b{
	background-color: #FFFFFF;
	border: 2px solid #ffb2bd;
}
.page_control{
	border-radius: 15px;
	background-color: #fff;
}
.page_control .page_info {white-space: nowrap;}
.page_control li {	vertical-align: middle;}
.page_control a{
	position: relative;
	height: 100%;
}
.page_prev {border-radius: 15px 0px 0px 15px;}
.page_next {border-radius: 0px 15px 15px 0px;}
a.page_prev:before {
	border-right: 7px solid #ff8000 !important;
	left: 3px;
}
a.page_next:before {
	border-left: 7px solid #ff8000 !important;
	right: 3px;
}
nav.pagelinks p {
	text-align: center;
	font-size: 14px;
}
/*******************************
	簡易リストリンクアニメ
********************************/
#mark{
	display:block;
	background-color:rgba(255,255,250,0.5);
	position: absolute;
}
.dell_anime{
	background-color:rgba(255,255,255,1) !important;
	width:60px;
	opacity: 0;
	z-index: 0;
	visibility:hidden;
	transition:all 800ms ease, opacity 700ms ease 250ms;
}
/*******************************
	ぱんくず
********************************/
#pan_kuzu{padding-bottom: 3px;}
#pan_kuzu a, #pan_kuzu span{
	display: inline-block;
	position: relative;
		line-height: 1.5em;
		font-size: 12px;
	margin: 5px 10px;
}
#pan_kuzu a {
	position:relative;
	background-color: #f2f2f2;
	margin-right: 12px;
	padding: 2px 8px;
	border: solid 1px #607d8b;
}
#pan_kuzu a:after {
	content: "";
	position: absolute;
	border: 11px solid transparent;
	border-left: 11px solid #f2f2f2;
	top: 0px;
	right: -22px;
}
#pan_kuzu a:before {
	content: "";
	position: absolute;
	border: 11px solid transparent;
	border-left: 11px solid #607d8b;
	top: 0px;
	right: -23px;
}
#pan_kuzu span{font-weight: bold;}
#wrap_sort {
	text-align: left;
	margin: 5px;
	font-size: 11px;
}
#wrap_sort th{width:50px;}
#wrap_sort a{
	display:inline-block;
	text-align: center;
	margin-bottom:5px;
}
.select {
	background-color: white !important;
	border-color:#03a9f4 !important;
	pointer-events: none;
	cursor: default;
}
#noscript{
	text-align: center;
	margin: 5px;
	padding: 15px 0px;
	border: solid 2px red;
	background-color: #fff;
}
/********************************************************
	サイドコンテンツ
*********************************************************/
#wrap_side_content section {
	display: inline-block !important;
	width: 96%;
	font-size: 12px;
	line-height: 1.5em;
	vertical-align: top;
	margin-bottom: 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	border-radius: 4px;
}
#calendar{position: relative;}
#wrap_side_content h3  {
	background-color: #ff7171;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	padding: 2px 0px;
}
#calendar h3 a{
	display: inline-block;
	color: #d44b4b;
	margin: auto;
	background-color: #ffffff;
	padding: 0px 10px;
	border-radius: 2px;
}
#calendar h3 a:hover{color: #ff8000;}
#wrap_side_content .wrap_table caption { padding: 5px 0px;}
#wrap_side_content .wrap_table caption p{
	color:#CA77C6;
	font-size:10px;
}
#wrap_month_toggle{
	width: 100%;
	display:table;
}
#wrap_month_toggle span {
	width: 50%;
	display:table-cell;
}
#wrap_side_content .wrap_table {
	background-color: #FFFFFF;
	border: 1px solid #e8e8e8;
	padding: 2px;
}
#wrap_side_content section table { width: 100%; table-layout: fixed;}
.slank td{
	vertical-align: middle;
	padding: 5px 6px;
}
.slank table th{
	border:1px solid #fff;
	background-color: #e7e2f7;
}
.slank table tbody tr { border-bottom: 1px dashed #CCCCCC; }
.slank table tbody tr:last-child{ border-bottom: none; }

/**************************************************
	カレンダー
**************************************************/
#calendar table th { font-weight: normal;}
#calendar table th p { font-size: 9px; }
#calendar table tbody tr td { background-color: #ffffff;}
#calendar table td a, #title_initial td a{
	padding: 1px;
	border-radius: 2px;
	background-color: #fbf4fb;
	border: 1px solid #ffffff;
}
#calendar table td a:hover , #title_initial td a:hover{
	background-color: #f4e2e1;
	border-color:#fdbdf9;
}
#thisCalMonth{display: inline-block;}
#thisCalMonth:before{
	content:"";
	border: 4px solid transparent;
	border-left: 4px solid #999;
	top: 4px;
	left: -15px;
	position: absolute;
}
#thisCalMonth:after{
	content:"";
	border:1px solid #ccc;
	width:14px;
	height:14px;
	top:0px;
	left: -22px;
	display:block;
	position: absolute;
}
#thisCalMonth:hover:before{	border-left-color: #ff8000;}
#thisCalMonth:hover:after{border-color: #ff8000;}
#yearPrev, #yearNext{
		background-color: #d44b4b;
		color: #fdbebe;
		font-size: 10px;
		font-weight: bold;
		line-height: 2.2em;
		top: 0px;
		width: 37px;
		height: 21px;
		position: absolute;
}
#yearPrev{left: 0px;}
#yearNext{right: 0px;}
#yearPrev:hover, #yearNext:hover {background-color:#c13030;}
.sat { color:blue; }
.sun { color:red; }
.spday, #spday span { color:hotpink; }
#calendar table td .today {
	background-color:#FF9 !important;
	font-weight: bold;
}
#calendar table td .myday {
	border-color: #f44336;
	font-weight: bold;
}
#calendar table td .noturu {
	background-color:#FFFFFF !important;
	opacity: 0.3;
}
#spday { padding: 5px;}
#spday span{ width: 55px;}

/**********************
	好きランキング
***********************/
#love_ranking .ls_rank{
	font-size: 9px;
	color:#43b8cc;
	position: relative;
	top: 3px;
}
#love_ranking tbody{ text-align: left; }
#love_ranking tr td:FIRST-CHILD{white-space:nowrap;}
#love_ranking td b{ margin-left: 7px; }
.letter_Sp { letter-spacing: 0.1em; }

/*********************
	簡易リスト
**********************/
ul#simple_list  { padding: 4px; }
#simple_list li   {
	display: table;
	font-size:12px;
	width: 100%;
	text-align:left;
	padding: 1px 0px;
	position: relative;
	border-bottom: dashed 1px #ddd;
}
#simple_list li a:hover{
	font-weight:bold;
	background-color:rgba(170, 60, 60, 0.1);
}
#simple_list li a span { display:table-cell; }
#simple_list a span:nth-child(1){
	width:30px;
	color:#ff8000;
}
#wrap_simple_list nav a{
	margin: 2px;
	background-color: #e8e8e8;
	border-radius: 8px;
}
#simple_prev a:before {
	left: 8px;
	width:4px;
	height:4px;
	border-bottom: #808080 2px solid;
	border-left: #808080 2px solid;
}
#simple_next a:after {
	right: 8px;
	width:4px;
	height:4px;
	border-top: #808080 2px solid;
	border-right: #808080 2px solid;
}
#title_initial table {
	width: 100%;
	table-layout: fixed;
}
/*********************
	サーチ部
**********************/
#wrap_search form {
	border: 1px solid #ff8000;
	position: relative;
	padding-right: 50px;
	height: 26px;
	overflow: hidden;
	white-space: nowrap;
}
#textbox {
	border-style: none;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	padding-left: 5px;
}
#gbox {
	border-style: none;
	border-radius: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45px;
	background-color: #ffbdbd;
}
/*********************
	button
**********************/
.link_btn{
	color: white;
		border: 1px solid #fff;
		padding: 0px 5px;
		text-align: center;
}
.link_btn:hover {
	background-color: #fff;
	color: #359bf6;
}

/*********************
	ヘルプ部
**********************/
[class^=help_btn] {
	position: absolute;
		font-size: 11px;
	line-height: 1.7em;
		color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.2);
		margin: auto;
		padding: 0px 4px 0px 20px;
		top: 0px;
		height: 20px;
		bottom: 0px;
		right: 5px;
		cursor: pointer;
}
[class^=help_btn]:before{
		content: "";
		position:absolute;
		display:block;
		border: 4px solid transparent;
	top: 8px;
}
[class^=help_btn]:before {
	border-top: 4px solid #FFF;
	left: 4px;
}
.help_btn_open{
	background-color: #ec0479 !important;
	border: 1px solid #7b636f !important;
}
.help_btn_open:before{
	border-top:none  !important;
	border-bottom: 4px solid #FFF !important;
	top: 7px !important;
}
[class^=wrap_help] {
	background-color: #FFF;
	font-size: 12px;
	text-align: left;
	max-width: 600px;
	margin: 2px auto;
	padding: 5px 2px;
	border: 1px solid #eee;
	display: none;
}
[class^=wrap_help] dt {
	padding-bottom: 5px;
	padding-top: 7px;
	padding-left: 5px;
	font-weight: bold;
}
[class^=wrap_help] dt:before {
	content: "";
	display:inline-block;
	position: relative;
	height: 6px;
	width: 6px;
	margin-right: 5px;
		background-color: #ff8e02;
		border: 2px solid #9a4000;
}
[class^=wrap_help] dd {
	line-height: 1.5em;
	border-bottom: 1px dotted #CCC;
	margin: 0px 4px;
	padding: 5px 16px;
}
[class^=wrap_help]  dd:last-child {border-bottom: none !important;}
[class^=wrap_help] ul { list-style: disc;}
[class^=wrap_help] ul li{
		text-indent: -1.3em;
		padding-left: 1em;
		line-height: 1.8em;
		list-style-position: inside;
}
/*button*/
[class^="btn_"] {
		border: solid 1px #9e9e9e;
		background-color: #f0f0f0;
		min-width: 100px;
}
[class^="btn_"]:not(.select):hover {
		color: #188bb0;
		background-color: #ffffff;
		box-shadow: 0px 0px 2px 0px #949494;
}
[class^="btn_"]:active {
		position:relative;
		top:1px;
}
.btn_s {
		padding: 5px;
		min-width: 100px;
}
.btn_l { padding: 10px;}
/*緊急*/
#system_alert {
		color: red;
		background-color: white;
		font-size: 14px;
		line-height: 1.4em;
		margin: 0px 0px 5px 7px;
		padding: 10px;
		border: 2px solid #f00;
}
/*load*/
.loading{
	background-image:url("../img/loading.gif");
	background-repeat: no-repeat;
}
/*no-data*/
#no_data {
		padding: 50px 0px;
		text-align: center;
		border: 2px solid red;
		background-color: white;
		color: #ff0f0f;
}
/*広告スペース*/
nav.wrap_af{margin:10px 2px; text-align: center;}