@charset "UTF-8";

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?5al8b1');
	src:url('../fonts/icomoon.eot?#iefix5al8b1') format('embedded-opentype'),
		url('../fonts/icomoon.woff?5al8b1') format('woff'),
		url('../fonts/icomoon.ttf?5al8b1') format('truetype'),
		url('../fonts/icomoon.svg?5al8b1#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
[class*="allow-"],
.allow,
.arrow {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-arrow_down:before {
	content: "\e600";
}
.icon-arrow_left:before {
	content: "\e602";
}
.icon-arrow_right:before {
	content: "\e602";
}
.icon-arrow_up:before {
	content: "\e603";
}






#contents a:hover .allow:before,
#contents a:hover .arrow:before {
	color: #F00;
}

#contents a .allow:before,
#contents a .arrow:before,
[class*="allow-"]{
	content: "\e602";
	vertical-align: -1.5px;
	padding: 0 0 0 3px;
}




/* IE8 */
body.ie8 [class^="icon-"],
body.ie8 [class*=" icon-"],
body.ie8 [class*="allow-"],
body.ie8 .allow {
	font-size: 75%;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.ie8 .icon-arrow_down:before {
	content: "\25bc";
}
body.ie8 .icon-arrow_left:before {
	content: "\25b6";
}
body.ie8 .icon-arrow_right:before {
	content: "\25c0";
}
body.ie8 .icon-arrow_up:before {
	content: "\25b2";
}


body.ie8 #contents a .allow:before,
body.ie8 #contents a .arrow:before {
	font-size: 75%;
	content: "\25b6";
	vertical-align: 1px;
}







/*top*/

#top_wrap #action a#prev_btn .arrow:before,
#top_wrap #action a#next_btn .arrow:before{
	padding:0;
}
#top_wrap #action a#prev_btn .arrow:before,
#top_wrap #action a#prev_btn_2 .arrow:before{
	content: "\e601";
	margin-left:-4px;
	vertical-align: -2px;
}
#top_wrap #action a#next_btn .arrow:before,
#top_wrap #action a#next_btn_2 .arrow:before{
	margin-right:-4px; 
	vertical-align: -2px;
}


/* IE8 */
body.ie8 #top_wrap #action a .arrow {
	font-size: 75%;
	line-height: inherit;
}
body.ie8 #top_wrap #action a#prev_btn .arrow:before,
body.ie8 #top_wrap #action a#prev_btn_2 .arrow:before{
	content: "\25c0";
}





/*action report*/

#contents a .allow-s_l:before,
#contents a .allow-s:before,
#contents a .allow-s_top:before{
	font-size: 14px;
	vertical-align: -2px;
}

#contents a .allow-s_l:before{
	content: "\e601";
	padding: 0 5px 0 0;
}
#contents a .allow-s:before{
	content: "\e602";
}
#contents a .allow-s_top:before{
	content: "\e603";
	padding: 0 0 0 5px;
}


/* IE8 */
body.ie8 #contents a .allow-s_l:before,
body.ie8 #contents a .allow-s:before,
body.ie8 #contents a .allow-s_top:before{
	font-size: 90%;
	vertical-align: 1px;
}

body.ie8 #contents a .allow-s_l:before{
	content: "\25c0";
}
body.ie8 #contents a .allow-s:before{
	content: "\25b6";
}
body.ie8 #contents a .allow-s_top:before{
	content: "\25b2";
	vertical-align: 2px;
}