@charset "UTF-8";

@import url(button.css);
@import url(navi_left.css);
@import url(navi_right.css);
@import url(mailmagazin.css);

/*:::INDEX:::

[1]COMMON
[2]HEADER
[3]GLOBAL_NAVI
[4]MAIN_CONTENTS
[5]PACKING_BOX
[6]LIST
[7]TABLE
[8]FORM
[9]ERROR
[10]NEWS
[11]CONTINUED
[12]FOOTER

*/

/*--[1]COMMON---------------------------------------------------*/

* {
color:#000 ;
font-size:small ;
line-height:160% ;
margin:0 ;
padding:0 ;
}

body {
}

img {
	border:0 ;
	vertical-align:text-bottom ;
	}

a:link		{ color:#000 ; text-decoration:underline ; } 
a:visited	{ color:#333 ; text-decoration:underline ; } 
a:hover		{ color:#666 ; text-decoration:underline ; }

.ClearFix:after {
	content:"" ;
	display:block ;
	clear:both ;
	}
.ClearFix { display:inline-block ; }
.ClearFix { display:block ; }

.Attention {
	color:#F00 ;
	}

#BigBOX {
	margin:0 auto ;
	width:980px ;
	}

.GoToTop {
	padding-bottom:20px ;
	text-align:right ;
	}

.GoToTop a {
	background:url(../images/icn_gototop.gif) no-repeat ;
	display:block ;
	float:right ;
	height:20px ;
	overflow:hidden ;
	text-indent:9999px ; 
	width:20px ;
	}
.GoToTop a:hover {
	background-position:0 -20px ;
	}

.BackTo {
	margin:20px auto ;
	text-align:center ;
	}
.BackTo a {
	background:url(../images/icn_arrow_02.gif) no-repeat left top ;
	padding-left:16px ;
	}
.BackTo a:hover {
	background-position:0 -20px ;
	}

.AtWork .innerPack {
	text-align:center ;
	}

/*--[2]HEADER---------------------------------------------------*/

#HeaderBOX {
	margin-bottom:5px ;
	margin-top:20px ;
 	}

	/*1.ROI_LOGO*/
	#HeaderBOX #LogoBOX a {
		background:url(../images/head_logo_roi.gif) no-repeat ;
		display:block ;
		float:left ;
		height:50px ;
		overflow:hidden ;
		text-indent:-99999px ;
		width:170px ;
		}

	/*2.TOP_MENU*/
	#HeaderMenu {
		display:table-cell ;
		height:50px ;
		position:relative ;
		text-align:right ;
		vertical-align:middle ;
		width:810px ;
		}
		#HeaderMenu ul {
			margin:0 ;
			padding:0 ;
			width:100% ;
			}

		#HeaderMenu li {
			display:inline ;
			font-weight:bold ;
			margin-left:15px ;
			white-space:nowrap ;
			}
		#HeaderMenu li a {
			text-decoration:none ;
			}
					/* For IE6 */
					*html #HeaderMenu {
						width:807px ;
						}
					*html #HeaderMenu ul{
						position:absolute;
						top:50%;
						left:50%;
						margin-top:expression("-"+this.offsetHeight/2+"px");
						margin-left:expression("-"+this.offsetWidth/2+"px");
						}
					/* For IE7 */
						*+html #HeaderMenu ul{
						position:absolute;
						top:50%;
						left:50%;
						margin-top:expression("-"+this.clientHeight/2+"px");
						margin-left:expression("-"+this.clientWidth/2+"px");
						}

/*--[3]GLOBAL_NAVI---------------------------------------------------*/

#GlobalNAVI {
	margin-bottom:20px ;
	}
	#GlobalNAVI li {
		float:left ;
		list-style:none ;
		text-indent:-99999px ;
		}
	#GlobalNAVI li a {
		background:url(../images/global_navi_100113.gif) no-repeat ;
		display:block ;
		height:45px ;
		overflow:hidden ;
		width:140px ;
		}
/*HOME*/
	#GlobalNAVI .Global-HOME a {
		}
	#GlobalNAVI .Global-HOME a:hover {
		background-position:0 -45px ;
		}
/*FANCREW*/
	#GlobalNAVI .Global-FANCREW a {
		background-position:-140px 0 ;
		}
	#GlobalNAVI .Global-FANCREW a:hover {
		background-position:-140px -45px ;
		}
/*GRURIZA*/
	#GlobalNAVI .Global-GRURIZA a {
		background-position:-280px 0 ;
		}
	#GlobalNAVI .Global-GRURIZA a:hover {
		background-position:-280px -45px ;
		}
/*SAMPLE*/
	#GlobalNAVI .Global-SAMPLE a {
		background-position:-420px 0 ;
		}
	#GlobalNAVI .Global-SAMPLE a:hover {
		background-position:-420px -45px ;
		}
