@charset "UTF-8";

/*
 * reco-der.com
 * /httpdocs/html/pc/css/public.css
 *
 * all page public css
 *
 */

/* body */
body {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px; /* MUST be half the width */
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	font-size: 0.8em;
	overflow-y:scroll;	/* Firefox scroll bar drag */
}

/* link */
a:link		{ color: #000000; }	/* 8B */
a:visited	{ color: #666666; }	/* *O */
a:active	{ color: #CC0033; }	/* ��E�B */
a:hover		{ color: #CC0033; }	/* ��ｦ�B */

/* list */
ul,ol,li {
	margin:0px 10px;
	padding:0px 5px;
	line-height: 1.5em;
	zoom: normal;
}

/* IEn;ﾙ��V */
img {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: bottom;
}

/* paragraph */
p {
	margin: 0px;
	padding: 0px;
	line-height: 1.8em;
}

.p2 {
	width: 780px;
	margin-left: 10px;
	padding-bottom: 15px;
	line-height: 1.8em;
}

.p3 {
	width: 770px;
	margin-left: 15px;
	padding-bottom: 15px;
	line-height: 1.8em;
}

.p4 {
	width: 780px;
	margin-left: 15px;
	padding-bottom: 15px;
	line-height: 1.8em;
}

/* paragraph 3 for info */
.ip3 {
	width: 770px;
	margin-left: 15px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	color:#6A4B33;
	border-top: 1px #555555 dotted;
	line-height: 1.8em;
	font-size: 0.9em;
	text-align:right;
}
.ip3 a 		{ color: #6A4B33; }
.ip3 a:hover{ color: #333333; }	


.ip4 {
	width: 780px;
	margin: 0px 0px 15px 5px;
	padding-left: 28px;
	background-image: url("/html/pc/images/public/arrow_04.png");
	background-position: 1% 50%;
	background-repeat: no-repeat;
	line-height: 1.8em;
}


/* heading 1 */
.hd1 {
	width: 820px;
	margin: 5px auto 10px auto;
	padding: 2px 0px 2px 10px;
	border-width: 0px 0px 1px 10px;
	border-color: #4A780D;
	border-style: solid;
	color: #4A780D;
	font-size: 1.8em;
	font-weight: bold;
}
.hd1 a { color: #001751; }

.hd1s {
	color: #7F9A5B;
	font-size: 0.6em;
}

/* heading 2 */
.hd2 {
	width: 800px;
	height: 24px;
	margin: 10px 0px 10px 8px;
	padding: 3px 0px 0px 10px;
	border-width: 1px 5px 1px 5px;
	border-color: #204214;
	border-style: solid;
	/*border-left: 10px #001751 solid;
	border-bottom: 2px #001751 solid;
	border-top: 2px #001751 solid;
	border-right: 2px #001751 solid;*/
	background-color: #EAFEDB;
	/*background-image: url("/html/pc/images/public/hd2.png");
	background-repeat: no-repeat;*/
	color: #204214;
	font-size: 1.3em;
	font-weight: bold;
	overflow-x: auto;
}
.hd2 a { color: #204214; }
.hd2 a:hover { color: #74AA61; }

/* heading 3 */
.hd3 {
	width: 770px;
	margin: 10px 0px 10px 15px;
	padding: 0px;
	border-bottom: 1px #999999 solid;
	color: #333333;
	font-size: 1.3em;
	font-weight: bold;
}
.hd3 a { color: #333333; }

/* heading 3 for info */
.ihd3 {
	width: 760px;
	margin: 10px 0px 10px 12px;
	padding: 3px 10px 2px 32px;
	background-image: url("/html/pc/images/info/icon.png");
	background-position: 1% 50%;
	background-repeat: no-repeat;
	background-color: #E2E0C6;
	border: 1px #6A4B33 solid;
	color: #644005;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: middle;
}
.ihd3 a {
	color: #644005;
	text-decoration: none;
}
.ihd3 a:hover {
	color: #CC0033;
}

/* heading 4 */
.hd4 {
	width: 760px;
	margin: 0px 0px 10px 15px;
	padding: 3px 0px;
	background-color: #EEEEEE;
	border-top: 1px #666666 dotted;
	border-bottom: 1px #666666 dotted;
	color: #333333;
	font-size: 1.1em;
	font-weight: bold;
}

/* line */
.l1 {
	width: 830px;
	margin: 0px auto 20px auto;
	border-bottom: 3px #4F7492 dotted;
}

/* float left */
.left {
	margin-right: 10px;
	float:left;
}

/* IE6 clear tag revise */
.clear {
	margin: 0px;
	padding: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
}


/* page header */
#head {
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background-color: #61B4CF;
	/*background-image: url("/html/pc/images/head_bg.png");
	background-repeat: repeat-x;*/
	color: #FFFFFF;
	font-size: 0.9em;
}

#head2 {
	width: 860px;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	color: #FFFFFF;
	font-size: 0.9em;
	text-align: left;
}

#head-bg {
	width: 1120px;
	height: 160px;
	margin: 0px auto -160px auto;
	padding: 0px;
	/*position: relative;*/
	background-image: url("/html/pc/images/head-bg.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	zoom: 1;
	position: relative;
}

/* logo */
#logo {
	float: left;
}

#logo a {
	display: block;
	width: 195px;
	height: 50px;
	background-position: top;
	text-indent: -9999px;
	float: left;
	position: relative;
}

#logo a.lg {
	background: url("/html/pc/images/head_logo.png") 0px 0px;
}
#logo a.lg:hover {
	background: url("/html/pc/images/head_logo.png") 0px -50px;
}


/* head sub menu */
#sub_menu {
	width: 650px;
	margin: 0px auto;
	padding-top: 10px;
	float: left;
	position: relative;
}

#sub_menu a {
	display: block;
	height: 45px;
	background-position: top;
	text-indent: -9999px;
	float: left;
}

#sub_menu a.submenu_01 {
	width: 110px;
	margin-left: 290px;
	background: url("/html/pc/images/sub_menu.png") 0px 0px;
}
#sub_menu a.submenu_01:hover {
	background: url("/html/pc/images/sub_menu.png") 0px -45px;
}