/*PRICE*/
	#GlobalNAVI .Global-PRICE a {
		background-position:-560px 0 ;
		}
	#GlobalNAVI .Global-PRICE a:hover {
		background-position:-560px -45px ;
		}
/*COLUMN*/
	#GlobalNAVI .Global-COLUMN a {
		background-position:-700px 0 ;
		}
	#GlobalNAVI .Global-COLUMN a:hover {
		background-position:-700px -45px ;
		}
/*FAQ*/
	#GlobalNAVI .Global-FAQ a {
		background-position:-840px 0 ;
		}
	#GlobalNAVI .Global-FAQ a:hover {
		background-position:-840px -45px ;
		}

/*--[4]MAIN_CONTENTS---------------------------------------------------*/

#MainCONTAINER {}

	.TwoColumn #MainBOX {
		float:left ;
		width:740px ;
		}

	.ThreeColumn #LeftNAVI {
		float:left ;
		width:180px ;
		}

	.ThreeColumn #MainBOX {
		float:left ;
		width:560px ;
		}

/*ContentHEAD*/

#ContentHEAD {
	height:50px ;
	margin-bottom:15px ;
	width:560px ;
	}
#ContentHEAD h3 {
	text-indent:-99999px ;
	}

.ContentCATCH {
	margin-bottom:15px ;
	}

/*--[5]PACKING_BOX---------------------------------------------------*/

.PackingBOX {
	margin-bottom:20px ;
	}
	.Lv_3 {}
	.Lv_2 {}
	.PackingHEAD {}
/*						*html .PackingHEAD {
							margin-top:-5px ;
							}
*/
	/*Lv_2 HEAD*/
	.Lv_2 .PackingHEAD p {
		padding-top:5px ;
		color:#F93 ;
		font-size:medium ;
		font-weight:bold ;
		letter-spacing:0.2em ;
		}
	.Lv_2 .PackingHEAD p strong {
		color:#F93 ;
		font-size:large ;
		}

	/*Lv_3 HEAD*/
	.Lv_3 .PackingHEAD {
		background:url(../images/pack_lv3_head.gif) no-repeat right ;
		height:30px ;
		}

		.Lv_3 .PackingHEAD h3 {
			background:url(../images/pack_lv3_head_left.gif) no-repeat ;
			height:30px ;
			padding-left:15px ;
			padding-top:5px ;
			}
					*html .Lv_3 .PackingHEAD h3 {
						margin-top:5px ;
						}
					*html .News .PackingHEAD h3{
						margin-top:18px ;
						}

	/*PackingCatch*/
	.PackingCatch {
		margin:10px 0 ;
		}

	.PackingCatch h4 {
		border:1px solid #000 ;
		padding:5px 10px ;
		}
	.PackingCatch p {
		padding:5px 10px ;
		}

	/*PackingCASE HEAD*/
	.PackingCONTENT {
		padding-top:10px ;
		}
	.PackingCONTENT p {
		}

	/*Lv_3 CONTENT*/
	.TwoColumn .Lv_3 .PackingCONTENT {
		width:710px ;
		}
	.ThreeColumn .Lv_3 .PackingCONTENT {
		margin-left:15px ;
		width:530px ;
		}

.innerPack .innerPack-LEFT {
	float:left ;
	}
.innerPack .innerPack-RIGHT {
	float:right ;
	}

.innerPack .innerPack-BOTTOM {
	clear:both ;
	padding-top:10px ;
	}

.innerPack-BOTTOM .ReferenceBOX {
	border:1px solid #999 ;
	margin-top:10px ;
	padding:5px 0 ;
	}
	.innerPack-BOTTOM .ReferenceBOX .inner_Ref {
		margin:0 auto ;
		}

	.innerPack-BOTTOM .ReferenceBOX img {
		float:left ;
		margin-right:10px ;
		}
	.innerPack-BOTTOM .ReferenceBOX dl {
		float:right ;
		}
	.innerPack-BOTTOM .ReferenceBOX dt {
		font-weight:bold ;
		margin-bottom:5px ;
		}

/*--[6]LIST---------------------------------------------------*/

.List-Arrow03 {
	}
.List-Arrow03 dt {
	background:url(../images/icn_arrow_03.gif) no-repeat left top ;
	font-weight:bold ;
	padding-left:20px ;
	}
.List-Arrow03 dd {
	margin-bottom:1em ;
	padding-left:20px ;
	}
.List-Arrow03 li {
	list-style:none ;
	background:url(../images/icn_arrow_03.gif) no-repeat left top ;
	margin-bottom:10px ;
	padding-left:20px ;
	}

/*--[7]TABLE---------------------------------------------------*/

table {
	border-collapse:collapse ;
	}

th, td {
	padding:10px ;
	vertical-align:top ;
	}
th {
	text-align:left ;
	}
caption {
	margin-bottom:5px ;
	text-align:left ;
	}
table .Must {
	color:#666 ;
	font-size:x-small ;
	margin-left:5px ;
	}
th .Must {
	color:#333 ;
	}
td .Must {
	color:#666 ;
	}

/*Company*/
 .CoTable th {
	background:url(../images/icn_arrow_03.gif) no-repeat left 10px ;
	padding-left:20px ;
	width:120px ;
	 }

/*Deal*/
.DealTable {
	border-left:1px solid #999 ;
	border-top:1px solid #999 ;
	}

.TwoColumn .DealTable {
	width:710px ;
	}
.ThreeColumn .DealTable {
	width:530px ;
	}

.DealTable, .DealTable th, .DealTable td {
	border-bottom:1px solid #999 ;
	border-right:1px solid #999 ;
	}
.DealTable th {
	background:url(../images/table_line.gif) repeat-x ;
	background-color:#CCC ;
	font-weight:normal ;
	width:160px ;
	}

/*--[8]FORM---------------------------------------------------*/

.TxtInput-Short {
	height:18px ;
	margin-right:5px ;
	width:50px ;
	}
	.TxtInput-Other {
		height:18px ;
		margin-right:5px ;
		width:150px ;
		}

	.TxtInput-Tall {
		height:18px ;
		margin-right:5px ;
		}
		.TwoColumn .TxtInput-Tall {
			width:380px ;
			}
		.ThreeColumn .TxtInput-Tall {
			width:260px ;
			}

	.TxtArea-Tall {
		height:36px ;
		margin-right:5px ;
		}
		.TwoColumn .TxtArea-Tall {
			width:380px ;
			}
		.ThreeColumn .TxtArea-Tall {
			width:260px ;
			}

	.TxtArea-Grande {
		height:90px ;
		margin-right:5px ;
		}
		.TwoColumn .TxtArea-Grande {
			width:440px ;
			}
		.ThreeColumn .TxtArea-Grande {
			width:320px ;
			}

.TxtInput-Tall:focus, .TxtInput-Short:focus, .TxtArea-Tall:focus, .TxtArea-Grande:focus {
	background-color:#EEE ;
	}

.DealTable td th, .DealTable td td {
	border:none ;
	padding:5px ;
	}

/*--[9]ERROR---------------------------------------------------*/

.ErrorBOX {
	background-color:#FFF3F3 ;
 	border:1px solid #F00 ;
	margin-bottom:10px ;
	}
	.innerError {
		background:url(../images/error_icon.gif) no-repeat left 3px ;
		color:#F00 ;
		font-weight:bold ;
		margin:10px ;
		padding-left:20px ;
		}

/*--[10]NEWS---------------------------------------------------*/

.TwoColumn .News .innerPack {
	height:280px ;
	overflow:auto ;
	}
.News ul {
	margin-bottom:10px ;
	}
.News li {
	list-style:none ;
	padding-bottom:3px ;
	padding-left:96px ;
	}
.News .Icn-Kigyou {
	background:url(../images/news_icn_kigyou.gif) no-repeat left top ;
	}
.News .Icn-Press {
	background:url(../images/news_icn_press.gif) no-repeat left top ;
	}
.News .Icn-Seminar {
	background:url(../images/news_icn_seminar.gif) no-repeat left top ;
	}
.News .Icn-Keisai {
	background:url(../images/news_icn_keisai.gif) no-repeat left top ;
	}

.News a:link		{ color:#00F ; text-decoration:underline ; font-weight:bold ; } 
.News a:visited	{ color:#66F ; text-decoration:underline ; font-weight:bold ; } 
.News a:hover		{ color:#99F ; text-decoration:underline ; font-weight:bold ; }

	/*ForBLOG*/
	.News h3 {
	margin-bottom:10px ;
	padding-bottom:3px ;
	padding-left:96px ;
	}

/*--[11]CONTINUED---------------------------------------------------*/
.innerPack .Continued {
	background:url(../images/icn_arrow_01.gif) no-repeat right 1px ;
	font-size:x-small ;
	margin:5px 0 5px 9px ;
	padding:2px 18px 2px 0 ;
	}

/*--[12]FOOTER---------------------------------------------------*/

#FooterBOX {
	border-top:1px solid #999 ;
	margin-top:30px ;
	padding:20px 0 ;
	text-align:center ;
	}

	#FooterBOX ul {
		border-right:1px solid #666 ;
		display:inline ;
		}

	#FooterBOX li {
		border-left:1px solid #666 ;
		display:inline ;
		list-style:none ;
		padding:2px 10px ;
		}

	#FooterBOX .Copyright {
		color:#333 ;
		font-size:x-small ;
		margin:20px 0 ;
		}