#sub_menu a.submenu_02 {
	width: 110px;
	background: url("/html/pc/images/sub_menu.png") -110px 0px;
}
#sub_menu a.submenu_02:hover {
	background: url("/html/pc/images/sub_menu.png") -110px -45px;
}

#sub_menu a.submenu_03 {
	width: 140px;
	background: url("/html/pc/images/sub_menu.png") -385px 0px;
}
#sub_menu a.submenu_03:hover {
	background: url("/html/pc/images/sub_menu.png") -385px -45px;
}


/* main menu */
#menu {
	width: 880px;
	margin: 5px auto 0px auto;
	padding: 0px auto;

	position: relative;
}

#menu a {
	display: block;
	width: 172px;
	height: 42px;
	margin: 0px 2px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
	float: left;
}

#menu a.menu_01 {
	background: url("/html/pc/images/main_menu.png") 0px 0px;
}

#menu a.menu_01:hover {
	background: url("/html/pc/images/main_menu.png") 0px -42px;
}

#menu a.menu_02 {
	background: url("/html/pc/images/main_menu.png") -172px 0px;
}

#menu a.menu_02:hover {
	background: url("/html/pc/images/main_menu.png") -172px -42px;
}

#menu a.menu_03 {
	background: url("/html/pc/images/main_menu.png") -344px 0px;
}

#menu a.menu_03:hover {
	background: url("/html/pc/images/main_menu.png") -344px -42px;
}

#menu a.menu_04 {
	background: url("/html/pc/images/main_menu.png") -516px 0px;
}

#menu a.menu_04:hover {
	background: url("/html/pc/images/main_menu.png") -516px -42px;
}

#menu a.menu_05 {
	background: url("/html/pc/images/main_menu.png") -688px 0px;
}

#menu a.menu_05:hover {
	background: url("/html/pc/images/main_menu.png") -688px -42px;
}


/* centering */
.centering {
	width: 870px;
	margin: 0px auto;
	text-align: center;
	position: relative;
}

/* title images */
.ttl {
	width: 840px;
	margin: -10px auto 0px auto;
}


/* topic path */
#topic_path {
	width: 870px;
	margin: 8px 0px 0px 12px;
	padding: 0px;
	color: #EEEEEE;
	font-size: 0.8em;
	text-align: left;
}

#topic_path img {
	margin: 0px 5px;
	vertical-align: middle;
}

#topic_path a { 
	color: #FFFFFF;
	text-decoration: none;
}
#topic_path a:hover { color: #FFAA4A; }
#topic_path .current { color: #FFFFFF; }


/* main */
.main_head{
	width: 870px;
	height: 30px;
	margin: 5px auto 0px auto;
	padding: 0px;
	background-image: url(/html/pc/images/main_head.png);
	background-repeat: no-repeat;
	border-width: 1px 1px 0px 1px;
	border-color: #333333;
	border-style: solid;
}

.main_inside{
	width: 850px;
	margin: 0px auto;
	padding: 10px 10px 30px 10px;
	background-color: #FFFFFF;
	border: 1px #333333 solid;
	font-size: 0.9em;
	text-align: left;
}

.main_foot{
	width: 870px;
	height: 30px;
	margin: 0px auto 10px auto;
	padding: 0px;
	background-image: url(/html/pc/images/main_head.png);
	background-repeat: no-repeat;
	border-width: 0px 1px 1px 1px;
	border-color: #333333;
	border-style: solid;
}


/* small column */
.small_head {
	width: 490px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	background-image: url(/html/pc/images/small_head.png);
	background-repeat: no-repeat;
}

.small_inside {
	width: 490px;
	margin: 0px;
	padding: 0px;
	background-image: url(/html/pc/images/small_in.png);
	background-repeat: repeat-y;
}

.small_foot {
	width: 490px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url(/html/pc/images/small_foot.png);
	background-repeat: no-repeat;
}

/* large column */
.large_head {
	width: 870px;
	height: 32px;
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	border-top: 5px #4399E1 solid;
	/*border-right: 1px #081272 solid;*/
	border-bottom: 1px #4399E1 dashed;
	/*border-left: 1px #081272 solid;*/
	background-color: #FFFFFF;
	/*background-image: url(/html/pc/images/large_head.png);
	background-repeat: no-repeat;*/
}

.large_inside {
	width: 870px;
	margin: 0px auto;
	padding: 0px;
	border-width: 0px 0px 0px 0px;
	border-color: #081272;
	border-style: solid;
	/*background-color: #EEEEEE;
	background-image: url(/html/pc/images/large_in.png);
	background-repeat: repeat-y;*/
}

.large_foot {
	width: 870px;
	height: 15px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border-width: 0px 0px 0px 0px;
	border-color: #081272;
	border-style: solid;
	/*background-image: url(/html/pc/images/large_foot.png);
	background-repeat: no-repeat;*/
}

/* product */
.p-intro {
	height: 200px;
	margin-left: 10px;
	float: left;
}

.p-intro-r {
	width: 550px;
	height: 210px;
	margin: 10px 3px;
	padding: 0px;
	border: 1px #666 solid;
	background-image: url(/html/pc/images/product/recoder_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}
.p-intro-a {
	width: 550px;
	height: 210px;
	margin: 10px 3px;
	padding: 0px;
	border: 1px #666 solid;
	background-image: url(/html/pc/images/product/alkiller_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}
.p-intro-l {
	width: 550px;
	height: 210px;
	margin: 10px 3px;
	padding: 0px;
	border: 1px #666 solid;
	background-image: url(/html/pc/images/product/lock_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}


/* info bute */
.bute {
	margin-top: 20px;
	font-size:1.1em;
	text-align: center;
}

.bute-list {
	font-weight: bold;
}
.bute-list a {
	padding: 5px 10px;
	background-color: #EEEEEE;
	border: 1px #000000 solid;
	color: #0066CC;
	text-decoration: none;
}
.bute-list a:hover {
	background-color: #003399;
	border: 1px #000000 solid;
	color: #FFFFFF;
}
.current_page {
	padding: 5px 10px;
	background-color: #003399;
	border: 1px #000000 solid;
	color: #FFFFFF;
}


/* text decoration */
#strong-red {
	color: #CC0000;
	font-weight: bold;
}

#big-red {
	color: #CC0000;
	font-size: 1.5em;
	font-weight: bold;
}

#strong-blue {
	color: #3300FF;
	font-weight: bold;
}

#strong {
	color: #000022;
	font-weight: bold;
}

#strong2 {
	margin: 0px 10px;
	color: #000022;
	font-size: 1.2em;
	font-weight: bold;
}

#blue { color: #3300FF; }
#blue a { color: #3300FF; }

.small {
	font-size: 0.8em;
}

.sm	{
	color:#B57D41;
	font-size:0.9em;
	font-weight:normal; 
}


/* page inside link */
.in-link {
	width: 800px;
	margin: 5px 0px 20px 15px;
	padding: 5px 5px;
	border-top: 1px #666 solid;
	border-bottom: 1px #666 solid;
	/*border-top: 2px #000 dotted;
	border-bottom: 2px #000 dotted;
	background-color: #DDDDDD;*/
	font-weight: bold;
	text-align: left;
}
.in-link a 			{ color: #000000; }
.in-link a:link		{ color: #000000; }
.in-link a:visited	{ color: #000000; }
.in-link a:active	{ color: #000000; }
.in-link a:hover	{ color: #143DF9; }

.p_link {
	margin-right: 15px;
	padding-left: 20px;
	background-image: url(/html/pc/images/public/arrow_02.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #000000;
	font-size: 1.0em;
}


/* table font-size */
table {
	font-size: 1.0em;
}


table.c1 {
	margin:0px 0px 10px 10px;
	padding:0px;
	border-bottom:1px #985206 solid;
}
th.c1 {
	width:180px;
	height:50px;
	margin:0px;
	padding:10px 10px;
	background-color:#FFC281;
	border-width:1px 0px 0px 1px;
	border-color:#985206;
	border-style:solid;
	font-weight:bold;
	color:#985206;
	text-align:right;
	vertical-align:top;
}
td.c1 {
	width:580px;
	margin:0px;
	padding:10px 10px;
	background-color:#FFEAD4;
	border-width:1px 1px 0px 1px;
	border-color:#985206;
	border-style:solid;
	text-align:left;
	vertical-align:top;
}

/* table 2 */
.c2 table {
	margin:-8px 0px 20px 8px;
	padding:0px;
	border-width:0px 1px 1px 0px;
	border-color:#244E71;
	border-style:solid;
}
.c2 th {
	margin:0px;
	padding:5px 10px;
	background-color:#D9ECFC;
	border-width:1px 0px 0px 1px;
	border-color:#244E71;
	border-style:solid;
	font-weight:bold;
	color:#244E71;
	text-align:left;
}
.c2 th.c2t {
	background-color:#6E7B87;
	color:#FFFFFF;
}
.c2 td {
	margin:0px;
	padding:5px 10px;
	background-color:#FFFFFF;
	border-width:1px 0px 0px 1px;
	border-color:#244E71;
	border-style:solid;
	text-align:left;
	vertical-align:top;
}

/* table3 */
table {
	font-size: 1.0em;
}


table.c3 {
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
}
th.c3 {
	width:190px;
	height:40px;
	margin:0px;
	padding:10px 10px;
	background-color:#CCCCCC;
	border-width:1px;
	border-color:#333333;
	border-style:solid;
	font-weight:bold;
	color:#000000;
	text-align:left;
	vertical-align:top;
}
td.c3 {
	width:580px;
	margin:0px;
	padding:10px 10px;
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#333333;
	border-style:solid;
	text-align:left;
	vertical-align:top;
}

/* page up */
.up {
	margin: 20px 80px 0px 0px;
	text-align: right;
}

.up-inside {
	margin: 0px;
}

.up-inside a {
	display: block;
	width: 180px;
	height: 35px;
	background-position: top;
	font-size: 0.5em;
	text-indent: -9999px;
}
.up-inside a.tab {
	float: right;
	background: url("/html/pc/images/up.png") 0px 0px;
}
.up-inside a.tab:hover {
	background: url("/html/pc/images/up.png") 0px -35px;
}

/* footer */
#foot {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 15px 0px;
	background-color: #61B4CF;
	color: #FFFFFF;
	font-size: 0.9em;
	text-align:center;
}

#foot_small {
	margin: 15px 20px;
	color: #052F6D;
	font-size: 0.9em;
}

#foot a.foot_a			{ color: #FFFFFF; }
#foot a.foot_a:link		{ color: #FFFFFF; }	/* 8B */
#foot a.foot_a:visited	{ color: #FFFFFF; }	/* *O */
#foot a.foot_a:active	{ color: #FFFFFF; }	/* ��E�B */
#foot a.foot_a:hover	{ color: #FFCB00; }	/* ��ｦ�B */